Skip to content

Commit

Permalink
[core] Replace MUI Base with Base UI (#36716)
Browse files Browse the repository at this point in the history
  • Loading branch information
mnajdova authored Apr 6, 2023
1 parent fd81487 commit 9f5ae34
Show file tree
Hide file tree
Showing 80 changed files with 246 additions and 246 deletions.
44 changes: 22 additions & 22 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -190,12 +190,12 @@ _Mar 14, 2023_

A big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:

- @michaldudak added an option for [disabling the generation](https://mui.com/base/getting-started/customization/#disabling-default-css-classes) of the default classes in MUI Base (#35963)
- @michaldudak added an option for [disabling the generation](https://mui.com/base/getting-started/customization/#disabling-default-css-classes) of the default classes in Base UI (#35963)
- other 🐛 bug fixes and 📚 documentation improvements.

### `@mui/[email protected]`

- &#8203;<!-- 13 -->[core] Bump MUI Base's version in Material UI (#36492) @hbjORbj
- &#8203;<!-- 13 -->[core] Bump Base UI's version in Material UI (#36492) @hbjORbj
- &#8203;<!-- 17 -->[material] Export `shouldSkipGeneratingVar` from Material UI (#36489) @siriwatknp
- &#8203;<!-- 06 -->[Typography] Apply font properties to typography inherit variant (#33621) @oyar99

Expand Down Expand Up @@ -345,7 +345,7 @@ A big thanks to the 17 contributors who made this release possible. Here are som
- &#8203;<!-- 23 -->[docs] Add instructions for deploying docs without a release (#36301) @cherniavskii
- &#8203;<!-- 22 -->[docs] Fix 301 redirections on the docs @oliviertassinari
- &#8203;<!-- 21 -->[docs] Update MUI X banner to reflect stable release (#36354) @MBilalShafi
- &#8203;<!-- 20 -->[docs] Clarify the future plan for integrating MUI Base in Material UI (#36365) @mnajdova
- &#8203;<!-- 20 -->[docs] Clarify the future plan for integrating Base UI in Material UI (#36365) @mnajdova
- &#8203;<!-- 19 -->[docs] Improve visual look of loose lists (#36190) @oliviertassinari
- &#8203;<!-- 18 -->[docs] Fix @mui/styles example links (#36331) @oliviertassinari
- &#8203;<!-- 17 -->[docs][joy] Build TS versions for List component demos (#36382) @sai6855
Expand Down Expand Up @@ -375,7 +375,7 @@ _Feb 27, 2023_

A big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:

- 📚 added API documentation for the slots in MUI Base and Joy UI by @hbjORbj, for e.g. [SliderUnstyled API](https://mui.com/base/api/slider-unstyled/#slots)
- 📚 added API documentation for the slots in Base UI and Joy UI by @hbjORbj, for e.g. [SliderUnstyled API](https://mui.com/base/api/slider-unstyled/#slots)
- other 🐛 bug fixes and 📚 documentation improvements.

### `@mui/[email protected]`
Expand Down Expand Up @@ -612,7 +612,7 @@ A big thanks to the 14 contributors who made this release possible. Here are som
- &#8203;<!-- 16 -->[docs] Improve inline preview's information (#35974) @oliviertassinari
- &#8203;<!-- 15 -->[docs] Fix wrong v5 migration instructions (#36022) @oliviertassinari
- &#8203;<!-- 14 -->[docs] Fix autocomplete render group key warning in the demo (#36025) @chuanyu0201
- &#8203;<!-- 13 -->[docs] Add hooks API pages for MUI Base (#35828) @mnajdova
- &#8203;<!-- 13 -->[docs] Add hooks API pages for Base UI (#35828) @mnajdova
- &#8203;<!-- 12 -->[docs] Fix grammar typo (#36016) @alexownejazayeri
- &#8203;<!-- 11 -->[docs][joy] Add JSDoc for the `AutocompleteProps` type (#36039) @ArthurPedroti

Expand Down Expand Up @@ -828,7 +828,7 @@ This release was mostly about 🐛 bug fixes and 📚 documentation improvements

- [docs] Improve pickers lab migration stressing `mui-x` usage (#35740) @LukasTy
- [docs] Fix incorrectly named AccessibleTable demo component (#35832) @HeVictor
- [docs] Clarify where to find docs for MUI Base components in Material UI (#35799) @samuelsycamore
- [docs] Clarify where to find docs for Base UI components in Material UI (#35799) @samuelsycamore
- [docs] Fix typos (#35814) @alexfauquette
- [docs] Revise and expand the Joy UI Card page (#35745) @samuelsycamore
- [docs] Fix navigation layout shift (#35679) @oliviertassinari
Expand Down Expand Up @@ -939,7 +939,7 @@ _Dec 26, 2022_

A big thanks to the 20 contributors who made this release possible. Here are some highlights ✨:

- ⚙️ Several MUI Base components were converted to TypeScript by @trizotti, @leventdeniz and @danhuynhdev (#35005, #34793, #34771)
- ⚙️ Several Base UI components were converted to TypeScript by @trizotti, @leventdeniz and @danhuynhdev (#35005, #34793, #34771)
- Many other 🐛 bug fixes abd 📚 documentation improvements.

### `@mui/[email protected]`
Expand Down Expand Up @@ -1116,7 +1116,7 @@ A big thanks to the 19 contributors who made this release possible. Here are som
- [docs] Refactor `ToggleButtonSizes` demo (#35375) @Armanio
- [docs] Standardize the usage of callouts in the MUI Core docs (#35361) @samuelsycamore
- [docs] Format feedback to add a link to the commented section (#35381) @alexfauquette
- [docs] Direct users from Material UI to MUI Base for duplicated components (#35293) @samuelsycamore
- [docs] Direct users from Material UI to Base UI for duplicated components (#35293) @samuelsycamore
- [docs] Fix typo in FormControl API docs (#35449) @Spanishiwa
- [docs] Update callouts design (#35390) @danilo-leal
- [website] New wave of open roles (#35240) @mnajdova
Expand Down Expand Up @@ -1191,7 +1191,7 @@ A big thanks to the 15 contributors who made this release possible. Here are som
- &#8203;<!-- 14 -->[docs] Improve the autogenerated "Unstyled" and "API" text (#35185) @samuelsycamore
- &#8203;<!-- 13 -->[docs] Fix ad margin on API pages (#35201) @oliviertassinari
- &#8203;<!-- 12 -->[docs] Revise and expand the Joy UI "Badge" page (#35199) @samuelsycamore
- &#8203;<!-- 11 -->[docs] Update MUI Base docs with latest style conventions (#35034) @samuelsycamore
- &#8203;<!-- 11 -->[docs] Update Base UI docs with latest style conventions (#35034) @samuelsycamore
- &#8203;<!-- 09 -->[l10n] Improve Chinese (Taiwan) zh-TW locale (#35328) @happyincent
- &#8203;<!-- 02 -->[website] Update MUI stats: GitHub stars, Twitter followers, etc. (#35318) @nomandhoni-cs

Expand Down Expand Up @@ -1524,7 +1524,7 @@ _Oct 25, 2022_

A big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:

- 🔧 Moved `components` to `slots` prop starting at MUI Base to create consistency across products
- 🔧 Moved `components` to `slots` prop starting at Base UI to create consistency across products
- Many other 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements

### `@mui/[email protected]`
Expand Down Expand Up @@ -1606,7 +1606,7 @@ A big thanks to the 21 contributors who made this release possible. Here are som

- 🖌 Thanks to the efforts of @bharatkashyap and @nihgwu, we now have editable demos across our docs (#34454)!
- 🚀 The Tooltip component has been added to Joy UI by @hbjORbj (#34509).
- ⚙️ We started converting the remaining JS components in MUI Base to TypeScript.
- ⚙️ We started converting the remaining JS components in Base UI to TypeScript.
@mbayucot finished the first PR with the conversion of the NoSsr code (#34735).
- And more 🐛 bug fixes and 📚 documentation improvements.

Expand Down Expand Up @@ -1737,7 +1737,7 @@ _Oct 3, 2022_

A big thanks to the 18 contributors who made this release possible. Here are some highlights ✨:

- 🚀 [SnackbarUnstyled](https://mui.com/base/react-snackbar/) component & headless hook are added to MUI Base (#33227) @ZeeshanTamboli
- 🚀 [SnackbarUnstyled](https://mui.com/base/react-snackbar/) component & headless hook are added to Base UI (#33227) @ZeeshanTamboli
- 📚 [CSS variables documentation](https://mui.com/material-ui/experimental-api/css-theme-variables/overview/) for Material UI has been added by @siriwatknp (#33958)
- And more 🐛 bug fixes and 📚 documentation improvements.

Expand Down Expand Up @@ -1839,7 +1839,7 @@ A big thanks to the 21 contributors who made this release possible. Here are som

### Docs

- [blog] MUI Base announcement typo fixed (#34409) @prakhargupta1
- [blog] Base UI announcement typo fixed (#34409) @prakhargupta1
- [blog] Fix typo in date-pickers v5 stable (#34386) @alexfauquette
- [blog] Update date on date pickers v5 release blog post (#34406) @joserodolfofreitas
- [docs] Update `useMenu` and `useMenuItem` hooks demo (#34166) @ZeeshanTamboli
Expand Down Expand Up @@ -1925,7 +1925,7 @@ This release was mostly about 🐛 bug fixes and 📚 documentation improvements
- [docs] Fix 301 link to external projects @oliviertassinari
- [docs] Move 12 component names to Title Case (#34188) @oliviertassinari
- [docs] Fix broken links (#34320) @alexfauquette
- [docs] Add notification for MUI Base announcement post (#34295) @samuelsycamore
- [docs] Add notification for Base UI announcement post (#34295) @samuelsycamore
- [website] Fix MUI X subscribe email border style (#34330) @oliviertassinari
- [website] Improve security header @oliviertassinari

Expand All @@ -1946,7 +1946,7 @@ _Sep 12, 2022_

A big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:

- 🚀 [Blog post](https://mui.com/blog/introducing-mui-base/) for announcing the release of the MUI Base package is out thanks to @michaldudak.
- 🚀 [Blog post](https://mui.com/blog/introducing-mui-base/) for announcing the release of the Base UI package is out thanks to @michaldudak.
- 🚀 Added [`Alert`](https://mui.com/joy-ui/react-alert/), [`Modal`](https://mui.com/joy-ui/react-modal/), [`ListSubheader`](https://mui.com/joy-ui/react-list-subheader/), [`FormControl`](https://mui.com/joy-ui/react-form-control/), [`CircularProgress`](https://mui.com/joy-ui/react-circular-progress/) components to Joy UI (#33859) @hbjORbj @siriwatknp
- And more 🐛 bug fixes and 📚 documentation improvements.

Expand All @@ -1969,7 +1969,7 @@ A big thanks to the 12 contributors who made this release possible. Here are som

### Docs

- &#8203;<!-- 16 -->[blog] Introducing MUI Base (#33778) @michaldudak
- &#8203;<!-- 16 -->[blog] Introducing Base UI (#33778) @michaldudak
- &#8203;<!-- 13 -->[docs] Fix spelling error (#34209) @ChrystianDeMatos
- &#8203;<!-- 12 -->[docs] Improve link to the security policy (#34219) @oliviertassinari
- &#8203;<!-- 11 -->[docs] Fix typo in Joy UI's `Usage` docs (#34200) @zillion504
Expand Down Expand Up @@ -2524,7 +2524,7 @@ A big thanks to the 19 contributors who made this release possible. Here are som
- [docs] Add "refine" demo to showcase (#33240) @omeraplak
- [docs] Add webpack alias for legacy utils package (#33376) @jgbae
- [docs] Improve external link icons synonyms (#33257) @davidgarciab
- [examples] Update MUI Base with Tailwind CSS to use the latest versions of the dependencies (#33401) @mnajdova
- [examples] Update Base UI with Tailwind CSS to use the latest versions of the dependencies (#33401) @mnajdova
- [examples] Add MUI base example (#33154) @siriwatknp

### Core
Expand Down Expand Up @@ -2698,7 +2698,7 @@ A big thanks to the 14 contributors who made this release possible. Here are som
- &#8203;<!-- 28 -->[blog] Update Blogpost to clear confusion on "no impact" disclaimer. (#33131) @joserodolfofreitas
- &#8203;<!-- 27 -->[blog] Add post about v5 Migration guide update (#33063) @samuelsycamore
- &#8203;<!-- 26 -->[blog] Fix display on Safari (#33102) @oliviertassinari
- &#8203;<!-- 18 -->[docs] Add guide on how to use MUI Base with Tailwind CSS (#33100) @mnajdova
- &#8203;<!-- 18 -->[docs] Add guide on how to use Base UI with Tailwind CSS (#33100) @mnajdova
- &#8203;<!-- 17 -->[docs] Improve Joy template UX (#33159) @siriwatknp
- &#8203;<!-- 16 -->[docs] Update Shadow DOM guide (#33160) @cherniavskii
- &#8203;<!-- 15 -->[docs] Fix SEO regressions (#33106) @oliviertassinari
Expand Down Expand Up @@ -2776,7 +2776,7 @@ A big thanks to the 24 contributors who made this release possible. Here are som
- &#8203;<!-- 31 -->[docs] Move codesandbox to MUI org (#33122) @oliviertassinari
- &#8203;<!-- 30 -->[docs] Add Shadow DOM guide (#33007) @cherniavskii
- &#8203;<!-- 29 -->[docs] Fix typo in Material UI overview page (#33087) @oliviertassinari
- &#8203;<!-- 28 -->[docs] Miscellaneous fixes in `MUI Base` docs (#33091) @ZeeshanTamboli
- &#8203;<!-- 28 -->[docs] Miscellaneous fixes in `Base UI` docs (#33091) @ZeeshanTamboli
- &#8203;<!-- 27 -->[docs] Fix GitHub capitalization (#33071) @oliviertassinari
- &#8203;<!-- 26 -->[docs] Fix a typo in `InputUnstyled` docs (#33077) @ZeeshanTamboli
- &#8203;<!-- 25 -->[docs] Add notification for Joy blog post (#33059) @siriwatknp
Expand Down Expand Up @@ -3212,7 +3212,7 @@ A big thanks to the 13 contributors who made this release possible. Here are som
- &#8203;<!-- 24 -->[docs] Base Button style revisions and final review (#32380) @samuelsycamore
- &#8203;<!-- 23 -->[docs] Base NoSsr style revisions and final review (#32254) @samuelsycamore
- &#8203;<!-- 22 -->[docs] Correctly capitalize Ctrl @oliviertassinari
- &#8203;<!-- 21 -->[docs] Fix styling in `Basic Popper` demo on the MUI Base docs (#32488) @ZeeshanTamboli
- &#8203;<!-- 21 -->[docs] Fix styling in `Basic Popper` demo on the Base UI docs (#32488) @ZeeshanTamboli
- &#8203;<!-- 20 -->[docs] Add "Overview" page to Base docs (#32310) @samuelsycamore
- &#8203;<!-- 19 -->[docs] Add copy button to code block (#32390) @siriwatknp
- &#8203;<!-- 18 -->[docs] Base Tabs style revisions and final review (#32423) @samuelsycamore
Expand Down Expand Up @@ -3466,7 +3466,7 @@ A big thanks to the 15 contributors who made this release possible. Here are som

- &#8203;<!-- 28 -->[core] Update peer deps to support React 18 (#32063) @eps1lon
- &#8203;<!-- 27 -->[core] Fix running docs:api on Windows (#32091) @michaldudak
- &#8203;<!-- 26 -->[core] Fix api build script for MUI Base (#32081) @siriwatknp
- &#8203;<!-- 26 -->[core] Fix api build script for Base UI (#32081) @siriwatknp

All contributors of this release in alphabetical order: @apeltop, @eps1lon, @flaviendelangle, @garronej, @ivan-ngchakming, @m4theushw, @MatthijsMud, @michaldudak, @mnajdova, @oliviertassinari, @psjishnu, @raigoinabox, @samuelsycamore, @siriwatknp, @TkaczykAdam

Expand Down Expand Up @@ -3693,7 +3693,7 @@ A big thanks to the 16 contributors who made this release possible. Here are som

- &#8203;<!-- 24 -->[ClassNameGenerator] Prevent all `base` imports (#31297) @siriwatknp

`unstable_ClassNameGenerator` has been moved from `utils` to `className` folder to prevent all MUI Base module imports. If you use the module, please update the import as suggested in the diff below:
`unstable_ClassNameGenerator` has been moved from `utils` to `className` folder to prevent all Base UI module imports. If you use the module, please update the import as suggested in the diff below:

```diff
-import { unstable_ClassNameGenerator } from '@mui/material/utils';
Expand Down
10 changes: 5 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@

- [_Joy UI_](https://mui.com/joy-ui/getting-started/overview/) is a beautifully designed library of React UI components.

- [_MUI Base_](https://mui.com/base/getting-started/overview/) is our library of "unstyled" components and low-level hooks. With Base, you gain complete control over your app's CSS and accessibility features.
- [_Base UI_](https://mui.com/base/getting-started/overview/) is our library of "unstyled" components and low-level hooks. With Base, you gain complete control over your app's CSS and accessibility features.

- [_MUI System_](https://mui.com/system/getting-started/overview/) is a collection of CSS utilities to help you rapidly lay out custom designs.

Expand Down Expand Up @@ -63,9 +63,9 @@ yarn add @mui/material @emotion/react @emotion/styled
**Note:** `@next` only points to pre-releases.
Use `@latest` for the latest stable release.

### MUI Base
### Base UI

MUI Base is available as an [npm package](https://www.npmjs.com/package/@mui/base).
Base UI is available as an [npm package](https://www.npmjs.com/package/@mui/base).

**npm:**

Expand All @@ -79,7 +79,7 @@ npm install @mui/base
yarn add @mui/base
```

**Note**: MUI Base is still in alpha.
**Note**: Base UI is still in alpha.
We are adding new components regularly and you're welcome to contribute!

### MUI System
Expand Down Expand Up @@ -180,7 +180,7 @@ Our documentation features [a collection of example projects using Material UI](

- [Material UI](https://mui.com/material-ui/getting-started/overview/)
- [Joy UI](https://mui.com/joy-ui/getting-started/overview/)
- [MUI Base](https://mui.com/base/getting-started/overview/)
- [Base UI](https://mui.com/base/getting-started/overview/)
- [MUI System](https://mui.com/system/getting-started/overview/)

## Premium themes
Expand Down
2 changes: 1 addition & 1 deletion docs/data/base/components/button/button-pt.md
Original file line number Diff line number Diff line change
Expand Up @@ -133,7 +133,7 @@ The `focusableWhenDisabled` prop lets you change this behavior. When this prop i

This should be used whenever the disabled button needs to be read by screen readers.

MUI Base uses this prop internally in [menu items](/base/react-menu/), making it possible to use the keyboard to navigate to disabled items (in compliance with [ARIA guidelines](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#x6-7-focusability-of-disabled-controls)).
Base UI uses this prop internally in [menu items](/base/react-menu/), making it possible to use the keyboard to navigate to disabled items (in compliance with [ARIA guidelines](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#x6-7-focusability-of-disabled-controls)).

The following demo shows how the `focusableWhenDisabled` prop works—use the <kbd class="key">Tab</kbd> key to navigate within this document to see that only the second button accepts the focus:

Expand Down
2 changes: 1 addition & 1 deletion docs/data/base/components/button/button-zh.md
Original file line number Diff line number Diff line change
Expand Up @@ -133,7 +133,7 @@ The `focusableWhenDisabled` prop lets you change this behavior. When this prop i

This should be used whenever the disabled button needs to be read by screen readers.

MUI Base uses this prop internally in [menu items](/base/react-menu/), making it possible to use the keyboard to navigate to disabled items (in compliance with [ARIA guidelines](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#x6-7-focusability-of-disabled-controls)).
Base UI uses this prop internally in [menu items](/base/react-menu/), making it possible to use the keyboard to navigate to disabled items (in compliance with [ARIA guidelines](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#x6-7-focusability-of-disabled-controls)).

The following demo shows how the `focusableWhenDisabled` prop works—use the <kbd class="key">Tab</kbd> key to navigate within this document to see that only the second button accepts the focus:

Expand Down
2 changes: 1 addition & 1 deletion docs/data/base/components/button/button.md
Original file line number Diff line number Diff line change
Expand Up @@ -127,7 +127,7 @@ Instead, `aria-disabled` is used, which makes the button focusable.

This should be used whenever the disabled button needs to be read by screen readers.

MUI Base uses this prop internally in [menu items](/base/react-menu/), making it possible to use the keyboard to navigate to disabled items (in compliance with [ARIA guidelines](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#x6-7-focusability-of-disabled-controls)).
Base UI uses this prop internally in [menu items](/base/react-menu/), making it possible to use the keyboard to navigate to disabled items (in compliance with [ARIA guidelines](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#x6-7-focusability-of-disabled-controls)).

The following demo shows how the `focusableWhenDisabled` prop works—use the <kbd class="key">Tab</kbd> key to navigate within this document to see that only the second button accepts the focus:

Expand Down
2 changes: 1 addition & 1 deletion docs/data/base/components/select/select-pt.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-sel

A select is a UI element that gives users a list of options to choose from.

MUI Base offers two components to replace the native HTML `<select>` tag: `SelectUnstyled` and `MultiSelectUnstyled`. It also includes `OptionUnstyled` for creating the options on the list, and `OptionGroupUnstyled` for grouping those options.
Base UI offers two components to replace the native HTML `<select>` tag: `SelectUnstyled` and `MultiSelectUnstyled`. It also includes `OptionUnstyled` for creating the options on the list, and `OptionGroupUnstyled` for grouping those options.

### Features

Expand Down
2 changes: 1 addition & 1 deletion docs/data/base/components/select/select-zh.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-sel

A select is a UI element that gives users a list of options to choose from.

MUI Base offers two components to replace the native HTML `<select>` tag: `SelectUnstyled` and `MultiSelectUnstyled`. It also includes `OptionUnstyled` for creating the options on the list, and `OptionGroupUnstyled` for grouping those options.
Base UI offers two components to replace the native HTML `<select>` tag: `SelectUnstyled` and `MultiSelectUnstyled`. It also includes `OptionUnstyled` for creating the options on the list, and `OptionGroupUnstyled` for grouping those options.

### Features

Expand Down
Loading

0 comments on commit 9f5ae34

Please sign in to comment.