@mui/material
Version:
React components that implement Google's Material Design.
968 lines (691 loc) • 605 kB
Markdown
# [Versions](https://mui.com/versions/)
## 5.13.3
<!-- generated comparing v5.13.2..master -->
_May 29, 2023_
A big thanks to the 15 contributors who made this release possible.
This release focuses primarily on 🐛 bug fixes and 📚 documentation improvements.
### `@mui/material@5.13.3
- ​<!-- 22 -->[Autocomplete] Accept external Listbox ref (#37325) @sai6855
- ​<!-- 06 -->[Modal] Pass `className` from `BackdropProps` (#37399) @hbjORbj
### `@mui/base@5.0.0-beta.3`
- ​<!-- 20 -->[base] Maintain nodes document order in compound components (#36857) @michaldudak
- ​<!-- 19 -->[base][joy] Prevent persisting hover state styles onclick on mobile (#36704) @gitstart
- ​<!-- 18 -->[Menu][base] MenuItem as a link does not work (#37242) @nicolas-ot
- ​<!-- 17 -->[MenuItem][Base] Pass idGenerator function (#37364) @sai6855
- ​<!-- 16 -->[Slider][Base] Add Vertical slider demo (#37357) @sai6855
### `@mui/joy@5.0.0-alpha.82`
- ​<!-- 23 -->[Select][joy] Fix popup does not close (#37435) @siriwatknp
- ​<!-- 21 -->[Badge][Joy] Fix `slots` element type in API docs (#37329) @zignis
- ​<!-- 04 -->[Select] [joy] Handle long text content (#37289) @akash191095
- ​<!-- 07 -->[Tooltip][Joy] Interactive doesn't work (#37159) @nicolas-ot
### `@mui/codemod@5.13.3
- ​<!-- 05 -->[mui-codemod] Add missing script to README (#37377) @hbjORbj
### Docs
- ​<!-- 14 -->[docs] Clarify Hidden down props as exclusive (#36927) @canac
- ​<!-- 13 -->[docs] Add refine to Material UI "Related projects" and "More advanced example projects" pages (#37308) @necatiozmen
- ​<!-- 12 -->[docs] Remove todo link from sidebar (#37373) @brijeshb42
- ​<!-- 11 -->[docs] Clarify the peer dependency with react (#37360) @oliviertassinari
- ​<!-- 10 -->[docs] Divider vertical middle prop migration (#36840) @JhonnK08
- ​<!-- 09 -->[docs] Fix branding theme tabs and navigation bar regressions (#37362) @ZeeshanTamboli
- ​<!-- 08 -->[docs-infra] Throw on incorrect internal links (#37326) @oliviertassinari
### Core
- ​<!-- 15 -->[core] Include scoped JSX namespace when resolving props (#37404) @LukasTy
- ​<!-- 03 -->[test][useMediaQuery] Change SSR test description (#37403) @zignis
- ​<!-- 02 -->[website] Sync with Ashby @oliviertassinari
- ​<!-- 01 -->[website] Add David to about page (#37379) @DavidCnoops
All contributors of this release in alphabetical order: @akash191095, @brijeshb42, @canac, @DavidCnoops, @gitstart, @hbjORbj, @JhonnK08, @LukasTy, @michaldudak, @necatiozmen, @nicolas-ot, @oliviertassinari, @sai6855, @ZeeshanTamboli, @zignis
## 5.13.2
<!-- generated comparing v5.13.1..master -->
_May 22, 2023_
A big thanks to the 12 contributors who made this release possible.
📚 This release focuses primarily on documentation improvements.
### `@mui/material@5.13.2
- [Slider] Tooltip positioning fixed for vertical slider (#37049) @PunitSoniME
### Docs
- [docs][base] Remove default annotations from useTabsList return type (#37324) @TinaSay
- [docs][base] Remove default annotations from useTabPanel return type (#37323) @TinaSay
- [docs][base] Remove default annotations from useSwitch return type (#37322) @TinaSay
- [docs][base] Remove default annotations from useInput return type (#37321) @TinaSay
- [docs][base] Remove default annotations from useAutocomplete return type (#37320) @TinaSay
- [docs][base] Remove default annotations from useBadge's return type (#37313) @TinaSay
- [docs][base] Remove default annotations from useButton's return type (#37312) @TinaSay
- [docs][base] Remove default annotations from useSlider's return type (#37309) @TinaSay
- [docs] Remove Material UI's "Languages" page (#37314) @danilo-leal
- [docs] Prefer to link GitHub repository @oliviertassinari
- [docs] Move product versions to page context (#35078) @m4theushw
- [docs] Fix v5 migration npm install instruction (#37293) @oliviertassinari
- [docs][Tab] Add vertical tabs demo (#37292) @sai6855
- [docs][Transitions] Fix typo in code sample (#37300) @alexfauquette
- [examples] Remove `@babel/plugin-proposal-class-properties` from Material-Express-SSR example (#37305) @ZeeshanTamboli
- [Website] Add Brijesh to About page (#37318) @brijeshb42
- [website] Update pricing table (#37290) @cherniavskii
- [website] Update core open roles (#37224) @mnajdova
### Core
- Revert "[core] Remove outdated babel proposal plugins (#36795)" (#37331) @michaldudak
- [core] Move esmExternals to the shared next config (#37332) @michaldudak
All contributors of this release in alphabetical order: @alexfauquette, @brijeshb42, @cherniavskii, @danilo-leal, @m4theushw, @michaldudak, @mnajdova, @oliviertassinari, @PunitSoniME, @sai6855, @TinaSay, @ZeeshanTamboli
## 5.13.1
<!-- generated comparing v5.13.0..master -->
_May 16, 2023_
A big thanks to the 25 contributors who made this release possible. Here are some highlights ✨:
- 🌏 Added Central Myanmar (my-MY), Malay (ms-MS), Nepali (ne-NP), Tagalog (tl-TL) locales (#37017) @cccEric
- 🐛 bug fixes and 📚 documentation improvements.
### `@mui/material@5.13.1`
- [Autocomplete] Allow tooltip text selection (#36503) @safeamiiir
- [Dialog] Fixed broken dialog when using maxWidth="xs" and custom breakpoint unit (#37237) @jguddas
- [l10n] Add Central Myanmar (my-MY), Malay (ms-MS), Nepali (ne-NP), Tagalog (tl-TL) locales (#37017) @cccEric
### `@mui/utils@5.13.1`
- [utils] Fix downstream bundlers remove React 17 useId compatibility (#37183) @nickiaconis
### `@mui/base@5.0.0-beta.1`
- [Select][base] Keep focus on the trigger element when listbox is open (#37244) @michaldudak
### `@mui/joy@5.0.0-alpha.80`
- [Autocomplete] Fixed scroll into view (#37217) @sai6855
- [AutocompleteOption][Avatar] js test replaced with ts test (#37088) @PunitSoniME
- [Breadcrumbs] Replace js-tests with ts-tests (#37107) @mauwaz
- [RadioGroup] Turn JS test to TS test (#37138) @uuxxx
- [SvgIcon] Turn JS test to TS test (#37151) @nicolas-ot
- [Tooltip] Turn JS test to TS test (#37149) @nicolas-ot
- [Typography] Convert Typography test to TypeScript (#37165) @DerTimonius
- [Sheet][Slider][Stack][Switch] Replace js-tests with ts-tests (#37139) @mauwaz
- Miscellaneous fixes (#37274) @siriwatknp
### Docs
- [docs] Remove upload button (#36844) @Bastian
- [docs] Update link to overriding component structure guide (#36870) @hbjORbj
- [docs] Fix Material Design templates (#37187) @oliviertassinari
- [docs] Fix link to Joy UI GitHub issues @oliviertassinari
- [docs] Show default value for `filterOptions` prop in Autocomplete's API docs (#37230) @ZeeshanTamboli
- [docs] Add summary and improve `test_static` CI doc in CONTRIBUTING readme file (#36711) @kriskw1999
- [docs] Update theme customization typescript (#35551) @siriwatknp
- [docs] Add Joy Frames X web blocks template (#37203) @siriwatknp
- [docs] Change Base UI `alpha` to `beta` in README (#37228) @ZeeshanTamboli
- [docs] Improve Base UI overview page (#37227) @mnajdova
- [docs] Update Joy + Material guide (#36911) @cherniavskii
### Core
- [core] Remove `toEqualDateTime` chai matcher (#37073) @flaviendelangle
- [core] Check dependency cycles inside packages directory only (#37223) @michaldudak
- [core] Remove outdated babel proposal plugins (#36795) @kkocdko
- [website] Add Diego to About Us page (#37284) @DiegoAndai
- [website] Add Victor teamMember card to 'About' (#37283) @zanivan
- [website] Add Rich to the 'About' page (#37221) @richbustos
All contributors of this release in alphabetical order: @Bastian, @binh1298, @cccEric, @cherniavskii, @DerTimonius, @DiegoAndai, @flaviendelangle, @hbjORbj, @jguddas, @kkocdko, @kriskw1999, @mauwaz, @michaldudak, @mnajdova, @nickiaconis, @nicolas-ot, @oliviertassinari, @PunitSoniME, @richbustos, @safeamiiir, @sai6855, @siriwatknp, @uuxxx, @zanivan, @ZeeshanTamboli
## 5.13.0
<!-- generated comparing v5.12.3..master -->
_May 10, 2023_
A big thanks to the 18 contributors who made this release possible. Here are some highlights ✨:
- 🚀 Base UI is now in beta - all planned breaking changes are now complete!
- 🗺 We have a new [project roadmap](https://github.com/orgs/mui/projects/18/views/1) on GitHub where you can learn about what's coming next.
- 🐛 Various bug fixes, 📚 documentation and 🧪 testing improvements
### `@mui/material@5.13.0`
- [Autocomplete] Support `ChipComponent` type (#37112) @sai6855
- [AppBar] Fix component type (#37172) @sai6855
- [Select] Simplify handleChange in SelectInput (#37040) @ulrichstark
### `@mui/joy@5.0.0-alpha.79`
- [Input][joy] Improve alignment on date fields (#37146) @wewakekumar
- [Alery][joy] Turn JS test to TS test (#37077) @hbjORbj
- [AspectRatio][joy] js test replaced with ts test (#37087) @PunitSoniME
- [Badge][AvatarGroup][joy] js test replaced with ts test (#37089) @PunitSoniME
- [Box][Card][MenuList][joy] Turn JS test to TS test (#37126) @uuxxx
- [List][Menu][joy] Turn JS test to TS test (#37123) @uuxxx
- [test][Joy] Remove duplicate Avatar test (#37201) @zignis
- [test][joy] js test cases converted to ts (#37117) @PunitSoniME
- [Button][joy] Convert Button test to typescript (#37181) @akash191095
- [CardContent][CardCover][CardOverflow][Chip][ChipDelete][joy] js text case converted to ts (#37116) @PunitSoniME
- [Radio][IconButton][Checkbox][Option][joy] Switch to TypeScript unit test (#37137) @DerTimonius
### `@mui/base@5.0.0-beta.0`
- [Select][base] Do not call onChange after initial render (#37141) @michaldudak
- [Select][base] Rename the `optionStringifier` prop (#37118) @michaldudak
- [typescript][base] Fix types of components callbacks parameters (#37169) @michaldudak
- [Select], [TablePagination] Use more descriptive parameter names (#37064) @michaldudak
### Docs
- [docs] Stray design tweaks to Base UI demos (#37003) @danilo-leal
- [docs] Move outdated CSS prefixing docs (#36710) @kriskw1999
- [docs] Improve "Example projects" page design (#37007) @danilo-leal
- [docs] Redirect NoSsr, Portal and TextareaAutosize to Base UI API page (#37175) @ZeeshanTamboli
- [docs] Demonstrate `TextField` customization using theme style overrides (#36805) @ZeeshanTamboli
- [docs] Tweak the "Edit this page" button icon (#37142) @danilo-leal
- [docs] Update links to the public roadmap (#36995) @mnajdova
- [docs] Improve Multiselect demo styling (#37120) @michaldudak
- [Stack] Fix import description @oliviertassinari
### Core
- [blog] Fix images using "MUI Base" instead of "Base UI" (#37044) @danilo-leal
- [core] Add VSCode extensions recommendations (#37166) @michaldudak
- [test] `e2e-website` related minor fixes (#37204) @ZeeshanTamboli
- [website] Update the active positions (#37075) @DanailH
- [website] Add Romain to the About page (#37124) @romgrk
- [website] Make Toolpad alpha labels consistent (#37125) @gerdadesign
All contributors of this release in alphabetical order: @akash191095, @DanailH, @danilo-leal, @DerTimonius, @gerdadesign, @hbjORbj, @kriskw1999, @michaldudak, @mnajdova, @oliviertassinari, @PunitSoniME, @romgrk, @sai6855, @ulrichstark, @uuxxx, @wewakekumar, @ZeeshanTamboli, @zignis
## 5.12.3
<!-- generated comparing v5.12.2..master -->
_May 2, 2023_
A big thanks to the 18 contributors who made this release possible. Here are some highlights ✨:
- all planned breaking changes for Base UI are done. The first beta release should come next week 🎉
- 🐛 bug fixes and 📚 documentation improvements.
### `@mui/material@5.12.3`
- ​<!-- 43 -->[Accordion] Add missing `component` type (#37111) @sai6855
- ​<!-- 23 -->[ButtonGroup] Should not retain divider color when it is disabled and variant is `text` (#36967) @DavidBoyer11
- ​<!-- 21 -->[Divider] Fix styles on dividers with text (#35072) @maxdestors
- ​<!-- 04 -->[TextField] Improve IntelliSense support for props (#36737) @sai6855
- ​<!-- 03 -->[TextField] Fix running click event on disabled (#36892) @sai6855
### `@mui/joy@5.0.0-alpha.78`
- ​<!-- 09 -->[Joy] Miscellaneous fixes and docs improvement (#37026) @siriwatknp
### `@mui/base@5.0.0-alpha.128`
#### Breaking changes
- The `component` prop is no longer supported because it can be replaced with the slots API. This is how the transformation will look like:
```diff
<Button
- component="span"
+ slots={{ root: "span" }}
/>
```
If using TypeScript, the custom component type should be added as a generic on the `Button` component.
```diff
-<Button
+<Button<typeof CustomComponent>
slots={{ root: CustomComponent }}
customProp="foo"
/>
```
There is codemod that you can run in your project to do the transformation:
```sh
npx @mui/codemod v5.0.0/base-remove-component-prop <path>
```
The full documentation about the codemod can be found [here](https://github.com/mui/material-ui/blob/master/packages/mui-codemod/README.md#base-remove-component-prop).
This is the list of PR related to this change:
- ​<!-- 40 -->[Button][base] Drop `component` prop (#36677) @mnajdova
- ​<!-- 42 -->[Badge][base] Drop `component` prop (#37028) @hbjORbj
- ​<!-- 37 -->[FormControl][base] Drop component prop (#37031) @hbjORbj
- ​<!-- 35 -->[Input][base] Drop component prop (#37057) @hbjORbj
- ​<!-- 34 -->[Menu][base] Drop component prop (#37033) @hbjORbj
- ​<!-- 33 -->[MenuItem][base] Drop component prop (#37032) @hbjORbj
- ​<!-- 32 -->[Modal][base] Drop component prop (#37058) @hbjORbj
- ​<!-- 31 -->[Option][base] Drop component prop (#37052) @hbjORbj
- ​<!-- 30 -->[OptionGroup][base] Drop component prop (#37055) @hbjORbj
- ​<!-- 31 -->[Popper][base] Drop component prop (#37084) @hbjORbj
- ​<!-- 29 -->[Select][base] Drop component prop (#37035) @hbjORbj
- ​<!-- 28 -->[Slider][base] Drop component prop (#37056) @hbjORbj
- ​<!-- 27 -->[Snackbar][base] Drop component prop (#37041) @nicolas-ot
- ​<!-- 26 -->[Switch][base] Drop component prop (#37053) @hbjORbj
- ​<!-- 25 -->[Tab][base] Drop component prop (#36768) @sai6855
- ​<!-- 24 -->[Tabs][base] Drop component prop (#36770) @sai6855
- ​<!-- 08 -->[TablePagination][base] Drop component prop (#37059) @sai6855
- ​<!-- 07 -->[TabPanel][base] Drop component prop (#37054) @sai6855
- ​<!-- 06 -->[TabsList][base] Drop component prop (#37042) @sai6855
- ​<!-- 41 -->[base] Improve API consistency (#36970) @michaldudak
Brought consistency to Base UI components and hooks' parameters and return values:
1. Whenever a hook needs a ref, it's now called `<slot_name>Ref`, which matches the `get<slot_name>Props` in the return value.
2. All hooks that accept external refs now return merged refs, making combining multiple hooks on one element easier. This was proven necessary in several compound components (like menuItem being both a button and a list item). The type of this value is `React.RefCallback` as using the more general `React.Ref` caused variance issues.
3. Type of accepted refs is standardized to `React.Ref<Element>`
4. Naming and typing of the forwarded ref in unstyled components were standardized - it's forwardedRef: React.ForwardedRef<Element> (unless a more specific type is needed).
5. The shape of the definition of unstyled components was standardized - it's React.forwardRef(function Component(props: Props, forwardedRef: React.Ref<Element>) { ... });. Specifically, the generic parameters of forwardRef were removed as they are specified in function arguments.
#### Changes
- ​<!-- 36 -->[FormControl][base] Do not use optional fields in useFormControlContext's return value (#37037) @michaldudak
### Docs
- ​<!-- 39 -->[base][docs] Add Base UI Quickstart Guide (#36717) @mj12albert
- ​<!-- 20 -->[docs] Fix Material UI's API linking to Base UI (#37121) @mnajdova
- ​<!-- 19 -->[docs] Fix pagination in the DataGrid demo (#37114) @cherniavskii
- ​<!-- 18 -->[docs] Add notification to the release of the new Time Picker UI (#37065) @joserodolfofreitas
- ​<!-- 17 -->[docs] Specify "Material UI" (not "MUI") where appropriate throughout the docs (#37066) @samuelsycamore
- ​<!-- 16 -->[docs] Use focus-visible instead of focus for Menu demos (#36847) @michaldudak
- ​<!-- 15 -->[docs] Fix small regressions API pages (#36972) @oliviertassinari
- ​<!-- 14 -->[docs] Handle a few docs-feedback (#36977) @oliviertassinari
- ​<!-- 13 -->[docs] Fix anchor link in customization (#37004) @oliviertassinari
- ​<!-- 12 -->[docs] Add a note about minimal required version for theme merging to the guides (#36973) @jakub-stastny
- ​<!-- 11 -->[docs] smooth scrolling added for `back to top` (#37011) @PunitSoniME
- ​<!-- 10 -->[docs] Remove `useFormControl` return values from demos page (#37036) @ZeeshanTamboli
- ​<!-- 47 --> [docs][base] Move styles to the bottom of demos code for `SwitchUnstyled` (#36720) @varunmulay22
- ​<!-- 46 --> [docs][base] Move styles to the bottom of demos code for `InputUnstyled` (#36724) @varunmulay22
- ​<!-- 45 --> [docs][base] Move styles to the bottom of demos code for `SliderUnstyled` (#36721) @varunmulay22
- ​<!-- 44 --> [docs][base] Move styles to the bottom of demos code for `Snackbar` (#36719) @varunmulay22
- ​<!-- 38 -->[docs][base] Move styles to the bottom of demos code for `SelectUnstyled` (#36718) @varunmulay22
- ​<!-- 05 -->[templates] Image not displayed in blog layout of React template. (#36991) @navedqb
- ​<!-- 02 -->[website] Take the design role offline @oliviertassinari
- ​<!-- 01 -->[website] Fix URL convention @oliviertassinari
- ​<!-- 21 -->[docs] Turn off job banner on docs (#36080) @joserodolfofreitas
### Core
- ​<!-- 22 -->[core] Allow type alias as well in hooks API docs generation (#37034) @ZeeshanTamboli
All contributors of this release in alphabetical order: @cherniavskii, @DavidBoyer11, @hbjORbj, @jakub-stastny, @joserodolfofreitas, @maxdestors, @michaldudak, @mj12albert, @mnajdova, @navedqb, @nicolas-ot, @oliviertassinari, @PunitSoniME, @sai6855, @samuelsycamore, @siriwatknp, @varunmulay22, @ZeeshanTamboli
## 5.12.2
<!-- generated comparing v5.12.1..master -->
_Apr 25, 2023_
A big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
- ⚠️ **[BREAKING CHANGE]** The `Unstyled` suffix has been removed from Base UI component names, including names of types and other related identifiers – a codemod script is provided to assist with the change.
- 🐛 bug fixes and 📚 documentation improvements.
### `@mui/material@5.12.2`
- ​<!-- 10 -->[FormControl] Fix `filled` when value is set through `inputProps` (#36741) @sai6855
- ​<!-- 07 -->[Slider] `onChange` handler should be called only when value has changed (#36706) @gitstart
- ​<!-- 06 -->[Table] Fix `Sorting & Selecting` tables (#36898) @oliviertassinari
### `@mui/base@5.0.0-alpha.127`
#### Breaking changes
- ​<!-- 27 -->[base] Remove unstyled suffix from Base components + Codemod script (#36873) @hbjORbj
The `Unstyled` suffix has been removed from all Base UI component names, including names of types and other related identifiers.
You can use this [codemod](https://github.com/mui/material-ui/blob/master/packages/mui-codemod/src/v5.0.0/base-remove-unstyled-suffix.js) to help with the migration:
```sh
npx @mui/codemod v5.0.0/base-remove-unstyled-suffix <path>
```
#### Changes
- ​<!-- 26 -->[codemod][base] Improve the removal of `component` prop codemod script (#36952) @hbjORbj
- ​<!-- 25 -->[codemod][base] Write a migration script for removal of `component` prop from components (#36831) @hbjORbj
- ​<!-- 24 -->[Base][useButton] Allow useButton params to be completely optional (#36922) @mj12albert
### `@mui/joy@5.0.0-alpha.77`
- ​<!-- 23 -->[Joy][Chip] Chip button not showing up in Firefox browser (#36930) @TakhyunKim
- ​<!-- 09 -->[Joy] Add `invertedColors` to Menu and Alert (#36975) @siriwatknp
- ​<!-- 08 -->[joy][Select] Set focus visible on select options when navigating with arrow keys (#36689) @gitstart
### Docs
- ​<!-- 21 -->[docs] Fix console error introduced by #36408 (#36980) @alexfauquette
- ​<!-- 20 -->[docs] Add stray Joy UI documentation improvements (#36921) @danilo-leal
- ​<!-- 19 -->[docs] Add Joy profile dashboard template (#36931) @siriwatknp
- ​<!-- 18 -->[docs] Fix 404 links (#36969) @oliviertassinari
- ​<!-- 17 -->[docs] Clarify when bundle size optimization is needed (#36823) @oliviertassinari
- ​<!-- 16 -->[docs] Fix Chakra UI theme scoping typo (#36950) @mj12albert
- ​<!-- 15 -->[docs] Add snackbar example using sonner (#36926) @PupoSDC
- ​<!-- 14 -->[docs] Adjust the Material Icons page design and formatting (#36937) @danilo-leal
- ​<!-- 13 -->[docs] Allows to customize menu with any icon (#36408) @alexfauquette
- ​<!-- 12 -->[docs] Add info about passing ref to input element (#36913) @tomaskebrle
- ​<!-- 11 -->[docs][material] Tabs API section cleanup (#36942) @mnajdova
### Core
- ​<!-- 22 -->[core] Fix CI failure on `master` (#37016) @hbjORbj
- ​<!-- 05 -->[typescript] Add the missing explicit component return types (#36924) @michaldudak
- ​<!-- 04 -->[website] Update main data grid demo on X landing page (#37001) @cherniavskii
- ​<!-- 03 -->[website] Design role updates (#36997) @danilo-leal
- ​<!-- 02 -->[website] X component section improvements (#36598) @danilo-leal
- ​<!-- 01 -->[website] Developer Advocate role filled @oliviertassinari
All contributors of this release in alphabetical order: @alexfauquette, @cherniavskii, @danilo-leal, @gitstart, @hbjORbj, @michaldudak, @mj12albert, @mnajdova, @oliviertassinari, @PupoSDC, @sai6855, @siriwatknp, @TakhyunKim, @tomaskebrle
## 5.12.1
<!-- generated comparing v5.12.0..master -->
_Apr 17, 2023_
A big thanks to the 16 contributors who made this release possible. This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
### `@mui/material@5.12.1`
- ​<!-- 24 -->[Autocomplete] Fix autocomplete left padding (#36649) @mj12albert
- ​<!-- 17 -->[Button] Fix contained with inherit prop not adapting on dark mode (#34508) @jesrodri
- ​<!-- 07 -->[FormControlLabel] Add `required` prop (#34207) @emlai
- ​<!-- 04 -->[Tabs] Fix null reference in ScrollbarSize after unmounting (#36485) @rkdrnf
- ​<!-- 03 -->[TextField] Fix type error when using `inputTypeSearch` class for `outlined` and `filled` inputs (#36740) @sai6855
- ​<!-- 02 -->[ThemeProvider] Fix theme proptypes (#36852) @siriwatknp
### `@mui/system@5.12.1`
#### Breaking changes
- ​<!-- 06 -->[Grid2] Replace context with `cloneElement` (#36399) @siriwatknp
`Grid2` now uses `React.cloneElement` instead of React context for passing the spacing and columns to the next container. The change is close to how CSS flexbox behaves.
#### Changes
- ​<!-- 14 -->[CssVarsProvider] Always generate new `css` object (#36853) @siriwatknp
### `@mui/base@5.0.0-alpha.126`
#### Breaking changes
- ​<!-- 23 -->[base] Refactor the compound components building blocks (#36400) @michaldudak
Components affected by the changes are:
- Menu
- `MenuUnstyledContext` is replaced by `MenuProvider`. The value to pass to the provider is returned by the `useMenu` hook.
- MenuUnstyled's `onClose` prop is replaced by `onOpenChange`. It has the `open` parameter and is called when a menu is opened or closed
- Select
- `SelectUnstyledContext` is replaced by `SelectProvider`. The value to pass to the provider is returned by the `useSelect` hook.
- `SelectUnstyled`'s popup is permanently mounted.
- The `defaultOpen` prop was added to the SelectUnstyled. The open/close state can now be controlled or uncontrolled, as a `value`.
- Tabs
- `TabsContext` is replaced by `TabsProvider`. The value to pass to the provider is returned by the `useTabs` hook.
- To deselect all tabs, pass in `null` to Tabs' `value` prop, instead of `false`. This is consistent with how Select works.
- The `value` prop is still technically not mandatory on TabUnstyled and TabPanel, but when omitted, the contents of the selected tab panel will not be rendered during SSR.
### `@mui/joy@5.0.0-alpha.76`
- ​<!-- 05 -->[Table][Joy] Replace uses of css selector `*-child` to `*-of-type` (#36839) @keyvanm
### Docs
- ​<!-- 25 --> [docs][base] Move styles to the bottom of demos code for `BadgeUnstyled` (#36723) @varunmulay22
- ​<!-- 22 -->[docs][base] Mention that the hook does not accept any parameters in the `Parameters` section of the API docs (#36773) @ZeeshanTamboli
- ​<!-- 21 -->[docs][base] Move styles to the bottom of demos code for `ModalUnstyled` (#36580) @gitstart
- ​<!-- 20 -->[docs][base] Move styles to the bottom of demos code for `Tabs` (#36577) @gitstart
- ​<!-- 19 -->[docs][base] Move styles to the bottom of demos code for `Popper` (#36578) @gitstart
- ​<!-- 18 -->[docs][base] Move styles to the bottom of demos code for `TablePagination` (#36593) @gitstart
- ​<!-- 13 -->[docs] Remove the incorrect info about useButton's ref parameter (#36883) @michaldudak
- ​<!-- 12 -->[docs] Sync <Stack> between projects (#36785) @oliviertassinari
- ​<!-- 11 -->[docs] Add guides to overriding component structure in Base UI and Joy UI docs (#34990) @samuelsycamore
- ​<!-- 10 -->[docs] Content changed from 'row' to 'orientation=horizontal' (#36858) @navedqb
- ​<!-- 09 -->[docs][Joy] `component`, `slots`, `slotProps` must be visible in Prop table in API docs (#36666) @hbjORbj
- ​<!-- 08 -->[docs][Select] Fix duplicate ID in small size Select demo (#36792) @sai6855
### Core
- ​<!-- 16 -->[core] Use glob to find the test files in parseTest (#36305) @flaviendelangle
- ​<!-- 15 -->[core] Fix minor SEO issues @oliviertassinari
- ​<!-- 01 -->[website] Fix visual bug appbar (#36875) @oliviertassinari
All contributors of this release in alphabetical order: @emlai, @flaviendelangle, @gitstart, @hbjORbj, @jesrodri, @keyvanm, @michaldudak, @mj12albert, @navedqb, @oliviertassinari, @rkdrnf, @sai6855, @samuelsycamore, @siriwatknp, @varunmulay22, @ZeeshanTamboli
## 5.12.0
<!-- generated comparing v5.11.16..master -->
_Apr 11, 2023_
A big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
- 💫 Added [theme scope](https://mui.com/material-ui/guides/styled-engine/#theme-scoping) for using multiple design systems (#36664) @siriwatknp
- 🐛 bug fixes and 📚 documentation improvements.
### `@mui/system@5.12.0`
- ​<!-- 05 -->[system] Introduce theme scope for using multiple design systems (#36664) @siriwatknp
### `@mui/base@5.0.0-alpha.125`
- ​<!-- 06 -->[PopperUnstyled] Do not merge internal `ownerState` with `ownerState` from props (#36599) @hbjORbj
### `@mui/joy@5.0.0-alpha.75`
- ​<!-- 08 -->[Joy] Add tests for slots/slotProps for all components (#36828) @hbjORbj
- ​<!-- 07 -->[Joy] Support `slots`/`slotsProps` for every component (components with only root slot too) (#36540) @hbjORbj
### Docs
- ​<!-- 23 -->[docs][Backdrop] Improvements to the docs (#34244) @alirezahekmati
- ​<!-- 20 -->[docs] Fix base API redirects (#36833) @mnajdova
- ​<!-- 19 -->[docs] Improve perf on tab APIs (#36832) @mnajdova
- ​<!-- 18 -->[docs] Revert CircularProgress component text to be proper noun instead (#36837) @ZeeshanTamboli
- ​<!-- 17 -->[docs] Simplify language redirection @oliviertassinari
- ​<!-- 16 -->[docs] Add missing `readOnly` state class in the list (#36788) @ZeeshanTamboli
- ​<!-- 15 -->[docs] Improve side nav scroll into view (#36732) @oliviertassinari
- ​<!-- 14 -->[docs][base & joy] Display "Classes" Section in API docs (#36589) @hbjORbj
- ​<!-- 13 -->[docs] Fix 100+ typos throughout the Material UI docs (#36194) @Lioness100
- ​<!-- 12 -->[docs] Change "coming soon" chip color (#36786) @danilo-leal
- ​<!-- 11 -->[docs][Joy] Fix wrong prop descriptions (#36826) @hbjORbj
- ​<!-- 10 -->[docs][material] Highlight global state classes in CSS table in API docs (#36633) @hbjORbj
- ​<!-- 09 -->[examples] Fix `SliderUnstyled` slots `key` name (#36830) @sai6855
- ​<!-- 04 -->[Tabs] Improve useTab() API page (#36725) @oliviertassinari
### Core
- ​<!-- 22 -->[core] Increase margin to scroll @oliviertassinari
- ​<!-- 21 -->[core] Replace MUI Base with Base UI (#36716) @mnajdova
- ​<!-- 03 -->[website] Fix broken career website links @oliviertassinari
- ​<!-- 02 -->[website] Fix backlinks to homepage (#36801) @oliviertassinari
- ​<!-- 01 -->[website] Tweaks to the Designer position ad (#36771) @danilo-leal
All contributors of this release in alphabetical order: @alirezahekmati, @danilo-leal, @hbjORbj, @Lioness100, @mnajdova, @oliviertassinari, @sai6855, @siriwatknp, @ZeeshanTamboli
## 5.11.16
<!-- generated comparing v5.11.15..master -->
_Apr 4, 2023_
A big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:
- 💅 Added tabs on API pages of Base UI to switch between component and hook references (#35938) @mnajdova
- 🐛 bug fixes and 📚 documentation improvements.
### `@mui/material@5.11.16`
- [Autocomplete] Listen for click on the root element (#36369) @sai6855
- [Autocomplete] Fix navigation issue on mouse hover (#35196) @sai6855
- [Card] Fix Card focus effect overflowing parent card (#36329) @mj12albert
- [Grid] Missing slot (#36765) @siriwatknp
- [Select] Make error part of the `ownerState` to enable overriding styles with it in theme (#36422) @gitstart
- [Slider] Fix ValueLabel UI issues comes when size="small" and orientation="vertical (#36738) @yushanwebdev
### `@mui/icons-material@5.11.16`
- [icons] Do not ignore popular icons (#36608) @michaldudak
### `@mui/joy@5.0.0-alpha.74`
- [Joy] Add `ModalOverflow` component (#36262) @siriwatknp
- [Joy] Fix `Checkbox` custom color prop type warning (#36691) @amal-qb
### Docs
- [docs][base] Add return type for `useFormControlUnstyledContext` hook (#36302) @HeVictor
- [docs][base] Move styles to the bottom of demos code for `FormControl` (#36579) @gitstart
- [docs][base] Move styles to the bottom of demos code for `Menu` (#36582) @gitstart
- [docs][base] Move styles code to bottom in the `Button` demos (#36590) @sai6855
- [docs][base] Show components & hooks API on the components page (#35938) @mnajdova
- [docs] Describe slotProps in MUI Base customization doc (#36206) @michaldudak
- [docs] Fix double API page redirection (#36743) @oliviertassinari
- [docs] Remove hash property and leverage pathname (#36764) @siriwatknp
- [docs] Introduce markdown permalink to source (#36729) @oliviertassinari
- [docs] Tabs API add slots section (#36769) @mnajdova
- [docs] Update feedbacks management on slack (#36705) @alexfauquette
- [docs] Fix Joy UI URL to tokens (#36742) @oliviertassinari
- [docs] Add toggle-button coming soon page (#36618) @siriwatknp
- [docs] Fix typo on the Joy UI theme builder (#36734) @danilo-leal
- [docs] Fix small typo (#36727) @RBerthier
- [docs] Fix Joy UI template broken image loading @oliviertassinari
- [docs] Hide the default API column if it's empty (#36715) @mnajdova
- [docs] Update Material UI Related Projects page (#34203) @viclafouch
- [docs] Revise Joy UI "Circular Progress" page (#36126) @LadyBluenotes
- [docs] Revise Joy UI "Radio" page (#35893) @DevinCLane
- [docs] Support Google Analytics 4 (#36123) @alexfauquette
- [docs][material] Keep consistency in description of classes (#36631) @hbjORbj
- [docs] Remove redundant files and fix regression (#36775) @ZeeshanTamboli
### Core
- [blog] Compress images @oliviertassinari
- [core] Remove unused token (#36722) @oliviertassinari
All contributors of this release in alphabetical order: @alexfauquette, @amal-qb, @danilo-leal, @DevinCLane, @gitstart, @hbjORbj, @HeVictor, @LadyBluenotes, @michaldudak, @mj12albert, @mnajdova, @oliviertassinari, @RBerthier, @sai6855, @siriwatknp, @viclafouch, @yushanwebdev
## 5.11.15
<!-- generated comparing v5.11.14..master -->
_Mar 28, 2023_
A big thanks to the 10 contributors who made this release possible. We have one big highlight this week ✨:
- @siriwatknp made a [Theme Builder](https://mui.com/joy-ui/customization/theme-builder) for Joy UI 🎨 (#35741)
### `@mui/material@5.11.15`
- [Chip] Fix error when theme value is a CSS variable (#36654) @siriwatknp
- [Grid2] Support dynamic nested columns (#36401) @siriwatknp
### `@mui/system@5.11.15`
- [system] Enable regressions tests & fix regressions (#36611) @mnajdova
- [Stack] Add `useFlexGap` prop (#36404) @siriwatknp
### `@mui/base@5.0.0-alpha.122`
- [Autocomplete] Update `autoSelect` prop description (#36280) @sai6855
- [TablePagination][base] Improve `actions` type in `slotProps` (#36458) @sai6855
- [Base] Add JSDoc comments for classes of Base components (#36586) @hbjORbj
- [useSlider][base] Add API docs for the hook parameters and return type (#36576) @varunmulay22
### `@mui/joy@5.0.0-alpha.73`
- [Joy] Miscellaneous fixes (#36628) @siriwatknp
- [Joy] Add palette customizer (#35741) @siriwatknp
### Docs
- Revert "[docs] Use `theme.applyDarkStyles` for the rest of the docs" (#36602) @mnajdova
- [blog] Improvements on v6 announcement blog (#36505) @joserodolfofreitas
- [docs] Add `Snackbar` coming soon page (#36604) @danilo-leal
- [docs] Add accordion coming soon page (#36279) @siriwatknp
- [docs] Fix palette customizer theme augmentation (#36629) @siriwatknp
- [docs] Finish migration away from https://reactjs.org/ @oliviertassinari
- [docs] Remove duplicated slot descriptions (#36621) @hbjORbj
- [docs] Fix broken example link (#36607) @mnajdova
- [docs] Use `theme.applyDarkStyles` (#36606) @siriwatknp
- [docs] Improve API for theme default prop (#36490) @oliviertassinari
- [docs][Table] Refactor `Sorting & Selecting` table demo (#33236) @IFaniry
### Core
- [core] Use Netlify function for feedback management (#36472) @alexfauquette
All contributors of this release in alphabetical order: @alexfauquette, @danilo-leal, @hbjORbj, @IFaniry, @joserodolfofreitas, @mnajdova, @oliviertassinari, @sai6855, @siriwatknp, @varunmulay22
## 5.11.14
<!-- generated comparing v5.11.13..master -->
_Mar 21, 2023_
A big thanks to the 15 contributors who made this release possible.
This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
### `@mui/material@5.11.14`
- [Breadcrumbs] Add ability to change icon used in `BreadcrumbCollapsed` through slots (#33812) @pratikkarad
- [Stepper] Add aria-current to active StepButton (#36526) @michalak111
- [TabScrollButton] Add ability to change left and right icons (#33863) @pratikkarad
- [ListItemButton] Respect LinkComponent (#34159) @zaverden
- [l10n] Add Central Kurdish (ku-CKB) locale (#36592) @HediMuhamad
### `@mui/system@5.11.14`
- [system] Fix sx prop regression for fontWeight values (#36543) @mnajdova
### `@mui/base@5.0.0-alpha.121`
- [docs][base] Improve the Slots Table in API docs (#36330) @hbjORbj
### `@mui/joy@5.0.0-alpha.72`
- [Joy] Ensure new CSS variable naming is everywhere (#36460) @hbjORbj
- [Menu][joy] Classname listbox is missing (#36520) @hbjORbj
- [Joy] Fix `--List-decorator*` vars (#36595) @siriwatknp
### `@mui/lab@5.0.0-alpha.124`
- [Masonry] Include Masonry in theme augmentation interface (#36533) @hbjORbj
### Docs
- [blog] Post blog about Chamonix retreat to the website (#36517) @mikailaread
- [blog] Fix image layout shift (#36522) @oliviertassinari
- [docs] Use `theme.applyDarkStyles` for the rest of the docs (#36161) @siriwatknp
- [docs] Fix 301 and 404 links (#36555) @oliviertassinari
- [docs] Keep slot code order in API docs (#36499) @oliviertassinari
- [docs] Missing className on Migrating from JSS example (#36536) @gabrielnafuzi
- [docs] Fix function name for Joy templates (#36512) @hbjORbj
- [docs] Add multiline Chip example (#36437) @dav1app
- [docs] Add a new gold sponsor (#36518) @hbjORbj
- [docs][joy] Improve the Slots Table in API docs (#36328) @hbjORbj
- [docs] Fix virtualElement demo for Popper (#36320) @sai6855
- [docs] Fix typo in API docs (#36388) @RomanHotsiy
- [docs] Ensure classname displayed under Slots section in API docs exists (#36539) @hbjORbj
- [docs][joy] Build TS versions for Modal component demos (#36385) @varunmulay22
- [docs][joy] Build TS versions for Menu component demos (#36383) @varunmulay22
- [docs][joy] Build TS versions for Switch component demos (#36379) @varunmulay22
- [docs] Remove `shouldSkipGeneratingVar` usage (#36581) @siriwatknp
- [docs][material] Update Table's demo to show pointer cursor on clickable rows (#36546) @varunmulay22
- [website] Designer role changes (#36528) @danilo-leal
- [website] No association between showcase and MUI @oliviertassinari
- [website] Open Head of Operations role (#36501) @oliviertassinari
- [website] Limit sponsors description to two rows @oliviertassinari
### Core
- [core] Fix CI @oliviertassinari
- [core] Fix blank line @oliviertassinari
- [website] Simplify internal ops @oliviertassinari
All contributors of this release in alphabetical order: @danilo-leal, @dav1app, @gabrielnafuzi, @hbjORbj, @HediMuhamad, @michalak111, @mikailaread, @mnajdova, @oliviertassinari, @pratikkarad, @RomanHotsiy, @sai6855, @siriwatknp, @varunmulay22, @zaverden
## 5.11.13
<!-- generated comparing v5.11.12..master -->
_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 Base UI (#35963)
- other 🐛 bug fixes and 📚 documentation improvements.
### `@mui/material@5.11.13`
- ​<!-- 13 -->[core] Bump Base UI's version in Material UI (#36492) @hbjORbj
- ​<!-- 17 -->[material] Export `shouldSkipGeneratingVar` from Material UI (#36489) @siriwatknp
- ​<!-- 06 -->[Typography] Apply font properties to typography inherit variant (#33621) @oyar99
### `@mui/base@5.0.0-alpha.121`
- ​<!-- 16 -->[base] Disable classes generation via a context (#35963) @michaldudak
- ​<!-- 15 -->[useMenu][base] Add return interface for useMenu hook (#36376) @HeVictor
- ​<!-- 05 -->[useBadge] Add interface for the return value (#36042) @skevprog
- ​<!-- 04 -->[useMenuItem] Add explicit return type (#36359) @rayrw
- ​<!-- 03 -->[useTabs] Add explicit return type (#36047) @sai6855
### Docs
- ​<!-- 14 -->[blog] Update fields behavior on date pickers blog post (#36480) @joserodolfofreitas
- ​<!-- 12 -->[docs] Info markdown not rendering in Contributing Guide README (#36487) @hbjORbj
- ​<!-- 11 -->[docs] Remove 301 redirection to MUI X lab migration @oliviertassinari
- ​<!-- 10 -->[docs] Fix a grammar error (#36486) @hbjORbj
- ​<!-- 09 -->[docs] Add blog post notification for v6 release (#36446) @joserodolfofreitas
- ​<!-- 08 -->[docs] Update link to v5 docs (#36421) @m4theushw
- ​<!-- 07 -->[docs] Fix 404 in the API page links (#36419) @oliviertassinari
- ​<!-- 08 -->[docs][joy] Error in the exemplary Codesandbox of using Material UI and Joy UI together (#36462) @hbjORbj
- ​<!-- 06 -->[examples] Refactor to have better types in the Next.js + TypeScript examples (#36355) @erikian
- ​<!-- 02 -->[website] Fix layout shift when loading /blog/mui-x-v6/ @oliviertassinari
- ​<!-- 01 -->[website] Update stats (#36477) @hrutik7
All contributors of this release in alphabetical order: @erikian, @hbjORbj, @HeVictor, @hrutik7, @joserodolfofreitas, @m4theushw, @michaldudak, @oliviertassinari, @oyar99, @rayrw, @sai6855, @siriwatknp, @skevprog
## 5.11.12
<!-- generated comparing v5.11.11..master -->
_Mar 6, 2023_
A big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:
- @michaldudak added the multiselect functionality to SelectUnstyled (#36274)
- @mnajdova updated `extendTheme` so that it can generate CSS variables with default values. This means that the `CssVarsProvider` is no longer required for Joy UI when using the default theme (#35739)
- other 🐛 bug fixes and 📚 documentation improvements.
### `@mui/material@5.11.12`
- ​<!-- 30 -->[Autocomplete] Fix list scrolls to the top when new data is added on touch devices (#36231) @SaidMarar
- ​<!-- 29 -->[Autocomplete] Add `Mui-expanded` class (#33312) @Osman-Sodefa
- ​<!-- 24 -->[Dialog] Use the `id` prop provided to the `DialogTitle` component (#36353) @Kundan28
- ​<!-- 07 -->[Menu] Fix Menu Paper styles overriding in the theme (#36316) @Paatus
### `@mui/lab@5.0.0-alpha.122`
- ​<!-- 05 -->[TreeView] Fix Tree View inside shadow root crashes (#36225) @NoFr1ends
### `@mui/system@5.11.12`
#### Breaking changes
- ​<!-- 26 -->[core] Generate vars in `extendTheme` (#35739) @mnajdova
The `shouldSkipGeneratingVar` prop was moved from the `createCssVarsProvider`'s option to the `theme`. If the default theme does not use `extendTheme` from Material UI or Joy UI, it needs to be wrapped inside `unstable_createCssVarsTheme` - a util exported from the MUI System. Below is an example of how the migration should look like:
```diff
import {
unstable_createCssVarsProvider as createCssVarsProvider,
+ unstable_createCssVarsTheme as createCssVarsTheme,
} from '@mui/system';
const { CssVarsProvider } = createCssVarsProvider({
- theme: {
+ theme: createCssVarsTheme({
colorSchemes: {
light: {
typography: {
htmlFontSize: '16px',
h1: {
fontSize: '1rem',
fontWeight: 500,
},
},
},
},
+ shouldSkipGeneratingVar: (keys) => keys[0] === 'typography' && keys[1] === 'h1',
- },
+ }),
defaultColorScheme: 'light',
- shouldSkipGeneratingVar: (keys) => keys[0] === 'typography' && keys[1] === 'h1',
});
```
Or you can define it directly in the theme prop:
```diff
<CssVarsProvider
+ theme={createCssVarsProvider({
+ // other theme keys
+ shouldSkipGeneratingVar: (keys) => keys[0] === 'typography' && keys[1] === 'h1'
+ })} />
```
This breaking change **only** affects experimental APIs
### `@mui/base@5.0.0-alpha.120`
#### Breaking changes
- ​<!-- 27 -->[Select][base] Add the multiselect functionality to SelectUnstyled (#36274) @michaldudak
The MultiSelectUnstyled was removed. The `SelectUnstyled` component with the `multiple` prop should be used instead. Additionally, the SelectUnstyledProps received a second generic parameter: `Multiple extends boolean`. If you deal with strictly single- or multi-select components, you can hard-code this parameter to `false` or `true`, respectively. Below is an example of how the migration should look like:
```diff
-import MultiSelectUnstyled from '@mui/base/MultiSelectUnstyled';
+import SelectUnstyled from '@mui/base/SelectUnstyled';
export default App() {
-return <MultiSelectUnstyled />
+return <SelectUnstyled multiple />
}
```
#### Changes
- ​<!-- 34 -->[useSnackBar] Add explicit return type (#36052) @sai6855
- ​<!-- 04 -->[useMenu] Fix `import type` syntax (#36411) @ZeeshanTamboli
- ​<!-- 03 -->[useSwitch] Add explicit return type (#36050) @sai6855
### `@mui/joy@5.0.0-alpha.70`
#### Breaking changes
- ​<!-- 09 -->[Joy] Change CSS variables naming for components (#36282) @hbjORbj
Joy UI has new naming standards of the CSS variables for its components. Below is an example of how the migration should look like:
```diff
-<List sx={{ py: 'var(--List-divider-gap)' }}>
+<List sx={{ py: 'var(--ListDivider-gap)' }}>
-<Switch sx={{ '--Switch-track-width': '40px' }}>
+<Switch sx={{ '--Switch-trackWidth': '40px' }}>
```
#### Changes
- ​<!-- 28 -->[Autocomplete][joy] Add disabled class to the popup indicator (#36397) @hbjORbj
- ​<!-- 08 -->[Joy] Fix broken loading button in Safari (#36298) @Kuba429
### Docs
- ​<!-- 33 -->[docs][joy] Clarify when `CssVarsProvider` is required (#36410) @mnajdova
- ​<!-- 32 -->MUI X v6 release announcement (#36398) @joserodolfofreitas
- ​<!-- 23 -->[docs] Add instructions for deploying docs without a release (#36301) @cherniavskii
- ​<!-- 22 -->[docs] Fix 301 redirections on the docs @oliviertassinari
- ​<!-- 21 -->[docs] Update MUI X banner to reflect stable release (#36354) @MBilalShafi
- ​<!-- 20 -->[docs] Clarify the future plan for integrating Base UI in Material UI (#36365) @mnajdova
- ​<!-- 19 -->[docs] Improve visual look of loose lists (#36190) @oliviertassinari
- ​<!-- 18 -->[docs] Fix @mui/styles example links (#36331) @oliviertassinari
- ​<!-- 17 -->[docs][joy] Build TS versions for List component demos (#36382) @sai6855
- ​<!-- 16 -->[docs][joy] Build TS versions for Radio component demos (#36406) @sai6855
- ​<!-- 15 -->[docs][joy] Build TS versions for Checkbox component demos (#36381) @sai6855
- ​<!-- 14 -->[docs][joy] Build TS versions for Select component demos (#36380) @sai6855
- ​<!-- 13 -->[docs][joy] Build TS versions for Typography component demos (#36378) @varunmulay22
- ​<!-- 12 -->[docs][joy] Add typescript demos for `Divider` (#36374) @sai6855
- ​<!-- 11 -->[docs][joy] Build TS versions for Textarea component demos (#36371) @varunmulay22
- ​<!-- 10 -->[docs][joy] Build TS versions for Link component demos (#36366) @hbjORbj
### Core
- ​<!-- 31 -->Revert "Bump rimraf to ^4.1.3" (#36420) @mnajdova
- ​<!-- 25 -->[core] Fix test utils types and external `buildApiUtils` usage issues (#36310) @LukasTy
- ​<!-- 06 -->[test] Remove duplicate `combobox` role queries in Autocomplete tests (#36394) @ZeeshanTamboli
- ​<!-- 02 -->[website] Clarify redistribution @oliviertassinari
- ​<!-- 01 -->[website] Sync /about page (#36334) @oliviertassinari
All contributors of this release in alphabetical order: @cherniavskii, @hbjORbj, @joserodolfofreitas, @Kuba429, @Kundan28, @LukasTy, @MBilalShafi, @michaldudak, @mnajdova, @NoFr1ends, @oliviertassinari, @Osman-Sodefa, @Paatus, @sai6855, @SaidMarar, @varunmulay22, @ZeeshanTamboli
## 5.11.11
<!-- generated comparing v5.11.10..master -->
_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 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/material@5.11.11`
- ​<!-- 30 -->[Autocomplete] Adds `sx` prop to `ListboxProps` type (#36243) @sai6855
- ​<!-- 11 -->[material] Add global CSS class for `readOnly` prop (#32822) @jrparish
- ​<!-- 10 -->[Stack][material] Use createStack from the system (#33795) @mnajdova
- ​<!-- 07 -->[Select] Fix incorrect selecting of first element (#36024) @michaldudak
- ​<!-- 06 -->[Slider] Miscellaneous improvements (#35941) @ZeeshanTamboli
- ​<!-- 05 -->[Slider] Remove unnecessary `data-focusvisible` attribute (#36091) @ZeeshanTamboli
- ​<!-- 04 -->[Snackbar] Replace component logic with `useSnackbar` hook (#36272) @ZeeshanTamboli
- ​<!-- 03 -->[TextField] Fix floating label position (#36246) @oliviertassinari
- ​<!-- 13 -->[TextField] Fix floating label position (#36288) @oliviertassinari
### `@mui/base@5.0.0-alpha.119`
#### Breaking changes
- ​<!-- 29 -->[base] Remove `classes` prop from the Base components that have it (#36157) @hbjORbj
These are the components affected by this change: ModalUnstyled, SliderUnstyled, TablePaginationUnstyled and TablePaginationActionsUnstyled.
You can replace the `classes` prop by providing the class name prop directly to the prop via `slotProps`. Below is an example of how the migration should look like:
```diff
<TablePaginationUnstyled
- classes={{ toolbar: 'toolbar-classname', menuItem: 'menuItem-classname' }}
+ slotProps={{ toolbar: { className: 'toolbar-classname' }, menuItem: { className: 'menuItem-classname'}}}
/>
```
- ​<!-- 28 -->[base] Move hooks to their own directories (#36235) @hbjORbj
Base hooks (e.g., `useSelect`) are no longer exported from `{Component}Unstyled` directories and instead they have their own directories.
Below is an example of how the migration should look like:
```diff
-import { useBadge } from '@mui/base/BadgeUnstyled';
+import useBadge from '@mui/base/useBadge';
```
You can use this [codemod](https://github.com/mui/material-ui/blob/master/packages/mui-codemod/README.md#base-hook-imports) to help with the migration.
#### Changes
- ​<!-- 31 -->[Autocomplete] Add docs interface for the hook (#36242) @HeVictor
- ​<!-- 09 -->[MenuUnstyled] Remove extra useMemo (#36265) @ivp-dev
- ​<!-- 31 -->[base] Export all slot prop overrides interfaces (#36323) @michaldudak
### `@mui/codemod@5.11.11`
- ​<!-- 35 -->[base] Codemod for hook directory migration (#36295) @hbjORbj
### `@mui/joy@5.0.0-alpha.69`
- ​<!-- 15 -->[Joy] Able to remove default tokens from theme types (#36006) @siriwatknp
- ​<!-- 14 -->[Joy] Fix modal dialog overflow viewport (#36103) @siriwatknp
- ​<!-- 13 -->[Joy] Select popup should have max-height (#36156) @Vivek-Prajapatii
- ​<!-- 12 -->[Joy] Fix `ListDivider` to change semantic based on `List` (#36266) @siriwatknp
### Docs
- ​<!-- 27 -->[docs][base] List slots in API documentati