@mui/material
Version:
React components that implement Google's Material Design.
1,004 lines (695 loc) • 545 kB
Markdown
# [Versions](https://mui.com/versions/)
## 5.11.7
<!-- generated comparing v5.11.6..master -->
_Jan 31, 2023_
A big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
- @siriwatknp added `Table` component to Joy UI (#35872)
- many other 🐛 bug fixes and 📚 documentation improvements
### `@mui/material@5.11.7`
- ​<!-- 30 -->[Autocomplete] Prevent reset scroll position when new options are added (#35735) @sai6855
- ​<!-- 24 -->[CssVarsProvider] Skip `unstable_sxConfig` variables (#35932) @siriwatknp
- ​<!-- 10 -->[InputLabel] Add missing `component` type (#35852) @sai6855
- ​<!-- 05 -->[Tooltip] Fix tooltip position (#35909) @marktoman
### `@mui/base@5.0.0-alpha.116`
- ​<!-- 29 -->[ListboxUnstyled] Fix option state highlighted to prevent unnecessary focus (#35838) @SaidMarar
### `@mui/joy@5.0.0-alpha.65`
#### Breaking changes
- ​<!-- 05 -->[Joy] Replace `Joy[Component]` classname with `Mui[Component]` classname for all slots of components (#35718) @hbjORbj
- Renames the classname prefix of all Joy UI components from `'Joy'` to `'Mui'`.
```diff
<Button
-sx={{ '& .JoyButton-root': { '& .JoyButton-button': {} } }}
+sx={{ '& .MuiButton-root': { '& .MuiButton-button': {} } }}
/>
```
You can use this [codemod](https://github.com/mui/material-ui/blob/master/packages/mui-codemod/README.md#joy-rename-classname-prefix) to help with the migration.
- ​<!-- 04 -->[Joy] Replace `row` prop with `orientation` prop in all Joy UI components (#35721) @hbjORbj
- Transforms `row` prop to `orientation` prop across `Card`, `List` and `RadioGroup` components in Joy UI.
```diff
<Card
-row
+orientation={"horizontal"}
/>
```
You can use this [codemod](https://github.com/mui/material-ui/blob/master/packages/mui-codemod/README.md#joy-rename-row-prop) to help with the migration.
#### Changes
- ​<!-- 26 -->[Joy][Checkbox] Display correct icon in checkbox (#35943) @sai6855
- ​<!-- 09 -->[Joy] Add `Table` component (#35872) @siriwatknp
- ​<!-- 08 -->[Joy] Miscellaneous fixes (#35953) @siriwatknp
### Docs
- ​<!-- 28 -->[blog] Add RSS feed (#35777) @gorjiali
- ​<!-- 27 -->[blog] Prevent horizontal scroll on blog posts (#35948) @oliviertassinari
- ​<!-- 23 -->[docs] Add to codemod README about an added script (#35999) @hbjORbj
- ​<!-- 22 -->[docs] Add a warning about to clear the local storage when `defaultMode` changes (#35937) @ArthurPedroti
- ​<!-- 21 -->[docs] Fix Joy UI variables playground (#35950) @siriwatknp
- ​<!-- 20 -->[docs] Fix typos in base components docs (#35985) @HeVictor
- ​<!-- 19 -->[docs] Fix event's label reported to GA (#35930) @oliviertassinari
- ​<!-- 18 -->[docs] Standardize "no longer" / "not documented" callouts in Material UI docs (#35957) @samuelsycamore
- ​<!-- 17 -->[docs] Revise and expand Joy UI Checkbox doc (#35817) @samuelsycamore
- ​<!-- 16 -->[docs] Add docs notification to Date and Time Pickers revamped (#35935) @joserodolfofreitas
- ​<!-- 15 -->[docs] Update community theme builder to forked updated one (#35928) @idebeijer
- ​<!-- 14 -->[docs] Add Joy default theme viewer (#35554) @siriwatknp
- ​<!-- 13 -->[docs][joy] Fixed a typo in `Using icon libraries` page (#35989) @badalsaibo
- ​<!-- 12 -->[docs][joy] Removed Badge info from Chip docs (#35955) @Vivek-Prajapatii
- ​<!-- 11 -->[docs][system] Fix border color of Boxes in demos of `Configure the sx prop` page in dark mode (#35961) @ZeeshanTamboli
### Core
- ​<!-- 25 -->[core] Boolean props always have a default value of `false` in API docs (#35913) @hbjORbj
- ​<!-- 04 -->[core] Improve types for usePreviousProps (#35833) @sai6855
- ​<!-- 03 -->[website] Fix 404 link to store (#35973) @oliviertassinari
- ​<!-- 02 -->[website] Fix 302 of diamond sponsor link @oliviertassinari
- ​<!-- 01 -->[website] Fix outdated YouTube link @oliviertassinari
All contributors of this release in alphabetical order: @ArthurPedroti, @badalsaibo, @gorjiali, @hbjORbj, @HeVictor, @idebeijer, @joserodolfofreitas, @marktoman, @oliviertassinari, @sai6855, @SaidMarar, @samuelsycamore, @siriwatknp, @Vivek-Prajapatii, @ZeeshanTamboli
## 5.11.6
<!-- generated comparing v5.11.5..master -->
_Jan 23, 2023_
A big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
- @ZeeshanTamboli improved the logic for handling the value label in the `SliderUnstyled` (#35805)
- many other 🐛 bug fixes and 📚 documentation improvements
### `@mui/material@5.11.6`
- ​<!-- 15 -->[Box] Fix usage of not supported features in TypeScript 3.5 (#35877) @mnajdova
- ​<!-- 14 -->[Button] Fix border color for secondary disabled button (#35866) @SaidMarar
- ​<!-- 03 -->[SwipeableDrawer] Add callback to customise touchstart ignore for swipeable drawer (#30759) @tech-meppem
### `@mui/base@5.0.0-alpha.115`
#### Breaking changes
- ​<!-- 04 -->[SliderUnstyled] Improved logic for displaying the value label (#35805) @ZeeshanTamboli
- The `valueLabelDisplay` prop is removed from `SliderUnstyled`. The prop was not working as intended in `SliderUnstyled` (See #35398). You can instead provide a `valueLabel` slot with the `slots` prop API to show the value label:
```diff
- <SliderUnstyled valueLabelDisplay="on" />
+ <SliderUnstyled slots={{ valueLabel: SliderValueLabel }} />
```
The following demo shows how to show a value label when it is hovered over with the thumb: https://mui.com/base/react-slider/#value-label
- The following classes are removed from `sliderUnstyledClasses` since they are not needed for the value label:
```diff
- valueLabel
- valueLabelOpen
- valueLabelCircle
- valueLabelLabel
```
In the custom value label component, you can define your own classNames and target them with CSS.
- The `SliderValueLabelUnstyled` component is removed from SliderUnstyled. You should provide your own custom component for the value label.
- To avoid using `React.cloneElement` API in value label, the component hierarchy structure of the value label is changed. The value label is now inside the Thumb slot - `Thumb` -> `Input`, `ValueLabel`.
#### Changes
- ​<!-- 05 -->[InputUnstyled] Fix externally provided `inputRef` is ignored (#35807) @sai6855
### `@mui/joy@5.0.0-alpha.64`
- ​<!-- 17 -->[Avatar][joy] Remove `imgProps` prop and add Codemod script for migration (#35859) @hbjORbj
### Docs
- ​<!-- 16 -->[blog] Date and time pickers revamped (#35486) @joserodolfofreitas
- ​<!-- 10 -->[docs] Fix incorrect breakpoint use (#34948) @rosita-dmello
- ​<!-- 09 -->[docs] Replace react-virtualized with react-virtuoso in Table (#35700) @petyosi
- ​<!-- 08 -->[docs] Fix account menu demo not closing with keyboard. (#35870) @mj12albert
- ​<!-- 07 -->[docs] Fix typos in the docs of Joy UI (#35876) @HeVictor
- ​<!-- 06 -->[docs] Fix wording in `Color` page (#35873) @oliv37
### Core
- ​<!-- 13 -->[core] Fix release changelog to handle commits with empty author field (#35921) @mnajdova
- ​<!-- 12 -->[core] Revert `docs-utilities` migration to TypeScript and fix type (#35881) @ZeeshanTamboli
- ​<!-- 11 -->[core] Migrate internal `docs-utilities` package to TypeScript (#35846) @ZeeshanTamboli
- ​<!-- 02 -->[website] Designer don't spend their time writing code @oliviertassinari
- ​<!-- 01 -->[website] Emphasis the technical background need for this role @oliviertassinari
All contributors of this release in alphabetical order: @HeVictor, @hbjORbj, @joserodolfofreitas, @mj12albert, @mnajdova, @oliv37, @oliviertassinari, @petyosi, @rosita-dmello, @sai6855, @SaidMarar, @tech-meppem, @ZeeshanTamboli
## 5.11.5
<!-- generated comparing v5.11.4..master -->
_Jan 17, 2023_
A big thanks to the 17 contributors who made this release possible.
This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
### `@mui/material@5.11.5`
- [Material UI] Custom channel token should suppress the warning (#35804) @siriwatknp
- [Autocomplete] Fix value type when `strictNullChecks` is `false` (#35367) @fenghan34
- [Slider] Replace `SliderUnstyled` with `useSlider` hook (#35770) @ZeeshanTamboli
- [l10n] Add Belarusian translation (#35742) @volhalink
### `@mui/system@5.11.5`
- [system] Improve the `createBox` types (#35532) @mnajdova
### `@mui/codemod@5.11.5`
- Add `joy-text-field-to-input` codemod (#35462) @hbjORbj
### `@mui/base@5.0.0-alpha.114`
- [base] Fix typos (#35802) @nnmax
- [Slider] Convert code to TypeScript (#35445) @sai6855
### `@mui/joy@5.0.0-alpha.63`
- [Tabs][joy] Don't apply `:hover, :active` styles when `selected` (#35750) @sai6855
- Remove `TextField` component and replace its usage in docs with `FormControl`/`FormLabel`/`Input` (#35462) @hbjORbj
- [TextField] Throw error with migration message (#35845) @siriwatknp
- Miscellaneous fixes (#35847) @siriwatknp
### Docs
- [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] Fix typos (#35814) @alexfauquette
- [docs] Revise and expand the Joy UI Card page (#35745) @samuelsycamore
- [docs] Fix navigation layout shift (#35679) @oliviertassinari
- [docs] Fix typo in the Composition page (#35774) @msoyka
- [docs][joy] Update Customization section code example to use the correct API (#35765) @pupudu
- [docs][joy] Fix grammar in `Typography` docs (#35796) @atrefonas
- [examples] Remove `next-env.d.ts` from Next.js examples (#35772) @Juneezee
### Core
- [website] Improve pricing page (#35767) @oliviertassinari
- [website] Add Greg in about page (#35816) @oliviertassinari
- [website] Update the Accessibility Engineer role (#35751) @oliviertassinari
- [website] Add docs for MUI for Figma @oliviertassinari
All contributors of this release in alphabetical order: @alexfauquette, @atrefonas, @fenghan34, @hbjORbj, @HeVictor, @Juneezee, @LukasTy, @mnajdova, @msoyka, @nnmax, @oliviertassinari, @pupudu, @sai6855, @samuelsycamore, @siriwatknp, @volhalink, @ZeeshanTamboli
## 5.11.4
<!-- generated comparing v5.11.3..master -->
_Jan 9, 2023_
A big thanks to the 14 contributors who made this release possible.
This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
### `@mui/material@5.11.4`
- [Autocomplete] Add index to renderOption's AutocompleteRenderOptionState (#35578) @CowDotDev
- [Autocomplete] Fix grammar in console.error in `useAutocomplete` (#35723) @hamirmahal
- [Modal] Fix can't override Backdrop Props using new Slots API (#35140) @ZeeshanTamboli
- [Select] Revert "Update `renderValue` prop's TypeScript type (#34177)" (#35733) @michaldudak
- [Tabs] Throw error only if individual `Tab` is hidden, not the whole `Tabs` (#34026) @Ryczko
- [TextField] Improve WCAG 2.4.7 with error={true} (#35687) @oliviertassinari
- [Tooltip] Remove `data-foo` attribute (#35736) @koolskateguy89
### `@mui/joy@5.0.0-alpha.62`
- [Autocomplete][joy] Specify `type` attribute for popup indicator (#35648) @hbjORbj
- [Joy] Miscellaneous improvements (#35769) @siriwatknp
- [Joy] Improve `onKeyDown` event handler for demo (#35642) @hbjORbj
### `@mui/base@5.0.0-alpha.113`
- [Portal][base] Convert code to TypeScript (#35657) @sai6855
### Docs
- [docs] Revise and expand Joy UI Button doc (#35737) @samuelsycamore
- [docs] Document the workaround for crashing a translated page (#35720) @michaldudak
- [docs] Fix API page for `MenuItem` to list all valid props (#35561) @mnajdova
- [docs] Fix ad exception in Joy UI (#35685) @oliviertassinari
- [docs] Fix content wider than screen regression @oliviertassinari
- [examples] Add `Vite.js with TypeScript` example (#35683) @miha53cevic
### Core
- [core] Close 2022 developer survey @oliviertassinari
- [core] Fix the product license reference name (#35703) @oliviertassinari
- [core] Use TypeScript AST instead of TTP for component doc building (#35379) @flaviendelangle
- [test] Always use & for nesting styles (#35702) @oliviertassinari
- [website] Improve Lead Designer role description (#35684) @oliviertassinari
All contributors of this release in alphabetical order: @CowDotDev, @flaviendelangle, @hamirmahal, @hbjORbj, @koolskateguy89, @michaldudak, @miha53cevic, @mnajdova, @oliviertassinari, @Ryczko, @sai6855, @samuelsycamore, @siriwatknp, @ZeeshanTamboli
## 5.11.3
<!-- generated comparing v5.11.2..master -->
_Jan 2, 2023_
A big thanks to the 6 contributors who made this release possible.
This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
### `@mui/material@5.11.3`
- ​<!-- 02 -->[Select] Update `renderValue` prop's TypeScript type (#34177) @ZeeshanTamboli
### `@mui/joy@5.0.0-alpha.61`
- ​<!-- 14 -->[Autocomplete][joy] Export component (#35647) @mbranch
### Docs
- ​<!-- 13 -->[blog] Fix handling of markdown links (#35628) @oliviertassinari
- ​<!-- 09 -->[docs] Fix demo code selection through copy shortcut key on Firefox browser (#35670) @ZeeshanTamboli
- ​<!-- 08 -->[docs] Fix layout shift when streaming the page (#35627) @oliviertassinari
- ​<!-- 07 -->[docs] Fix switch name to reflect the color (#35052) @rjhcnf
- ​<!-- 06 -->[docs] Fix anchor link in the card's docs and fix a typo (#35634) @ZeeshanTamboli
- ​<!-- 05 -->[docs] Fix layout shift with modal (#35591) @oliviertassinari
- ​<!-- 04 -->[Joy][docs] Add documentation for `Input` component (#35482) @hbjORbj
- ​<!-- 03 -->[docs][joy] Improved readability on theme tokens page (#35639) @badalsaibo
### Core
- ​<!-- 12 -->[core] Disable prefetch of footer links @oliviertassinari
- ​<!-- 11 -->[core] A few SEO fixes (#35672) @oliviertassinari
- ​<!-- 10 -->[core] Remove need for scopePathnames (#35584) @oliviertassinari
- ​<!-- 01 -->[test] Fix Algolia noisy lvl1 anchor (#35686) @oliviertassinari
All contributors of this release in alphabetical order: @badalsaibo, @hbjORbj, @mbranch, @oliviertassinari, @rjhcnf, @ZeeshanTamboli
## 5.11.2
<!-- generated comparing v5.11.1..master -->
_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)
- Many other 🐛 bug fixes abd 📚 documentation improvements.
### `@mui/material@5.11.2`
- ​<!-- 10 -->[l10n] Add displayed rows label to `faIR` locale (#35587) @hootan-rocky
- ​<!-- 09 -->[l10n] Add Kurdish (Kurmanji) locale (#32508) @JagarYousef
- ​<!-- 06 -->[Select] Accept non-component children (#33530) @boutahlilsoufiane
- ​<!-- 05 -->[SelectInput] Update menu to use select wrapper as anchor (#34229) @EduardoSCosta
- ​<!-- 03 -->[TableCell] Fix `scope` prop to be not set when a data cell is rendered within a table head (#35559) @sai6855
### `@mui/utils@5.11.2`
- ​<!-- 02 -->[utils] `mergedeep` deeply clones source key if it's an object (#35364) @sldk-yuri
### `@mui/base@5.0.0-alpha.112`
- ​<!-- 16 -->[FocusTrap][base] Convert code to TypeScript (#35005) @trizotti
- ​<!-- 08 -->[Modal][base] Convert code to TypeScript (#34793) @leventdeniz
- ​<!-- 07 -->[Popper][base] Convert code to TypeScript (#34771) @danhuynhdev
- ​<!-- 04 -->[Slider] Exclude `isRtl` from Material UI's Slider props (#35564) @michaldudak
### `@mui/joy@5.0.0-alpha.60`
- ​<!-- 15 -->[Joy] Fix radius adjustment (#35629) @siriwatknp
- ​<!-- 14 -->[Joy] Apply color inversion to components (#34602) @siriwatknp
- ​<!-- 13 -->[Joy] Improve cursor pointer and add fallback for outlined variant (#35573) @siriwatknp
- ​<!-- 12 -->[Joy] Miscellaneous fixes (#35552) @siriwatknp
- ​<!-- 11 -->[Radio][joy] Use precise dimensions for radio icon (#35548) @hbjORbj
### `@mui/material-next@6.0.0-alpha.68`
- ​<!-- 36 -->[Material You] Update Button test & add active class name (#35497) @mnajdova
### Docs
- ​<!-- 35 -->[docs] Fix GoogleMaps demo (#35545) @hbjORbj
- ​<!-- 25 -->[docs] Remove flow, its legacy (#35624) @oliviertassinari
- ​<!-- 24 -->[docs] Add a guide on using icon libraries with Joy UI (#35377) @siriwatknp
- ​<!-- 23 -->[docs] Clarify comment about `sortStability()` use case (#35570) @frontendlane
- ​<!-- 22 -->[docs] Improve the experimental API demos on the button page (#35560) @mnajdova
- ​<!-- 21 -->[docs] Force `light` theme mode when `activePage` is null (#35575) @LukasTy
- ​<!-- 20 -->[docs] Fix ListItem button deprecated use (#33970) @MickaelAustoni
- ​<!-- 19 -->[docs] Fix typo in `Progress` docs (#35553) @jasonsturges
- ​<!-- 18 -->[docs] Remove empty tags on the TransferList demos (#33127) @ekusiadadus
- ​<!-- 17 -->[docs][joy] Add documentation for `Stack` component (#35373) @hbjORbj
- ​<!-- 35 -->[docs][joy] Add documentation for `Grid` component (#35374) @hbjORbj
- ​<!-- 01 -->[website] Update sponsor grid (#35452) @danilo-leal
### Core
- ​<!-- 34 -->[core] Shorthand notation to remove outline (#35623) @oliviertassinari
- ​<!-- 33 -->[core] Fix header link layout shift and clash (#35626) @oliviertassinari
- ​<!-- 32 -->[core] Hide keyboard shortcut if no hover feature (#35625) @oliviertassinari
- ​<!-- 31 -->[core] Fix confusing duplicated name in the log @oliviertassinari
- ​<!-- 30 -->[core] Fix API demos callout spacing (#35579) @oliviertassinari
- ​<!-- 29 -->[core] Fix a few title case (#35547) @oliviertassinari
- ​<!-- 28 -->[core] Cleanup mention of test-utils (#35577) @oliviertassinari
- ​<!-- 27 -->[core] Remove oudated pickers prop-type logic (#35571) @oliviertassinari
- ​<!-- 26 -->[core] Exclude documentation of Base props not used in styled libraries (#35562) @michaldudak
All contributors of this release in alphabetical order: @boutahlilsoufiane, @danhuynhdev, @danilo-leal, @EduardoSCosta, @ekusiadadus, @frontendlane, @hbjORbj, @hootan-rocky, @JagarYousef, @jasonsturges, @leventdeniz, @LukasTy, @michaldudak, @MickaelAustoni, @mnajdova, @oliviertassinari, @sai6855, @siriwatknp, @sldk-yuri, @trizotti
## 5.11.1
<!-- generated comparing v5.11.0..master -->
_Dec 20, 2022_
A big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
- 💅 @mnajdova added motion and shape design tokens to Material You package (#35384 and #35393).
- Many other 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements.
### `@mui/material@5.11.1`
- [Chip] Fix hover and focus style with CSS Variables (#35502) @DimaAbr
- [InputLabel] Enable `size` prop overrides via TypeScript module augmentation (#35460) @MickaelAustoni
- [l10n] Change Kazakh locale name to match ISO-639-1 codes (#34664) @talgautb
- [TextField] Fix error focus style (#35167) @42tte
- [core] Bring `experimental_sx` back with error code (#35528) @siriwatknp
### `@mui/utils@5.11.1`
- [Theme] Merge components and slots props (#35477) @siriwatknp
### `@mui/material-next@6.0.0-alpha.67`
- [Material You] Add motion design tokens (#35384) @mnajdova
- [Material You] Add shape design tokens (#35393) @mnajdova
### `@mui/joy@5.0.0-alpha.59`
- [Tooltip] Fix arrow does not appear (#35473) @siriwatknp
- [Input] Fix autofill styles (#35056) @siriwatknp
- [ChipDelete] Add onDelete prop to ChipDelete (#35412) @sai6855
### `@mui/base@5.0.0-alpha.111`
- [Button][base] Set active class when a subcomponent is clicked (#35410) @michaldudak
- [Popper][base] Fix Tooltip Anchor Element Setter (#35469) @sydneyjodon-wk
### Docs
- [docs] Fixed the `Select` component `onChange` event type in the migration guide (#35509) @tzynwang
- [docs] Add missing comma to `Providing the colors directly` section (#35507) @cassidoo
- [docs] Add `CardMedia` example without `component="img"` prop (#35470) @lucasmfredmark
- [docs] Fix `unstable_sxConfig` typo (#35478) @siriwatknp
- [docs] List component introduction example default code is missing ListItemContent component (#35492) @Miigaarino
- [website] Close our first people role @oliviertassinari
- [website] Update product icons (#35413) @danilo-leal
### Core
- [test] Terminate BrowserStack after 5 minutes (#35454) @oliviertassinari
- [test] Fix broken master branch (#35446) @oliviertassinari
All contributors of this release in alphabetical order: @42tte, @cassidoo, @danilo-leal, @DimaAbr, @lucasmfredmark, @michaldudak, @MickaelAustoni, @Miigaarino, @mnajdova, @oliviertassinari, @sai6855, @siriwatknp, @sydneyjodon-wk, @talgautb, @tzynwang
## 5.11.0
<!-- generated comparing v5.10.17..master -->
_Dec 13, 2022_
A big thanks to the 19 contributors who made this release possible. Here are some highlights ✨:
- 🔥 @mnajdova enabled configuration of the `sx` prop in the `theme` (#35150)
- Many other 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements.
### `@mui/material@5.11.0`
- [Alert] Update icon color in all variants (#35414) @danilo-leal
- [Select] Fix `MenuProps.PopoverClasses` being overriden (#35394) @vitorfrs-dev
- [SwipeableDrawer] Fixed typescript warning "prop open undefined" (#34710) @kraftware
### `@mui/icons-material@5.11.0`
- [icons] Restore the PhoneInTalk icons (#35409) @michaldudak
### `@mui/system@5.11.0`
#### BREAKING CHANGES
- [system] Enable configuring the `sx` prop in the `theme` (#35150) @mnajdova
The breaking change is regarding an experimental API:
```diff
-import { styled, experimental_sx } from '@mui/material/styles';
+import { styled } from '@mui/material/styles';
-const Component = styled('div)(experimental_sx({ p: 1 }});
+const Component = styled('div)(({ theme }) => theme.unstable_sx({ p: 1 }});
```
### `@mui/joy@5.0.0-alpha.58`
- [Joy] Miscellaneous fixes (#35447) @siriwatknp
### `@mui/base@5.0.0-alpha.110`
- [PopperUnstyled] Update PopperTooltip to have correct width when closing with transition (#34714) @EduardoSCosta
### `@mui/material-next@6.0.0-alpha.66`
- [Material You] Add ripple on the button (#35299) @mnajdova
### Docs
- [docs] Simplify state management in Text Field demo page (#35051) @PratikDev
- [docs] Improve `Responsive App bar with Drawer` demo (#35418) @ZeeshanTamboli
- [docs] Improve line-height readability (#35387) @oliviertassinari
- [docs] Improve a bit the Composition docs (#35329) @oliviertassinari
- [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] Fix typo in FormControl API docs (#35449) @Spanishiwa
- [docs] Update callouts design (#35390) @danilo-leal
- [website] New wave of open roles (#35240) @mnajdova
- [website] Developer survey 2022 (#35407) @joserodolfofreitas
### Core
- [core] Fix @mui/material package building (#35324) @timbset
- [core] Fix leaking theme color override (#35444) @oliviertassinari
- [typescript] Add null to return type of OverridableComponent (#35311) @tsollbach
- [website] Migrate X page to use CSS theme variables (#34922) @jesrodri
- [website] Migrate `/core` page to use CSS variables (#35366) @siriwatknp
All contributors of this release in alphabetical order: @alexfauquette, @Armanio, @danilo-leal, @EduardoSCosta, @flaviendelangle, @jesrodri, @joserodolfofreitas, @kraftware, @michaldudak, @mnajdova, @oliviertassinari, @PratikDev, @samuelsycamore, @siriwatknp, @Spanishiwa, @timbset, @tsollbach, @vitorfrs-dev, @ZeeshanTamboli
## 5.10.17
<!-- generated comparing v5.10.16..master -->
_Dec 6, 2022_
A big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
- ✨ @mnajdova added a [Material You Button playground](https://mui.com/material-ui/react-button/#material-you-version) (#35222)
- 🔧 @hbjORbj renamed `components` / `componentProps` to `slots` / `slotProps` prop in Joy UI to create consistency across products (#34997)
- Many other 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements
### `@mui/material@5.10.17`
- ​<!-- 31 -->[Slider] Fix `markActive` theme class not getting applied (#35067) @ZeeshanTamboli
- ​<!-- 30 -->[SwipeableDrawer] Fix missing close animation when initial open is true (#35010) @sai6855
- ​<!-- 28 -->[material-ui] Add channel colors if possible (#35178) @siriwatknp
- ​<!-- 10 -->[Fab] Increase disabled styles precedence (#35304) @Uzwername
- ​<!-- 05 -->[Rating] Apply `labelEmptyValueActive` style overrides from theme (#35315) @sai6855
### `@mui/system@5.10.17`
- ​<!-- 04 -->[system] Add support for nested CssVarsProvider (#35277) @siriwatknp
### `@mui/joy@5.0.0-alpha.57`
#### BREAKING CHANGE
- ​<!-- 08 -->[Joy] Add `slots`/`slotProps` props to the typing of all components and apply `useSlot` to all components (#34997) @hbjORbj
- Change all occurrences of `components` and `componentsProps` props in Joy UI components to `slots` and `slotProps`, respectively.
```diff
-<Autocomplete components={{listbox: CustomListbox}} componentsProps={{listbox: { className: 'custom-listbox' }}} />
+<Autocomplete slots={{listbox: CustomListbox}} slotProps={{listbox: { className: 'custom-listbox' }}} />
```
You can use this [codemod](https://github.com/mui/material-ui/blob/master/packages/mui-codemod/README.md#joy-rename-components-to-slots) to help with the migration.
#### Changes
- ​<!-- 07 -->[Joy] Miscellaneous fixes (#35345) @siriwatknp
- ​<!-- 06 -->[Joy][textarea] Expose decorator classes (#35247) @zignis
### Docs
- ​<!-- 29 -->[docs] Improve spacing with ul (#35302) @oliviertassinari
- ​<!-- 23 -->[docs] Correct grammatically incorrect sentences in CONTRIBUTING.md (#34949) @Pandey-utkarsh
- ​<!-- 22 -->[docs] Move the demo higher in the API TOC (#35202) @oliviertassinari
- ​<!-- 21 -->[docs] Fix incorrect link in minimizing-bundle-size (#35297) @Juneezee
- ​<!-- 20 -->[docs] Revise and expand Joy UI "Breadcrumbs" page (#35292) @samuelsycamore
- ​<!-- 19 -->[docs] Fix wrong import in the unstyled tabs page (#35310) @guotie
- ​<!-- 18 -->[docs] Disable translations (#34820) @mnajdova
- ​<!-- 17 -->[docs] Fix typo (#35312) @flaviendelangle
- ​<!-- 16 -->[docs] Add Material You Button playground (#35222) @mnajdova
- ​<!-- 15 -->[docs] Fix experimental API page duplication (#35213) @oliviertassinari
- ​<!-- 14 -->[docs] Improve the autogenerated "Unstyled" and "API" text (#35185) @samuelsycamore
- ​<!-- 13 -->[docs] Fix ad margin on API pages (#35201) @oliviertassinari
- ​<!-- 12 -->[docs] Revise and expand the Joy UI "Badge" page (#35199) @samuelsycamore
- ​<!-- 11 -->[docs] Update MUI Base docs with latest style conventions (#35034) @samuelsycamore
- ​<!-- 09 -->[l10n] Improve Chinese (Taiwan) zh-TW locale (#35328) @happyincent
- ​<!-- 02 -->[website] Update MUI stats: GitHub stars, Twitter followers, etc. (#35318) @nomandhoni-cs
### Core
- ​<!-- 27 -->[core] Use componentStyles.name over componentName (#35303) @oliviertassinari
- ​<!-- 26 -->[core] Fix warning leak in production (#35313) @oliviertassinari
- ​<!-- 25 -->[core] Move the internal packages from docs/packages (#35305) @michaldudak
- ​<!-- 24 -->[core] Clean up the API docs generation scripts (#35244) @michaldudak
- ​<!-- 03 -->[test] Scope the tests to just Material UI components (#35219) @siriwatknp
- ​<!-- 01 -->[website] Remove BlackFriday notification @oliviertassinari
All contributors of this release in alphabetical order: @flaviendelangle, @guotie, @happyincent, @hbjORbj, @Juneezee, @michaldudak, @mnajdova, @nomandhoni-cs, @oliviertassinari, @Pandey-utkarsh, @sai6855, @samuelsycamore, @siriwatknp, @Uzwername, @zignis
## 5.10.16
<!-- generated comparing v5.10.15..master -->
_Nov 28, 2022_
A big thanks to the 13 contributors who made this release possible. This release contains various 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements.
### `@mui/material@5.10.16`
- ​<!-- 21 -->[Autocomplete] Fix inferred value type when `multiple` prop is `true` (#35275) @fenghan34
- ​<!-- 19 -->[Chip] Add `skipFocusWhenDisabled` prop to not allow focussing deletable chip if disabled (#35065) @sai6855
- ​<!-- 18 -->[Chip] Remove unnecessary handleKeyDown event handler (#35231) @ZeeshanTamboli
- ​<!-- 05 -->[FormControl] Add missing types in `useFormControl` (#35168) @ZeeshanTamboli
- ​<!-- 04 -->[IconButton] Add missing color classes (#33820) @Zetta56
- ​<!-- 03 -->[SwipeableDrawer] Make paper ref accessible (#35082) @sai6855
### `@mui/system@5.10.16`
- ​<!-- 02 -->[system] Remove unnecessary parsed theme (#35239) @siriwatknp
- ​<!-- 01 -->[theme] Fix TypeScript type for custom variants in responsive font sizes (#35057) @ZeeshanTamboli
### `@mui/base@5.0.0-alpha.108`
- ​<!-- 20 -->[Base] Allow useSlotProps to receive undefined elementType (#35192) @leventdeniz
### Docs
- ​<!-- 13 -->[docs] Improve feedback precision (#34641) @alexfauquette
- ​<!-- 12 -->[docs] Add Black Friday notification @oliviertassinari
- ​<!-- 11 -->[docs] Fix migration feedback (#35232) @alexfauquette
- ​<!-- 10 -->[docs] Improve the useSelect demo styling (#33883) @michaldudak
- ​<!-- 09 -->[docs] Fix layout jump on first mistake (#35215) @oliviertassinari
- ​<!-- 08 -->[docs] Support demos with side effect imports (#35177) @m4theushw
- ​<!-- 07 -->[examples] Fix Next.js errors (#35246) @oliviertassinari
- ​<!-- 06 -->[examples] Updated Remix examples with the lates changes using React 18 (#35092) @58bits
### Core
- ​<!-- 17 -->[core] Remove unused pattern (#35165) @iamxukai
- ​<!-- 16 -->[core] Fix Base version in changelog (#35224) @siriwatknp
- ​<!-- 15 -->[core] Migrate `describeConformance` to TypeScript (#35193) @flaviendelangle
- ​<!-- 14 -->[core] Skip CI for docs and examples paths (#35225) @siriwatknp
All contributors of this release in alphabetical order: @58bits, @alexfauquette, @fenghan34, @flaviendelangle, @iamxukai, @leventdeniz, @m4theushw, @michaldudak, @oliviertassinari, @sai6855, @siriwatknp, @ZeeshanTamboli, @Zetta56
## 5.10.15
<!-- generated comparing v5.10.14..master -->
_Nov 21, 2022_
A big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
- 🚀 @mnajdova added the button as the first component that implements [Material You](https://m3.material.io/) design (MD3)
- 🌐 @MBilalShafi added Urdu (Pakistan) localization
- Many other 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements
### `@mui/material@5.10.15`
- [Autocomplete] Fix keyboard navigation when using custom popover (#35160) @sai6855
- [typescript] Add `background.defaultChannel` to `CssVarsPalette` (#35174) @alexfauquette
- [l10n] Add Urdu (ur-PK) locale (#35154) @MBilalShafi
### `@mui/icons-material@5.10.15`
- [icons] Update the Material Design icons (#35194) @michaldudak
### `@mui/material-next@6.0.0-alpha.63`
- [Material You] Add theme structure & Button component (#34650) @mnajdova
### `@mui/base@5.0.0-alpha.107`
- [Select] Add attributes to conform with ARIA 1.2 (#35182) @michaldudak
### Docs
- [docs] Fix a couple documentation errors (#35217) @danilo-leal
- [docs] Change MUI -> Material UI in icons-material's readme (#35220) @michaldudak
- [docs] the pages have no <link rel=canonical so we need to tell Google to not index the staging envs @oliviertassinari
- [docs] Fix confusion in TOCs when reaching scroll bottom (#35214) @oliviertassinari
- [docs] Fix typos in section titles (#35025) @iamxukai
- [docs] Fix typo in legacy date picker migration guide @oliviertassinari
- [docs] Iterating on recent Joy UI Component page updates (#35162) @samuelsycamore
- [docs] Inform that pickers are in X repository (#35189) @alexfauquette
- [docs] Explain how the `error` prop works in the Unstyled Input (#35171) @michaldudak
- [docs] Hotfix missing styles in dark mode (#35179) @siriwatknp
- [docs] Add Joy UI theme typography page (#34811) @siriwatknp
- [docs] Fix undo/redo in live editor (#35163) @oliviertassinari
- [docs] Revise the Joy UI "Avatar" component page (#35152) @samuelsycamore
- [docs] Make navbar backdrop filter consistent with website (#35157) @danilo-leal
- [docs] Host CodeSandbox on MUI org (#35110) @oliviertassinari
- [docs] Uplift introduction demos & make consistent with Base (#34316) @danilo-leal
- [website] Add Security questionnaire in pricing (#35172) @oliviertassinari
- [website] Fix theme mode toggle state (#35216) @siriwatknp
- [website] Exclude experiment pages in production (#35180) @siriwatknp
- [website] Disable SEO for performance pages (#35173) @oliviertassinari
### Core
- [core] Convert icons scripts to ESM (#35101) @Janpot
- [core] Group renovate GitHub Action dependency updates @oliviertassinari
- [core] Upgrade eslint-config-airbnb-typescript (#34642) @Janpot
- [core] Ensure that prettier CI step fails when code is badly formatted (#35170) @michaldudak
All contributors of this release in alphabetical order: @alexfauquette, @danilo-leal, @iamxukai, @Janpot, @MBilalShafi, @michaldudak, @oliviertassinari, @samuelsycamore, @siriwatknp
## v5.10.14
<!-- generated comparing v5.10.13..master -->
_Nov 14, 2022_
A big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:
- 🚀 @siriwatknp added the Autocomplete component to the Joy UI (#34315)
- ♿ @sfavello improved the accessibility of the Material UI's Autocomplete by adding support for the Delete key (#33822)
- Many other 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements.
### `@mui/material@5.10.14`
- [Material UI] Add `palette.background.defaultChannel` token (#35061) @siriwatknp
- [Autocomplete] Remove tags with the Delete key (#33822) @sfavello
- [IconButton] custom color causes type error (#34521) @kushagra010
### `@mui/system@5.10.14`
- [Unstable_Gridv2] sorted responsize keys based on breakpoint value (#34987) @sai6855
### `@mui/joy@5.0.0-alpha.54`
- [Joy] Export `FormControl`, `LinearProgress` and `ListSubheader` components from `@mui/joy` (#35003) @Studio384
- [Joy] Miscellaneous fixes (#35044) @siriwatknp
- [Joy] Add `Autocomplete` component (#34315) @siriwatknp
- [Joy] Saturate a bit the gray palette (#35148) @danilo-leal
- [Autocomplete][joy] Fix types (#35153) @siriwatknp
### Docs
- [blog] Fix font size of code blocks on iOS @oliviertassinari
- [docs] Accessibility - increase default contrastThreshold for WCAG AA compliance (#34901) @kennethbigler
- [docs] Correct the keepMounted section on the Drawer page (#35076) @michaldudak
- [docs] Fix code editor styles mismatches (#35108) @oliviertassinari
- [docs] Allows to access the next MUI-X (#34798) @alexfauquette
- [docs] Fix bugs with live edit demos (#35106) @oliviertassinari
- [docs] Fix `MarkdownElement` regression from adding CSS variables (#35096) @siriwatknp
- [docs] Add a new gold sponsor (#35089) @hbjORbj
- [docs] Fix scroll issue on expanded live demos (#35064) @bharatkashyap
- [docs] Improve alignment of the sponsors @oliviertassinari
- [docs] Improve code font family v2 (#35053) @oliviertassinari
- [docs] Upgrade to Next.js 13 (#35001) @mnajdova
- [docs] Fix typo in changelog @oliviertassinari
- [docs] Update Joy UI templates to use latest components (#35058) @siriwatknp
- [website] Fix design kits showcase throwing an error (#35093) @cherniavskii
- [website] Fix margin bug on CTA @oliviertassinari
- [website] Link respective repositories in product pages (#35046) @sidtohan
- [website] Migrate blog pages to use CSS theme variables (#34976) @siriwatknp
- [website] Update DoiT International logo and links with new brand (#35030) @ofir5300
- [website] Improve visual design app bar (#35111) @oliviertassinari
### Core
- [core] Convert scripts to ES modules (#35036) @michaldudak
- [core] Show the whole version to make blame easier @oliviertassinari
- [core] Polish GitHub Action version @oliviertassinari
- [core] Ignore icons to speed up CodeQL @oliviertassinari
- [core] Feedback on branch protection @oliviertassinari
- [core] Revert CI (#35098) @siriwatknp
- [core] Fix job name to match the CI (#35097) @siriwatknp
- [core] ESLint fixes for tests (#34924) @Janpot
- [core] Ignore unrelated folders from github actions (#35028) @siriwatknp
- [core] Use pretty-quick instead of custom script (#34062) @Janpot
All contributors of this release in alphabetical order: @alexfauquette, @bharatkashyap, @cherniavskii, @danilo-leal, @hbjORbj, @Janpot, @kennethbigler, @kushagra010, @michaldudak, @mnajdova, @ofir5300, @oliviertassinari, @sai6855, @sfavello, @sidtohan, @siriwatknp, @Studio384
## v5.10.13
<!-- generated comparing v5.10.12..master -->
_Nov 7, 2022_
A big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
- 🚀 The slots API has been introduced to the Material UI package by @michaldudak (#34873).
- 🔥 Live editing of demos is stabilized by @oliviertassinari (#34870).
- Many other 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements.
### `@mui/material@5.10.13`
- ​<!-- 08 -->[material-ui] Introduce the slots API (#34873) @michaldudak
- ​<!-- 07 -->[NativeSelectInput] Support CSS theme variables (#34975) @siriwatknp
### `@mui/system@5.10.13`
- ​<!-- 05 -->[system] Add a missing key attribute in getInitColorScheme to fix key issue (#34992) @akshaya-venkatesh8
### `@mui/base@5.0.0-alpha.105`
- ​<!-- 26 -->[base] Avoid calling setState during renders (#34916) @Janpot
### `@mui/joy@5.0.0-alpha.53`
- ​<!-- 06 -->[Select] Fix custom options menu not opening on Avatar click (#34648) @shivam1646
### Docs
- ​<!-- 20 -->[docs] Add a guide for setting dark mode by default (#34839) @siriwatknp
- ​<!-- 19 -->[docs] Improve code font family (#35027) @oliviertassinari
- ​<!-- 18 -->[docs] Revise and expand Joy UI "Alert" page (#34838) @samuelsycamore
- ​<!-- 17 -->[docs] Live demos v2 (#34870) @oliviertassinari
- ​<!-- 16 -->[docs] Fix 301 links in the docs @oliviertassinari
- ​<!-- 15 -->[docs] Fix code display in RTL (#34951) @oliviertassinari
- ​<!-- 14 -->[docs] New API design rule disabled > disable (#34972) @oliviertassinari
- ​<!-- 13 -->[docs] Explain the usage of Select's onOpen/onClose in the uncontrolled mode (#34755) @michaldudak
- ​<!-- 12 -->[docs] Add a new gold sponsor (#34984) @hbjORbj
- ​<!-- 11 -->[docs] Add author and published_time meta tags (#34382) @alexfauquette
- ​<!-- 10 -->[examples] Next.js examples v13 - fonts (#34971) @PetroSilenius
- ​<!-- 09 -->[examples] Next.js examples v13 - links (#34970) @PetroSilenius
- ​<!-- 04 -->[website] Update IPinfo.AI name @oliviertassinari
- ​<!-- 03 -->[website] Remove date-io from the docs dependencies (#34748) @michaldudak
- ​<!-- 02 -->[website] Migrate Design-kits page to use CSS theme variables (#34920) @jesrodri
- ​<!-- 01 -->[website] Migrate Pricing page to use CSS theme variables (#34917) @trizotti
### Core
- ​<!-- 25 -->[core] Remove default access to GitHub action scopes @oliviertassinari
- ​<!-- 24 -->[core] Fix Pinned-Dependencies @oliviertassinari
- ​<!-- 23 -->[core] Fix typos in the component name @oliviertassinari
- ​<!-- 22 -->[core] Fix scorecard regression @oliviertassinari
- ​<!-- 21 -->[core] Create the docs theme once (#34954) @oliviertassinari
All contributors of this release in alphabetical order: @akshaya-venkatesh8, @alexfauquette, @hbjORbj, @Janpot, @jesrodri, @michaldudak, @oliviertassinari, @PetroSilenius, @samuelsycamore, @shivam1646, @siriwatknp, @trizotti
## v5.10.12
<!-- generated comparing v5.10.11..master -->
_Oct 31, 2022_
A big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:
- 🚀 The LinearProgress component has been added to Joy UI by @hbjORbj (#34514).
- Many other 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements.
### `@mui/material@5.10.12`
- ​<!-- 37 -->[Chip] Don't override icon color (#34247) @emlai
- ​<!-- 09 -->[Radio] Skip default hover style when disableRipple is set (#34902) @VinceCYLiao
- ​<!-- 08 -->[SwipeableDrawer] Fix React 18 issues (#34505) @mnajdova
- ​<!-- 05 -->[Tooltip] Save a few bytes (#34853) @oliviertassinari
### `@mui/base@5.0.0-alpha.104`
- ​<!-- 38 -->[ButtonUnstyled] Update to render as link when href or to is provided (#34337) @EduardoSCosta
### `@mui/joy@5.0.0-alpha.52`
- ​<!-- 36 -->[Joy][circularprogress] Prevent new styles from being generated when `value` changes (#34897) @hbjORbj
- ​<!-- 11 -->[Joy] Add color inversion feature (#32511) @siriwatknp
- ​<!-- 10 -->[Joy] Add `LinearProgress` component (#34514) @hbjORbj
### Docs
- ​<!-- 40 -->[blog] Add blog post for high-level overview of all MUI products (#34325) @samuelsycamore
- ​<!-- 39 -->[blog] Fix hydration mistmatch (#34857) @oliviertassinari
- ​<!-- 21 -->[docs] Revise the Joy UI "Aspect Ratio" page (#34858) @samuelsycamore
- ​<!-- 20 -->[docs] Fix Safari code font size (#34859) @oliviertassinari
- ​<!-- 19 -->[docs] Fix spelling mistake (#34955) @punithnayak
- ​<!-- 18 -->[docs] Fix 404 link of supported Material UI components @oliviertassinari
- ​<!-- 17 -->[docs] Fix Safari button misalignment (#34861) @oliviertassinari
- ​<!-- 16 -->[docs] Fix typo in docs title (#34926) @PunitSoniME
- ​<!-- 25 -->[docs] Fix missing emotion prefixes (#34958) @oliviertassinari
- ​<!-- 26 -->[docs] Improve UI display for copy code (#34950) @oliviertassinari
- ​<!-- 15 -->[docs] Standardize all MUI Core "Usage" pages (#34183) @samuelsycamore
- ​<!-- 14 -->[docs] Update templates' readme files to include required dependencies (#34757) @michaldudak
- ​<!-- 13 -->[docs] Fix inconsistent theme colors when applying custom colors in playground (#34866) @cherniavskii
- ​<!-- 12 -->[docs] Fix typo in bottom-navigation.md (#34884) @RoodyCode
- ​<!-- 07 -->[website] Migrate about-us page to use CSS theme variables (#34919) @brianlu2610
- ​<!-- 06 -->[website] Migrate Product-Templates page to use CSS theme variables (#34913) @EduardoSCosta
- ​<!-- 05 -->[website] Migrate career page to use CSS theme variables (#34908) @the-mgi
- ​<!-- 04 -->[website] Update MUI X open and future roles + about page (#34894) @DanailH
- ​<!-- 03 -->[website] Remove one DOM node (#34960) @oliviertassinari
- ​<!-- 02 -->[website] Use `span` for icon image (#34914) @siriwatknp
- ​<!-- 01 -->[website] Fix subscribe input with Safari (#34869) @oliviertassinari
### Core
- ​<!-- 35 -->[core] Ignore compiled icons in CodeQL @oliviertassinari
- ​<!-- 34 -->[core] Add OSSF Scorecard action (#34854) @oliviertassinari
- ​<!-- 40 -->[core] Fix extra GitHub Action permission (#34496) @sashashura
- ​<!-- 33 -->[core] Fix duplicate id @oliviertassinari
- ​<!-- 41 -->[core] Enforce import \* as React (#34878) @da0x
- ​<!-- 32 -->[core] A couple of simply fixes from #34870 (#34953) @oliviertassinari
- ​<!-- 31 -->[core] Migrate outdated pattern to convention @oliviertassinari
- ​<!-- 30 -->[core] Pin GitHub Actions dependencies (#34929) @renovate[bot]
- ​<!-- 29 -->[core] Make the reproduction more important in the bug template (#34875) @oliviertassinari
- ​<!-- 28 -->[core] Fix docs GitHub API rate limit (#34856) @oliviertassinari
- ​<!-- 42 -->[core] Fix eslint issues (#34964) @mnajdova
- ​<!-- 27 -->[core] Pin GitHub Action to digests (#34855) @oliviertassinari
- ​<!-- 26 -->[core] Fix permissions in workflow @oliviertassinari
- ​<!-- 25 -->[core] memoize context values for react/jsx-no-constructed-context-values (#34849) @Janpot
- ​<!-- 24 -->[core] Fix @typescript-eslint/default-param-last issues (#34846) @Janpot
- ​<!-- 23 -->[core] Fix HTML validation error (#34860) @oliviertassinari
- ​<!-- 22 -->[core] Fix duplicate CodeQL build @oliviertassinari
- ​<!-- 07 -->[test] Move Firefox tests to CircleCI (#34764) @oliviertassinari
- ​<!-- 06 -->[test] Use screen when possible for simplicity (#34890) @oliviertassinari
All contributors of this release in alphabetical order: @cherniavskii, @DanailH, @EduardoSCosta, @emlai, @hbjORbj, @Janpot, @michaldudak, @mnajdova, @oliviertassinari, @punithnayak, @PunitSoniME, @renovate[bot], @RoodyCode, @samuelsycamore, @siriwatknp, @VinceCYLiao
## v5.10.11
<!-- generated comparing v5.10.10..master -->
_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
- Many other 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements
### `@mui/material@5.10.11`
- [InputBase] Fix `onInvalid` to use HTMLInputElement | HTMLTextAreaElement Element type (#33162) @KuSh
- [Alert] Add `components` and `componentsProps` props to allow close action overrides (#33582) @jake-collibra
### `@mui/base@5.0.0-alpha.103`
#### BREAKING CHANGE
- [base] `components` -> `slots` API rename (#34693) @michaldudak
- Change all occurrences of components and componentsProps props in Base components to slots and slotProps, respectively.
- Change casing of slots' fields to camelCase
```diff
-<SwitchUnstyled components={{Root: CustomRoot}} componentsProps={{rail: { className: 'custom-rail' }}} />
+<SwitchUnstyled slots={{root: CustomRoot}} slotProps={{rail: { className: 'custom-rail' }}} />
```
- [base] Make CSS class prefixes consistent (#33411) @michaldudak
**This is a breaking change for anyone who depends on the class names applied to Base components.**
If you use the `<component>UnstyledClasses` objects, you won't notice a difference. Only if you depend on the resulting class names (e.g. in CSS stylesheets), you'll have to adjust your code.
```diff
-.ButtonUnstyled-root { ... };
+.MuiButton-root { ... };
```
#### Changes
- [test] Test all Base components with describeConformanceUnstyled (#34825) @michaldudak
### `@mui/joy@5.0.0-alpha.51`
- [CircularProgress][joy] Fix classnames and add test (#34806) @hbjORbj
- [Joy] Allow string type for `size` prop in components (#34805) @hbjORbj
### Docs
- Revert "[docs] Fix search icons in other languages (#34823)" @oliviertassinari
- Revert "[core] Move SearchIcons to docs src folder (#34802)" @oliviertassinari
- Revert "[docs] Live demos (#34454)" @oliviertassinari
- Update the order of operations for pagination example so that slicing takes place after sorting. (#34189) @marceliwac
- [docs] Gatsby Description in Joy dark-mode (#34702) @pixelass
- [docs] Add notification for blogpost MUI X v6 alpha (#34809) @joserodolfofreitas
- [docs] Polish Crowdin config (#34852) @oliviertassinari
- [docs] Fix a few style standard deviations @oliviertassinari
- [docs] Enforce no trailing spaces (#34762) @oliviertassinari
- [docs] Enforce correct git diff format (#34765) @oliviertassinari
- [docs] Fix Toolpad docs 301 route (#34843) @bharatkashyap
- [docs] Replace initial value with theme white (#34822) @siriwatknp
- [docs] Remove localization redirects (#34844) @mnajdova
- [docs] Fix search icons in other languages (#34823) @siriwatknp
- [docs] Fix JavaScript capitalization @oliviertassinari
- [docs] Update new links to MD2 (#34848) @oliviertassinari
- [website] Update future work items on X landing page (#34810) @joserodolfofreitas
- [website] Add Toolpad docs to navigation (#34749) @bharatkashyap
### Core
- [core] Remove dead files (#34850) @oliviertassinari
- [core] Fix revert conflict @oliviertassinari
- [core] Fix a few CodeQL errors (#34766) @oliviertassinari
- [core] Harden GitHub Actions permissions (#34769) @oliviertassinari
- [core] Remove the codeowners file (#34876) @michaldudak
All contributors of this release in alphabetical order: @bharatkashyap, @hbjORbj, @jake-collibra, @joserodolfofreitas, @KuSh, @marceliwac, @michaldudak, @oliviertassinari, @pixelass, @siriwatknp
## 5.10.10
<!-- generated comparing v5.10.9..master -->
_Oct 18, 2022_
A big thanks to the 21 contributors who made this release possible. Here are some highlights ✨:
- 🖌 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.
@mbayucot finished the first PR with the conversion of the NoSsr code (#34735).
- And more 🐛 bug fixes and 📚 documentation improvements.
### `@mui/material@5.10.10`
- [Popover] Fix paper position flash on open (#34546) @TheUnlocked
- [SwipeableDrawer] Make component `defaultProps` overridable (#34643) @hbjORbj
### `@mui/system@5.10.10`
- [system] Support CSS `grey` color in `sx` (#34548) @TheUnlocked
### `@mui/styles@5.10.10`
- [styles] Use memoized context in StylesProvider (#34637) @mohd-akram
### `@mui/joy@5.0.0-alpha.50`
- [Select][joy] Added hidden input element (#34657) @zee-bit
- [Slider][joy] Add global variant to slider (#34733) @siriwatknp
- [Tooltip][joy] Add component (#34509) @hbjORbj
### `@mui/bas