# [Versions](https://mui.com/versions/) ## 5.8.5 _Jun 20, 2022_ A big thanks to the 14 contributors who made this release possible. Here are some highlights โœจ: - ๐Ÿš€ Added support for CSS variables in the `Avatar` component and the `SpeedDialAction` component respectively by @vicasas and @gin1314 - many other ๐Ÿ› bug fixes and ๐Ÿ“š documentation improvements ### `@mui/material@5.8.5` - ​[Avatar] Add support for CSS variables (#32499) @vicasas - ​[Dialog] Fix broken styles if `maxWidth` is set to `false` (#32987) @kmurgic - ​[SpeedDialAction] Add support for CSS variables (#32608) @gin1314 - ​[Tabs] Increment scroll of the minimum amount possible (#33103) @oliviertassinari ### `@mui/codemod@5.8.5` - ​[codemod] Preserve comments within jss-to-tss-react (#33170) @ryancogswell ### `@mui/lab@5.0.0-alpha.87` - ​[Masonry] Fix flickering when used with React 18 (#33163) @mnajdova ### `@mui/base@5.0.0-alpha.86` - ​[BadgeUnstyled] Accept callbacks in componentsProps (#33176) @michaldudak - ​[ButtonUnstyled] Use useSlotProps (#33096) @michaldudak - ​[FormControlUnstyled] Accept callbacks in componentsProps (#33180) @michaldudak - ​[InputUnstyled] Use useSlotProps (#33094) @michaldudak - ​[ModalUnstyled] Define ownerState and slot props' types (#32901) @michaldudak - ​[SwitchUnstyled] Use useSlotProps (#33174) @michaldudak ### `@mui/joy@5.0.0-alpha.33` - ​[Joy] Add Checkbox documentation (#33171) @siriwatknp - ​[Joy] Add List documentation (#33120) @siriwatknp - ​[Joy] Make slider displays Joy classname (#33051) @siriwatknp ### Docs - ​[blog] Update Blogpost to clear confusion on "no impact" disclaimer. (#33131) @joserodolfofreitas - ​[blog] Add post about v5 Migration guide update (#33063) @samuelsycamore - ​[blog] Fix display on Safari (#33102) @oliviertassinari - ​[docs] Add guide on how to use MUI Base with Tailwind CSS (#33100) @mnajdova - ​[docs] Improve Joy template UX (#33159) @siriwatknp - ​[docs] Update Shadow DOM guide (#33160) @cherniavskii - ​[docs] Fix SEO regressions (#33106) @oliviertassinari - ​[docs] Add job ad in table of content (#33143) @mnajdova - ​[docs] Add customization as a value proposition (#33014) @oliviertassinari - ​[examples] Add example using nextjs & @mui/styles as a starter for the migration to v5 (#33005) @mnajdova - ​[website] Replace Airtable with Ashby links for applying to a opened position (#33193) @DanailH ### Core - ​[core] Add CSS variables support for Material UI components (#32835) @siriwatknp - ​[core] Add name to workspace root package.json (#33226) @Janpot - ​[core] Update bug template with generic instruction (#33153) @joserodolfofreitas - ​[core] Remove dead and redundant code (#33125) @oliviertassinari - ​[core] Improve inline code rendering within the details tag (#33086) @Harmouch101 All contributors of this release in alphabetical order: @cherniavskii, @DanailH, @gin1314, @Harmouch101, @Janpot, @joserodolfofreitas, @kmurgic, @michaldudak, @mnajdova, @oliviertassinari, @ryancogswell, @samuelsycamore, @siriwatknp, @vicasas ## 5.8.4 _Jun 14, 2022_ A big thanks to the 24 contributors who made this release possible. Here are some highlights โœจ: - ๐Ÿš€ Added support for custom breakpoints in the `Grid` component by @boutahlilsoufiane - ๐Ÿ“š Added guide on how to use Material UI with Shadow DOM by @cherniavskii - many other ๐Ÿ› bug fixes and ๐Ÿ“š documentation improvements ### `@mui/material@5.8.4` - ​[Button] Add missing classes in `ButtonClasses` type (#33040) @ZeeshanTamboli - ​[Grid] Fix prop-type key regression (#33123) @oliviertassinari - ​[Grid] Support custom breakpoints (#31998) @boutahlilsoufiane - ​[Grow] Limit CSS transition bug workaround to Safari 15.4 only (#32996) @igordanchenko - ​[Hidden] Remove dependency on hoist-non-react-statics (#33015) @oliviertassinari - ​[Link] Add support for CSS variables (#33036) @winderica - ​[Popover] Export `getOffsetTop` & `getOffsetLeft` from Popover's index and add typings (#32959) @rart - ​[Slider] Fix SliderValueLabelProps type (#32895) @oliviertassinari - ​[Snackbar] Remove `RTL` direction specific logic (#32808) @aaarichter - ​[StepIcon] Fix text centering when changing browser font size (#32706) @alansouzati - ​[Tabs] Scroll by width of the first visible tab if only one tab is partially visible (#32778) @frankkluijtmans ### `@mui/system@5.8.4` - ​[Stack, system] Apply correct responsive styles if any custom breakpoints are provided (#32913) @ZeeshanTamboli - ​[system] Fix missing typings for ColorFormat (#32417) @l-zoy ### `@mui/codemod@5.8.4` - ​[codemod] Add support for `@mui/styles/makeStyles` imports (#32962) @joshkel ### `@mui/lab@5.0.0-alpha.86` - ​[pickers] Fix broken ref forwarding (#33107) @oliviertassinari - ​[lab] Fix React's `forwardRef` warning when importing from the index (#33134) @mnajdova ### `@mui/base@5.0.0-alpha.85` - ​[MenuUnstyled] Accept callbacks in componentsProps (#32997) @michaldudak - ​[ModalUnstyled] Fix errors from the W3C validator about incorrect aria-hidden attribute on some elements (#30920) @mkrtchian - ​[ModalUnstyled] Fix behavior of not respecting props ariaHidden value (#32055) @tech-meppem ### `@mui/joy@5.0.0-alpha.32` - ​[Joy] Miscellaneous card fixes (#33129) @siriwatknp - ​[Joy] Miscellaneous fixes (#33073) @siriwatknp - ​[Joy] Add typography and link docs (#33047) @siriwatknp ### Docs - ​[Contributing.md] Local install instructions (#32975) @Moizsohail - ​[docs] Add responsive AppBar with drawer (#32769) @dvlprAlamin - ​[docs] Move codesandbox to MUI org (#33122) @oliviertassinari - ​[docs] Add Shadow DOM guide (#33007) @cherniavskii - ​[docs] Fix typo in Material UI overview page (#33087) @oliviertassinari - ​[docs] Miscellaneous fixes in `MUI Base` docs (#33091) @ZeeshanTamboli - ​[docs] Fix GitHub capitalization (#33071) @oliviertassinari - ​[docs] Fix a typo in `InputUnstyled` docs (#33077) @ZeeshanTamboli - ​[docs] Add notification for Joy blog post (#33059) @siriwatknp - ​[docs] Improve aspect ratio docs and integration (#33065) @siriwatknp - ​[docs] Update code block copy label (#33128) @siriwatknp - ​[docs] Fix typo in Autocomplete CSS API (#32838) @KeaghanKennedy - ​[docs] Improvements for Radio Group Rating Docs (#32843) @Kai-W - ​[docs] Enable Joy pages (#33064) @siriwatknp - ​[website] Add Joy UI to the pricing page (#33099) @danilo-leal - ​[website] Clarify the pricing a bit (#33069) @oliviertassinari ### Core - ​yarn proptypes @oliviertassinari - ​[core] Update dependencies to fix security vulnerabilities (#33095) @michaldudak - ​[core] Import new line convention (#33068) @oliviertassinari - ​[core] Make repository configurable in changelog script (#33130) @Janpot All contributors of this release in alphabetical order: @aaarichter, @alansouzati, @boutahlilsoufiane, @cherniavskii, @danilo-leal, @dvlprAlamin, @frankkluijtmans, @igordanchenko, @Janpot, @joshkel, @Kai-W, @KeaghanKennedy, @l-zoy, @michaldudak, @mkrtchian, @mnajdova, @Moizsohail, @oliviertassinari, @pushys, @rart, @siriwatknp, @tech-meppem, @winderica, @ZeeshanTamboli ## 5.8.3 _Jun 7, 2022_ A big thanks to the 15 contributors who made this release possible. This release is mostly about ๐Ÿ› bug fixes and ๐Ÿ“š documentation improvements. ### `@mui/material@5.8.3` - [Alert] Constrain message width and allow overflow (#32747) @Janpot - [Checkbox] Add support for CSS variables (#32579) @haneenmahd - [Slider] Fix positioning of tooltips on vertical slider (#32919) @abhinav-22-tech ### `@mui/system@5.8.3` - [system] Configurable attributes for libraries (#32971) @siriwatknp ### `@mui/codemod@5.8.3` - [codemod] Fix infinite loop in jss-to-tss-react and add TODO (#33048) @ryancogswell ### `@mui/lab@5.0.0-alpha.85` - [pickers] Add deprecations when importing pickers from the lab (#32950) @flaviendelangle ### `@mui/joy@5.0.0-alpha.31` - [Joy] Add `Slider` component and demos (#32694) @hbjORbj - [Joy] Add articles about customization approaches (#32887) @siriwatknp - [Joy] Add automatic adjustment page to core features (#32980) @siriwatknp - [Joy] Add docs about dark mode (#33002) @siriwatknp - [Joy] Add template UIs & first look blog post (#32791) @danilo-leal ### `@mui/base@5.0.0-alpha.84` - [base] Remove @mui/system in tests (#32945) @kevinji - [ButtonUnstyled] Accept callbacks in componentsProps (#32991) @michaldudak - [SwitchUnstyled] Accept callbacks in componentsProps (#32993) @michaldudak - [TablePaginationUnstyled] Define ownerState and slot props' types (#32905) @michaldudak - [TabPanelUnstyled] Define ownerState and slot props' types (#32928) @michaldudak - [TabsListUnstyled] Define ownerState and slot props' types (#32925) @michaldudak ### Docs - [blog] Fix anchor link scroll (#32994) @oliviertassinari - [docs] Add "Migration" section to sidebar and revise v4-v5 content (#32740) @samuelsycamore - [docs] Add What doesn't count as a breaking change? (#32850) @oliviertassinari - [docs] Fix 301 link @oliviertassinari - [docs] Fix icon color in `BadgeUnstyled` docs (#32976) @ZeeshanTamboli - [docs] Improve product identifier (#32707) @danilo-leal - [docs] Improve UX with back to top (#32896) @oliviertassinari - [docs] Polish overview page to Material UI (#32954) @oliviertassinari - [docs] Redirect older URLs (#33037) @oliviertassinari - [docs] Remove pickers page from the Lab section (#32961) @DanailH - [docs] Show product identifier on updated MUI X Introduction pages (#32966) @samuelsycamore - [docs] Throw on 301 links (#32939) @oliviertassinari - [website] Add Gerda to the about page (#33038) @danilo-leal - [website] Polish the pricing page (#32811) @oliviertassinari - [website] Remove unnecessary `address` dependency (#32957) @michaldudak ### Core - [core] Improve icon synonyms (#32742) @oliviertassinari - [core] Prepare Next.js config for React 18 (#32963) @michaldudak - [core] Remove dead logic (#32940) @oliviertassinari - [core] Update dependencies to fix security vulnerabilities (#32947) @michaldudak - Add security link to README for Tidelift @mbrookes All contributors of this release in alphabetical order: @abhinav-22-tech, @DanailH, @danilo-leal, @flaviendelangle, @haneenmahd, @hbjORbj, @Janpot, @kevinji, @mbrookes, @michaldudak, @oliviertassinari, @ryancogswell, @samuelsycamore, @siriwatknp, @ZeeshanTamboli ## 5.8.2 _May 30, 2022_ A big thanks to the 8 contributors who made this release possible. Here are some highlights โœจ: - ๐Ÿ› bug fixes and ๐Ÿ“š documentation improvements. ### `@mui/system@5.8.2` - ​[system] Add `getColorSchemeSelector` util (#32868) @siriwatknp ### `@mui/lab@5.0.0-alpha.84` - ​[Masonry] Place items to the left when there are less objects than specified in `column` prop (#32873) @hbjORbj ### `@mui/base@5.0.0-alpha.83` - ​[BadgeUnstyled] Define ownerState and slot props' types (#32750) @michaldudak - ​[SliderUnstyled] Define ownerState and slot props' types (#32739) @michaldudak - ​[SwitchUnstyled] Define ownerState and slot props' types (#32573) @michaldudak - ​[TabsUnstyled] Define ownerState and slot props' types (#32918) @michaldudak - ​[TabUnstyled] Define ownerState and slot props' types (#32915) @michaldudak ### `@mui/joy@5.0.0-alpha.30` - ​[Joy] use `textColor` prop for Typography and Link (#32938) @siriwatknp - ​[Joy] Make variants for more flexible (#32931) @siriwatknp - ​[Joy] Improve automatic adjustment (#32923) @siriwatknp - ​[Joy] Add `Chip` doc (#32819) @hbjORbj - ​[Joy] Add `AspectRatio` demos (#32848) @siriwatknp - ​[Joy] Fix wrong urls (#32883) @siriwatknp ### Docs - ​[docs] Iterate on the job ad for React engineer in Core (#32900) @mnajdova - ​[blog] Fix avatar image resolution (#32890) @oliviertassinari - ​[docs] Link the first page of the product (#32943) @oliviertassinari - ​[docs] Batch small changes (#32170) @michaldudak - ​[docs] Allow function prop to return undefined (#32766) @m4theushw - ​[docs] Fix wrong link to Material Icons (#32847) @oliviertassinari - ​[docs] Fix ClassNameGenerator content (#32800) @siriwatknp - ​[docs] Fix navigation links (#32851) @oliviertassinari - ​[docs] Document the `size` prop for InputLabel (#32936) @romelperez - ​[docs] Add note about transparent background on the outlined Alert variant (#32810) @aaarichter - ​[website] Update the careers's page with the new roles (#32535) @oliviertassinari ### Core - ​[core] Improve the incomplete issues workflow (#32878) @mnajdova - ​[core] Add CI check that the PR has label (#32886) @mnajdova - ​[core] Avoid leaking @babel/runtime (#32874) @oliviertassinari All contributors of this release in alphabetical order: @aaarichter, @hbjORbj, @m4theushw, @michaldudak, @mnajdova, @oliviertassinari, @romelperez, @siriwatknp ## 5.8.1 _May 23, 2022_ A big thanks to the 21 contributors who made this release possible. Here are some highlights โœจ: - ๐Ÿ’… Added CSS variables support for two more Material UI components by @diggis00 and @alisasanib - And more ๐Ÿ› bug fixes and ๐Ÿ“š documentation improvements. ### `@mui/material@5.8.1` - ​[Alert] Fix missing `ownerState` on the `action` slot (#32801) @mnajdova - ​[Fab] Make the `color` prop type extendable (#31830) @paales - ​[ListItemButton] Render as link if href specified (#32403) @o-dubrovskyi - ​[Paper] Add support for CSS variables (#32570) @diggis00 - ​[Radio] Add support for CSS variables (#32599) @alisasanib - ​[Slider] Prevent rendering for marks that are out of the min & max bounds (#32436) @abriginets - ​[Slider] Slider having marks should be customizable in theme (#32816) @ZeeshanTamboli - ​[TouchRipple] Allows call imperative methods without event (#31955) @alexfauquette ### `@mui/system@5.8.1` - ​[system] Simplify stylesheet injection logic (#32869) @siriwatknp - ​[system] Fix color scheme specificity (#32628) @siriwatknp - ​[system] Fix `borderRadius` errors when used inside `CssVarsProvider` (#32817) @mnajdova - ​[system] Fix toolbar media query mixin getting merged in wrong order (#32713) @ZeeshanTamboli ### `@mui/lab@5.0.0-alpha.83` - ​[lab] Add missing `peerDependencies` (#32623) @nate-summercook - ​[pickers] Update @mui/x-date-pickers to be usable with React 18 (#32828) @flaviendelangle ### `@mui/base@5.0.0-alpha.82` - ​[SliderUnstyled] Fix `disabledSwap` not being respected in `onChangeCommitted` (#32647) @JeanPetrov ### `@mui/joy@5.0.0-alpha.29` - ​[Joy] Show Joy pages on master (#32866) @siriwatknp - ​[Joy] Add an overview page (#32836) @danilo-leal - ​[Joy] Add doc for the card components (#32825) @siriwatknp - ​[Joy] Miscellaneous fixes (#32815) @siriwatknp ### Docs - ​[docs] Simplify header DOM structure (#32844) @oliviertassinari - ​[docs] Fix CodeSandbox & StackBlitz generation (#32726) @siriwatknp - ​[docs] Fix urls to columns pages in pricing table (#32842) @alexfauquette - ​[docs] Fix Tailwind CSS integration docs (#32512) @robertwt7 - ​[docs] Fixed wrong command for the `link-underline-hover` codemod (#32793) @veronikaslc - ​[docs] Fixed broken link on the icons page (#32780) @SamuelMaddox - ​[docs] Add "back to top" button (#30441) @VibhorJaiswal - ​[docs] Fix typo in notifications @mbrookes - ​[docs] New WAI-ARIA guidelines location (#32865) @oliviertassinari - ​[docs] Mention the ESLint plugin for detecting unused classes in tss-react (#32666) @garronej - ​[docs] Update `useAutocomplete` demos to use `Mui-focused` class (#32757) @ZeeshanTamboli - ​[examples] Fix `NextLinkComposedProps` gives a TypeScript error (#32655) @ZeeshanTamboli - ​[website] Add Pedro to About Us page (#32803) @apedroferreira ### Core - ​[core] Upgrade MUI X dependency (#32824) @oliviertassinari - ​[typescript] Allow module augmentation for `Mixins` (#32798) @mnajdova All contributors of this release in alphabetical order: @abriginets, @alexfauquette, @alisasanib, @apedroferreira, @danilo-leal, @diggis00, @flaviendelangle, @garronej, @JeanPetrov, @mbrookes, @mnajdova, @nate-summercook, @o-dubrovskyi, @oliviertassinari, @paales, @robertwt7, @SamuelMaddox, @siriwatknp, @veronikaslc, @VibhorJaiswal, @ZeeshanTamboli ## 5.8.0 _May 17, 2022_ A big thanks to the 14 contributors who made this release possible. Here are some highlights โœจ: - ๐Ÿš€ [Blog post](https://mui.com/blog/premium-plan-release/) for announcing the release of the Premium plan of MUI X is out thanks to @joserodolfofreitas. - Codemod for `jss` to `tss-react` migration is out thanks to @ryancogswell - And more ๐Ÿ› bug fixes and ๐Ÿ“š documentation improvements. ### `@mui/material@5.8.0` - ​[Autocomplete] Fix `getInputProps` TypeScript return type (#32730) @ZeeshanTamboli - ​[Autocomplete] Forward props to renderTags() (#32637) @emlai - ​[Badge] Fix TypeScript error when adding style overrides for Badge (#32745) @ZeeshanTamboli - ​[Menu] Fix context menu open position (#32661) @oliviertassinari ### `@mui/system@5.8.0` - ​[system] Add `Container` component and `createContainer` factory (#32263) @mnajdova ### `@mui/base@5.0.0-alpha.81` - ​[InputUnstyled] Support callbacks in componentsProps (#32271) @michaldudak - ​[InputUnstyled] Define ownerState and slot props' types (#32491) @michaldudak - ​[MenuUnstyled] Demos improvements (#32714) @michaldudak - ​[OptionUnstyled] Define ownerState and slot props' types (#32717) @michaldudak ### `@mui/joy@5.0.0-alpha.28` - ​[Joy] Add Badge doc (#32790) @siriwatknp - ​[Joy] Add global variant feature page (#32695) @siriwatknp - ​[Joy] Add avatar page (#32711) @siriwatknp ### `@mui/codemod@5.8.0` - ​[codemod] Add jss to tss-react codemod (#31802) @ryancogswell ### Docs - ​[blog] Add release post for MUI X Premium (#32720) @joserodolfofreitas - ​[docs] Fix wrong code snippet for overriding styles in theme with a callback value (#32781) @ZeeshanTamboli - ​[docs] Update Crowdin logo (#32782) @andrii-bodnar - ​[docs] Improve callouts design (#32709) @danilo-leal - ​[docs] Revise the "Understanding MUI packages" article (#32382) @danilo-leal - ​[docs] Fix link to the material icons (#32771) @oliviertassinari - ​[docs] Add notification for Premium release blog post (#32728) @joserodolfofreitas - ​[docs] Base Portal style revisions and final review (#32157) @samuelsycamore - ​[docs] Add joy to docs package.json (#32744) @siriwatknp - ​[docs] Fix TOC-related styles not being applied when disableAd=true (#32733) @cherniavskii - ​[docs] Add TypeScript guide on the polymorphic components (#32168) @mnajdova - ​[docs] Fix warning mode pass to React.Fragment (#32729) @siriwatknp - ​[docs] Revise Showcase copy for clarity + audit appList (#31946) @samuelsycamore - ​[examples] Update remix example's tsconfig with required values (#32723) @michaldudak - ​[examples] Update to use React 18's createRoot (#32506) @mnajdova - ​[l10n] Fix typos and translations on arSD and arEG locales (#31848) @shadigaafar - ​[website] Improve communication about MUI X components that are still wip (#32708) @danilo-leal - ​[website] Remove scrollbar on x-axis (#32291) @MrHBS - ​[website] Update the pricing page for the MUI X premium plan release (#32458) @joserodolfofreitas - ​[website] Update sponsors (#32725) @oliviertassinari ### Core - ​[core] Enabled Renovate's lockfile maintenance (#32635) @michaldudak - ​[core] Extract `MuiPage` interface to separate file (#32715) @cherniavskii - ​[core] Remove unnecessary `spacing` parameter from `createMixins` method (#32690) @ZeeshanTamboli - ​[private-classnames] Remove package and move everything to utils (#32758) @mnajdova All contributors of this release in alphabetical order: @andrii-bodnar, @cherniavskii, @danilo-leal, @emlai, @joserodolfofreitas, @michaldudak, @mnajdova, @MrHBS, @oliviertassinari, @ryancogswell, @samuelsycamore, @shadigaafar, @siriwatknp, @ZeeshanTamboli ## 5.7.0 _May 10, 2022_ A big thanks to the 27 contributors who made this release possible. Here are some highlights โœจ: ๐Ÿ›  This release is all about supporting CSS variables in many Material UI components. Kudos to all contributors! ### `@mui/material@5.7.0` - [StepLabel, StepIcon] Add support for CSS variables (#32609) @vicasas - [Table, TableRow] Add support for CSS variables (#32614) @vicasas - [AppBar] Add a logo component for the responsive app bar demo (#32374) @ameetmadan - [Autocomplete] Fix clearing single array values (#32626) @mikepricedev - [Autocomplete] Fix keep listbox open on left/right keys when inputValue is not empty (#31407) @alisasanib - [Autocomplete] Add support for CSS variables (#32598) @ZeeshanTamboli - [Autocomplete] Render `endAdornment` only when necessary (#32386) @g1eny0ung - [ButtonGroup] Add support for CSS variables (#32498) @vicasas - [CardActionArea] Add support for CSS variables (#32554) @vicasas - [ClickAwayListener] Allow pointer up/down events to event handler (#32264) @vladjerca - [CssBaseline] Add support for CSS vars (#32618) @haneenmahd - [Dialog] Add support for CSS variables (#32555) @vicasas - [Divider] Add support for CSS variables (#32519) @vicasas - [Drawer] Add support for CSS variables (#32565) @nghiamvt - [Fab] Add support for CSS variables (#32564) @alisasanib - [FormControlLabel] Add support for CSS variables (#32588) @elliefoote - [FormHelperText] Add support for CSS variables (#32596) @ZeeshanTamboli - [FormLabel] Add support for CSS variables (#32602) @ZeeshanTamboli - [Icon] Add support for CSS variables (#32595) @Jamaalwbrown - [IconButton] Add support for CSS variables (#32590) @Ariyapong - [ImageListItemBar] Add support for CSS variables (#32578) @vicasas - [Input] Support CSS variables (#32128) @ivan-ngchakming - [InputAdornment] Add support CSS variables (#32607) @vicasas - [Link] Fix style overrides color prop (#32653) @siriwatknp - [ListItem] Add support for CSS variables (#32580) @dan-mba - [ListItemButton] Add support for CSS variables (#32582) @dan-mba - [ListItemIcon] Add support for CSS variables (#32583) @dan-mba - [ListSubheader] Add support for CSS variables (#32584) @dan-mba - [MenuItem] Add support for CSS variables (#32561) @nghiamvt - [MobileStepper] Add support for CSS vars (#32606) @haneenmahd - [Modal] Add support for CSS variables (#32605) @haneenmahd - [PaginationItem] Add support for CSS vars (#32612) @haneenmahd - [Rating] Add support for CSS variables (#32556) @vicasas - [Snackbar] Add support for CSS variables (#32603) @gin1314 - [SpeedDial] Add support for CSS variables (#32613) @alisasanib - [Stepper] Export useStepperContext (#31398) @pzi - [SvgIcon] Add support for CSS variables (#32610) @vicasas - [TablePagination] Add support for CSS variables (#32615) @haneenmahd - [TableSortLabel]: Add support for CSS vars (#32616) @haneenmahd - [Tabs] Add support for CSS variables (#32547) @ZeeshanTamboli - [ToggleButton] Add support for CSS variables (#32600) @Ariyapong - [ToggleButtonGroup] Add support for CSS variables (#32617) @haneenmahd - [Tooltip] Add support for CSS variables (#32594) @gin1314 ### `@mui/system@5.7.0` - [System] Support CSS variables for iframes & custom nodes (#32496) @siriwatknp ### `@mui/base@5.0.0-alpha.80` - [ButtonUnstyled] Fix keyboard navigation on customized elements (#32204) @michaldudak ### `@mui/private-classnames@5.7.0` - [classnames] Add new package for classnames utils (#32502) @mnajdova ### Docs - [docs] Correct links to prevent 301 redirects (#32692) @michaldudak - [docs] Move, split, and revise "Unstyled components" page (#32562) @samuelsycamore - [docs] Nest `ListItemButton` in `ListItem` in the Drawer examples (#31987) @stefanprobst - [docs] Apply callouts in the Material UI docs (#32567) @danilo-leal - [docs] Show product identifier on new X pages (#32657) @cherniavskii - [docs] Fix copy button childNode not found (#32652) @siriwatknp - [docs] Split install commands in isolated code blocks (#32566) @danilo-leal - [docs] Base Switch style revisions and final review (#32376) @samuelsycamore - [docs] Adds Badge link to Base doc nav (#32619) @samuelsycamore - [docs] Base Installation style revisions and final review (#32483) @samuelsycamore - [docs] Fix broken redirection (#32581) @oliviertassinari - [docs] Allows to use `import ''` in demonstrations (#32492) @alexfauquette - [docs] Hide copy button on search icon dialog (#32577) @siriwatknp - [docs] Use full API link for ThemeProvider (#32549) @jcvidiri - [Joy] Add principles page (#32648) @siriwatknp - [Joy] Add Button page (#32576) @siriwatknp - [Joy] Add "Quick start" and "Tutorial" pages (#32383) @siriwatknp - [website] Add store to the footer and "hiring" chip adjustment (#32650) @danilo-leal - [website] Optimize conversion to store (#32646) @oliviertassinari - [website] Remove copy button on marketing pages (#32649) @siriwatknp - [website] Add missing space in copy label (#32638) @flaviendelangle ### Core - [core] Security updates (#32636) @michaldudak - [core] Fix `docs:dev` not working after upgrading `next` to 12.1.0 (#32552) @cherniavskii - [core] Update minimist to fix security vulnerability (#32575) @michaldudak All contributors of this release in alphabetical order: @alexfauquette, @alisasanib, @ameetmadan, @Ariyapong, @cherniavskii, @dan-mba, @danilo-leal, @elliefoote, @flaviendelangle, @g1eny0ung, @gin1314, @haneenmahd, @ivan-ngchakming, @Jamaalwbrown, @jcvidiri, @michaldudak, @mikepricedev, @mnajdova, @nghiamvt, @oliviertassinari, @pzi, @samuelsycamore, @siriwatknp, @stefanprobst, @vicasas, @vladjerca, @ZeeshanTamboli ## 5.6.4 _May 2, 2022_ A big thanks to the 13 contributors who made this release possible. Here are some highlights โœจ: - ๐Ÿ’… 5 Material UI components were updated to support CSS variables by @ZeeshanTamboli & @vicasas - And more ๐Ÿ› bug fixes and ๐Ÿ“š improvements. ### `@mui/material@5.6.4` - ​[Accordion] Add support for CSS variables (#32542) @ZeeshanTamboli - ​[AvatarGroup] Add support for CSS variables (#32507) @vicasas - ​[Badge] Add support for CSS variables (#32516) @vicasas - ​[BottomNavigation] Add support for CSS variables (#32517) @vicasas - ​[CircularProgress] Add support for CSS variables (#32543) @ZeeshanTamboli - ​[FilledInput] Fix type error from undefined `color` (#32258) @hbjORbj - ​[l10n] Fix typo in csCZ translation of Pagination component (#32509) @Martin005 - ​[Tabs] Fix `TabIndicatorProps` prop missing `sx` prop (#32503) @b-novikov-ipersonality ### `@mui/codemod@5.6.4` - ​[codemod] Leave numeric arguments to breakpoints functions unchanged (#32426) @ryancogswell - ​[codemod] Allow for line breaks within theme.spacing parentheses (#32432) @ryancogswell ### `@mui/joy@5.0.0-alpha.26` - ​[Joy] Miscellaneous fixes (#32541) @siriwatknp - ​[Joy] Add `extendSxProp` to Link (#32505) @siriwatknp - ​[Joy] Rename variants (#32489) @siriwatknp - ​[Joy] Add `extendTheme` (#32450) @siriwatknp ### Docs - ​[docs] SEO fixes (#32515) @oliviertassinari - ​[docs] Replace `Overriding nested component styles` anchor link with text (#32487) @ZeeshanTamboli - ​[docs] Update the list of external domains (#32514) @oliviertassinari - ​[docs] Update Material UI code snippets for React 18 (#32361) @samuelsycamore - ​[docs] Base TextareaAutosize style revisions and final review (#32481) @samuelsycamore - ​[docs] Base ClickAwayListener style revisions and final review (#32156) @samuelsycamore - ​[docs] Base Button style revisions and final review (#32380) @samuelsycamore - ​[docs] Base NoSsr style revisions and final review (#32254) @samuelsycamore - ​[docs] Correctly capitalize Ctrl @oliviertassinari - ​[docs] Fix styling in `Basic Popper` demo on the MUI Base docs (#32488) @ZeeshanTamboli - ​[docs] Add "Overview" page to Base docs (#32310) @samuelsycamore - ​[docs] Add copy button to code block (#32390) @siriwatknp - ​[docs] Base Tabs style revisions and final review (#32423) @samuelsycamore - ​[docs] Base Popper style revisions and final review (#32412) @samuelsycamore - ​[docs] Improve sidenav for MUI X (#32435) @oliviertassinari - ​[docs] Don't redirect on deploy preview (#32399) @m4theushw - ​[docs] A few SEO fixes (#32431) @oliviertassinari - ​[docs] Update links to the new Group & Pivot pages (#32410) @flaviendelangle - ​[docs] Support callouts (#32402) @siriwatknp - ​[docs] Fix import path in the Snackbar article #32462 @mongolyy - ​[docs] Fix grammar mistake in shadows.md (#32454) @HexM7 - ​[docs] Improve unstyled button docs (#32429) @oliviertassinari ### Core - ​[experiment] Add template for testing Material UI components with CSS variables (#32500) @siriwatknp All contributors of this release in alphabetical order: @b-novikov-ipersonality, @flaviendelangle, @hbjORbj, @HexM7, @m4theushw, @Martin005, @mongolyy, @oliviertassinari, @ryancogswell, @samuelsycamore, @siriwatknp, @vicasas, @ZeeshanTamboli ## 5.6.3 _Apr 25, 2022_ A big thanks to the 14 contributors who made this release possible. Here are some highlights โœจ: - ๐Ÿ›  Fixed TypeScript issue when the `fill` CSS property is used in the system (#32355) @valerii15298 - And more ๐Ÿ› bug fixes and ๐Ÿ“š improvements. ### `@mui/material@5.6.3` - [BottomNavigation] Action icon `padding` fix (#32030) @abhinav-22-tech - [Dialog] Fix `component` prop is not available in `DialogTitleProps` (#32389) @hbjORbj - [StepContent] Fix TypeScript type of `TransitionComponent` prop (#32314) @ZeeshanTamboli ### `@mui/system@5.6.3` - [system] Fix prop types when the `fill` CSS property is used (#32355) @valerii15298 - [system] Fix broken behavior when theme value is `zero` (#32365) @ZeeshanTamboli ### `@mui/base@5.0.0-alpha.78` - [InputUnstyled] `multiline` property should not log DOM warnings for `maxRows` and `minRows` props (#32401) @ZeeshanTamboli ### `@mui/joy@5.0.0-alpha.25` - [Joy] Improve theme focus to be more flexible (#32405) @siriwatknp - [Joy] Add `Radio`, `RadioGroup` components (#32279) @siriwatknp - [Joy] Add `Chip` component (#31983) @hbjORbj - [Joy] Improve controls (#32267) @siriwatknp - [Joy] Set up docs (#32370) @siriwatknp ### Docs - [docs] Enable row reordering on the pricing page (#31875) @DanailH - [blog] A few improvements on date picker change (#32325) @oliviertassinari - [docs] Emphasize how to avoid failing tests when migrating from v4 to v5 (#32159) @dwjohnston - [docs] Revise the related projects page (#32180) @danilo-leal - [docs] Cleanup remaining @mui/styles usages (#32313) @mnajdova - [docs] Fix sidenav mobile color (#32324) @oliviertassinari - [docs] Base TrapFocus style revisions and final review (#32364) @samuelsycamore - [docs] Update the README.md to better cover the different products (#32360) @samuelsycamore - [docs] Improve the propTypes generation and API demos' links (#32295) @mnajdova - [docs] Add ability to display a plan icon next to a page link in nav bar (#32393) @flaviendelangle - [docs] Change label on `FormControlLabelPlacement` (#32322) @ainatenhi - [website] Update Diamond sponsors list (#32433) @oliviertassinari - [website] Add privacy policy link to website's footer (#32080) @danilo-leal - [website] Remove the designer role (#32384) @danilo-leal ### Core - [core] `yarn prettier` write @oliviertassinari - [core] Fix changelog warning message (#32240) @praveen001 - [core] Update the proptypes scripts to support components in @mui/system (#32456) @mnajdova All contributors of this release in alphabetical order: @abhinav-22-tech, @ainatenhi, @DanailH, @danilo-leal, @dwjohnston, @flaviendelangle, @hbjORbj, @mnajdova, @oliviertassinari, @praveen001, @samuelsycamore, @siriwatknp, @valerii15298, @ZeeshanTamboli ## 5.6.2 _Apr 18, 2022_ A big thanks to the 11 contributors who made this release possible. This release is mostly about ๐Ÿ› bug fixes and ๐Ÿ“š documentation improvements. ### `@mui/material@5.6.2` - ​[Autocomplete] Explain how to use getOptionLabel in free solo mode and update getOptionLabel type (#32165) @michaldudak - ​[Badge] Fix customization of classes (#32185) @michaldudak - ​[TextField] Add a workaround for Safari CSS transition scale bug (#32188) @igordanchenko ### `@mui/system@5.6.2` - ​[system] Update style function to use vars automatically if available (#32244) @mnajdova ### `@mui/base@5.0.0-alpha.77` - ​[FormControlUnstyled] Revise API (#32134) @michaldudak ### `@mui/joy@5.0.0-alpha.24` - ​[Joy] Add `Badge` component (#31401) @hbjORbj - ​[Joy] Fix misuse variable in `Input` (#32268) @siriwatknp ### Docs - ​[blog] Fix images for the docs separation post (#32257) @danilo-leal - ​[docs] Base Form Control style revisions and final review (#32309) @samuelsycamore - ​[docs] Base TablePagination style revisions and final review (#32178) @samuelsycamore - ​[docs] Revise the dark mode article (#32179) @danilo-leal - ​[docs] Add `aria-label` for `IconButton` (#32276) @SiarheiBobryk - ​[docs] Fix `borderRadius` in the docs example (#32347) @ZeeshanTamboli - ​[docs] Fix 404 link in the code (#32323) @oliviertassinari - ​[docs] Sync h1 with side nav label (#32235) @oliviertassinari - ​[docs] Fix SEO issues (#32282) @oliviertassinari - ​[docs] Fix broken link in the test contributing guide (#32283) @sirartemis - ​[docs] Update "How to customize" page anchor links #32315 @abaker93 - ​[docs] Mark `onBackdropClick` prop as deprecated in `Dialog`, `Modal` and `ModalUnstyled` components (#32297) @ZeeshanTamboli - ​[docs] Link to advanced components page (#32290) @siriwatknp - ​[docs] Sync package description with the docs (#32211) @oliviertassinari - ​[docs] Revise "Component theming" and "How to customize" guides (#31997) @danilo-leal - ​[docs] Add note in the Contributing guide about linking issues to a PR (#32174) @danilo-leal - ​[docs] Update RTL guide (#32242) @michaldudak - ​[docs] Uniformize capitalization (#32238) @oliviertassinari - ​[website] Improve new role template @oliviertassinari - ​[website] Remove a gold sponsor (#32261) @hbjORbj - ​[website] Mark DataGrid Column spanning done on Pricing page (#32305) @cherniavskii ### Core - ​[core] Remove unecessary div (#32237) @oliviertassinari - ​[core] Revert #32229 (#32262) @michaldudak - ​[test] Fix running unit tests on Windows (#32260) @michaldudak All contributors of this release in alphabetical order: @abaker93, @cherniavskii, @danilo-leal, @hbjORbj, @igordanchenko, @michaldudak, @mnajdova, @oliviertassinari, @samuelsycamore, @SiarheiBobryk, @sirartemis, @siriwatknp, @ZeeshanTamboli ## 5.6.1 _Apr 11, 2022_ A big thanks to the 8 contributors who made this release possible. This release is mostly about ๐Ÿ› bug fixes and ๐Ÿ“š documentation improvements. ### `@mui/material@5.6.1` - [Grow] Extend Safari CSS transition bug workaround on WebKit browsers (#32202) @igordanchenko - [Link] Fix style overrides 5.6.0 regression (#32182) @siriwatknp - [Select] Bug when the first child is a ListSubheader (#27299) @DouglasPds ### `@mui/base@5.0.0-alpha.76` - [ButtonUnstyled] Allow receiving focus when disabled (#32090) @michaldudak ### Docs - [blog] Share what's changed about the new docs structure (#32044) @danilo-leal - [docs] Format number icons search (#32239) @oliviertassinari - [docs] Fix small external links issue (#32212) @oliviertassinari - [docs] Make sidenav crawlable (#32241) @oliviertassinari - [docs] Base Badge style revisions and final review (#32098) @samuelsycamore - [docs] Fix wrong url (#32208) @siriwatknp - [docs] Fix date-pickers redirects (#32207) @siriwatknp - [docs] Add notification for the doc restructure and date pickers update (#32195) @siriwatknp - [docs] Fix 404 from `ahrefs` report (#32206) @siriwatknp - [docs] Remove notifications temporary (#32192) @siriwatknp - [docs] Redirect to new urls (#32048) @siriwatknp - [docs] Update Learn page copy and resource list (#31989) @samuelsycamore - [website] Fix wrong MUI X installation instruction link @oliviertassinari - [website] Revise homepage copy below the hero section (#31283) @samuelsycamore - [website] Revise homepage Hero copy for more clarity (#31212) @samuelsycamore - [website] Give up on promoting roles in our docs @oliviertassinari ### Core - [core] Fix misleading types range (#32236) @oliviertassinari - [core] Small polish on the product name (#32199) @oliviertassinari All contributors of this release in alphabetical order: @danilo-leal, @DouglasPds, @igordanchenko, @l10nbot, @michaldudak, @oliviertassinari, @samuelsycamore, @siriwatknp ## 5.6.0 _Apr 5, 2022_ A big thanks to the 15 contributors who made this release possible. Here are some highlights โœจ: - ๐Ÿงฐ Update peer dependencies to support React 18 (#32063) @eps1lon - ๐Ÿš€ Added the experimental `CssVarsProvider` in `@mui/material` for generating theme CSS variables (#31138) @mnajdova - ๐Ÿ“ฃ Moved date and time pickers from the lab to MUI X (#31984) @flaviendelangle - Several ๐Ÿ› bug fixes and ๐Ÿ“š documentation improvements ### `@mui/material@5.6.0` - ​[CssVarsProvider] Add experimental CssVarsProvider in @mui/material (#31138) @mnajdova - ​[Link] Fix `sx` color to support callback (#32123) @siriwatknp - ​[Link] Fix color transformation (#32045) @siriwatknp - ​[ListItemButton] Specified width so that text would ellide (#32083) @MatthijsMud - ​[TablePagination] Fixed the etEE locale (#32052) @raigoinabox ### `@mui/base@5.0.0-alpha.75` - ​[Badge] Simplify unstyled API (#31974) @michaldudak ### `@mui/codemod@5.6.0` - ​[codemod] Add v5.0.0/date-pickers-moved-to-x codemod (#31373) @flaviendelangle ### `@mui/lab@5.0.0-alpha.76` - ​[DatePicker] Remove date and time pickers from the lab (#31984) @flaviendelangle ### `@mui/joy@5.0.0-alpha.22` - ​[Joy] Add `Card` components (#32027) @siriwatknp ### Docs - ​[blog] New article for the date pickers migration to X (#31831) @flaviendelangle - ​[docs] Base Menu style revisions and final review (#32097) @samuelsycamore - ​[docs] Base Select style revisions and final review (#32095) @samuelsycamore - ​[docs] Base Input style revisions and final review (#32096) @samuelsycamore - ​[docs] Base Slider style revisions and final review (#32140) @samuelsycamore - ​[docs] Base Modal style revisions and final review (#32093) @samuelsycamore - ​[docs] Add page for CSS variables support in @mui/material (#32050) @mnajdova - ​[docs] Add TSS support for theme style overrides (#31918) @garronej - ​[docs] Simplify customization examples in ButtonUnstyled demos (#32092) @michaldudak - ​[docs] Fix linking issues for the redirects (#32101) @siriwatknp - ​[docs] Create the FormControl page (#32073) @michaldudak - ​[docs] Remove trap-focus from the navigation (#32079) @psjishnu - ​[docs] Add date-pickers product identifier (#32076) @siriwatknp - ​[docs] Move SwitchUnstyled docs to the Base space (#31964) @michaldudak - ​[docs] Add docs page for unstyled popper (#31813) @siriwatknp - ​[docs] Copy TextareaAutosize docs to Base (#32034) @michaldudak - ​[docs] Add react-hook-form-mui to Complementary projects #32015 @TkaczykAdam - ​[docs] Improve the translation experience (#32021) @oliviertassinari - ​[docs] Add small size Select demo (#32060) @ivan-ngchakming - ​[docs] Correct typos (#32029) @apeltop - ​[docs] Create SliderUnstyled docs (#31850) @michaldudak - ​[docs] Create TablePaginationUnstyled docs (#32018) @michaldudak - ​[docs] Move SelectUnstyled docs to the Base space (#31816) @michaldudak - ​[docs] Create the TabsUnstyled docs (#32023) @michaldudak - ​[website] The studio finally has a name, use it (#32105) @oliviertassinari - ​[website] Disable job ad @oliviertassinari ### Core - ​[core] Update peer deps to support React 18 (#32063) @eps1lon - ​[core] Fix running docs:api on Windows (#32091) @michaldudak - ​[core] Fix api build script for MUI Base (#32081) @siriwatknp All contributors of this release in alphabetical order: @apeltop, @eps1lon, @flaviendelangle, @garronej, @ivan-ngchakming, @m4theushw, @MatthijsMud, @michaldudak, @mnajdova, @oliviertassinari, @psjishnu, @raigoinabox, @samuelsycamore, @siriwatknp, @TkaczykAdam ## 5.5.3 _Mar 28, 2022_ A big thanks to the 17 contributors who made this release possible. Here are some highlights โœจ: - โ™ฟ๏ธ improved the a11y on some docs demos - Several ๐Ÿ› bug fixes and ๐Ÿ“š documentation improvements ### `@mui/material@5.5.3` - ​[ButtonBase] Start ripple only after mount (#31950) @m4theushw - ​[FormControlLabel] Fix label prop type to be in-line with other label prop types (#31139) @jannes-io - ​[Grow] Add a workaround for Safari 15.4 CSS transition bug (#31975) @igordanchenko ### `@mui/codemod@5.5.3` - ​[codemod] Fix variant prop placement (#31990) @ryancogswell ### `@mui/utils@5.5.3` - ​[utils] Improve type inference of useForkRef (#31845) @eps1lon ### `@mui/base@5.0.0-alpha.74` #### Breaking changes - ​[base] Remove `BackdropUnstyled` component (#31923) @mnajdova The `BackdropUnstyled` component was removed from the `@mui/base` package, as it did not have any specific logic, except adding an `aria-hidden` attribute on the div it rendered. This is not enough to justify it's existence in the base package. Here is an example alternative component you can use: ```tsx const BackdropUnstyled = React.forwardRef( (props, ref) => { const { open, className, ...other } = props; return
; }, ); ``` - ​[TrapFocus] Move docs to Base and drop the Unstyled prefix (#31954) @michaldudak Removed the `Unstyled_` prefix from the Base export (it remains in the Material UI export, though). ```diff -import { Unstyled_TrapFocus } from '@mui/base'; +import { TrapFocus } from '@mui/base'; // or -import TrapFocus from '@mui/base/Unstyled_TrapFocus'; +import TrapFocus from '@mui/base/TrapFocus'; ``` #### Changes - ​[base] Add @mui/types to dependencies (#31951) @bicstone ### `@mui/joy@5.0.0-alpha.21` - ​[Joy] Add `AvatarGroup` component (#31980) @siriwatknp - ​[Joy] Miscellaneous fixes (#31873) @siriwatknp - ​[Joy] Miscellaneous fixes 2 (#31971) @siriwatknp ### Docs - ​[docs] Improve the a11y on the hover rating demo (#31970) @mnajdova - ​[docs] Improve a11y on the `SplitButton` demo (#31969) @mnajdova - ​[docs] Improve the color description in the API pages (#30976) @mnajdova - ​[docs] Add docs page for unstyled Modal (#31417) @mnajdova - ​[docs] Add InputUnstyled docs (#31881) @mnajdova - ​[docs] Remove "Work in biotech" from the showcase (#31942) @oliviertassinari - ​[docs] Fix in-house ad for the design kits (#31965) @oliviertassinari - ​[docs] Fix the documentation for filterOptions in Autocomplete API page (#31416) @santhoshbala0178 - ​[docs] Update href for 'TypeScript guide on theme customization' (#31880) @NickFoden - ​[docs] Fix the CSS modules example in the Interoperability page (#31935) @WilsonNet - ​[docs] Fix small typo in the `styled()` utility page (#31967) @jason1985 - ​[docs] Update mui-x on material-ui navigation (#31810) @siriwatknp - ​[docs] Copy ClickAwayListener docs to Base (#31878) @michaldudak - ​[docs] Refine the redirects (#31939) @siriwatknp - ​[docs] Fix TOC layout for large screen (#31953) @siriwatknp - ​[examples] Update remix example to not use NODE_ENV guard for `LiveReload` (#31269) @eswarclynn - ​[NoSsr] Copy docs to the Base space (#31956) @michaldudak - ​[Portal] Copy Portal docs to the Base space (#31959) @michaldudak - ​[website] Remove X-Frame-Options @oliviertassinari - ​Revert "[website] Remove X-Frame-Options" @oliviertassinari ### Core - ​[core] Fixes error in changelog generator for item sorting/padding (#30088) @dimitropoulos - ​[core] Fix typo in issue template @oliviertassinari - ​[core] Replace deprecated String.prototype.substr() (#31806) @CommanderRoot - ​[test] Add tests for component using `StandardProps` and polymorphic components (#31945) @mnajdova All contributors of this release in alphabetical order: @bicstone, @CommanderRoot, @dimitropoulos, @eps1lon, @eswarclynn, @igordanchenko, @jannes-io, @jason1985, @m4theushw, @michaldudak, @mnajdova, @NickFoden, @oliviertassinari, @ryancogswell, @santhoshbala0178, @siriwatknp, @WilsonNet ## 5.5.2 _Mar 21, 2022_ A big thanks to the 7 contributors who made this release possible. This is a small release focused on some ๐Ÿ› bug fixes and ๐Ÿ“š documentation improvements. ### `@mui/material@5.5.2` - ​[Popper] Expose the `sx` prop (#31833) @ivan-ngchakming ### `@mui/joy@5.0.0-alpha.20` - ​[Joy] Add default color to `Input` and `ListItemButton` (#31826) @siriwatknp - ​[Joy] Add Avatar component (#31303) @hbjORbj ### `@mui/base@5.0.0-alpha.73` - ​[SliderUnstyled] Fix dragging on disabled sliders (#31882) @mnajdova ### `@mui/styled-engine-sc@5.5.2` - ​[styled-engine-sc] GlobalStylesProps inconsistent between the different packages (#31814) @mnajdova ### Docs - ​[data-grid] Fix print export feature (#31807) @oliviertassinari - ​[docs] Move BadgeUnstyled docs to Base space (#31872) @michaldudak - ​[docs] Solve duplication of content (#31917) @oliviertassinari - ​[docs] Fix side nav capitalization of API (#31916) @oliviertassinari - ​[docs] Use TypeScript demos by default (#31808) @oliviertassinari - ​[docs] New search experience for multiple products (#31811) @siriwatknp - ​[docs] Make LTS searchable (#31804) @oliviertassinari - ​[docs] Fix demo filename on zh markdown (#31790) @nnmax - ​[website] Highlight the date picker (#31889) @oliviertassinari ### Core - ​[core] Add tests for Avatar component (#31829) @hbjORbj All contributors of this release in alphabetical order: @hbjORbj, @ivan-ngchakming, @michaldudak, @mnajdova, @nnmax, @oliviertassinari, @siriwatknp ## 5.5.1 _Mar 14, 2022_ A big thanks to the 23 contributors who made this release possible. Here are some highlights โœจ: - ๐Ÿ“Š 2021 survey results post by @danilo-leal (#30999) - Several ๐Ÿ› bug fixes and ๐Ÿ“š documentation improvements ### @mui/material@5.5.1 - [Fab] Add z-index (#30842) @issamElmohadeb098 - [Grid] Fix columns of nested container (#31340) @boutahlilsoufiane - [i10n] Update italian locale (#30974) @SalvatoreMazzullo - [Pagination] Fix type of UsePaginationItem["page"] (#31295) @aaronadamsCA - [Popper] Allow setting default props in a theme (#30118) @hafley66 - [TextField] fix disappearing border in Safari (#31406) @krysia1 ### @mui/joy@5.0.0-alpha.19 - [Joy] Support horizontal List (#31620) @siriwatknp - [Joy] Add icon & label `Switch` examples (#31359) @siriwatknp - [Joy] Add `TextField` component (#31299) @siriwatknp - [Joy] Add `--Icon-fontSize` to components (#31360) @siriwatknp - [Joy] Add `Checkbox` component (#31273) @siriwatknp ### Docs - [blog] 2021 survey results post (#30999) @danilo-leal - [docs] Add Macedonian translation (#31402) @theCuriousOne - [docs] Fix API page table styles in Safari (#31696) @aaarichter - [docs] Fix SEO issues (#31505) @oliviertassinari - [docs] Fix Link leak of Next.js props (#31418) @oliviertassinari - [docs] Add "Work in biotech" to showcase (#31711) @klyburke - [docs] Fix docs site crash on iOS Safari 12 (#31458) @badalsaibo - [docs] Fix search icons crash (#31651) @juanpc10 - [docs] Remove unnecessary await in e2e-tests (#31767) @siriwatknp - [docs] Fix source code links on the Templates page (#31425) @danilo-leal - [docs] Adjust Stack's basic usage demo (#31423) @danilo-leal - [docs] Migrate button demos to base (#31395) @siriwatknp - [docs] Fix y-axis unit used in the responsive font sizes chart (#31424) @aaarichter - [docs] Remove joy mockup pages (#31412) @siriwatknp - [docs] Fix the statement that styleOverrides are added by default (#31257) @mnajdova - [docs] Refine the product identifier menu (#31262) @danilo-leal - [docs] Fix Search crash (#31386) @reckter - [docs] Update TextField multiline description (#31291) @jontewks - [docs] Add gap theme mapping in the System properties table (#31382) @danilo-leal - [docs] Test products search (#31351) @siriwatknp - [docs] Fix GitHub source links in the demo toolbar (#31339) @PunitSoniME - [docs] Add Algolia verification code to robot.txt (#31356) @siriwatknp - [examples] Ignore tsbuildinfo with Next.js (#31460) @B0und - [website] Add new gold sponsor (#31354) @hbjORbj - [website] Update Ukraine support link (#31378) @samuelsycamore ### Core - [core] Simplify anchor link (#31419) @oliviertassinari - [core] Revert unrelated changes in #31354 @oliviertassinari - [test] Upgrade CircleCI convenience image (#31394) @m4theushw - [typescript] Simplify display of slot props types (#31240) @michaldudak All contributors of this release in alphabetical order: @aaarichter, @aaronadamsCA, @B0und, @badalsaibo, @boutahlilsoufiane, @danilo-leal, @hafley66, @hbjORbj, @issamElmohadeb098, @jontewks, @juanpc10, @klyburke, @krysia1, @m4theushw, @michaldudak, @mnajdova, @oliviertassinari, @PunitSoniME, @reckter, @SalvatoreMazzullo, @samuelsycamore, @siriwatknp, @theCuriousOne ## 5.5.0 _Mar 7, 2022_ A big thanks to the 16 contributors who made this release possible. Here are some highlights โœจ: - โ™ฟ๏ธ made the `Autocomplete` conform to [ARIA 1.2 combobox](https://www.w3.org/TR/wai-aria-1.2/#combobox) (#30601) @EdmundMai - Several ๐Ÿ› bug fixes and ๐Ÿ“š documentation improvements ### `@mui/material@5.5.0` #### Breaking change - ​[ClassNameGenerator] Prevent all `base` imports (#31297) @siriwatknp `unstable_ClassNameGenerator` has been moved from `utils` to `className` folder to prevent all MUI Base module imports. If you use the module, please update the import as suggested in the diff below: ```diff - import { unstable_ClassNameGenerator } from '@mui/material/utils'; + import { unstable_ClassNameGenerator } from '@mui/material/className'; ``` #### Changes - ​[Autocomplete] Fix failing unit tests (#31302) @michaldudak - ​[Autocomplete] Have the screen reader announce when autocomplete is open and closed (#30601) @EdmundMai - ​[AvatarGroup] Fix misalignment with non-default spacing (#31165) @sjdemartini - ​[Drawer] Adjustments to the mini variant to improve UI/UX (#31267) @siriwatknp - ​[Select] Add extending `OutlinedInputProps` by SelectProps (#31209) @jrozbicki ### `@mui/icons-material@5.5.0` - ​[icons] Sync new Google Material Icons (#30766) @simonecervini ### `@mui/codemod@5.5.0` - ​[codemod] Fix top level imports codemod (#31308) @mnajdova ### `@mui/lab@5.0.0-alpha.72` - ​[LoadingButton] Fix padding of loading icon in small button (#31113) @PunitSoniME ### `@mui/base@5.0.0-alpha.71` - ​[MenuUnstyled] Create MenuUnstyled and useMenu (#30961) @michaldudak - ​[SelectUnstyled] Prevent window scrolling after opening (#31237) @michaldudak ### `@mui/joy@5.0.0-alpha.18` - ​[Joy] Make Icon `fontSize` adaptable to its parent (#31268) @siriwatknp - ​[Joy] Add `Link` component (#31175) @hbjORbj - ​[Joy] Improve `Sheet` tests (#31241) @hbjORbj - ​[Joy] Improve SvgIcon tests (#31242) @hbjORbj ### `@mui/material-next@6.0.0-alpha.26` - ​[material-next] Mark @mui/material as a dependency (#31270) @siriwatknp ### Docs - ​[docs] Remove career pages from translation (#31346) @oliviertassinari - ​[docs] Fix JS files overloading (#31341) @oliviertassinari - ​[docs] Add banner in solidarity of Ukraine (#31275) @danilo-leal - ​[docs] Fix maxWidth of scrollable Tabs demos (#31285) @danilo-leal - ​[docs] Fix icon linking implementation concurrent safe (#30428) @Janpot - ​[docs] Follow up new doc space issues (#31251) @siriwatknp - ​[examples] Add `@types/node` to nextjs typescript starter (#30918) @Daggy1234 - ​[examples] Fix import ThemeProvider from correct package in remix-witโ€ฆ (#30981) @nnecec - ​[blog] Simplify the labels (#30921) @oliviertassinari - ​[l10n] Add Croatian (hr-HR) and Serbian (sr-RS) translation (#30906) @m14d3n ### Core - ​[core] Fix running markdownlint on Windows (#31352) @michaldudak - ​[core] Fix the stylelint script on Windows (#31281) @mnajdova - ​[test] Fix buildApiUtils tests on Windows (#31304) @michaldudak - ​[test] Remove legacyRoot option from test renderer (#31284) @eps1lon All contributors of this release in alphabetical order: @Daggy1234, @danilo-leal, @EdmundMai, @eps1lon, @hbjORbj, @Janpot, @jrozbicki, @m14d3n, @michaldudak, @mnajdova, @nnecec, @oliviertassinari, @PunitSoniME, @simonecervini, @siriwatknp, @sjdemartini ## 5.4.4 _Feb 28, 2022_ A big thanks to the 17 contributors who made this release possible. Here are some highlights โœจ: - โœจ New `Input` and `Sheet` components were added in the experimental Joy design system by @hbjORbj (#31124, #31086) @hbjORbj - Several ๐Ÿ› bug fixes and ๐Ÿ“š documentation improvements ### `@mui/material@5.4.4` - ​[Autocomplete] Have Autocomplete with multiline textfield log a warning instead of an error (#30680) @iclaude3 - ​[Chip] Fix ellipsis when the children is too long (#31087) @PunitSoniME - ​[Input] Export InputBase's classes from the classes const (#31186) @mnajdova - ​[TextField] Fix Horizontal scroll when label too long (#31187) @RedHeadphone - ​[styles] Fix typo in import error (#31167) @davwheat ### `@mui/system@5.4.4` - ​[system] Fix executing server-side Emotion component as function interpolation 2 (#31024) @Andarist - ​[system] Fix sx prop types when CSS variables are used with nested selectors (#31163) @mnajdova - ​[system] Fix `CssVarsProvider` theme mutation (#31148) @siriwatknp ### `@mui/codemod@5.4.4` - ​[codemods] Add v5.0.0/top-level-imports codemod (#31195) @greengiraffe ### `@mui/base@5.0.0-alpha.70` - ​[SelectUnstyled, MultiSelectUnstyled, ButtonUnstyled] Export additional types to make customization easier (#31172) @michaldudak ### `@mui/joy@5.0.0-alpha.17` - ​[Joy] Add nested list components (#31159) @siriwatknp - ​[Joy] Improve color customization on `Switch` (#31137) @siriwatknp - ​[Joy] Add `Sheet` component (#31124) @hbjORbj - ​[Joy] add `Input` component (#31086) @siriwatknp - ​[Joy] Fix Button missing slot type (#31166) @siriwatknp ### Docs - ​[docs] Fix 404 link to the blog (#31234) @oliviertassinari - ​[docs] Use `material-ui` for product name (#31200) @siriwatknp - ​[docs] Add Base installation page (#30969) @siriwatknp - ​[docs] Use new Algolia app for new structure (#31178) @siriwatknp - ​[docs] Typo in the `FormControl` API documentation (#31169) @bonellia - ​[docs] Fix typo in Stack documentation (#31176) @adriancampos - ​[docs] Update interoperability.md broken tailwind links (#31182) @robertwt7 - ​[docs] Add missing import into tss-react migration guide (#31162) @sviande - ​[website] The role is filled (#31216) @oliviertassinari - ​[website] Revise the row grouping blog post (#31101) @samuelsycamore - ​[website] Fix a few SEO issues (#31150) @oliviertassinari ### Core - ​[core] Add group for the @fortawesome dependencies (#31193) @mnajdova - ​[core] Update playwright docker to match the specified version (#31236) @siriwatknp - ​[core] Remove parallel on buildTypes (#31189) @siriwatknp - ​[core] Fix propTypes generation for optional any props (#31141) @m4theushw - ​[typescript] Remove variants deprecation (#31239) @siriwatknp All contributors of this release in alphabetical order: @adriancampos, @Andarist, @bonellia, @davwheat, @greengiraffe, @hbjORbj, @iclaude3, @m4theushw, @michaldudak, @mnajdova, @oliviertassinari, @PunitSoniME, @RedHeadphone, @robertwt7, @samuelsycamore, @siriwatknp, @sviande ## 5.4.3 _Feb 21, 2022_ A big thanks to the 14 contributors who made this release possible. Here are some highlights โœจ: - ๐Ÿ›  @hbjORbj made components use theme duration/easing values by default (#30894) - A meaningful number of ๐Ÿ› bug fixes and ๐Ÿ“š documentation improvements ### `@mui/material@5.4.3` - ​[ButtonBase] Fix typo (#31135) @Jastor11 - ​[Stepper] Export useStepContext (#31021) @michaldudak - ​[Transitions] Some components do not use transition duration/easing values from theme (#30894) @hbjORbj ### `@mui/icons-material@5.4.3` - ​[icons] Add "circle" icon synonyms (#31118) @gnowland ### `@mui/joy@5.0.0-alpha.16` - ​[Joy] `List` second iteration (#31134) @siriwatknp - ​[Joy] Fix typings (#31120) @siriwatknp - ​[Joy] Add initial `List` components (#30987) @siriwatknp ### Docs - ​[website] Improve full-stack role job description (#31160) @Janpot - ​[docs] Fix typo of migration guides v4 (#31136) @pppp606 - ​[docs] Update on the support page to account for v4 LTS support (#31029) @danilo-leal - ​[docs] Fix small typo in chips.md (#31092) @cameliaben - ​[l10n] Add it-IT translation for labelDisplayedRows (#31131) @frab90 - ​[l10n] Add pl-PL translation for labelDisplayedRows (#31088) @ThomasTheHuman - ​[website] Sync MUI X table feature (#30913) @alexfauquette - ​[website] Prefill source in job application links (#31036) @oliviertassinari - ​[website] Fix a grammar mistake (#31099) @huyenltnguyen ### Core - ​[core] Add jsx, html, css and prisma to prettier extensions (#31161) @Janpot - ​[core] Allow to run material-ui.com/store alongside mui.com/store (#31065) @oliviertassinari - ​[core] Polish design tokens (#31095) @oliviertassinari All contributors of this release in alphabetical order: @alexfauquette, @cameliaben, @danilo-leal, @frab90, @gnowland, @hbjORbj, @huyenltnguyen, @Janpot, @Jastor11, @michaldudak, @oliviertassinari, @pppp606, @siriwatknp, @ThomasTheHuman ## 5.4.2 _Feb 15, 2022_ A big thanks to the 16 contributors who made this release possible. Here are some highlights โœจ: - ๐Ÿ›  @sydneyjodon-wk improved propTypes of the ToggleButton components (#30883) - Several ๐Ÿ› bug fixes and ๐Ÿ“š documentation improvements ### `@mui/material@5.4.2` - [Select] Allow customizing Select based on its variant (#30788) @michaldudak - [Portal] Re-export 'Portal' in material (#31003) @liradb2000 - [ToggleButton] Add prop types for `onClick` and `onChange` (#30883) @sydneyjodon-wk - [typescript] Added TypeText declaration to the exports file (#30890) @agauravdev ### `@mui/system@5.4.2` - [system] Fix broken behavior when breakpoints input are not ordered (#30996) @mnajdova ### `@mui/lab@5.0.0-alpha.69` - [DatePicker] Fix passing clearable prop (#30786) @alisasanib ### `@mui/joy@5.0.0-alpha.15` - [Joy] Improve variant customization experience (#30878) @siriwatknp - [Joy] Make `sx` prop work in Joy (#30955) @siriwatknp ### Framer - [design] Remove framer components (#30983) @mbrookes - [design] Remove framer leftovers (#31070) @michaldudak ### Docs - [docs] Update installation guide of the icons package (#31026) @huyenltnguyen - [docs] Improve the indication for the legacy APIs (#30995) @mnajdova - [docs] Specify which props are added in the default `shouldForwardProp` option (#30978) @mnajdova - [docs] Fix layout shift on loading (#31017) @oliviertassinari - [docs] Increase scroll affordance in wide tables (#30713) @danilo-leal - [docs] Fix look & feel of the Masonry demos (#30971) @oliviertassinari - [docs] Improve Base component demos (#30884) @danilo-leal - [docs] Use full product names (Material UI, MUI System) (#30960) @oliviertassinari - [docs] Prefer useEnhancedEffect to avoid server side warnings (#30977) @mnajdova - [docs] Fix force redirection to a different locale (#30967) @oliviertassinari - [docs] Add live Tailwind CSS demo (#30966) @oliviertassinari - [website] Add banner for promoting priority open roles (#31076) @danilo-leal - [website] Open Full-stack Engineer role for studio (#31038) @prakhargupta1 - [website] Minor security improvements (#31062) @oliviertassinari - [website] Improve title of open roles (#30963) @DanailH - [website] Add BIMI avatar (#30444) @oliviertassinari - [website] Add Sycamore to About page (#31000) @samuelsycamore ### Core - [benchmark] Add missing dependency (#30994) @michaldudak - [core] Bump date-io version (#31016) @michaldudak - [core] Fix typo in useSlider (#31061) @ryohey - [core] Remove unused draft-js types package (#30993) @michaldudak - [test] Test if certain Base members are exported from Material UI (#31067) @michaldudak - [core] Remove dead code (#31064) @oliviertassinari All contributors of this release in alphabetical order: @agauravdev, @alisasanib, @DanailH, @danilo-leal, @huyenltnguyen, @l10nbot, @liradb2000, @mbrookes, @michaldudak, @mnajdova, @prakhargupta1, @oliviertassinari, @ryohey, @samuelsycamore, @siriwatknp, @sydneyjodon-wk ## 5.4.1 _Feb 8, 2022_ A big thanks to the 24 contributors who made this release possible. Here are some highlights โœจ: - โ™ฟ๏ธ Snackbar messages are now announced by NVDA when using Firefox (#30774) @eps1lon - Several ๐Ÿ› bug fixes and ๐Ÿ“š documentation improvements. ### `@mui/material@5.4.1` - ​[AvatarGroup] Enable targeting of additional Avatar when max props is passed (#30794) @mogrady88 - ​[Badge] Fix showzero and invisible condition (#30899) @alisasanib - ​[ButtonBase] Expose ref to TouchRipple (#30901) @m4theushw - ​[Fab] Add support for the default theme colors (#30846) @alisasanib - ​[SelectInput] Only attach click handler to label if a labelId is passed (#30239) @johsunds - ​[Snackbar] Ensure messages are announced in NVDA+FF (#30774) @eps1lon ### `@mui/base@5.0.0-alpha.68` - ​[SelectUnstyled] Improve exported types (#30895) @michaldudak ### `@mui/lab@5.0.0-alpha.68` - ​[Pickers] Fix `onDismiss` handler in `MobileDatePicker` (#30768) @Ashish2097 - ​[TimePicker] Add font family for clock numbers (#30738) @alisasanib ### `@mui/joy@5.0.0-alpha.14` - ​[Joy] Add `IconButton` component (#30864) @siriwatknp - ​[Joy] Use icon inside a Button (#30803) @siriwatknp ### Docs - ​[examples] Fix vitejs example and improve HMR (#30897) @mihailgaberov - ​[docs] Improve autocomplete "limit tags" demo (#30910) @danilo-leal - ​[docs] Sync translations with Crowdin (#30950) @l10nbot - ​[docs] Improve description of the disableRestoreFocus prop of the `TrapFocus` (#30912) @flaviendelangle - ​[docs] Remove ul with div children and replace with nav element (#30534) @joeframbach - ​[docs] Add Saleor to showcase (#30924) @cherniavskii - ​[docs] Include JSS in styling solution interoperability guide (#30736) @garronej - ​[docs] Fix contents of link-underline-hover (#30904) @pppp606 - ​[docs] Fix markdown table format (#30947) @oliviertassinari - ​[docs] Add missing import to RTL guide (#30891) @CFarhad - ​[docs] Fix WithStyles import statement for @mui/styles (#30942) @altruity - ​[docs] Fix broken roadmap table (#30943) @cherniavskii - ​[docs] Fix broken URL in "Edit this page" button (#30923) @cherniavskii - ​[docs] Migrate content to the new location (#30757) @siriwatknp - ​[docs] Fix the link to the Vite.js example project (#30872) @GneyHabub - ​[docs] Clarify the minimum configuration for TypeScript (#30790) @mnajdova - ​[docs] Clarify what the name of @mui/material is (#30866) @oliviertassinari - ​[docs] Remove migration from the releases page (#30863) @mnajdova - ​[docs] Update Instructions for Google Maps Autocomplete (#30849) @kjschabra - ​[docs] Hotfix notification (#30862) @siriwatknp - ​[website] Sample GA to avoid hit limit (#30919) @oliviertassinari - ​[website] Hide scrollbars of hero containers (#29474) @theiliad - ​[website] Polishing spacing and other small things (#30828) @danilo-leal - ​[website] Close the Developer Advocate role (#30867) @oliviertassinari ### Core - ​[core] Batch small fixes (#30952) @oliviertassinari - ​[core] Rename the GitHub org (#30944) @oliviertassinari - ​[core] Fix propTypes in components where OverridableStringUnion is used (#30682) @paales - ​[test] Codify the difference between keyup and keydown in SelectUnstyled (#30857) @eps1lon - ​[test] Fix typo (#30841) @caioagiani - ​[utils] Use built-in hook when available for useId (#30654) @eps1lon All contributors of this release in alphabetical order: @alisasanib, @altruity, @Ashish2097, @caioagiani, @CFarhad, @cherniavskii, @danilo-leal, @eps1lon, @flaviendelangle, @garronej, @GneyHabub, @joeframbach, @johsunds, @kjschabra, @m4theushw, @michaldudak, @mihailgaberov, @mnajdova, @mogrady88, @oliviertassinari, @paales, @pppp606, @siriwatknp, @theiliad ## 5.4.0 _Feb 1, 2022_ A big thanks to the 22 contributors who made this release possible. Here are some highlights โœจ: - ๐Ÿ›  @goncalovf added an example project using [MUI with Vite.js](https://github.com/mui/material-ui/tree/master/examples/vitejs) (#28241) - Number of ๐Ÿ› bug fixes and ๐Ÿ“š documentation improvements. ### `@mui/material@5.4.0` #### Breaking changes - ​[core] Do not reexport Base from Material (#30853) @michaldudak All Base components were exported from the `@mui/material` package and treated as stable even though the `@mui/base` package is in development. It could create a lot of confusion if developers start using Base components, depend on them, and demand quality found in "proper" Material components. We admit it was a mistake to reexport these components without marking them as unstable. Developers are still encouraged to evaluate the Base components, but they should do so by explicitly installing the `@mui/base` package. This is technically a breaking change as it removes a number of components from the `@mui/material` package. However, we believe that removing the components now and potentially breaking the codebases will do less harm than introducing "silent" breaking changes to Base components while continuing reexporting them from `@mui/material`. Note: the utility components, such as ClickAwayListener, NoSsr, Portal, and TextareaAutosize continue to be exported from both `@mui/material` and `@mui/base`. If you're encountering build errors after upgrading @mui/material, do the following: 1. Install @mui/base: npm install @mui/base or yarn add @mui/base 2. Make sure the version of @mui/base match the version of @mui/material 3. Change the import paths of unstyled components from @mui/material to @mui/base, e.g.: ```diff - @import ButtonUnstyled from '@mui/material/ButtonUnstyled'; + @import ButtonUnstyled from '@mui/base/ButtonUnstyled'; ``` #### Changes - ​[Autocomplete] Add `readOnly` prop (#30706) @ZeeshanTamboli - ​[Autocomplete] Fix typos in the page (#30737) @austinewuncler - ​[FormControlLabel][formgroup] add Mui-error class (#30656) @alisasanib - ​[Grid] Fix prop check for applying wrap-reverse (#30813) @Hubbz - ​[TextField] Remove notch when no label is added (#30560) @alisasanib - ​[TextField] Remove usage of dangerouslySetInnerHTML (#30776) @Jack-Works - ​[TreeView] Select node when key `Enter` is pressed (#30795) @dryrainbow - ​[useMediaQuery] Ensure no tearing in React 18 (#30655) @eps1lon ### `@mui/base@5.0.0-alpha.67` - ​[SelectUnstyled] Create unstyled select (+ hook) (#30113) @michaldudak ### `@mui/lab@5.0.0-alpha.67` - ​[DateTimePicker] Fix month view highlight wrong tab (#30773) @DiegoYungh - ​[pickers] Enable the sx props on all components (#30749) @boutahlilsoufiane ### Docs - ​[blog] Introducing callback support in style overrides (#30668) @siriwatknp - ​[docs] Add notifications for the blog posts (#30852) @siriwatknp - ​[docs] Improve the interoperability guide (#30785) @mnajdova - ​[docs] Improve the Getting Started documentation content (#30808) @mnajdova - ​[docs] Fix typo in ad fallback (#30823) @cherniavskii - ​[docs] Change ThemeProvider API links (#30705) @atakanzen - ​[docs] Retain vendor prefixing in rtl example (#30710) @ryancogswell - ​[docs] Fix typo in the Popper ScrollPlayground demo (#30780) @tanyabouman - ​[docs] Small fixes on the jss-to-tss migration guide (#30734) @garronej - ​[examples] Add Vite.js example (#28241) @goncalovf ### Core - ​[core] Clarify the label, to match with MUI X (#30831) @oliviertassinari - ​[core] Remove none code related instructions from git (#30843) @oliviertassinari - ​[core] Fix typos in comments for scripts (#30809) @aefox - ​[core] Fix 301 link in the blog @oliviertassinari - ​[test] Fix tests on Node 16 (#30819) @michaldudak - ​[test] Add explicit types to support noImplicityAny=false (#30798) @m4theushw - ​[test] Support React.useId format in \*DescriptionOf (#30657) @eps1lon - ​[website] Fix SEO issues (#30829) @oliviertassinari - ​[website] Add designer position page (#30708) @danilo-leal - ​[website] Polish /about page (#30747) @oliviertassinari All contributors of this release in alphabetical order: @aefox, @alisasanib, @atakanzen, @austinewuncler, @boutahlilsoufiane, @cherniavskii, @danilo-leal, @DiegoYungh, @dryrainbow, @eps1lon, @garronej, @goncalovf, @Hubbz, @Jack-Works, @m4theushw, @michaldudak, @mnajdova, @oliviertassinari, @ryancogswell, @siriwatknp, @tanyabouman, @ZeeshanTamboli ## 5.3.1 _Jan 24, 2022_ A big thanks to the 12 contributors who made this release possible. Here are some highlights โœจ: - ๐Ÿ›  @mnajdova added interoperability guide for using Tailwind CSS (#30700) - A meaningful number of ๐Ÿ› bug fixes and ๐Ÿ“š documentation improvements. ### `@mui/icons-material@5.3.1` - ​[icons] Fix naming typos (#30512) @MrHBS - ​[icons] Makes material-icons work with Joy (#30681) @siriwatknp ### `@mui/base@5.0.0-alpha.66` - ​[SliderUnstyled] Improve typings on some internal utils (#30614) @mnajdova ### Core - ​[core] Batch small changes (#30690) @oliviertassinari - ​[core] Add new structure to ignore list crowdin (#30608) @siriwatknp - ​[core] Correct version in package.json (#30677) @michaldudak - ​[test] Fix buildApiUtils tests on Windows (#30698) @michaldudak ### Docs - ​[blog] Enable blog index (#30724) @siriwatknp - ​[blog] Introducing the Row Grouping feature (#30598) @alexfauquette - ​[docs] Fix SEO crawl errors (#30733) @oliviertassinari - ​[docs] Update migration-v4.md (#30721) @ddecrulle - ​[docs] Fix migration issues detected by `ahrefs` (#30751) @siriwatknp - ​[docs] Add interoprability guide for using Tailwind CSS (#30700) @mnajdova - ​[docs] Fix typo in containedSizeMedium class (#30723) @aaneitchik - ​[docs] Hotfix the wrong URL in X marketing page (#30729) @siriwatknp - ​[docs] Post migration preparation fix (#30716) @siriwatknp - ​[docs] Update remix example to restore from error pages (#30592) @mnajdova - ​[docs] Use new URLs when enable_redirects is true (#30704) @siriwatknp - ​[docs] Add a missing bracket in the migration-v4 guide (#30616) @chaosmirage - ​[docs] Add Checkbox color prop change (#30697) @aaneitchik - ​[docs] Fix migration to have singular urls (#30695) @siriwatknp - ​[docs] Update UXPin link to new landing page (#30691) @Evomatic - ​[docs] Close user menu on click in the responsive app bar demo (#30664) @NoahYarian - ​[docs] Clear the difference between UI and React components (#29930) @oliviertassinari - ​[docs] Make Autocomplete docs gender neutral (#30679) @exequielbc - ​[docs] Update doc structure for X components (#30684) @siriwatknp All contributors of this release in alphabetical order: @aaneitchik, @alexfauquette, @chaosmirage, @ddecrulle, @Evomatic, @exequielbc, @michaldudak, @mnajdova, @MrHBS, @NoahYarian, @oliviertassinari, @siriwatknp ## 5.3.0 _Jan 17, 2022_ A big thanks to the 15 contributors who made this release possible. Here are some highlights โœจ: - ๐Ÿ›  @siriwatknp added support for callbacks in styleOverrides (#30524) - ๐Ÿงฉ @ZeeshanTamboli and @VicHofs improved customization of components (#30515, #30212) - ๐Ÿ›  @hbjORbj fixed the use of ResizeObserver in Masonry component (#29896) - ๐Ÿ“„ @danilo-leal and @siriwatknp created our own blog home page (#30121) ### `@mui/material@5.3.0` - [Autocomplete] Add ability to pass props to `Paper` component (#30515) @ZeeshanTamboli - [Select] Add defaultOpen prop (#30212) @VicHofs ### `@mui/system@5.3.0` - [system][box, grid, typography] `textTransform` prop should work directly on component (#30437) @hbjORbj - [system] Support callback value in `styleOverrides` slot (#30524) @siriwatknp ### `@mui/lab@5.0.0-alpha.65` - [Masonry] Observe every masonry child to trigger computation when needed (#29896) @hbjORbj - [MobileDatePicker] Fix calling onOpen when readOnly is true (#30561) @alisasanib ### `@mui/codemod@5.3.0` - [codemod] Bump `jscodeshift` to remove `colors` dependency (#30578) @siriwatknp ### `@mui/styled-engine-sc@5.3.0` - [styled-engine-sc] Add the withConfig API to enable using the babel plugin for styled-comonents (#30589) @mnajdova ### `@mui/joy@5.0.0-alpha.11` - [Joy] Add `SvgIcon` component (#30570) @hbjORbj ### `@mui/base@5.0.0-alpha.65` - [SliderUnstyled] Add useSlider hook and polish (#30094) @mnajdova ### Docs - [docs] End code block in test/README.md (#30531) @yaboi - [docs] Remove redundant grouping in /components/radio-buttons/ (#30065) @eps1lon - [docs] Update migration scripts and e2e tests (#30583) @siriwatknp - [docs] Fix migration guides for versions older than v4 (#30595) @kkirsche - [docs] Inform about specific files for DataGrid locales (#30411) @alexfauquette - [docs] jss-to-tss migration advise to drop clsx in favor of cx (#30527) @garronej - [docs] Fix integration with MUI X (#30593) @oliviertassinari - [docs] Adding peer dependencies explanation on @mui/lab README.md (#30532) @glaucoheitor - [docs] Add missing quote in migration docs (#30587) @Atralbus - [docs] Update link to Doit sponsor (#30586) @oliviertassinari - [docs] Add products identifier and drawer (#30283) @siriwatknp - [website] Fix code button with installation command (#30622) @danilo-leal - [website] Add a Blog index page (#30121) @danilo-leal - [website] Migrate Twitter from @MaterialUI to @MUI_hq @oliviertassinari - [website] Add Andrii to the About Us page (#30581) @cherniavskii ### Core - [core] Revert changes to peer dependencies (#30662) @oliviertassinari - [core] Renovate should not try to update node (#30659) @oliviertassinari - [core] Remove dead files (#30663) @oliviertassinari - [core] Fix outdated TypeScript template (#30596) @oliviertassinari - [core] Remove extra `

` from header of README.md (#30530) @yaboi - [core] Fix `docs:api` script for Windows OS (#30533) @ZeeshanTamboli All contributors of this release in alphabetical order: @alexfauquette, @alisasanib, @Atralbus, @cherniavskii, @danilo-leal, @eps1lon, @garronej, @glaucoheitor, @hbjORbj, @kkirsche, @mnajdova, @oliviertassinari, @siriwatknp, @VicHofs, @yaboi, @ZeeshanTamboli ## 5.2.8 _Jan 10, 2022_ A big thanks to the 10 contributors who made this release possible. Here are some highlights โœจ: - A meaningful number of ๐Ÿ› bug fixes and ๐Ÿ“š documentation improvements. ### `@mui/material@5.2.8` - ​[TextField][inputlabel] Remove `pointer-events: none` property (#30493) @hbjORbj - ​[Slider] Add `input` slot to components and componentsProps (#30362) @alexandre-lelain ### `@mui/joy@5.0.0-alpha.10` - ​[Joy] Add `Typography` component (#30489) @siriwatknp - ​[Joy] Add functional `Switch` component (#30487) @siriwatknp ### Docs - ​[docs] Update markdown parser to remove backticks from description (#30495) @aefox - ​[docs] Fix the crash when applying custom colors (#30563) @siriwatknp - ​[docs] Location change of Sebastian (#30528) @eps1lon - ​[docs] Lint markdown in the CI (#30395) @oliviertassinari - ​[docs] Fix `componentsProps` API docs and PropTypes (#30502) @ZeeshanTamboli - ​[docs] Codemod doc for overriding styles using tss (#30499) @garronej - ​[docs] fix edge case when replacing data-grid url for migration (#30505) @siriwatknp - ​[docs] fix replace url for migration (#30503) @siriwatknp - ​[docs] Prepare scripts for migrating to new structure (#30386) @siriwatknp - ​[docs] Adjust RTL Guide demos to fully support RTL (#30387) @noam-honig - ​[docs] Move @eps1lon to community (#30473) @oliviertassinari - ​[docs] Fix typo and spelling in the-sx-prop.md (#30482) @aefox - ​[docs] More general docs polishing (#30371) @danilo-leal - ​[website] Add Josรฉ on the /about page (#30492) @danilo-leal All contributors of this release in alphabetical order: @aefox, @alexandre-lelain, @danilo-leal, @eps1lon, @garronej, @hbjORbj, @noam-honig, @oliviertassinari, @siriwatknp, @ZeeshanTamboli ## 5.2.7 _Jan 3, 2022_ A big thanks to the 14 contributors who made this release possible. Here are some highlights โœจ: - ๐Ÿ““ Improvements on the Vietnamese (vi-VN) and Finnish (fi-FI) locales (#30426, #30442) @hckhanh @Certificate - And more ๐Ÿ› bug fixes and ๐Ÿ“š documentation improvements. ### `@mui/material@5.2.7` - ​[Autocomplete] Fix calling onChange for duplicate values (#30374) @alisasanib - ​[Avatar] Fix TypeScript error on imgProps (#30255) @ahmad-reza619 - ​[Badge] Fix `classes` prop TypeScript type (#30427) @ZeeshanTamboli - ​[SvgIcon] Allow viewBox to inherit from Component through inheritViewBox prop (#29954) @alex-dikusar - ​[SvgIcon] Correct API docs and code style (#30470) @michaldudak ### Docs - ​[blog] 2021 (#30425) @oliviertassinari - ​[docs] Fix typo on the Grid docs page (#30446) @abhi45 - ​[docs] Fix `useMediaQuery` SSR example to v5 theme API (#30454) @ValentinH - ​[docs] Improve the migration guide and add examples for transforming to `tss-react` (#30388) @mnajdova - ​[docs] Make the reference to the select clearer (#30460) @boazrymland - ​[docs] Sync translations with Crowdin (#30385) @l10nbot - ​[example] Avoid double rendering in the Remix example (#30366) @mnajdova - ​[i18n] improve viVN locale (#30426) @hckhanh - ​[l10n] Improve fiFI locale (#30442) @Certificate - ​[website] Add new batch of open roles (#30282) @oliviertassinari - ​[website] Refactor page context with next router (#30020) @siriwatknp ### Core - ​[core] Automatically close issues that are incomplete and inactive (#30459) @oliviertassinari - ​[core] Remove contrib tweet (#30455) @oliviertassinari All contributors of this release in alphabetical order: @abhi45, @ahmad-reza619, @alex-dikusar, @alisasanib, @boazrymland, @Certificate, @hckhanh, @l10nbot, @michaldudak, @mnajdova, @oliviertassinari, @siriwatknp, @ValentinH, @ZeeshanTamboli ## 5.2.6 _Dec 27, 2021_ A big thanks to the 14 contributors who made this release possible. Here are some highlights โœจ: - ๐Ÿ““ The Norwegian Bokmรฅl (nb-NO) locale was added (#27520) @wogsland - ๐Ÿ›  Introduced a new `useBadge` hook in the `@mui/base` package (#30246) @mnajdova - And more ๐Ÿ› bug fixes and ๐Ÿ“š documentation improvements. ### `@mui/material@5.2.6` - ​[ButtonGroup] Fix typo in ButtonGroupContext's interface (#30376) @kealjones-wk - ​[l10n] Add Norwegian Bokmรฅl (nb-NO) locale (#27520) @wogsland ### `@mui/base@5.0.0-alpha.62` - ​[BadgeUnstyled] Add useBadge hook (#30246) @mnajdova ### `@mui/joy@5.0.0-alpha.8` - ​[Joy] Button API (#29962) @siriwatknp ### Docs - ​[docs] Fix color coercion (#30319) @Janpot - ​[blog] Fix file import conflict resolution (#30391) @oliviertassinari - ​[docs] Fix crash on Safari because of unsupported lookahead feature (#30345) @cherniavskii - ​[docs] Update to new website domain (#30396) @ryota-murakami - ​[docs] Fix text from material-ui to @mui to reflect v5 name changes (#30393) @pupudu - ​[docs] Fix a11y in Menu demos (#30378) @ZeeshanTamboli - ​[docs] Document how to unmount transition child (#30382) @oliviertassinari - ​[docs] The current standard for quotes is QUOTATION MARK @oliviertassinari - ​[docs] Fix 404 links (#30380) @oliviertassinari - ​[docs] Fix Breadcrumb description (#30307) @jamesmelzer - ​[docs] Modify injection order for Gatsby and SSR examples (#30358) @ShuPink - ​[docs] Improve the translation experience (#30373) @oliviertassinari - ​[docs] Sync translations with Crowdin (#30176) @l10nbot - ​[docs] Fix link to /size-snapshot (#30363) @oliviertassinari - ​[docs] Fix incorrect aria label in SpeedDial demo (#30354) @chwallen - ​[docs] Fix incorrect number of breakpoint helpers (#30353) @chwallen - ​[docs] Update outdated links (#30260) @oliviertassinari - ​[docs] Support redirects from old urls to /material/\* (#30286) @siriwatknp - ​[examples] Fix CSS modules integration (#30381) @oliviertassinari - ​[website] Fix SEO issues (#30372) @oliviertassinari - ​[website] Sync sponsors (#30259) @oliviertassinari ### Core - ​[core] Rename Material UI to MUI (#30338) @ZeeshanTamboli - ​[core] Fix warning in dev mode (#30368) @oliviertassinari - ​[core] Update `buildApi` script to support new structure (#30245) @siriwatknp All contributors of this release in alphabetical order: @cherniavskii, @chwallen, @jamesmelzer, @Janpot, @kealjones-wk, @l10nbot, @mnajdova, @oliviertassinari, @pupudu, @ryota-murakami, @ShuPink, @siriwatknp, @wogsland, @ZeeshanTamboli ## 5.2.5 _Dec 20, 2021_ A big thanks to the 16 contributors who made this release possible. Here are some highlights โœจ: - ๐Ÿ›  This release mostly improves what's behind the scenes: infrastructure and tests - ๐Ÿ““ Danish (da-DK) locale was added (#29485) @mikk5829 - ๐Ÿ–Œ Polished the design of Base components (#30149) and the docs in general (#29994) @danilo-leal - ๐Ÿ“š Many additions and improvements to the documentation were made ### `@mui/material@5.2.5` - [l10n] Add Danish (da-DK) locale (#29485) @mikk5829 - [LoadingButton] Label progressbar by the LoadingButton (#30002) @eps1lon - [Tabs] Remove unnecessary `Partial<>` type around TabIndicatorProps type (#30254) @ZeeshanTamboli ### `@mui/system@5.2.5` - [system] Use `useEnhancedEffect` to prevent flicker (#30216) @hbjORbj ### `@mui/lab@5.0.0-alpha.61` - [pickers] Fix the wrong MuiClockPicker's ArrowSwitcher slot name (#30226) @rejetto ### Docs - [docs] Run JS compiler on markdown output (#29732) @Janpot - [Badge] Add tests for `anchorOrigin` prop (#30147) @daniel-sachs - [docs] Add cssmodule injection order comments to Nextjs example (#30213) @ShuPink - [docs] Remove extra word in Select component code example comments (#30281) @KThompso - [docs] Improve the description of the Accordion (#30253) @jamesmelzer - [docs] Heading capitalization convention @oliviertassinari - [docs] Rename remaining 'unstyled' references to 'base' (#30206) @michaldudak - [docs] Add to migration doc about ref type specificity (#30114) @hbjORbj - [docs] Add script to clone pages (#30107) @siriwatknp - [docs] Correct colors in breakpoints documentation (#30219) @michaldudak - [docs] Sync icon search UI state with the url (#30075) @Janpot - [docs] Base components demos design polish (#30149) @danilo-leal - [docs] General documentation polish (#29994) @danilo-leal - [examples] Fix typo in the remix example's README (#30289) @lemol - [website] Remove expired gold sponsor (#30222) @oliviertassinari - [website] Remove broken showcase links (#30217) @mnajdova ### Core - [test] Reduce bundle size comparison memory consumption (#30195) @Janpot - [core] make snapshot comparison more resilient (#30183) @Janpot - [core] update formatted ts demo to support new structure (#30248) @siriwatknp - [core] cache dependencies in github actions (#30211) @siriwatknp - [core] fix root package version (#30204) @siriwatknp - [core] Fail the build when the dangerjs script errors (#30186) @Janpot - [test] Add E2E website tests (#30128) @siriwatknp All contributors of this release in alphabetical order: @daniel-sachs, @danilo-leal, @eps1lon, @hbjORbj, @jamesmelzer, @Janpot, @KThompso, @lemol, @michaldudak, @mikk5829, @mnajdova, @oliviertassinari, @rejetto, @ShuPink, @siriwatknp, @ZeeshanTamboli ## 5.2.4 _Dec 14, 2021_ A big thanks to the 16 contributors who made this release possible. Here are some highlights โœจ: - โœจ Add `not` operator to `theme.breakpoints` (#29311) @Philipp000 ```js const styles = (theme) => ({ root: { backgroundColor: 'blue', // Match [xs, md) and [md + 1, โˆž) // [xs, md) and [lg, โˆž) // [0px, 900px) and [1200px, โˆž) [theme.breakpoints.not('md')]: { backgroundColor: 'red', }, }, }); ``` - And many more ๐Ÿ› bug fixes and ๐Ÿ“š improvements. ### `@mui/material@5.2.4` - ​[esm] Correct a styles imports (#29976) @Janpot - ​[GlobalStyles] Fix `theme` type (#30072) @mnajdova - ​[Grid] Fix grid items to respond to the container's responsive columns (#29715) @kkorach - ​[TextField] Fix missing space before asterisk in `OutlinedInput`'s label (#29630) @alisasanib - ​[Transition] Allow any valid HTML attribute to be passed (#29888) @Janpot - ​[types] Fix discrepancy between core and system `ThemeOptions` (#30095) @fmeum - ​[InputBase] Add prop for disabling global styles (#29213) @bryan-hunter - ​[Select] Improve multiple logic (#30135) @ladygo93 ### `@mui/system@5.2.4` - ​[system] Don't transition when re-appearing (#30108) @eps1lon - ​[system] Add `not` operator to `breakpoints` (#29311) @Philipp000 ### `@mui/base@5.0.0-alpha.60` - ​[BadgeUnstyled] Make it conformant with other base components (#30141) @mnajdova ### `@mui/icons-material@5.2.4` - ​[icons] Correct location of icon download folder (#29839) @yaboi ### Docs - ​[docs] Explain the use of Select's label in FormControl (#30189) @michaldudak - ​[docs] Don't run nprogress on shallow routing (#30087) @Janpot - ​[docs] Add Data Driven Forms to related projects (#30078) @rvsia - ​[docs] Sync translations with Crowdin (#30067) @l10nbot - ​[docs] Fix link on "Custom variables" section in the Theming page #30100 @danilo-leal - ​[docs] Fix justifyContent option in the Grid interactive demo (#30117) @danilo-leal - ​[docs] Add tip to help access the docs of a previous version when finding answers in StackOverflow (#30101) @danilo-leal - ​[docs] Fix import example inside Unstyled Backdrop section (#30098) @TheodosiouTh - ​[website] Column pinning and Tree data are out (#30136) @oliviertassinari - ​[survey] Remove survey promotion items (#30122) @danilo-leal ### Core - ​[core] Fix link to Open Collective @oliviertassinari - ​[core] Update snapshots and s3 fallback (#30134) @Janpot - ​[ci] Update CI bucket (#30080) @Janpot - ​[fix] size:snapshot for mui-material-next and mui-joy components (#30106) @Janpot All contributors of this release in alphabetical order: @alisasanib, @bryan-hunter, @danilo-leal, @eps1lon, @fmeum, @Janpot, @kkorach, @l10nbot, @ladygo93, @michaldudak, @mnajdova, @oliviertassinari, @Philipp000, @rvsia, @TheodosiouTh, @yaboi ## 5.2.3 _Dec 6, 2021_ A big thanks to the 25 contributors who made this release possible. Here are some highlights โœจ: - โœจ We have introduced a new unstyled component in `@mui/base`: `TablePagination` (#29759) @mnajdova unstyled table You can follow our progress with unstyled components at https://github.com/mui/material-ui/issues/27170. - ๐ŸŽ‰ We have added an example of how to use MUI with [Remix](https://remix.run/) (#29952) @mnajdova - And many more ๐Ÿ› bug fixes and ๐Ÿ“š improvements. ### `@mui/material@5.2.3` - ​[Accordion] Add a test for handling `square` prop (#29972) @daniel-sachs - ​[Alert] Fix `square` Paper prop (#30027) @ZeeshanTamboli - ​[AvatarGroup] Allow specifying total number of avatars (#29898) @eduardomcv - ​[Button] Fix regression from context API (#29982) @siriwatknp - ​[Grid] Fix generated classes for `spacing` prop when the value is object (#29880) @jayeclark - ​[Select] Should not crash when an empty array is passed with `multiple` enabled (#29957) @Domino987 ### `@mui/system@5.2.3` - ​[system] Fix return type of `createBox` (#29989) @mnajdova - ​[system] Support boolean values in typescript for the `sx` prop when used as array (#29911) @tasugi ### `@mui/utils@5.2.3` - ​[utils] Add typings for `@mui-material/styles/cssUtils` (#29621) @Semigradsky ### `@mui/icons-material@5.2.1` - ​[icons] Consolidate ignored icons into one list (#29843) @chao813 ### `@mui/base@5.0.0-alpha.59` - ​[base] Fix missing ClickAwayListener barrel index export (#30000) @oliviertassinari - ​[TablePaginationUnstyled] Introduce new component (#29759) @mnajdova ### `@mui/lab@5.0.0-alpha.59` - ​[DateRangePicker] Fix `DateRangePickerDayProps` interface (#29067) @jonathanrtuck - ​[Pickers] Remove propagation of custom props to the `MonthPicker` component's DOM element (#30021) @ZeeshanTamboli - ​[StaticDatePicker] Add className and slot to PickerStaticWrapper (#29619) @kkorach ### `@mui/joy@5.0.0-alpha.5` - ​[Joy] Theme setup (#29846) @siriwatknp ### Docs - ​[docs] Fix link in TypeScript doc page (#30044) @genzyy - ​[docs] Remove the 'WIP' icon from the 'Group & Pivot' page title (#30077) @flaviendelangle - ​[docs] Add warning that `@mui/styled-engine-sc` does not work in SSR (#30026) @mnajdova - ​[docs] Add section for CSS specificity in the migration guide (#30008) @hbjORbj - ​[docs] Clarify comment in migration doc (#30076) @hbjORbj - ​[docs] Sync translations with Crowdin (#30041) @l10nbot - ​[docs] Explain how Paper changes shade in dark mode (#30003) @michaldudak - ​[docs] Update nextjs-typescript-example (#29974) @huydhoang - ​[docs] Add missing global state classes to API docs generator (#29945) @michaldudak - ​[docs] Fix benchmarks folder link (#29981) @fourjr - ​[docs] Improve wording in StackOverflow section of support page (#29956) @ronwarner - ​[docs] Remove Black Friday sale notification (#29936) @mbrookes - ​[examples] Fix typos in the Remix example (#30071) @MichaelDeBoey - ​[examples] Add Remix example (#29952) @mnajdova - ​[examples] Fix lint issue for displayName missing in the Next.js examples (#29985) @ZeeshanTamboli - ​[Stack] Document system props in Stack API (#30069) @ThewBear - ​[survey] Add a banner and card for promoting the 2021 survey (#29950) @danilo-leal - ​[website] Correct the Careers page description (#30073) @michaldudak - ​[website] Fix 301 links (#30040) @oliviertassinari ### Core - ​[core] Batch small changes (#30042) @oliviertassinari - ​[core] Transition to a new StackOverflow tag (#29967) @oliviertassinari All contributors of this release in alphabetical order: @chao813, @daniel-sachs, @danilo-leal, @Domino987, @eduardomcv, @flaviendelangle, @fourjr, @genzyy, @hbjORbj, @huydhoang, @jayeclark, @jonathanrtuck, @kkorach, @l10nbot, @mbrookes, @MichaelDeBoey, @michaldudak, @mnajdova, @oliviertassinari, @ronwarner, @Semigradsky, @siriwatknp, @tasugi, @ThewBear, @ZeeshanTamboli ## 5.2.2 _Nov 29, 2021_ A big thanks to the 9 contributors who made this release possible. Here are some highlights โœจ: - โ™ฟ๏ธ Improved accessibility of `Snackbar` and `TextField` in `@mui/material` (#29782) (#29850) (#29852) @eps1lon. - ๐ŸŽ‰ Added support for `sx` syntax inside `styled()` utility (#29833) @mnajdova. - ๐ŸŽ‰ Added support for more options for `createCssVarsProvider` in `@mui/system` (#29845) (#29857) @hbjORbj. - And many more ๐Ÿ› bug fixes and ๐Ÿ“š improvements. ### `@mui/material@5.2.2` - ​[MenuList] Add component prop (#29882) @Harshikerfuffle - ​[Snackbar] Interrupt auto-hide on keyboard interaction (#29852) @eps1lon - ​[Snackbar] Dismiss on Escape press (#29850) @eps1lon - ​[TextField] Associate accessible name and description by default (#29782) @eps1lon ### `@mui/joy@5.0.0-alpha.4` - ​[Joy] Add `Button` - 1st iteration (#29464) @siriwatknp ### `@mui/codemod@5.2.1` - ​[codemod] Fix alias import for box-sx-prop (#29902) @siriwatknp ### `@mui/system@5.2.2` - ​[system] CSSVarsProvider cleans up `html[style]` when unmounting (#29946) @eps1lon - ​[system] Add support for `disableTransitionOnChange` in `createCssVarsProvider` (#29857) @hbjORbj - ​[system] Add support for `enableColorScheme` in `createCssVarsProvider` (#29845) @hbjORbj ### `@mui/utils@5.2.2` - ​[useId] Trade random collisions for collisions on overflow (#29781) @eps1lon - ​[useIsFocusVisible] Convert to TypeScript (#29779) @eps1lon ### Docs - ​[docs] Fix v5-beta confusing example description (#29932) @oliviertassinari - ​[docs] Apply the z-index on the right DOM element (#29934) @oliviertassinari - ​[docs] Improve git diff format (#29935) @oliviertassinari - ​[docs] Fix typo (#29866) @sinclairity - ​[docs] Fix key display (#29933) @oliviertassinari - ​[docs] Fix outdated link to next/link docs (#29937) @radlinskii - ​[docs] Add how to pass `sx` prop (#29905) @siriwatknp - ​[docs] Fix typo in notifications @mbrookes - ​[docs] Black Friday sale notification @mbrookes - ​[website] Fix canonical links (#29938) @oliviertassinari - ​[website] Fix SEO issues (#29939) @oliviertassinari - ​[website] Improvements to the /x product page (#28964) @danilo-leal ### Core - ​[core] Remove dead code (#29940) @oliviertassinari - ​[core] Move benchmark CI job from AZP to CircleCI (#29894) @eps1lon - ​[core] Fix PR detection pattern in test_bundle_size_monitor (#29895) @eps1lon - ​[test] Fix browser tests (#29929) @eps1lon - ​[test] Reject shorthand properties in style matchers (#29893) @eps1lon All contributors of this release in alphabetical order: @danilo-leal, @eps1lon, @Harshikerfuffle, @hbjORbj, @mbrookes, @oliviertassinari, @radlinskii, @sinclairity, @siriwatknp ## 5.2.1 _Nov 25, 2021_ A big thanks to the 7 contributors who made this release possible. Here are some highlights โœจ: This is an early release to fix `export 'useId' (imported as 'React') was not found in 'react'` when bundling code depending on MUI Core. - ​[AppBar][docs] Add a fully responsive demo to docs (#29829) @karakib2k18 - ​[core] Fix PR run detection in test_bundle_size_monitor (#29879) @eps1lon - ​[core] Move bundle size monitoring to CircleCI (#29876) @eps1lon - ​[docs] Add keys to Responsive AppBar demo (#29884) @mbrookes - ​[docs] MUI's 2021 Developer survey (#29765) @prakhargupta1 - ​[docs] Smoother image loading UX (#29858) @oliviertassinari - ​[Select] Fix select display value with React Nodes (#29836) @kegi - ​[system] Add `experimental_sx` utility (#29833) @mnajdova - ​[test] Ignore "detected multiple renderers" warning for now (#29854) @eps1lon - ​[useMediaQuery][utils] Remove usage of React 18 APIs (#29870) @eps1lon All contributors of this release in alphabetical order: @eps1lon, @karakib2k18, @kegi, @mbrookes, @mnajdova, @prakhargupta1, @oliviertassinari ## 5.2.0 _Nov 23, 2021_ A big thanks to the 18 contributors who made this release possible. Here are some highlights โœจ: - ๐Ÿงช Created another unstyled component: [TabsUnstyled](https://mui.com/components/tabs/#unstyled) (#29597) @mnajdova. - ๐ŸŽ‰ Updated the Material Icons set with the latest changes from Google (#29328) @michaldudak / (#29818) @chao813. This update adds 200 new icons and tweaks the appearance of many more. With it, we're getting close to having 2000 icons in our set. - ๐Ÿ› Fixed bugs and improved the infrastructure and documentation ๐Ÿ“š. ### `@mui/material@5.2.0` - [IconButton] Remove on hover effect when `disableRipple` is set (#29298) @adamfitzgibbon - [i18n] Add the amharic language (#29153) @NatiG100 - [material] Fix types for `variants.style` to accept callbacks (#29610) @mnajdova - [Popper] Simplify prop types (#29680) @michaldudak - [Select] Include aria-selected=false when option not selected (#29695) @michaldudak - [useMediaQuery] Fix crash in Safari < 14 and IE 11 (#29776) @eps1lon - [useMediaQuery] Ensure no tearing in React 18 (#28491) @eps1lon ### `@mui/codemod@5.2.0` - [codemod] Fix `jss-to-styled` to support multiple withStyles (#29824) @siriwatknp ### `@mui/icons-material@5.2.0` - [icons] Sync new Google Material Icons (#29818) @chao813 - [icons] Sync recent Material Icons from Google (#29328) @michaldudak ### `@mui/system@5.2.0` - [Box] Fix `sx` prop runtime issue when used as function (#29830) @mnajdova - [system] Fix `sx` throw error when value is `null` or `undefined` (#29756) @siriwatknp - [system] Fix minor CssVars issues (#29747) @siriwatknp ### `@mui/styled-engine@5.2.0` - [styled-engine] Fix props inference in styled-engine (#29739) @Janpot ### `@mui/base@5.0.0-alpha.56` - [FormControlUnstyled] `focused` is always false unless explicitly set to `true` @mwilkins91 - [TabsUnstyled] Introduce new component (#29597) @mnajdova ### `@mui/lab@5.0.0-alpha.56` - [DatePicker][timepicker] Add missing component declarations (#29517) @longzheng - [Masonry] exports from root package (#29754) @abhinav-22-tech - [pickers] Widen accepted `luxon` version range (#29761) @eps1lon ### Docs - [blog] MUI X v5 blog post (#29590) @DanailH - [blog] Polish the Benny Joo joins MUI post (#29697) @oliviertassinari - [CHANGELOG] Explain why we do breaking changes @oliviertassinari - [core] Update latest issue template for codesandbox CI (#29783) @eps1lon - [core] Ensure `@mui/core` is an alias for `@mui/base` (#29762) @eps1lon - [docs] Fix broken Next and Previous links (#29711) @scallaway - [docs] Add a note that ToggleButton exclusive does not enforce selection (#29812) @mmacu - [docs] Update the list of supported locales (#29831) @michaldudak - [docs] Update tooltip doc to better define touch action (#29717) @gnowland - [website] Standardize the background color from the MUI team photos (#29738) @danilo-leal - [website] Add Bharat to the About Us Page (#29714) @bharatkashyap - [website] Add about page entry for jan (#29701) @Janpot - [website] Adding Prakhar to the about page (#29737) @danilo-leal ### Core - [test] Allow debugging with Chrome and VSCode inspector (#29777) @eps1lon - [test] Use renderer clock instead of custom useFakeTimers call (#29778) @eps1lon - [test] Only mock Date in regression tests (#29763) @eps1lon - [test] Disable nightly integration tests on `next` branch (#29748) @eps1lon - [test] Allow configuring clock directly from `createRenderer` (#29684) @eps1lon - [test] Accept backslashes as path separators in test CLI (#29694) @michaldudak - [utils] Use built-in hook when available for useId (#26489) @eps1lon All contributors of this release in alphabetical order: @abhinav-22-tech, @adamfitzgibbon, @bharatkashyap, @chao813, @DanailH, @danilo-leal, @eps1lon, @gnowland, @Janpot, @longzheng, @michaldudak, @mmacu, @mnajdova, @mwilkins91, @NatiG100, @oliviertassinari, @scallaway, @siriwatknp ## 5.1.1 _Nov 16, 2021_ A big thanks to the 15 contributors who made this release possible. Here are some highlights โœจ: - ๐Ÿ›  Renamed `@mui/core` to `@mui/base` (#29585) @michaldudak. - And many more ๐Ÿ› bug fixes and ๐Ÿ“š improvements. ### `@mui/material@5.1.1` - ​[Breadcrumbs][divider] Replace decimal spacing values with integers and css calc (#29526) @anikcreative - ​[Select][nativeselect] Add `multiple` class (#29566) @aaronholla - ​[Popper] Split into PopperUnstyled and Popper (#29488) @michaldudak - ​[Select] Make it clear that `Select` is not a root component (#29593) @hbjORbj - ​[l10n] Improved Dutch (nl-NL) locale (#29592) @flipvrijn - ​[Table] Improve pagination range, use "en dash" over "hyphen" (#29579) @narekmal ### `@mui/base@5.0.0-alpha.55` #### Breaking changes - ​[core] Rename mui/core to mui/base (#29585) @michaldudak Based on the results of the [poll](https://twitter.com/michaldudak/status/1452630484706635779) and our internal discussions, we decided to rename the `@mui/core` package to `@mui/base`. The main rationale for this is the fact that we use the term "Core" to refer to the core components product family, the one that includes Material Design components, unstyled components, System utilities, etc. Therefore, @mui/core was effectively a subset of MUI Core. This was confusing. The new name better reflects the purpose of the package: it contains unstyled components, hooks, and utilities that serve as a **base** to build on. ```diff -importย { useSwitch } from '@mui/core/SwitchUnstyled'; +importย { useSwitch } from '@mui/base/SwitchUnstyled'; ``` ### `@mui/lab@5.0.0-alpha.55` - ​[LoadingButton] Text variant spacing fixed for both start and end (#29194) @joshua-lawrence - ​[Masonry] Check if container or child exists to prevent error (#29452) @hbjORbj ### Docs - ​[docs] Correct bundler configuration for using legacy MUI build (#29146) @petermikitsh - ​[docs] Fix typo on autocomplete.md (#29570) @netizer - ​[docs] Fix dark mode on branding pages (#29611) @alexfauquette - ​[docs] Do not render CSS section in API docs navbar if there are no CSS classes (#29622) @ZeeshanTamboli - ​[docs] Fix link locale handling (#29624) @oliviertassinari - ​[docs] Fix Search navigation (#29623) @oliviertassinari - ​[docs] Fix broken link & update MUI packages explanation (#29583) @siriwatknp - ​[docs] Do not repeat language snippet in url in Algolia search (#29483) @hbjORbj - ​[docs] Update `ThemeProvider` API link (#29573) @siriwatknp - ​[docs] Remove svg logos from the Support page (#29431) @oliviertassinari - ​[docs] Link UXPin integration (#29422) @oliviertassinari - ​[docs] Link to the new public roadmap for the design kits (#29433) @oliviertassinari - ​[docs] correct bundler configuration for using legacy MUI build (#29146) @petermikitsh - ​[website] Fix premium plan release date (#29430) @oliviertassinari - ​[website] Add GitHub icon button to the navbar (#29640) @danilo-leal - ​[blog] Support many authors in markdown pages (#29633) @m4theushw ### Core - ​[core] Add `experiments` index page (#29582) @siriwatknp - ​[core] Move s3 bucket ownership to mui-org (#29609) @eps1lon - ​[core] Improve support request message (#29614) @mnajdova - ​[core] Use support request GitHub Action (#29594) @mnajdova - ​[core] Remove unused `getJsxPreview` util (#29586) @ZeeshanTamboli - ​[core] Use GitHub issue forms (#28038) @oliviertassinari - ​[core] Add playground (#29423) @oliviertassinari - ​[test] Correctly identify what the `raf` helper is for (#29683) @eps1lon - ​[test] Verify a quilted ImageList is created as test title suggests (#29565) @daniel-sachs - ​[test] Replace `createServerRender` with `createRenderer` (#29503) @eps1lon - ​[test] Always ignore "useLayoutEffect has no effect on the server"-warning (#29502) @eps1lon - ​[test] Restore StrictMode by default (#29589) @eps1lon - ​[test] createPickerRender -> createPickerRenderer (#29575) @eps1lon - ​[test] Allow experimental CLI to run exact test (#29685) @eps1lon All contributors of this release in alphabetical order: @aaronholla, @alexfauquette, @anikcreative, @daniel-sachs, @eps1lon, @flipvrijn, @hbjORbj, @joshua-lawrence, @michaldudak, @mnajdova, @netizer, @oliviertassinari, @petermikitsh, @siriwatknp, @ZeeshanTamboli ## 5.1.0 _Nov 8, 2021_ A big thanks to the 33 contributors who made this release possible. Here are some highlights โœจ: - ๐ŸŽ‰ Support custom elements under `ButtonGroup` (#28645) @ZeeshanTamboli - ๐Ÿ›  Add support for arrays in the `sx` prop (#29297) @siriwatknp - And many more ๐Ÿ› bug fixes and ๐Ÿ“š improvements. ### `@mui/material@5.1.0` - ​[Autocomplete] Fix `hiddenLabel` prop of `TextField variant={filled}` inside Autocomplete (#29234) @jatinsandilya - ​[Box] Support generateClassName and defaultClassName (#29347) @siriwatknp - ​[ButtonGroup] Fix variant outlined always has primary color borders on hover (#29487) @ZeeshanTamboli - ​[ButtonGroup] Support different elements under ButtonGroup (#28645) @ZeeshanTamboli - ​[CssBaseline] Add `enableColorScheme` prop so enable using `color-scheme` property to deal with dark mode (#29454) @alexfauquette - ​[FormControlLabel] Narrow the label type (#29324) @michaldudak - ​[Grid] Fix usage when columns > 12 (#29196) @tanay123456789 - ​[InputBase] Do not repeat the same classname (#29353) @hbjORbj - ​[InputBase] Remove WebkitAppearance from search type (#29383) @nicbarajas - ​[ListItem] Add missing exports (#29571) @robcaldecott - ​[Pagination] Allow customization of icons (#29336) @mbeltramin - ​[TextField] Fix bootstrap, normalize.css, sanitize.css conflicts (#28674) @ChrisClaude - ​[TextField] Fix invisible wrap within notched inputs (#29088) @DASPRiD - ​[Tooltip] `open` prop in `componentsProps.popper` can be optional (#29370) @ZeeshanTamboli - ​[Tooltip] Fix `className` not getting applied from PopperProps (#29023) @ZeeshanTamboli - ​[useRadioGroup] Convert to TypeScript (#29326) @eps1lon ### `@mui/system@5.1.0` - ​[system] Introduce `mode` to CssVarsProvider (#29418) @siriwatknp - ​[system] Improve breakpoints resolver function (#29300) @hbjORbj - ​[system] Add array support for `sx` prop (#29297) @siriwatknp ### `@mui/codemod@5.1.0` - ​[codemod] Add codemod parser flag (#29059) (#29229) @ElonVolo ### `@mui/lab@5.0.0-alpha.54` - ​[DatePicker] Fix disabled/readOnly for view components (#28815) @adamfitzgibbon - ​[Masonry] Fix crash on unmount when using React 18 (#29358) @eps1lon - ​[Masonry] Improve height computation and detect changes in `children` (#29351) @hbjORbj ### `@mui/joy@5.0.0-alpha.0` - ​[Joy] Update default theme (#29478) @siriwatknp - ​[Joy] Export CssVarsProvider with default theme (#29150) @siriwatknp - ​[Joy] Remove `private` to leverage CodeSandbox (#29280) @siriwatknp ### Docs - ​[docs] Add differences between styled and sx (#28685) @eric-burel - ​[docs] Track usage of dark mode in Google Analytics (#29419) @oliviertassinari - ​[docs] Remove create-mui-theme as it is no longer working (#29472) @IPJT - ​[docs] Fix warnings in AppSearch (#29459) @eps1lon - ​[docs] Add framework example for ClassNameGenerator (#29453) @siriwatknp - ​[docs] Fix layout shift when scrolling (#29436) @oliviertassinari - ​[docs] Fix layout-shift on id='main-content' (#29425) @oliviertassinari - ​[docs] Remove usage of `process.browser` (#29438) @oliviertassinari - ​[docs] Add instruction on how to use the child selector API with emotion (#29350) @mnajdova - ​[docs] Fix small typos (#29424) @oliviertassinari - ​[docs] Fix TOC highlighting logic (#29435) @oliviertassinari - ​[docs] Fix about page flags (#29314) @mbrookes - ​[docs] Fix Box JS docs (#29282) @Pablion - ​[docs] Update storybook section in migration to v5 docs (#28800) @siriwatknp - ​[docs] Document how to enable color on dark mode (#29340) @Wimukti - ​[docs] Display search functionality in all viewports (#28819) @eps1lon - ​[docs] Query heading for ToC on demand (#29204) @eps1lon - ​[docs] Add next.js styled-component guide and update links to example (#29118) @Jareechang - ​[docs] Fix overriding `MuiTextField`'s default props in the migration guide (#29174) @tm1000 - ​[docs] Fix "clickable" and "deletable" typos (#28702) @jacklaurencegaray - ​[docs] Update migration-v4 docs for wrong import path (#29042) @busches - ​[docs] Add GitHub icon change to "Migration from v4 to v5" guide (#29182) @dan-mba - ​[website] Benny Joo joining MUI (#29499) @mnajdova - ​[website] Update the `Print export` feature info on the pricing page (#29484) @DanailH - ​[website] Improve the dev rel role description (#29477) @oliviertassinari - ​[website] Add customers section on Design Kits and Templates marketing pages (#29168) @danilo-leal - ​[website] Improvements to the /core product page @danilo-leal - ​[website] Fix typo on the About Page (#29286) @gssakash ### Core - ​[core] Handle RecordType and FieldType in generatePropDescription.ts (#29467) @flaviendelangle - ​[core] Convert a named color to lowercase (#29465) @ainatenhi - ​[core] Allow to reuse functions from `docs:api` (#28828) @m4theushw - ​[core] Commit new nextjs 12 tsconfig (#29458) @eps1lon - ​[core] Settle on MUI X for the official name (#29420) @oliviertassinari - ​[core] Add mui as a npm keyword (#29427) @oliviertassinari - ​[core] Fix issue template redirection (#29432) @oliviertassinari - ​[core] Remove unecessary destructuration (#29354) @oliviertassinari - ​[core] Use cross-env to set env variables in material-icons scripts (#29327) @michaldudak - ​[core] Don't bump peer dependency ranges on dependency updates (#29303) @eps1lon - ​[test] Fix browser tests (#29505) @eps1lon - ​[test] Fix missing act warnings in latest React 18 alpha (#29357) @eps1lon - ​[test] Replace `createClientRender` with new `createRenderer` API (#29471) @eps1lon - ​[test] Fix possible "missing act" warning (#29463) @eps1lon - ​[test] Remove render#baseElement (#29462) @eps1lon - ​[test] Expose `AbortController` on global (#29360) @eps1lon - ​[test] Add internal test for uniqe `name` in `Rating` (#29329) @eps1lon - ​[test] Fix browser tests (#29305) @eps1lon All contributors of this release in alphabetical order: @adamfitzgibbon, @ainatenhi, @alexfauquette, @busches, @ChrisClaude, @dan-mba, @DanailH, @danilo-leal, @DASPRiD, @ElonVolo, @eps1lon, @eric-burel, @flaviendelangle, @gssakash, @hbjORbj, @IPJT, @jacklaurencegaray, @Jareechang, @jatinsandilya, @m4theushw, @mbeltramin, @mbrookes, @michaldudak, @mnajdova, @nicbarajas, @oliviertassinari, @Pablion, @robcaldecott, @siriwatknp, @tanay123456789, @tm1000, @Wimukti, @ZeeshanTamboli ## 5.0.6 _Oct 27, 2021_ A big thanks to the 4 contributors who made this release possible. Here are some highlights โœจ: - ๐Ÿ”ง Fix reported TypeScript issues on the `@mui/system` package because some packages were not released ### `@mui/material@5.0.6` - ​[Autocomplete] Fix `clearOnBlur` prop (#29208) @hbjORbj - ​[Rating] Remove z-index from decimal stars (#29295) @williamhaley ### `@mui/system@5.0.6` - ​[system] Fix various issues reported by using @mui/styled-engine-sc (#29035) @mnajdova - ​[system] Fix executing server-side Emotion component as function interpolation (#29290) @Andarist ### Docs - ​[blog] Q3 2021 Update (#28970) @oliviertassinari All contributors of this release in alphabetical order: @Andarist, @hbjORbj, @oliviertassinari, @williamhaley ## 5.0.5 _Oct 26, 2021_ A big thanks to the 19 contributors who made this release possible. Here are some highlights โœจ: - ๐Ÿ”ง Implement `Masonry` using Flexbox by @hbjORbj. - ๐Ÿงช Add three components to `@mui/base` by @rebeccahongsf and @hbjORbj. ### `@mui/codemod@5.0.5` - ​[codemod] Support new package name in `link-underline-hover` transformer (#29214) @siriwatknp ### `@mui/base@5.0.0-alpha.52` - ​[ClickAwayListener] Move to the core package (#29186) @hbjORbj - ​[Popper] Move from mui-material to mui-base (#28923) @rebeccahongsf - ​[TextareaAutosize] Move to the core package (#29148) @hbjORbj ### `@mui/lab@5.0.0-alpha.52` - ​[Masonry] Improve demo styles (#29218) @hbjORbj - ​[Masonry] Implement Masonry using Flexbox (#28059) @hbjORbj ### `@mui/icons@5.0.5` - ​[icons] Add TipsAndUpdates icon (#29004) @hbjORbj ### `@mui/material@5.0.5` - ​[CardMedia] Apply specified `img` role instead of custom `image` role (#29172) @eps1lon - ​[CSSBaseline] Remove incorrect @deprecated annotation (#29069) @adamfitzgibbon - ​[Grid] Support custom columns with nested grid (#28743) @Devesh21700Kumar - ​[InputBase] Remove wrong theme overriding with MUI's default theme (#29157) @hbjORbj - ​[LoadingButton] Fix `fullWidth` styling (#28652) @nikitabobers - ​[Popper] make Popper display:none whenever it's closed (#29233) @adamfitzgibbon - ​[Menu] Reduce min-height & padding in menu-item with dense property (#29180) @jatinsandilya - ​[Tab] `iconPosition` prop added in Tab (#28764) @deepanshu2506 - ​[Tooltip] Correct inconsistent prop precedence (#29132) @michaldudak ### `@mui/system@5.0.5` - ​[system] Allow function type for `sx` prop (#29198) @hbjORbj - ​[system] Fix various issues reported by using @mui/styled-engine-sc (#29035) @mnajdova - ​[system] Fix `colorScheme` conflict between application (#29139) @siriwatknp - ​[system] Add `unstable_createCssVarsProvider` api (#28965) @siriwatknp ### Documentation - ​[docs] Fix path to `DataGrid` CSV export options page (#29220) @DanailH - ​[docs] Give anonymous components a name (#29189) @eps1lon - ​[docs] Add deploy context variables (#29195) @siriwatknp - ​[docs] Add MUI packages explanation (#29073) @siriwatknp - ​[docs] Fix typo in CSP policy (#29187) @JuliaNeumann - ​[docs] Dark mode conditional content rendering (#28665) @michal-perlakowski - ​[docs] Fix ClassNameGenerator introduced version #29177 @siriwatknp - ​[docs] Add missing `justifyContent` values and update box styling (#29117) @omarmosid - ​[docs] Make landing page hero section scrollable (#29141) @waxidiotic - ​[docs] Discourage importing different bundles directly (#29133) @eps1lon - ​[docs] Update module augmentation reference url (#29064) @gnowland - ​[pricing] Add tooltip to pricing icon (#28959) @siriwatknp - ​[Team] Add Alexandre in the about page (#29289) - ​[website] Fix status label overflow in AdvancedShowcase (#29143) @LorenzHenk - ​[website] Update legacy logos (#28908) @michaldudak ### Core - ​[core] Order repro methods by preference (#29156) @eps1lon - ​[core] Remove unnecessary usages of `useEventCallback` (#28910) @NMinhNguyen - ​[core] add `unstable_ClassNameGenerator` API (#29051) @siriwatknp - ​[core] Fix issues when using styled-components (#29048) @mnajdova - ​[core] replace hard-coded classname with classes (#29070) @siriwatknp - ​[test] Add documentation for visual regression tests (#29154) @eps1lon - ​[test] Enable "missing act" warnings using new proposal (#29167) @eps1lon All contributors of this release in alphabetical order: @adamfitzgibbon, @DanailH, @deepanshu2506, @Devesh21700Kumar, @eps1lon, @gnowland, @hbjORbj, @jatinsandilya, @JuliaNeumann, @LorenzHenk, @michal-perlakowski, @michaldudak, @mnajdova, @nikitabobers, @NMinhNguyen, @omarmosid, @rebeccahongsf, @siriwatknp, @waxidiotic ## 5.0.4 _Oct 14, 2021_ A big thanks to the 17 contributors who made this release possible. Here are some highlights โœจ: - ๐Ÿงช Added `UnstyledInput` and `useInput` hook in the the first component in @mui/base package @michaldudak (#28053) - ๐Ÿ› Fixed many bugs and improved the documentation ๐Ÿ“š. ### `@mui/material@5.0.4` - ​[Chip] disable ripple only if onDelete is present. (#29034) @mottox2 - ​[Pagination] Fix clicking on `...` triggering `onChange` with page value `null` (#28884) @ZeeshanTamboli - ​[Tabs] Alternative way to disable ":first-child is unsafe" error (#28982) @hbjORbj - ​[Tabs] Fix ":first-child is potentially unsafe" error (#28890) @hbjORbj - ​[transitions] Mark `children` as required where nullish `children` would crash at runtime (#29028) @eps1lon ### `@mui/system@5.0.4` - ​[system] Update typing for `style` function (#28744) @hbjORbj ### `@mui/base@5.0.0-alpha.51` - ​[InputUnstyled] Create unstyled input and useInput hook (#28053) @michaldudak ### `@mui/lab@5.0.0-alpha.51` - ​[DesktopDatePicker] add Paper props to pass down to Paper component (#28865) @amen-souissi ### Docs - ​[docs] Add JSDoc to `theme.breakpoints` (#29039) @eps1lon - ​[docs] Rename broken package names in docs pointing to `@mui/material` (#29006) @visualfanatic - ​[docs] Add troubleshooting guide for unexpected styles (#28907) @mnajdova - ​[docs] Fix issues reported by ahref (#28986) @mnajdova - ​[docs] Remove json translations for dropped locales (#28987) @mnajdova - ​[docs] Fix type signature of renderGroup in Autocomplete (#28876) @tanyabouman - ​[docs] Minor typo in v4-v5 migration docs (#28995) @kgregory - ​[docs] Add `mui-image` related project (#28621) @benmneb - ​[docs] Update Getting Started Templates' Source URIs (#28929) @epodol - ​[docs] Improve search experience (#28801) @siriwatknp - ​[docs] Fix demo of the responsive drawer (#28226) @goncalovf - ​[docs] Fix global theme link demo (#28974) @ZeeshanTamboli - ​[docs] Update box example to use 'backgroundColor' rather than 'bgColor' (#28958) @Jareechang - ​[docs] corrected `Box` import for `sx-prop` example (#28873) @phudekar - ​[docs] Fix footnote ID links in CONTRIBUTING.md (#28849) @officialpiyush - ​[docs] Fix color & density playground (#28803) @siriwatknp - ​[docs] Improve visibility of styled engine configuration section in installation guide (#28903) @Jareechang ### Core - ​[core] Prevent yarn cache growing infinitely (#29040) @eps1lon - ​[core] Update browserslist (#29025) @eps1lon - ​[core] Update `peerDependencies` to require `latest` instead of `next` (#29007) @eps1lon - ​[core] Increase memory limit for size:snapshot (#29005) @eps1lon - ​[core] Init `private` Joy package (#28957) @siriwatknp - ​[test] Remove a11y snapshot tests (#28887) @eps1lon All contributors of this release in alphabetical order: @amen-souissi, @benmneb, @epodol, @eps1lon, @goncalovf, @hbjORbj, @Jareechang, @kgregory, @michaldudak, @mnajdova, @mottox2, @officialpiyush, @phudekar, @siriwatknp, @tanyabouman, @visualfanatic, @ZeeshanTamboli ## 5.0.3 _Oct 7, 2021_ A big thanks to the 19 contributors who made this release possible. Here are some highlights โœจ: - ๐Ÿงช Created the first component in @mui/material-next - our v6 prototype package. - ๐Ÿ› Fixed many bugs and improved the documentation ๐Ÿ“š. ### `@mui/material@5.0.3` - ​[Stack] Add props & variants types in the theme (#28843) @mnajdova - ​[InputLabel] Fix condition for applying formControl overrides (#28707) @yevheniiminin - ​[Tooltip] Allow overriding internal components and their props (#28692) @michaldudak - ​[transitions] Fix `addEndListener` not being called with the DOM node (#28715) @eps1lon ### `@mui/codemod@5.0.3` - ​[codemod] Fix `optimal-imports` to support v4 and v5-alpha, beta (#28812) @siriwatknp ### `@mui/system@5.0.3` - ​[system] Add padding/margin-block/inline to spacing (#28813) @smmoosavi ### `@mui/styled-engine-sc@5.0.3` - ​Don't allow styled-components APIs on mui styled function (#28807) @hbjORbj ### `@mui/base@5.0.0-alpha.50` - ​[ButtonUnstyled] Don't set redundant role=button (#28488) @michaldudak - ​[SliderUnstyled] Prevent unknown-prop error when using marks prop (#28868) @hbjORbj ### `@mui/lab@5.0.0-alpha.50` - ​[pickers] Change view even if `onViewChange` is set (#28765) @eps1lon ### `@mui/material-next@6.0.0-alpha.4` - ​[Button-next] Create Button in material-next (#28313) @michaldudak ### Docs - ​[docs] Add alike v4 default button color in migration (#28881) @siriwatknp - ​[docs] Use PNG instead of SVG for color preview (#28699) @eps1lon - ​[docs] Use client-side navigation when activating docsearch results (#28750) @eps1lon - ​[docs] Fluid icon size in icons search (#28747) @eps1lon - ​[docs] Fix the wrong import in docs grid page (#28863) @taghi-khavari - ​[docs] Fix typo in Pagination docs (#28864) @ZeeshanTamboli - ​[docs] Fix 404 links (#28710) @mnajdova - ​[docs] Fix typo in Mui CSS classname (#28725) @cacpgomes - ​[docs] Match example to codesandbox demo and update ID link (#28762) @AnilSeervi - ​[docs] Fix typo in system/box documentation (#28822) @iamsergo - ​[docs] Use HTML standards for autocomplete attributes (#28827) @epodol - ​[docs] Improve styled-components integration (#28713) @mnajdova - ​[docs] Correct Select's menu placement description (#28748) @michaldudak - ​[docs] AdapterDayJS -> AdapterDayjs (#28770) @veerreshr - ​[docs] Theme documentation, typo fix (#28805) @saeedseyfi - ​[docs] Add the last diamond sponsor (#28737) @hbjORbj - ​[docs] Fix various links in CONTRIBUTING (#28751) @AnilSeervi - ​[docs] Only add JSS to demos (#28698) @eps1lon - ​[docs] Update v5 status in release schedule (#28700) @owais635 - ​[docs] Fix typo in /guides/styled-engine (#28720) @Sharry0 - ​[docs] Fix typo in chip documentation (#28641) @avranju94 - ​[docs] Fix versions page (#28682) @mnajdova - ​[docs] Remove legacy team page (#28646) @mnajdova - ​[website] add "React" to the hero description (#28830) @danilo-leal - ​[website] Fix constantly reloading when Russian language is set (#28869) @mnajdova - ​[website] Compress one avatar image on about us page (#28823) @hbjORbj - ​[website] Hide 'become a diamond sponsor' box on landing page (#28814) @hbjORbj - ​[website] Update Benny's profile on about us page (#28816) @hbjORbj ### Core - ​[core] Remove `--exact` from `release:version` (#28840) @siriwatknp - ​[core] Neglect framer from release flow (#28680) @siriwatknp - ​[test] Add a test for not allowing styled-components' APIs on mui `styled` function (#28862) @hbjORbj - ​[test] Fix instances where type tests were only passing due to object being part of ReactNode (#28804) @eps1lon - ​[test] Move ByMuiTest to test/utils (#28509) @eps1lon All contributors of this release in alphabetical order: @AnilSeervi, @avranju94, @cacpgomes, @danilo-leal, @epodol, @eps1lon, @hbjORbj, @iamsergo, @michaldudak, @mnajdova, @owais635, @saeedseyfi, @Sharry0, @siriwatknp, @smmoosavi, @taghi-khavari, @veerreshr, @yevheniiminin, @ZeeshanTamboli ## 5.0.2 _Sep 29, 2021_ A big thanks to the 15 contributors who made this release possible. Here are some highlights โœจ: - ๐Ÿ”ง Improve `jss-to-styled` codemod to use new package names. - And many more ๐Ÿ› bug fixes and ๐Ÿ“š improvements. ### `@mui/material@5.0.2` - ​[Checkbox] Fix form submission with empty value (#28423) @garronej - ​[Slider] Don't error on minimal changes with readonly value (#28472) @eps1lon - ​[Switch] Fix style overrides on input (#28576) @praveenkumar-kalidass - ​[useMediaQuery] Add types for `matchMedia` option and deprecate exported interfaces (#28413) @eps1lon ### `@mui/codemod@5.0.2` - ​[codemod] Add MenuItem v.1.0.0 transform for primaryText property (#28640) @dmitry-yudakov - ​[codemod] Update the imports in `jss-to-styled` to match the new package names (#28667) @mnajdova ### `@mui/system@5.0.2` - ​[system] Fix types to support theme callbacks on pseudo and nested selectors (#28570) @mnajdova ### Docs - ​[docs] Remove languages: fr, de, ja, es, ru (#28663) @mnajdova - ​[docs] Improve old doc versions discoverability (#28651) @danilo-leal - ​[docs] Make the Toggle Button size demo use default icon size (#28656) @danilo-leal - ​[docs] Uniformize the code's font family (#28582) @oliviertassinari - ​[docs] Removed duplicate line in date-ranger-picker.md file (#28635) @naveen-bharathi - ​[docs] Fix title MUI x2 (#28634) @oliviertassinari - ​[docs] Polish email validation logic (#28255) @kiznick - ​[docs] Improve migration-v4.md phrasing (#28253) @adamthewebguy - ​[docs] Fix color in example (#28527) @alexeagleson - ​[docs] Fix typo in generated class names section (#28549) @fxlemire - ​[docs] Mention Premium pricing cap (#28581) @oliviertassinari - ​[docs] Update examples to use latest mui #28565 @siriwatknp - ​[docs] Push the fixes on Next.js's Link to the examples (#28178) @oliviertassinari - ​[docs] Fix wrong name for zIndex's property example in /system/ (#28541) @chetrit - ​[examples] Nextjs Link missing passHref #28588 (#28661) @Brlaney - ​[website] Iteration on the pricing page (#28406) @danilo-leal - ​[website] Batch fixes (#28564) @siriwatknp ### Core - ​[core] Improve Renovate groups (#28642) @eps1lon - ​[core] Batch small changes (#28553) @oliviertassinari - ​[test] Document where the value for SwitchBase#value comes from (#28638) @eps1lon - ​[test] Make `seconds` `views` test pass in browsers (#28511) @eps1lon All contributors of this release in alphabetical order: @adamthewebguy, @alexeagleson, @Brlaney, @chetrit, @danilo-leal, @dmitry-yudakov, @eps1lon, @fxlemire, @garronej, @kiznick, @mnajdova, @naveen-bharathi, @oliviertassinari, @praveenkumar-kalidass, @siriwatknp ## 5.0.1 _Sep 22, 2021_ A big thanks to the 14 contributors who made this release possible. Here are some highlights โœจ: - ๐Ÿ”Ž Improve the search on the documentation. - ๐Ÿ“š Improve the v4 to v5 migration guide. - And many more ๐Ÿ› bug fixes and ๐Ÿ“š improvements. ### `@mui/material@5.0.1` - ​[Radio] Fix support for number value type (#26772) @sakura90 - ​[useMediaQuery] Reduce bundle size (#28412) @eps1lon ### `@mui/codemod@5.0.1` - ​[codemod] Cover edge case for theme-spacing #28400 @siriwatknp ### `@mui/lab@5.0.0-alpha.48` - ​[DateTimePicker] Support `seconds` `view` (#25095) @breitembach - ​[TimePicker] Fire change event when meridiem changes (#26600) @coder-freestyle ### Docs - ​[docs] Fix missing exit animation for transition Poppers (#28506) @eps1lon - ​[docs] Fix migration v5 docs (#28530) @siriwatknp - ​[docs] Avoid re-mounting the whole tree when switching theme direction (#28495) @eps1lon - ​[docs] Fix html compliance (#28429) @oliviertassinari - ​[docs] Use hyphen-case for CSS properties in /system/properties (#28489) @chetrit - ​[docs] Update caret position in comments to match npm scope (#28426) @eps1lon - ​[docs] Fix CONTRIBUTING to point out to master as targeted branch (#28396) @mnajdova - ​[docs] Update examples to remove 'beta' (#28475) @oliviertassinari - ​[docs] Fix 404 links to MUI X API (#28176) @oliviertassinari - ​[docs] Fix broken/incorrect attributes links in Avatar and NativeSelect API pages (#28417) @xenostar - ​[docs] Explain how `` behaves (#28348) @nguyenkhanhnam - ​[docs] Fix typo in /system/the-sx-prop (#28393) @danwoods - ​[docs] Correct the migration doc (#28391) @michaldudak - ​[docs] Fix the notification display logic (#28389) @oliviertassinari - ​[docs] Add notification for v5 @oliviertassinari - ​[docs] Fix typo (#28521) @valse - ​[website] Implement algolia redesign (#28252) @hbjORbj - ​[website] Update data-grid dependencies #28531 @siriwatknp - ​[website] Cleanup unused files after rebranding (#28505) @siriwatknp - ​[website] Update /company pages to use marketing website Header and Footer (#28498) @danilo-leal - ​[website] Optimize images (#28486) @michaldudak - ​[website] Add components index page (#28485) @siriwatknp - ​[website] Fix typo (#28478) @oliviertassinari - ​[website] Fix crash (#28474) @oliviertassinari - ​[website] Close the open engineering roles (#28428) @oliviertassinari - ​[website] Fix 40x links (#28401) @mnajdova - ​[website] Fix SEO issues reported by moz.com (#28402) @mnajdova - ​[website] Fix production issues (#28384) @siriwatknp ### Core - ​[core] Fix release:changelog base branch (#28533) @mnajdova - ​[core] Remove code handling JSS components (#28421) @eps1lon - ​[core] Remove unused dependencies (#28468) @eps1lon - ​[core] Ensure both docs bundles are analyzeable (#28410) @eps1lon - ​[core] Switch to webpack 5 (#28248) @eps1lon - ​[core] Batch small changes (#28177) @oliviertassinari - ​[core] Update publish tag to latest (#28382) @mnajdova - ​[framer] Update @mui/\* dependencies (#28469) @eps1lon - ​[test] Add custom queries to `screen` (#28507) @eps1lon - ​[test] Run listChangedFiles against master (#28504) @eps1lon - ​[test] Increase BrowserStack timeout for Firefox (#28476) @oliviertassinari - ​[test] Use testing-library alpha when running React 18 tests (#28267) @eps1lon All contributors of this release in alphabetical order: @breitembach, @chetrit, @coder-freestyle, @danilo-leal, @danwoods, @eps1lon, @hbjORbj, @michaldudak, @mnajdova, @nguyenkhanhnam, @oliviertassinari, @sakura90, @siriwatknp, @valse, @xenostar ## 5.0.0 _Sep 16, 2021_ After over 400 days of development and over 40 canary releases, we are excited to introduce [MUI Core v5.0.0](https://mui.com/blog/mui-core-v5/)! Some statistics with the released of v5.0.0 compared to the one of v4.0.0: - 5,832 new commits - From 2M downloads/month to 9.5M downloads/month on npm - From 350k users/month to 700k users/month on the documentation A big thanks to the 600+ contributors who made the release possible! The 5.0.0 version includes all changes done in the alpha, beta, and rc releases listed below. These are the changes done from the last release candidate version (5.0.0-rc.1): ### `@mui/material@5.0.0` - ​[Autocomplete] Fix reset value on blur for freeSolo input (#28190) @praveenkumar-kalidass - ​[ButtonBase] Revert to the pre-unstyled implementation (#28225) @michaldudak - ​[Checkbox] Fix color proptype typo (#28265) @sydneyjodon-wk - ​[Tooltip] Ensure user-select CSS property is reverted after touch end (#28372) @tholman ### `@mui/system@5.0.0` - ​[system] Fix missing typings for createSpacing (#28361) @eps1lon ### `@mui/codemod@5.0.0` - ​[codemod] Fix jss-to-styled to support other export class, function etc. (#28321) @jedwards1211 ### `@mui/lab@5.0.0-alpha.46` - ​[DateTimePicker] Change bottom position of AM/PM buttons (#27534) @nikitabobers - ​[pickers] Add visual regression tests for open views (#28224) @eps1lon ### Docs - ​[blog] Introducing MUI Core v5.0 (#27912) @oliviertassinari - ​[docs] Fix quotes in font-face literal (#28260) @Aurelain - ​[docs] Update redirects to X's docs (#28263) @m4theushw - ​[docs] Change Material UI to MUI in the console (#28270) @mbrookes - ​[docs] Docs redesign adjustments (#28203) @mnajdova - ​[docs] How to compose theme in steps (#28246) @goncalovf - ​[docs] Fix DataGrid demo console warning in Table docs (#28235) @ZeeshanTamboli - ​[docs] Fix typo in v4 to v5 migration guide (#28353) @zadeviggers - ​[docs] Fix typo in transition docs (#28312) @tamboliasir1 - ​[docs] Use https for material-ui & reactcommunity links (#28304) @aghArdeshir - ​[docs] Add IBM Plex font locally (#28325) @siriwatknp - ​[docs] Fix failing client-side navigation for /api routes (#28356) @eps1lon - ​[docs] Update the nav order (#28323) @mbrookes - ​[docs] Compress images with ImageOptim @oliviertassinari - ​[docs] Replace remaining unstyled package reference (#28351) @michaldudak - ​[docs] No import from react-router (#28329) @eps1lon - ​[website] Refine website before go-live (#28081) @siriwatknp - ​[website] Update manifest to new logo (#28355) @siriwatknp - ​[website] Add product-x page (#28106) @siriwatknp - ​[website] Revert store URL to material-ui.com/store (#28365) @michaldudak - ​[website] Rename domain to mui.com (#28332) @mnajdova ### Core - ​[core] Replace Material UI with MUI (#28243) @mnajdova - ​[core] Prepare for v5 stable release (#28240) @mnajdova - ​[core] Mark lines that needs to be changed with a major release (#28238) @mnajdova - ​[core] Various updates to what we consider the default branch (#28328) @eps1lon - ​[core] Remove experimental bundle size tracking page (#28334) @eps1lon - ​[core] Support release:build with cmd.exe (#28318) @michaldudak - ​[core] Remove unnecessary titleize warning (#28349) @eps1lon - ​[core] Batch small fixes (#28381) @oliviertassinari - ​[test] Recommend yarn t over test:watch (#28254) @eps1lon - ​[test] Lazily import fixtures (#28239) @eps1lon - ​[test] Assert on user-select that has the same value across browsers (#28378) @eps1lon All contributors of this release in alphabetical order: @aghArdeshir, @Aurelain, @eps1lon, @goncalovf, @jedwards1211, @m4theushw, @mbrookes, @michald udak, @mnajdova, @nikitabobers, @praveenkumar-kalidass, @siriwatknp, @sydneyjodon-wk, @tamboliasir1, @tholman, @zadeviggers, @ZeeshanTamboli ## 5.0.0-rc.1 _Sep 8, 2021_ A big thanks to the 13 contributors who made this release possible. Here are some highlights โœจ: - ๐Ÿ“š Improved the codemod and migration guide for upgrading to v5 - ๐Ÿ› Fixed some bugs and regressions ### `@mui/material@5.0.0-rc.1` - ​[Autocomplete] Fix virtualization regression (#28129) @oliviertassinari - ​[Button] Use deeper imports from unstyled, correct docs (#28074) @michaldudak - ​[ButtonBase] Fix ripple persisting on blur (#28186) @michaldudak - ​[Link] Infer `ref` type from `component` (#28101) @eps1lon - ​[Popper] Fix bundle size regression (#27910) @oliviertassinari - ​[Select] Merge `ref` of `Select` and `input` element (#28054) @DouglasPds - ​[Tabs] Improve error message formatting for invalid `value` (#28172) @eps1lon ### `@mui/system@5.0.0-rc.1` - ​[system] Change type of return value of overridesResolver (#28220) @hbjORbj - ​[system] Fix zero value condition (#28219) @siriwatknp - ​[system] Shorten class names in production (#27932) @oliviertassinari ### `@mui/codemod@5.0.0-rc.1` - ​[codemod] Fix various reported issues on `preset-safe` (#28183) @mnajdova ### `@mui/lab@5.0.0-alpha.46` - ​[ClockPicker] Fix to narrow hover area for am hours in am/pm clock (#28207) @eps1lon - ​[Masonry] Improve the styling on the demos (#27957) @hbjORbj - ​[MasonryItem] Fix crash on unmount when using React 18 (#28202) @eps1lon ### Docs - ​[docs] Fixes makeStyles migration example (#28213) @RomarQ - ​[docs] Fix some outdated migration guide (#28222) @siriwatknp - ​[docs] Update previews (#28223) @eps1lon - ​[docs] Demo how to use a specific slide direction for Snackbar (#28211) @goncalovf - ​[docs] Improve docs for creating dark theme (#28104) @mnajdova - ​[docs] Don't use Material theme in unstyled demos (#28073) @michaldudak - ​[docs] Fix api doc import example (#28199) @siriwatknp - ​[docs] Remove demo for re-creating Material UI switches (#28042) @eps1lon - ​[docs] Improve legibility of CTA on landing page (#28124) @akashshyamdev - ​[docs] Fix Link outdated default underline prop (#28134) @outofgamut - ​[docs] Fix branding theme leaking on the templates (#28120) @mnajdova - ​[docs] Fix wrong package name in codemod (#28118) @aleccaputo - ​[docs] Cancelled subscription @oliviertassinari - ​[docs] Remove style duplication (#28087) @oliviertassinari - ​[docs] Fix migration guide typo (#28113) @paullaros - ​[docs] Reorder app bar actions (#28089) @mnajdova - ​[docs] Support Material design theme in MarkdownElement (#28109) @eps1lon - ​[docs] Improve diamond sponsors in the navigation (#28090) @mnajdova - ​[docs] Remove unnecessary comma (#28072) @michaldudak - ​[website] Add new careers page (#28184) @hbjORbj - ​[website] Disable Next.js font optimization (#28128) @michaldudak - ​[website] Polish design-kits & templates (#28131) @siriwatknp - ​[website] Update utm referral params #28040 @siriwatknp ### Core - ​[core] Misc bundle size tracking improvements (#28205) @eps1lon - ​[core] Ensure code preview is valid JavaScript (#28215) @eps1lon - ​[core] Create @mui/material-next package (#28200) @michaldudak - ​[core] Rename directories to match the new package names (#28185) @mnajdova - ​[core] Remove unused include (#28187) @eps1lon - ​[core] Fix PR detection mechanism for upstream PRs (#28171) @eps1lon - ​[core] Simplify ResizeObserver logic (#28037) @oliviertassinari - ​[core] Include TS modules in rollup import resolution (#28094) @michaldudak - ​[test] Update test to consider unsuppressed double render logs in React 18 (#28068) @eps1lon - ​[typescript] Make types of componentsProps consistent (#27499) @michaldudak All contributors of this release in alphabetical order: @akashshyamdev, @aleccaputo, @DouglasPds, @eps1lon, @goncalovf, @hbjORbj, @michaldudak, @mnajdova, @oliviertassinari, @outofgamut, @paullaros, @RomarQ, @siriwatknp ## 5.0.0-rc.0 _Sep 1, 2021_ A big thanks to the 18 contributors who made this release possible. Here are some highlights โœจ: - ๐ŸŽ‰ Renamed packages to `@mui/*` as part of rebranding the company, following the strategy of expanding the library scope beyond Material Design. For more details about it, check the [GitHub discussion](https://github.com/mui/material-ui/discussions/27803). - ๐Ÿ›  Added `mui-replace` codemod for migrating `@material-ui/*` to new packages `@mui/*`. Check out this [codemod detail](https://github.com/mui/material-ui/blob/next/packages/mui-codemod/README.md#mui-replace) or head to [migration guide](https://mui.com/material-ui/migration/migration-v4/#preset-safe) - ๐Ÿงช Added new `` component to the lab, [check it out](https://mui.com/components/masonry/). It has been crafted by our first intern, @hbjORbj ๐Ÿ‘! ### `@mui/material@5.0.0-rc.0` #### Breaking changes - ​[core] Rename packages (#28049) @mnajdova replace `@material-ui/*` prefix with `@mui/*`: ```sh @material-ui/system -> @mui/system @material-ui/styles -> @mui/styles @material-ui/lab -> @mui/lab @material-ui/types -> @mui/types @material-ui/styled-engine -> @mui/styled-engine @material-ui/styled-engine-sc ->@mui/styled-engine-sc @material-ui/private-theming -> @mui/private-theming @material-ui/codemod -> @mui/codemod ``` except these 3 packages that are renamed. ```sh @material-ui/core => @mui/material // represents Material Design components. @material-ui/icons => @mui/icons-material // represents Material Design icons. @material-ui/unstyled => @mui/base // fully functional components with minimum styles. ``` > **Note**: `@mui/base` (previously `@material-ui/unstyled`) is not the same as `@material-ui/core`. We encourage you to use the [codemod](https://github.com/mui/material-ui/blob/next/packages/mui-codemod/README.md#mui-replace) for smooth migration. #### Changes - ​[Autocomplete] Update warning for `value` prop (#27977) @vedadeepta - ​[ButtonGroup] Update PropTypes to match augmentable interface (#27944) @aaronlademann-wf - ​[CardMedia] Add `image` role if `image` prop is specified but no image `component` is specified (#27676) @eps1lon - ​[InputBase] Fix autofill issue (#28070) @mnajdova - ​[Tabs] Fix indicator position when tab size changes (ResizeObserver) (#27791) @hbjORbj - ​[TextareaAutosize] Sync height when the width of the textarea changes (#27840) @hbjORbj - ​[ToggleButtonGroup] Add "disabled" prop (#27998) @chetas411 - ​[core] Export types for module augmentation (#28078) @m4theushw ### `@mui/base@5.0.0-alpha.45` - ​[Button] Create ButtonUnstyled and useButton (#27600) @michaldudak ### `@mui/lab@5.0.0-rc.0` - ​[Masonry] Add new component (#27439) @hbjORbj ### `@mui/codemod@5.0.0-rc.0` - ​[codemod] Add `mui-replace` codemod transform (#28060) @siriwatknp ### Docs - ​[docs] Fix preview for multiline JSX attributes (#28092) @eps1lon - ​[docs] Add a recommendation for hoisting GlobalStyles to static constant (#28088) @mnajdova - ​[docs] Update toolbar menu to behave closer to default (#28086) @oliviertassinari - ​[docs] Markdown redesign polish (#27956) @mnajdova - ​[docs] Fully translated /api/\* pages (#28044) @eps1lon - ​[docs] Fix matchSorter import path in Autocomplete (#28063) @StefanBRas - ​[docs] Fix Fab demo overflow on mobile (#28033) @rajzik - ​[docs] Add notistack example compatible with v5.x.x (#27881) @iamhosseindhv - ​[docs] Change sign-up template autocomplete to use "new-password" (#28028) @StefanTobler - ​[docs] Improve the support expectations for developers (#27999) @oliviertassinari - ​[docs] Don't use nested ternary (#27986) @eps1lon - ​[docs] Sync redirections from X into Core @oliviertassinari - ​[docs] Fix typo '.MuiOutinedInput' -> '.MuiOutlinedInput' (#27997) @rsxdalv - ​[docs] fix floating action button broken demo (#27976) @rajzik - ​[docs] Update correct variable name (#27960) @bene-we - ​[docs] Fix Performance typo (#27965) @tdmiller1 - ​[docs] Add GridExportCSVOptions page to documentation pages (#27951) @flaviendelangle - ​[website] Add product core page (#27952) @siriwatknp - ​[website] Make AppBar height and border consistent with nav header (#28085) @michaldudak - ​[website] Fix typos in the rebranding (#28069) @oliviertassinari - ​[website] Refine home, pricing and about pages (#27927) @siriwatknp ### Core - ​[eslint-plugin-material-ui] Only require translation of word characters and not API (#28043) @eps1lon - ​[core] Use lintable pattern for debounced callbacks (#27985) @eps1lon - ​[core] Remove file-wide disables of `no-use-before-define` (#27984) @eps1lon - ​[core] Improve `release:changelog` script (#27941) @eps1lon - ​[core] Enforce curly braces for block statements (#27946) @eps1lon - ​[test] Disable BrowserStack for PRs (#28041) @eps1lon All contributors of this release in alphabetical order: @aaronlademann-wf, @bene-we, @chetas411, @eps1lon, @flaviendelangle, @hbjORbj, @iamhosseindhv, @m4theushw, @michaldudak, @mnajdova, @oliviertassinari, @rajzik, @rsxdalv, @siriwatknp, @StefanBRas, @StefanTobler, @tdmiller1, @vedadeepta ## 5.0.0-beta.5 _Aug 24, 2021_ A big thanks to the 26 contributors who made this release possible. Here are some highlights โœจ: - ๐Ÿ› Fixed a lot of bugs and regressions to get us closer to the [v5 stable release milestone](https://github.com/mui/material-ui/milestone/44) - ๐Ÿ“š Improved the docs and the migration guide for upgrading to v5 ### `@material-ui/core@5.0.0-beta.5` #### Breaking changes - ​ [core] Update `.browserslistrc` file (#27788) @DanailH The targets of the default bundle have changed: - Chrome 90 (up from 84) - Edge 91 (up from 85) - Safari 14 (macOS) (up from 13.1) and 12.4 (iOS) (up from 12.2) - Opera 76 (up from 70) - ​ [Autocomplete] Rename Value type to AutocompleteValue (#27804) @michaldudak The `useAutocomplete` hook used a type called `Value`. It was a very generic name for a type specific to the `Autocomplete` control, so it was removed to `AutocompleteValue`. ```diff -import { Value } from '@material-ui/core/useAutocomplete'; +import { AutocompleteValue } from '@material-ui/core/useAutocomplete'; ``` #### Changes - ​ [AppBar] Fix transparency issue on dark mode (#27281) @will-amaral - ​ Revert "[BottomNavigation] onClick does not fire if tapped while scrolling (#22524)" (#27690) @eps1lon - ​ [Autocomplete] Add verbose warning for defaultValue (#27925) @vedadeepta - ​ [Badge] Add missing classes to exported class object (#27943) @pvdstel - ​ [ButtonGroup] Allow `size` customization via module augmentation (#27834) @aaronlademann-wf - ​ [InputBase] Preserve host state when changing `rows` from undefined to defined (#27683) @eps1lon - ​ [InputLabel] Apply `asterisk` class when `required` (#27738) @alexile - ​ [Select] Fix NativeSelect propagating classes to the DOM element (#27797) @mnajdova - ​ [Stack] Match the customization standard (#27777) @oliviertassinari - ​ [SvgIcon] Apply custom color if defined in the theme (#27923) @eps1lon - ​ [Switch] Add optional `track` slot to SwitchUnstyled (#27916) @michaldudak - ​ [Tooltip] Fix broken arrow position in rtl (#27868) @mnajdova - ​ [transitions] Allow to run Slide into a custom container (#26623) @benny0642 ### `@material-ui/system@5.0.0-beta.5` #### Breaking changes - ​ [system] Rename `styleProps` to `ownerState` (#27830) @mnajdova The change was done in order to better reflect what they are, not what we think they will be used for. ```diff ``` #### Changes - ​ [system] Remove dependency on `overridesResolver` for the `variants` (#27859) @mnajdova - ​ [system] Forward `classes` prop if no slot specified in the options (#27795) @mnajdova - ​ [system] Fix pseudo class overridden in variants (#27847) @hbjORbj ### `@material-ui/icons@5.0.0-beta.5` - ​ [icons] Improve GitHub size (#27740) @oliviertassinari ### `@material-ui/styled-engine@5.0.0-beta.5` - ​ [styled-engine] Remove unecessary aliases (#27779) @oliviertassinari - ​ [styled-engine] Drop withComponent support (#27780) @oliviertassinari ### `@material-ui/unstyled@5.0.0-alpha.44` - ​ [core] Utilize `CSS.supports` in `SliderUnstyled` component (#27724) @DanailH ### `@material-ui/lab@5.0.0-alpha.44` - ​ [DatePicker] Fix click-away logic requiring second click in some cases (#24877) @eps1lon - ​ [lab] Use the public API for module augmentation (#27735) @oliviertassinari - ​ [Timeline] Fix color="inherit" on TimelineDot (#27794) @mnajdova ### Docs - ​ [docs] Redesign on markdown page (#27860) @mnajdova - ​ [docs] Split changelog into current and old (#27942) @eps1lon - ​ [docs] Migration, emphasize theme structure change (#27935) @oliviertassinari - ​ [docs] Fix missing `href` for AppDrawerNavItems (#27936) @eps1lon - ​ [docs] Pass window of iframe to framed demos (#27924) @eps1lon - ​ [docs] Simplify Select Chip demo styling (#27864) @LorenzHenk - ​ [docs] Move from Redux to React Context (#27828) @eps1lon - ​ [docs] Correct the useAutocomplete import path (#27805) @michaldudak - ​ [docs] Fix Tooltip flicker when hovering between code icon and demo (#27841) @eps1lon - ​ [docs] Don't log if a request was aborted in ServerRequestDatePicker demo (#27843) @eps1lon - ​ [docs] Fix false-positive useToolbar warning when using the demo toolbar menu (#27842) @eps1lon - ​ [docs] Add missing import (#27850) @nguyenyou - ​ [docs] Fix circular integration demo (#27856) @LorenzHenk - ​ [docs] A few examples is enough (#27874) @mekouar-mehdi - ​ [docs] Improve README.md (#27852) @surajkumar016 - ​ [docs] Fix rtl issue on the demos (#27865) @mnajdova - ​ [docs] Apply the new branding theme and do the AppBar redesign (#27789) @mnajdova - ​ [docs] Improve grammar in 'Align list items' section (#27730) @atorenherrinton - ​ [docs] Make API documentation tables horizontally scrollable (#27787) @jakeanq - ​ [docs] Fix typo on "Customized dialogs" section (#27827) @nomanoff - ​ [docs] Fix Autocomplete country layout shift (#27814) @oliviertassinari - ​ [docs] Improve accessible labels for Card demos (#27675) @eps1lon - ​ [docs] Run in StrictMode by default (#27693) @eps1lon - ​ [docs] Display TypeScript code of demo if requested (#27691) @eps1lon - ​ [docs] Use country image instead of emoji (#27723) @qiweiii - ​ [docs] Zero runtime themeAugmentation documentation (#27706) @eps1lon - ​ [docs] Fix MobileTextStepper example to match description (#27682) @nolastemgarden - ​ [docs] Document the transfer-list limitations (#27783) @oliviertassinari - ​ [docs] Move TypeScript docs in context (#27782) @oliviertassinari - ​ [docs] Prefer linking API source TypeScript (#27781) @oliviertassinari - ​ [docs] Improve the Modal onClose migration (#27775) @oliviertassinari - ​ [docs] Fix outdated styled-engine docs (#27778) @oliviertassinari - ​ [docs] Improve right to left guide (#27713) @mnajdova - ​ [docs] Consistent line break (#27728) @oliviertassinari - ​ [docs] Don't dispatch ignored "reset code variant" actions (#27712) @eps1lon - ​ [docs] Fix sentence to be more grammatically correct (#27733) @atorenherrinton - ​ [examples] Add code sandbox config with node version (#27798) @qiweiii - ​ Revert "[examples] Fix nextjs with styled-components example (#27583)" (#27921) @mnajdova - ​ Revert "[examples] Update create-react-app examples with styled-components to use package aliases (#27591)" (#27917) @mnajdova - ​ [I10n] Add Khmer (kh-KH) locale support (#27915) @teachhay - ​ [website] Add templates & design-kits page (#27811) @siriwatknp - ​ [website] Improve rebranding homepage performance (#27838) @siriwatknp - ​ [website] Honest a11y value proposition (#27826) @eps1lon - ​ [website] Improve homepage rebranding (#27663) @siriwatknp - ​ [website] A few polish (#27741) @oliviertassinari - ​ [website] Polish homepage (#27930) @oliviertassinari ### Core - ​ [core] Fix various flip: false regressions (#27920) @mnajdova - ​ [core] Fix typo in code comment (#27818) @hamidreza-nateghi - ​ [core] Fix typos in repository (#27785) @JEONGJIHUN - ​ [test] Current behavior when disabling components variants (#27376) @noviicee - ​ [tests Improve test for checking if classes is forwarded to any DOM element (#27815) @mnajdova - ​ [tests] Replace legacy `describeConformance` with `describeConformanceV5` (#27817) @mnajdova All contributors of this release in alphabetical order: @aaronlademann-wf, @alexile, @atorenherrinton, @benny0642, @DanailH, @eps1lon, @hamidreza-nateghi, @hbjORbj, @jakeanq, @JEONGJIHUN, @LorenzHenk, @mekouar-mehdi, @michaldudak, @mnajdova, @nguyenyou, @nolastemgarden, @nomanoff, @noviicee, @oliviertassinari, @pvdstel, @qiweiii, @siriwatknp, @surajkumar016, @teachhay, @vedadeepta, @will-amaral ## 5.0.0-beta.4 _Aug 13, 2021_ A big thanks to the 19 contributors who made this release possible. Here are some highlights โœจ: - ๐Ÿ› Grid's "auto" behavior has been fixed by @aaronlademann-wf (#27514) - โ™ฟ An important bug with the keyboard navigation in MenuList was fixed (#27526) @ryancogswell ### `@material-ui/core@5.0.0-beta.4` #### Breaking changes - ​[Grid] Fix "auto" behavior to match natural width of its content (#27514) @aaronlademann-wf #### Changes - ​[ButtonBase] Fix tabIndex type (#27684) @kylegach - ​[MenuList] Fix text navigation (#27526) @ryancogswell - ​[l10n] Add Arabic Sudan (ar-SD) locale (#27588) @YassinHussein - ​[Radio] Fix size prop forwarding with custom icons (#27656) @DouglasPds - ​[TextField] Password visibility icons ( "visibility" โ‡” "visibility-off" ) should be reversed (#27507) @tonextone - ​[ToggleButton] Fix handling of color prop (#27635) @oliviertassinari ### `@material-ui/codemods@5.0.0-beta.4` - ​[codemod] Fix filename case sensitive duplicate @oliviertassinari ### `@material-ui/system@5.0.0-beta.4` - ​[StyledEngineProvider] Remove unnecessary emotion cache export (#27680) @garronej - ​[system] Fix missing filterProps in compose type (#27618) @R-Bower ### `@material-ui/labs@5.0.0-alpha.42` - ​[CalendarPicker] Improve contrast between enabled and disabled days (#27603) @nikitabobers - ​[PickersDay] Render `children` if specified (#27462) @abriginets - ​[TreeView] Fix TreeItem label overflow (#27585) @LorenzHenk ### Docs - ​[docs] Update guides for @material-ui/styled-engine-sc installation (#27602) @mnajdova - ​[docs] Document that @material-ui/styles is not strict mode compatible (#27639) @oliviertassinari - ​[docs] Link to "Customization of Theme" from relevant theme interfaces (#27689) @eps1lon - ​[docs] Update CSP page (#27627) @mnajdova - ​[docs] Reorder and rename "enforce value" ToggleButton demo (#27678) @LorenzHenk - ​[docs] Fix missing dependency in the DataGrid demo (#27597) @m4theushw - ​[docs] img should have a src attribute (#27632) @oliviertassinari - ​[docs] Add badges to Transfer List (#27634) @oliviertassinari - ​[docs] Recommend the `direct-import` babel plugin over `transform-import` (#27335) @umidbekk - ​[docs] Remove unused code (#27711) @eps1lon - ​[docs] Improve virtualization demo (#27340) @vedadeepta - ​[examples] Include a follow-up on the example (#27620) @matiasherranz - ​[website] Add about page (#27599) @siriwatknp - ​[website] Add pricing page (#27598) @siriwatknp ### Core - ​[core] Batch small changes (#27636) @oliviertassinari - ​[core] Change range strategy to bump (#27652) @oliviertassinari - ​[core] Fix visual regression example images (#27660) @eps1lon - ​[core] Remove diff when running yarn docs:dev (#27720) @eps1lon - ​[core] Remove mocks of require.context in markdown loader (#27406) @eps1lon - ​[core] Reduce use CSS when Checkbox disableRipple is set (#27568) @oliviertassinari - ​[test] Add coverage for jss-to-styled prefix from filename (#27522) @eps1lon - ​[test] Add current behavior for a11y name vs visible name for PickersDay (#27661) @eps1lon - ​[test] Dodge double logging in dev mode (#27653) @oliviertassinari - ​[test] Enable skipped test fixed by upstream React fix (#27615) @eps1lon - ​[theme] Add missed variants in Components interface (#27453) @nikitabobers All contributors of this release in alphabetical order: @aaronlademann-wf, @abriginets, @DouglasPds, @eps1lon, @garronej, @kylegach, @LorenzHenk, @m4theushw, @matiasherranz, @mnajdova, @nikitabobers, @oliviertassinari, @R-Bower, @ryancogswell, @siriwatknp, @tonextone, @umidbekk, @vedadeepta, @YassinHussein ## 5.0.0-beta.3 _Aug 6, 2021_ A big thanks to the 15 contributors who made this release possible. Here are some highlights โœจ: - ​โœจ `jss-to-styled` codemod has been improved to support `createStyles` and `` usage (#27578) @mnajdova ### `@material-ui/core@5.0.0-beta.3` - ​[Modal] Restore `overflowX` and `overflowY` styles (#27487) @PCOffline - ​[Modal] Remove unnecessary check for children.props.tabIndex (#27374) @noviicee - ​[Select] Fix regression for icon not rotating (#27511) @mnajdova ### `@material-ui/system@5.0.0-beta.3` - ​[system] Added top, left, right and bottom border color CSS properties to system (#27580) @R-Bower ### `@material-ui/codemod@5.0.0-beta.3` - ​[codemod] Add support for `createStyles` usage in `jss-to-styled` (#27578) @mnajdova - ​[codemod] Fix `jss-to-styled` PREFIX generation on Windows (#27491) @mnajdova - ​[codemod] Fix `jss-to-styled` codemod to handle React.Fragment as root (#27495) @mnajdova ### `@material-ui/unstyled@5.0.0-alpha.42` - ​[FormControl] Create FormControlUnstyled (#27240) @michaldudak - ​[Autocomplete] Move useAutocomplete to the Unstyled package (#27485) @michaldudak ### Docs - ​[docs] Fix layout shift when opening hash anchor (#27619) @oliviertassinari - ​[docs] Add TypeScript guide for the `sx` prop (#27417) @mnajdova - ​[docs] Hardcode listed colors in /customization/color/#playground (#27446) @eps1lon - ​[docs] Bring back Select#onChange signature API (#27443) @eps1lon - ​[docs] Remove backticks in the title (#27567) @oliviertassinari - ​[docs] Fix 404 links (#27566) @oliviertassinari - ​[docs] Use the same h2 for the customization demos (#27569) @oliviertassinari - ​[docs] Fix syntax error in v5 migration `styled` api example (#27518) @kimbaudi - ​[docs] Improve SSR configuration with emotion (#27496) @frandiox - ​[docs] Change "pseudo-classes" to "state classes" (#27570) @michaldudak - ​[docs] Add StackBlitz edit demo integration (#27391) @sulco - ​[docs] Remove unnecessary generic argument (#27516) @bezpalko - ​[docs] Add customization demos (#27411) @siriwatknp - ​[docs] Restore initial descriptionRegExp logic (#27436) @oliviertassinari - ​[docs] Polish jss-to-styled docs (#27457) @oliviertassinari - ​[examples] Fix nextjs with styled-components example (#27583) @mnajdova - ​[examples] Update create-react-app examples with styled-components to use package aliases (#27591) @mnajdova - ​[examples] Improve integration examples with Next.js (#27331) @Harshita-Kanal - ​[website] Add spicefactory as gold sponsor @oliviertassinari - ​[website] Homepage rebranding (#27488) @siriwatknp - ​[website] Add Flavien to team and about pages (#27575) @flaviendelangle - ​[website] Add Ryan to Community contributors for Stack Overflow contributions (#27529) @ryancogswell - ​[website] Add references section to home (#27444) @siriwatknp ### Core - ​[core] rebaseWhen=auto does not seem to work (#27565) @oliviertassinari - ​[core] Improve instructions for the @material-ui/styles migration (#27466) @mnajdova - ​[core] Batch small changes (#27435) @oliviertassinari - ​[core] Receive patch and minor dependency updates (#27455) @eps1lon - ​[test] Update coverage to include all @material-ui packages (#27521) @eps1lon - ​[test] Lint codemod tests (#27519) @eps1lon - ​[test] Allow tests to run for 6s before timeout (#27456) @oliviertassinari All contributors of this release in alphabetical order: @bezpalko, @eps1lon, @flaviendelangle, @frandiox, @Harshita-Kanal, @kimbaudi, @michaldudak, @mnajdova, @noviicee, @oliviertassinari, @PCOffline, @R-Bower, @ryancogswell, @siriwatknp, @sulco ## 5.0.0-beta.2 _Jul 26, 2021_ A big thanks to the 20 contributors who made this release possible. Here are some highlights โœจ: - โœจ We introduced new codemod for converting JSS styles to emotion (#27292) @siriwatknp It should help adoption of v5, by making possible the removal of JSS sooner. - ๐Ÿ› The majority of other changes in this release were bug fixes, test utilities and docs. ### `@material-ui/core@5.0.0-beta.2` - ​[Autocomplete] Explain how the loading prop works (#27416) @michaldudak - ​[Autocomplete] Update input value when the input changes (#27313) @turtleseason - ​[Autocomplete] Popper is not closing when the Autocomplete is disabled (#27312) @Goodiec - ​[Checkbox] Skip default hover styles with `disableRipple` (#27314) @faan234 - ​[Dialog] Fix override paper styles (#27423) @newsiberian - ​[Grid] Remove width prop for rowSpacing (#27326) @sashkopavlenko - ​[Input] Merge `componentsProps` correctly (#27371) @mnajdova - ​[Pagination] Fixed usePagination requires @emotion in development mode (#27348) @ruppysuppy - ​[Pagination] Fix :hover effect on previous/next button (#27304) @Aubrey-Li - ​[Popper] Consistent timing of popper instance creation (#27233) @eps1lon - ​[Select] Add `SelectChangeEvent` for accurate types for event in onChange prop (#27370) @eps1lon - ​[Tabs] Use theme transition duration for the Tab animation (#27303) @florianbepunkt - ​[TextField] Allow custom colors in FormLabel (#27337) @oliviertassinari - ​[TextField] Fix name of componentsProps (#27338) @oliviertassinari - ​[transitions] Make sure inline styles used for transition values if declared (#27140) @eps1lon ### `@material-ui/codemod@5.0.0-beta.2` - ​[codemod] Add `optimal-imports` for v5 (#27404) @mnajdova - ​[codemod] Add jss to emotion codemod (#27292) @siriwatknp - ​[codemod] Fix running codemod CLI on Windows (#27395) @michaldudak - ​[codemod] Fix published version (#27384) @eps1lon - ​[codemod] Improve README.md (#27257) @mnajdova ### `@material-ui/unstyled@5.0.0-alpha.41` - ​[NoSsr] Move NoSsr to the Unstyled package (#27356) @michaldudak ### `@material-ui/utils@5.0.0-beta.1` - ​[utils] Convert createChainedFunction to TypeScript (#27386) @eps1lon ### `@material-ui/system@5.0.0-beta.2` - ​[system] Compute display name of `styled` component if `name` isn't set (#27401) @eps1lon - ​[system] Adds missing type for `shouldForwardProp` (#27310) @KLubin1 ### `@material-ui/lab@5.0.0-alpha.41` - ​[pickers] Only accept dates from adapters in min/max props (#27392) @eps1lon - ​[pickers] Fallback to today if all possible dates are disabled (#27294) @eps1lon - ​[pickers] Minify error when LocalizationProvider is missing (#27295) @eps1lon - ​[pickers] Fix Fade animation behavior change (#27283) @oliviertassinari ### Docs - ​[docs] Display Popper arrow correctly (#27339) @Patil2099 - ​[docs] Focus pickers introduction on Material UI (#27394) @eps1lon - ​[docs] Fix wrong import path in @material-ui/styles section (#27427) @WeldonTan - ​[docs] Update color imports (#27321) @siriwatknp - ​[docs] Sync params of callbacks between types and JSDoc description (#27366) @eps1lon - ​[docs] Add migration note for synthetic native events in onChange (#27368) @eps1lon - ​[docs] Improve unstyled docs (#27382) @oliviertassinari - ​[docs] Update `Transitions` page (#27319) @siriwatknp - ​[docs] Add Unstyled components docs page (#27158) @michaldudak - ​[docs] Fix app bar regression (#27373) @mnajdova - ​[docs] Update migration guide to have a section on nested classes (#27354) @mnajdova - ​[docs] Convert App\* components to emotion (#27150) @eps1lon - ​[docs] Fix duplicate "Theme" header (#27353) @eps1lon - ​[docs] Remove horizontal scrollbar in MiniDrawer (#27055) @AlvesJorge - ​[docs] Add `makeStyles` explanation in troubleshooting (#27322) @siriwatknp - ​[docs] Fix ExpansionPanel migration notes (#27352) @eps1lon - ​[docs] Transpile markdown files (#27349) @eps1lon - ​[docs] Fix typo in the word typography (#27329) @tudi2d - ​[docs] Use actual symbol of kilogram (#27332) @getsnoopy - ​[docs] Make migration doc easier to follow (#26948) @siriwatknp - ​[examples] Cleanup `gatsby` examples (#27375) @mnajdova - ​[examples] Create nextjs example using styled-components (#27088) @hboylan - ​[examples] Update gatsby example to use custom plugin (#27357) @mnajdova ### Core - ​[core] Remove obsolete styles documentation (#27350) @eps1lon - ​[core] Fix GitHub language detection (#27298) @oliviertassinari - ​[test] Include coverage report of browser tests (#27389) @eps1lon - ​[test] Add current behavior for getDisplayName with context components (#27402) @eps1lon - ​[test] Enable skipped picker tests (#27268) @eps1lon - ​[website] Add hero section to homepage (#27364) @siriwatknp All contributors of this release in alphabetical order: @AlvesJorge, @Aubrey-Li, @eps1lon, @faan234, @florianbepunkt, @g etsnoopy, @Goodiec, @hboylan, @KLubin1, @michaldudak, @mnajdova, @newsiberian, @oliviertassinari, @Patil2099, @ruppysupp y, @sashkopavlenko, @siriwatknp, @tudi2d, @turtleseason, @WeldonTan ## 5.0.0-beta.1 _Jul 14, 2021_ A big thanks to the 17 contributors who made this release possible. Here are some highlights โœจ: - โœจ We have introduced a new unstyled component: the Switch (#26688) @michaldudak You can find two new versions of the Switch. A component without any styles: [`SwitchUnstyled`](https://mui.com/components/switches/#unstyled), and a hook: [`useSwitch`](https://mui.com/components/switches/#useswitch-hook). switch You can follow our progress at https://github.com/mui/material-ui/issues/27170. - ๐Ÿ’„ We have updated the default `info` `success` `warning` color to be more accessible (#26817) @siriwatknp. You can find the new [default values](https://mui.com/material-ui/customization/palette/#default-values) in the documentation. colors ### `@material-ui/core@5.0.0-beta.1` #### Breaking changes - [Fab] Remove no longer necessary span wrapper (#27112) @siriwatknp - [ToggleButton] Remove no longer necessary span wrapper (#27111) @siriwatknp #### Changes - [Autocomplete] Add componentsProps (#27183) @michal-perlakowski - [Avatar] Fix support for crossOrigin (#27013) @ShirasawaSama - [ButtonBase] Correct `disableRipple` API description (#27187) @michaldudak - [ButtonGroup] Add color palette types (#27215) @ShirasawaSama - [SwitchBase] Bring back `checked` and mark as deprecated (#27047) @siriwatknp - [TextField] Remove redundant useFormControl implementation (#27197) @michaldudak - [theme] Add missing MuiRating types to components.d.ts (#27086) @rajzik - [theme] Remove `createV4Spacing` from `adaptV4Theme` (#27072) @siriwatknp - [theme] Update default `info` `success` `warning` color (#26817) @siriwatknp - [ToggleButton] Add color palette types (#27046) @ShirasawaSama - [ToggleButton] Fix the api page (#27164) @oliviertassinari ### `@material-ui/unstyled@5.0.0-alpha.40` - [Switch] Create SwitchUnstyled and useSwitch (#26688) @michaldudak ### `@material-ui/codemod@5.0.0-beta.1` - [codemod] Add v5 important migration (#27032) @siriwatknp - [codemod] Fix v5 codemods on Windows (#27254) @michaldudak ### `@material-ui/system@5.0.0-beta.1` - [Box] Add breakpoint value support to maxWidth prop (#26984) @ansh-saini ### `@material-ui/lab@5.0.0-alpha.40` - [CalendarPicker] Fix slide transition regression (#27273) @eps1lon - [CalendarPicker] Use transition components from core instead of a custom implementation (#27043) @eps1lon - [pickers] Fix default value of text keys (#26990) @oliviertassinari - [TimePicker] Change default minutes and seconds to zero (#27037) @michal-perlakowski ### Docs - [blog] Q2 2021 Update (#27089) @oliviertassinari - [docs] Add information that the label prop in FormControlLabel is now @michal-perlakowski - [docs] Don't crash page if an Ad crashes (#27178) @eps1lon - [docs] Fix alt description of movavi backer @oliviertassinari - [docs] Fix import source of hidden component (#27116) @vimutti77 - [docs] Fix layout regression (#27272) @oliviertassinari - [docs] Fix syntax error in /styles/api markdown (#27176) @sahil-blulabs - [docs] Fix the link for the sx props page (#27202) @mnajdova - [docs] Fix theme context example code (#27053) @moshfeu - [docs] Fix typo in CONTRIBUTING.md (#27218) Ayush Dubey - [docs] Fix typos (#27074) @michaldudak - [docs] Improve nav semantics (#27138) @eps1lon - [docs] Migrate Ad\* components to emotion (#27159) @mnajdova - [docs] Migrate rest of the docs to emotion (#27184) @mnajdova - [docs] Move versions from \_app PageContext to page-specific context (#27078) @eps1lon - [docs] Only bundle one version of the demos in production (#27020) @eps1lon - [docs] Reduce layout shift on landing page (#27251) @eps1lon - [docs] Remove Ethical Ads (#27173) @mbrookes - [docs] Remove unused fs polyfill (#27069) @eps1lon - [docs] Remove usage of `url` package (#27151) @eps1lon - [docs] Replace react-text-mask with react-imask in integration example (#27071) @michal-perlakowski - [docs] Sort the size in a more logical order (#27186) @oliviertassinari - [docs] Use actual link to paperbase (#27063) @eps1lon - [docs] Use custom markdown loader for landing page (#27065) @eps1lon - [docs] Use webpack 5 (#27077) @eps1lon - [examples] Fix CDN warning (#27229) @oliviertassinari - [examples] Remove `StyledEngineProvider` as JSS is not used (#27133) @mnajdova - [examples] Remove forgotten StyledEngineProvider (#27163) @oliviertassinari ### Core - [core] Batch small changes (#26970) @oliviertassinari - [core] Configure Renovate (#27003) @renovate[bot] - [core] Migrate remaining mentions of Dependabot to Renovate (#27118) @eps1lon - [core] Run yarn deduplicate on Renovate updates (#27115) @eps1lon - [test] Document broken React 18 behavior of Autocomplete (#27242) @eps1lon - [test] Increase BS timeout to 6min (#27179) @oliviertassinari - [test] Migrate regressions to emotion (#27010) @vicasas - [test] Narrow down React 18 compat issues (#27134) @eps1lon - [test] Remove StyledEngineProvider usage from regressions and e2e test @mnajdova - [test] Run React 18 integration tests with new createRoot API (#26672) @eps1lon - [test] Update tests with latest state of StrictMode compatibility (#27042) @eps1lon - [test] Use DOM events instead of mocked, partial events (#27198) @eps1lon - [website] Open 4 new roles (#27123) @oliviertassinari - [blog] Danilo Leal joins Material UI (#27231) @oliviertassinari All contributors of this release in alphabetical order: @eps1lon, @mbrookes, @michal-perlakowski, @michaldudak, @mnajdova, @moshfeu, @oliviertassinari, @rajzik, @renovate[bot], @sahil-blulabs, @ShirasawaSama, @siriwatknp, @vimutti77 ## 5.0.0-beta.0 _Jul 01, 2021_ A big thanks to the 13 contributors who made this release possible. Here are some highlights โœจ: - ๐ŸŽ‰ This is the first beta release of v5! A huge thanks to everyone who helped to make this happen! We're targeting the 1st of September for a stable release, and will use the next two months to polish v5, and ease the migration from v4. You can follow [the v5 stable milestone](https://github.com/mui/material-ui/milestone/44) for more details. We now encourage any new projects to start on v5. - ๐Ÿš€ We have completed all the planned breaking changes. - โš’๏ธ We added the codemod CLI to simplify migration to v5 (#26941) @eps1lon. You can find it at [`@material-ui/codemod`](https://github.com/mui/material-ui/tree/HEAD/packages/mui-codemod). - ๐Ÿ› The majority of other changes in this release were bug fixes, test utilities and docs. ### `@material-ui/core@5.0.0-beta.0` #### Breaking changes - [Tabs] Remove unnecessary wrapper from Tab (#26926) @siriwatknp `span` element that wraps children has been removed. `wrapper` classKey is also removed. More details about [this change](https://github.com/mui/material-ui/pull/26666). ```diff ``` - [BottomNavigation] Remove wrapper from BottomNavigationAction (#26923) @siriwatknp `span` element that wraps children has been removed. `wrapper` classKey is also removed. More details about [this change](https://github.com/mui/material-ui/pull/26666). ```diff ``` #### Changes - ​[Box] Fix TypeScript error on maxWidth prop (#26859) @ansh-saini - ​[Dialog] Automatically label by its DialogTitle (#26814) @eps1lon - ​[Hidden] Bring back and mark as deprecated (#26908) @siriwatknp - ​[List] Add button runtime deprecation warning (#26743) @siriwatknp - ​[Modal] Type BackdropProps according to styled version (#26836) @eps1lon - ​[Radio] Fix `defaultValue` to match the other value types (#26945) @oliviertassinari - ​[Stepper] Add completed to global pseudo-classes (#26953) @michal-perlakowski - ​[Stepper] Fix support for no connectors (#26874) @varandasi - ​[TextField] Prevent `hiddenLabel` from spreading to DOM (#26864) @siriwatknp - ​[TextField] Fix label disappearing when focusing a button (#26933) @michal-perlakowski ### `@material-ui/codemod@5.0.0-beta.0` - ​[codemod] Add CLI (#26941) @eps1lon ### @material-ui/icons@5.0.0-beta.0 - ​[icons] Regenerate transpiled files (#26985) @eps1lon ### @material-ui/lab@5.0.0-alpha.39 #### Breaking changes - [DatePicker] Remove helper text default value (#26866) @DouglasPds Make the default rendered text field closer to the most common use cases (denser). ```diff ( - + )} > ``` #### Changes - ​[lab] Fix missing dependency on unstyled (#26937) @fishyFrogFace - ​[pickers] Consider TDate in ToolbarComponent types (#27035) @michal-perlakowski ### `@material-ui/system@5.0.0-beta.0` - ​[system] Support array overridesResolver (#26824) @siriwatknp ### Docs - ​[docs] Add notes to Table demo about stableSort (#27025) @CarlosGomez-dev - ​[docs] Add gold sponsor (#26968) @oliviertassinari - ​[docs] Update unstyled demos to not depend on `@material-ui/core` (#26869) @mnajdova - ​[docs] Fix demo paths in windows (#27004) @eps1lon - ​[docs] Export all locales (#27002) @eps1lon - ​[docs] Misc CONTRIBUTING.md changes (#26925) @eps1lon - ​[docs] Fix /components/hidden merge conflict (#26997) @eps1lon - ​[docs] Fix 404 links (#26963) @oliviertassinari - ​[docs] Remove link that points to v4 blog post (#26960) @steveafrost - ​[docs] Use custom webpack loader for markdown (#26774) @eps1lon - ​[docs] Fix 301 links (#26942) @oliviertassinari - ​[docs] Add page for the `sx` prop (#26769) @mnajdova - ​[docs] pre-fill issue when a demo crashes (#27034) @eps1lon - ​[docs] Move styled page under system (#26818) ### Core - ​[core] Inline rollup-plugin-size-snapshot (#26986) @eps1lon - ​[core] Remove unused props clone (#26992) @oliviertassinari - ​[core] Fix tests on Windows (#26931) @michaldudak - ​[core] Fix merge conflict between #26954 and #26874 @oliviertassinari - ​[core] Upgrade issues-helper to v2 (#26955) @michal-perlakowski - ​[core] Fix merge conflict (#26928) @eps1lon - ​[test] Convert HiddenCSS tests to testing-library (#27019) @eps1lon - ​[test] Convert NativeSelectInput tests to testing-library (#26952) @eps1lon - ​[test] Add a default mount implementation to conformance tests (#26949) @eps1lon - ​[test] Update tests to pass react@next (#26967) @eps1lon - ​[test] Add types to describeConformanceV5 (#26954) @eps1lon - ​[test] Use createPickerMount where appropriate (#26951) @eps1lon - ​[test] Convert SwipeableDrawer tests to testing-library (#26916) @eps1lon - ​[test] Convert Menu tests to testing-library (#26915) @eps1lon - ​[test] Convert Popover tests to testing-library (#26913) @eps1lon - ​[test] Convert Modal tests to testing-library (#26912) @eps1lon - ​[test] Make remaining testing-library tests StrictMode compatible (#26924) @eps1lon - ​[test] Only allow wrapping enzyme mount not creating (#27018) @eps1lon - ​[typescript] Disallow spreading TransitionHandlerProps (#26927) @eps1lon All contributors of this release in alphabetical order: @ansh-saini, @BC-M, @CarlosGomez-dev, @DouglasPds, @eps1lon, @fishyFrogFace, @michal-perlakowski, @michaldudak, @mnajdova, @oliviertassinari, @siriwatknp, @steveafrost, @varandasi ## 5.0.0-alpha.38 _Jun 23, 2021_ A big thanks to the 18 contributors who made this release possible. Here are some highlights โœจ: - ๐Ÿš€ We have only 2 left in the [breaking changes](https://github.com/mui/material-ui/issues/20012). The plan to release 5.0.0-beta.0 is on July 1st and will start to promote its usage over v4. - ๐ŸŽจ We have updated `Slider` to match current [Material Design guidelines](https://material.io/components/sliders). - ๐Ÿ’ก `IconButton` now supports 3 sizes (`small, medium, large`). [See demo](https://mui.com/components/buttons/#sizes-2). - โ™ฟ๏ธ We have improved the default style of the `Link` to be more accessible (#26145) @ahmed-28 ### `@material-ui/core@5.0.0-alpha.38` #### Breaking changes - ​[Menu] Use ButtonBase in MenuItem (#26591) @siriwatknp - Change the default value of `anchorOrigin.vertical` to follow the Material Design guidelines. The menu now displays below the anchor instead of on top of it. You can restore the previous behavior with: ```diff +
  • ``` - The prop `listItemClasses` was removed, you can use `classes` instead. ```diff - + ``` - ​[theme] Improve default breakpoints (#26746) @siriwatknp The default breakpoints were changed to better match the common use cases. They also better match the Material Design guidelines. [Read more about the change](https://github.com/mui/material-ui/issues/21902). ```diff { xs: 0, sm: 600, - md: 960, + md: 900, - lg: 1280, + lg: 1200, - xl: 1920, + xl: 1536, } ``` If you prefer the old breakpoint values, use the snippet below. ```js import { createTheme } from '@material-ui/core/styles'; const theme = createTheme({ breakpoints: { values: { xs: 0, sm: 600, md: 960, lg: 1280, xl: 1920, }, }, }); ``` - ​[IconButton] Add size `large` and update styles (#26748) @siriwatknp The default size's padding is reduced to `8px` which makes the default IconButton size of `40px`. To get the old default size (`48px`), use `size="large"`. The change was done to better match Google's products when Material Design stopped documenting the icon button pattern. ```diff - + ``` - ​[Slider] Adjust css to match the specification (#26632) @siriwatknp Rework the CSS to match the latest [Material Design guidelines](https://material.io/components/sliders) and make custom styles more intuitive. [See documentation](https://mui.com/components/slider/). You can reduce the density of the slider, closer to v4 with the [`size="small"` prop](https://mui.com/components/slider/#sizes). - ​[IconButton] Remove label span (#26801) @siriwatknp `span` element that wraps children has been removed. `label` classKey is also removed. More details about [this change](https://github.com/mui/material-ui/pull/26666). ```diff ``` - ​[core] Remove `unstable_` prefix on the `useThemeProps` hook (#26777) @mnajdova The following utilities were renamed to not contain the `unstable_` prefix: - `@material-ui/sytstem` ```diff import { - unstable_useThemeProps, + useThemeProps, } from '@material-ui/system'; ``` - `@material-ui/core` ```diff import { - unstable_useThemeProps, + useThemeProps, } from '@material-ui/core/styles'; ``` #### Changes - ​[Alert] Add support for custom colors (#26831) @varandasi - ​[Button] Fix loading text invisible when disabled (#26857) @DanielBretzigheimer - ​[ButtonBase] Consider as a link with a custom component and `to` prop (#26576) @shadab14meb346 - ​[ButtonBase] Derive state on render instead of in layout effects (#26762) @eps1lon - ​ [Drawer] Fix incorrect z-index (#26791) @michal-perlakowski - ​[Drawer] Remove incorrect transition handler props (#26835) @eps1lon - ​[Link] Improve accessibility support (#26145) @ahmed-28 - ​[Modal] Fix calculating scrollbar size when using custom scrollbar (#26816) @michal-perlakowski - ​[Rating] Make input ids less predictable (#26493) @eps1lon - ​[Stepper] Add componentsProps.label to StepLabel (#26807) @michal-perlakowski - ​[Tabs] Show error when Tab has display: none (#26783) @michal-perlakowski - ​[theme] Add base color palette type to components (#26697) @siriwatknp ### `@material-ui/system@5.0.0-alpha.38` #### Breaking Changes - ​[system] Normalize api for `createBox` (#26820) @mnajdova ```diff import { createBox } from '@material-ui/system'; -const styled = createBox(defaultTheme); +const styled = createBox({ defaultTheme }); ``` #### Changes - ​[system] Add ThemeProvider component (#26787) @mnajdova ### Docs - ​[docs] Fix misspelling of the word Typography (#26898) @dmrqx - ​[docs] Instruct users to install @material-ui/icons with the next tag (#26873) @michal-perlakowski - ​[docs] Sync translations (#26828) @l10nbot - ​[docs] Improve grammar of autocomplete/autofill section (#26798) @dijonkitchen - ​[docs] Explain "inherited props" better in the props table (#26778) @eps1lon - ​[docs] Fix documentation for upgrading to v5 (#26812) @tungdt-90 - ​[docs] Improve notification color (#26796) @mnajdova - ​[docs] Fix various a11y issues with /customization/color (#26757) @eps1lon - ​[docs] Move custom theme to frame (#26744) @siriwatknp - ​[docs] Fix small PT typo fix: inciar -> iniciar (#26775) @brunocavalcante - ​[I10n] Add Chinese (Hong Kong) (zh-HK) locale (#26637) @kshuiroy - ​[l10n] Add sinhalese (siLK) locale (#26875) @pavinduLakshan - ​[examples] Rename nextjs typescript theme from tsx to ts (#26862) @Izhaki ### Core - ​[test] Fix Drawer test API @oliviertassinari - ​[test] Adjust expected useAutocomplete error messages for React 18 (#26858) @eps1lon - ​[test] Convert Drawer tests to testing-library (#26837) @eps1lon - ​[test] Convert remaining enzyme tests to testing-library (#26832) @eps1lon - ​[test] Ignore ReactDOM.hydrate deprecation warnings (#26815) @eps1lon - ​[test] Reduce flakiness (#26761) @eps1lon - ​[useId] Reduce likelyhood of collisions (#26758) @eps1lon - ​yarn deduplicate @oliviertassinari - ​Fix running framer's prettier under pwsh (#26819) @michaldudak - ​[core] Update babel-plugin-optimize-clsx (#26861) @oliviertassinari - ​[core] Assume no document.all at runtime (#26821) @eps1lon - ​[core] Remove dependency on `@material-ui/private-theming` (#26793) @mnajdova - ​[core] Remove dependency on `@material-ui/styled-engine` (#26792) @mnajdova All contributors of this release in alphabetical order: @ahmed-28, @brunocavalcante, @DanielBretzigheimer, @dijonkitchen, @dmrqx, @eps1lon, @Izhaki, @kshuiroy, @l10nbot, @michal-perlakowski, @michaldudak, @mnajdova, @oliviertassinari, @pavinduLakshan, @shadab14meb346, @siriwatknp, @tungdt-90, @varandasi ## 5.0.0-alpha.37 _Jun 15, 2021_ A big thanks to the 11 contributors who made this release possible. Here are some highlights โœจ: - ๐Ÿ’„ Add support for responsive props on the Grid component (#26590) @likitarai1. This fixes a longstanding issue. You can now specify different values for each breakpoint. ```jsx ``` Head to the [documentation](https://mui.com/components/grid/#responsive-values) for more details. - โš’๏ธ We've introduced a new `useTheme` and `useThemeProps` hooks in the `@material-ui/system` package. We believe that this package can be used as a standalone styling solution for building custom design systems (#26649) @mnajdova. - ๐Ÿ’ฅ Made progress with the breaking changes. We have done 105 of the 109 changes [planned](https://github.com/mui/material-ui/issues/20012). We are getting closer to our goal of releasing 5.0.0-beta.0 on July 1st and start to promote its usage over v4. You can also follow [our milestone](https://github.com/mui/material-ui/milestone/35) for more details. - And many more ๐Ÿ› bug fixes and ๐Ÿ“š improvements. ### `@material-ui/core@5.0.0-alpha.37` #### Breaking changes - ​[Button] Remove label span (#26666) @siriwatknp The `span` element that wraps children has been removed. `label` classKey is also removed. The nested span was required for fixing a flexbox issue with iOS < 11.0. ```diff ``` #### Changes - ​[Button] Add missing color type (#26593) @sakura90 - ​[Grid] Add responsive direction and spacing props (#26590) @likitarai1 - ​[List] Add ListItemButton export to index (#26667) @chadmuro - ​[theme] Fix missing exported Breakpoints types (#26684) @robphoenix ### `@material-ui/system@5.0.0-alpha.37` #### Breaking changes - ​[system] Remove `theme` & `isRtl` from `useThemeProps` (#26701) @mnajdova The `isRtl` and `theme` props are no longer added by the `useThemeProps` hook. You can use the `useTheme` hook for this. ```diff -import { unstable_useThemeProps as useThemeProps } from '@material-ui/core/styles'; +import { unstable_useThemeProps as useThemeProps, useTheme } from '@material-ui/core/styles'; const Component = (inProps) => { - const { isRtl, theme, ...props } = useThemeProps({ props: inProps, name: 'MuiComponent' }); + const props = useThemeProps({ props: inProps, name: 'MuiComponent' }); + const theme = useTheme(); + const isRtl = theme.direction === 'rtl'; //.. rest of the code } ``` #### Changes - ​[system] Add useThemeProps & useTheme hooks (#26649) @mnajdova - ​[system] Add color manipulators (#26668) @mnajdova - ​[system] Fix support of custom shape in createTheme (#26673) @varandasi ### `@material-ui/unstyled@5.0.0-alpha.37` - ​[Slider] Improve TS definition (#26642) @mnajdova - ​[TrapFocus] Capture nodeToRestore via relatedTarget (#26696) @eps1lon ### `@material-ui/icons@5.0.0-alpha.37` - ​Revert "[icons] Only ship ES modules (#26310)" (#26656) @eps1lon The changes that we have tried in #26310 were breaking the integration with Next.js. ### `@material-ui/lab@5.0.0-alpha.37` - ​[core] Remove unused useKeyDown (#26765) @eps1lon - ​[DateTimePicker] Fix not visible selected tab icon (#26624) @nikitabobers ### Docs - ​[blog] Michaล‚ Dudak joins Material UI (#26700) @oliviertassinari - ​[docs] Migrate onepirate premium template to emotion part2 (#26707) @vicasas - ​[docs] Fix TextField demo layout (#26710) @vicasas - ​[docs] Improve Paperbase demo (#26711) @oliviertassinari - ​[docs] Migrate onepirate premium template to emotion part1 (#26671) @vicasas - ​[docs] Migrate paperbase premium template to emotion (#26658) @vicasas - ​[List] Fix demo to have correct semantic (#26742) @siriwatknp ### Core - ​[core] Monitore size of key system modules (#26712) @oliviertassinari - ​[core] Batch small changes (#26738) @oliviertassinari - ​[core] Batch small changes (#26628) @oliviertassinari - ​[test] Ignore ReactDOM.render deprecation warning (#26683) @eps1lon - ​[test] Run e2e test with React 18 on a schedule (#26690) @eps1lon - ​[test] Count profiler renders not passive effects (#26678) @eps1lon - ​[test] Bundling fixtures should not override source build with published build (#26657) @eps1lon - ​[test] Make tests oblivious to StrictMode (#26654) @eps1lon All contributors of this release in alphabetical order: @chadmuro, @eps1lon, @likitarai1, @mnajdova, @nikitabobers, @oliviertassinari, @robphoenix, @sakura90, @siriwatknp, @varandasi, @vicasas ## 5.0.0-alpha.36 _Jun 8, 2021_ A big thanks to the 14 contributors who made this release possible. Here are some highlights โœจ: - โš’๏ธ We've introduced a new `ListItemButton` component that should prevent common mistakes when using `` and help with customization and TypeScript support (#26446) @siriwatknp. - ๐Ÿ‘ฉโ€๐ŸŽค `experimentalStyled` is now available without the `experimental` prefix. We're confident that its API shouldn't receive any major changes until the stable release of v5 (#26558) @mnajdova. - ๐Ÿ“ฆ `@material-ui/icons` only ships ES modules and no longer CommonJS modules. This reduces the download size of the package from 1.7 MB to 1.2 MB and install size from 15.6 MB to 6.7 MB (#26310) @eps1lon. - ๐Ÿ’„ Add support for [row and column spacing](https://mui.com/components/grid/#row-amp-column-spacing) in the Grid component (#26559) @likitarai1. grid spacing demo Note that this feature was already available for [CSS grid users](https://mui.com/components/grid/#css-grid-layout) with the `rowGap` and `columnGap` props. ### `@material-ui/core@5.0.0-alpha.36` #### Breaking changes - ​[AppBar] Fix background color on dark mode (#26545) @siriwatknp The `color` prop has no longer any effect in dark mode. The app bar uses the background color required by the elevation to follow the [Material Design guidelines](https://material.io/design/color/dark-theme.html). Use `enableColorOnDark` to restore the behavior of v4. ```jsx ``` - ​[core] Rename `experimentalStyled` to `styled` (#26558) @mnajdova Remove the experimental prefix, this module is going stable: ```diff -import { experimentalStyled as styled } from '@material-ui/core/styles'; +import { styled } from '@material-ui/core/styles'; ``` - ​[SwitchBase] Replace IconButton with ButtonBase (#26460) @siriwatknp - ​[theme] Improve default `primary`, `secondary` and `error` theme palette (#26555) @siriwatknp #### Changes - ​[Box] Fix module 'clsx' not found in system (#26553) @coder-freestyle - ​[Box] Fix runtime error when using styled-components without ThemeProvider (#26548) @mnajdova - ​[Radio][checkbox] Don't forward `color` to DOM elements (#26625) @siriwatknp - ​[Dialog] Flatten DialogTitle DOM structure, remove `disableTypography` (#26323) @eps1lon - ​[Grid] Add rowSpacing and columnSpacing props (#26559) @likitarai1 - ​[List] extract button from ListItem to ListItemButton (#26446) @siriwatknp - ​[Popover] Fix PaperProps.ref breaking positioning (#26560) @vedadeepta - ​[Rating] onChangeActive shouldn't be fired on blur/focus (#26584) @coder-freestyle - ​[Select] Fix custom font size centering arrow (#26570) @sarahannnicholson - ​[styled] Convert implicit styleProps to explicit (#26461) @mnajdova@siriwatknp - ​[Tabs] Fix RTL indicator (#26470) @siriwatknp - ​[Tabs] Fix arrow rotation in vertical & RTL (#26527) @siriwatknp - ​[TextField] Fix support for custom `size` prop value (#26585) @coder-freestyle - ​[Tooltip] Finish exiting once started (#26535) @eps1lon ### `@material-ui/icons@5.0.0-alpha.36` #### Breaking changes - ​[icons] Only ship ES modules (#26310) @eps1lon The `require()` of `@material-ui/icons` is no longer supported. This should not affect you if you're using a bundler like `webpack` or `snowpack` or meta frameworks like `next` or `gatsby`. ### `@material-ui/lab@5.0.0-alpha.36` #### Breaking changes - ​[pickers] Remove `openPickerIcon` prop in favor of `components.OpenPickerIcon` (#26223) @vedadeepta ```diff } ``` ### `@material-ui/system@5.0.0-alpha.36` - ​[system] Add createTheme util (#26490) @mnajdova ### Docs - ​[docs] Migrate templates to emotion (#26604) @vicasas - ​[docs] Remove custom primary & secondary color (#26541) @siriwatknp - ​[docs] Don't escape prop descriptions for markdown table context (#26579) @eps1lon - ​[docs] Prepare for data grid auto-generated docs (#26477) @m4theushw - ​[docs] Fix typo sx !== xs (#26596) @onpaws - ​[docs] Multiple select demos moving when selecting values (#26539) @itsnorbertkalacska - ​[docs] Improve migration guide for `@material-ui/styles` (#26552) @mnajdova - ​[docs] `Rating` `value` is nullable in `onChange` (#26542) @sakura90 - ​[example] Remove the dependency on @material-ui/styles (#26567) @garfunkelvila ### Core - ​[core] Ignore latest prettier run in git-blame @eps1lon - ​[core] Format @eps1lon - ​[test] Add bundle fixtures (#23166) @eps1lon - ​[website] Add Michaล‚ to the About Us page (#26557) @michaldudak All contributors of this release in alphabetical order: @coder-freestyle, @eps1lon, @garfunkelvila, @itsnorbertkalacska, @likitarai1, @m4theushw, @michaldudak, @mnajdova, @onpaws, @sakura90, @sarahannnicholson, @siriwatknp, @vedadeepta, @vicasas ## 5.0.0-alpha.35 _May 31, 2021_ A big thanks to the 14 contributors who made this release possible. Here are some highlights โœจ: - ๐Ÿ‘ฉโ€๐ŸŽค We have completed the migration to emotion of all the components (`@material-ui/core` and `@material-ui/lab`) @siriwatknp, @mnajdova. - ๐Ÿ“ฆ Save [10 kB gzipped](https://bundlephobia.com/package/@material-ui/core@5.0.0-alpha.34) by removing the dependency on `@material-ui/styles` (JSS) from the core and the lab (#26377, #26382, #26376) @mnajdova. - โš’๏ธ Add many new [codemods](https://github.com/mui/material-ui/blob/HEAD/packages/mui-codemod/README.md) to automate the migration from v4 to v5 (#24867) @mbrookes. - And many more ๐Ÿ› bug fixes and ๐Ÿ“š improvements. ### `@material-ui/core@5.0.0-alpha.35` #### Breaking changes - [styles] Remove `makeStyles` from `@material-ui/core` (#26382) @mnajdova The `makeStyles` JSS utility is no longer exported from `@material-ui/core`. You can use `@material-ui/styles` instead. Make sure to add a `ThemeProvider` at the root of your application, as the `defaultTheme` is no longer available. If you are using this utility together with `@material-ui/core`, it's recommended you use the `ThemeProvider` component from `@material-ui/core` instead. ```diff -import { makeStyles } from '@material-ui/core/styles'; +import { makeStyles } from '@material-ui/styles'; +import { createTheme, ThemeProvider } from '@material-ui/core/styles'; +const theme = createTheme(); const useStyles = makeStyles((theme) => ({ background: theme.palette.primary.main, })); function Component() { const classes = useStyles(); return
    } // In the root of your app function App(props) { - return ; + return ; } ``` - [styles] Remove `withStyles` from `@material-ui/core` (#26377) @mnajdova The `withStyles` JSS utility is no longer exported from `@material-ui/core`. You can use `@material-ui/styles` instead. Make sure to add a `ThemeProvider` at the root of your application, as the `defaultTheme` is no longer available. If you are using this utility together with `@material-ui/core`, you should use the `ThemeProvider` component from `@material-ui/core` instead. ```diff -import { withStyles } from '@material-ui/core/styles'; +import { withStyles } from '@material-ui/styles'; +import { createTheme, ThemeProvider } from '@material-ui/core/styles'; +const defaultTheme = createTheme(); const MyComponent = withStyles((props) => { const { classes, className, ...other } = props; return
    })(({ theme }) => ({ root: { background: theme.palette.primary.main }})); function App() { - return ; + return ; } ``` - [styles] Merge options in `experimentalStyled` (#26396) @mnajdova The options inside the `experimentalStyled` module are now merged under one object. In the coming weeks, we will rename ths module: `styled()` to signal that it's no longer experimental. ```diff -experimentalStyled(Button, { shouldForwardProp: (prop) => prop !== 'something' }, { skipSx: true })(...); +experimentalStyled(Button, { shouldForwardProp: (prop) => prop !== 'something', skipSx: true })(...); ``` - [Tabs] Update `min` & `max` width and remove `minWidth` media query (#26458) @siriwatknp Update the implementation to better match Material Design: - Tab `minWidth` changed from `72px` => `90px` (without media-query) according to [material-design spec](https://material.io/components/tabs#specs) - Tab `maxWidth` changed from `264px` => `360px` according to [material-design spec](https://material.io/components/tabs#specs) #### Changes - [ButtonBase] Fix role="button" attribute (#26271) @Gautam-Arora24 - [Dialog] Fix support for custom breakpoints (#26331) @jeferson-sb - [Select] Open popup below button (#26200) @oliviertassinari - [TextField] Add variants support, e.g. custom sizes (#26468) @siriwatknp - [Tooltip] Improve handling of small vs. touch screens (#26097) @oliviertassinari ### `@material-ui/codemod@5.0.0-alpha.35` - [codemod] Add multiple codemods to migrate components from v4 to v5 (#24867) @mbrookes - [codemod] Correct path and add target placeholder (#26414) @mbrookes ### `@material-ui/icons@5.0.0-alpha.35` - [icons] Use array children instead of React fragments (#26309) @eps1lon Reduce a bit the size of the package. ### `@material-ui/system@5.0.0-alpha.35` We are progressively moving all modules that are relevant to styling custom design systems in this package. It's meant to be complementary with `@material-ui/unstyled`. - [system] Add Box to system (#26379) @mnajdova - [system] Add createStyled utility (#26485) @mnajdova ### `@material-ui/styled-engine-sc@5.0.0-alpha.35` - [styled-engine] Fix styled() util to respect `options` (#26339) @pasDamola ### `@material-ui/lab@5.0.0-alpha.35` #### Breaking changes - [pickers] Remove allowKeyboardControl (#26451) @eps1lon - [ClockPicker] Rework keyboard implementation (#26400) @eps1lon Remove the `allowKeyboardControl` prop from ClockPicker (and TimePicker and variants). Keyboard navigation now works by default. #### Changes - [Button] Migrate LoadingButton to emotion (#26370) @siriwatknp - [ClockPicker] Selected option is the active descendant (#26411) @eps1lon - [DatePicker] Migrate CalendarPicker to emotion (#26390) @siriwatknp - [DatePicker] Migrate CalendarPickerSkeleton to emotion (#26335) @siriwatknp - [DateRangePicker] Migrate DateRangePickerDay to emotion (#26368) @siriwatknp - [DateRangePicker] Migrate internal components to emotion (#26326) @siriwatknp - [pickers] Migrate PickersCalendarHeader to emotion (#26354) @siriwatknp - [pickers] Migrate PickersModalDialog to emotion (#26355) @siriwatknp - [pickers] Migrate PickersPopper to emotion (#26391) @siriwatknp - [pickers] Migrate PickersTransition to emotion (#26353) @siriwatknp - [TimePicker] Migrate ClockPicker to emotion (#26389) @siriwatknp - [TreeView] Correctly select items in deeply nested trees (#26413) @Dru89 ### Docs - [docs] Add page for `experimentalStyled()` (#26361) @mnajdova - [docs] Add TypeScript convention (#26259) @siriwatknp - [docs] Add warning about git-blame-ignore-revs (#26487) @eps1lon - [docs] Clarify migration from Hidden (#26348) @m4theushw - [docs] Fix grammar for style library page (#26325) @mbrookes - [docs] Persist copied state indefinitely or until the user moves their cursor (#26336) @eps1lon - [docs] Typo in MultipleSelect (#26466) @wolfykey - [docs] Update system installation for v5 (#26481) @mnajdova - [template] Demo how to retreive form value (#26393) @akshitsuri ### Core - [core] Batch small changes (#26434) @oliviertassinari - [core] Fix peer dependencies declaration with yarn v2 (#26433) @oliviertassinari - [core] Remove `@material-ui/styles` dependencies from declaration files too (#26376) @mnajdova - [core] Revert Leverage CircleCI workspaces for jobs after checkout (#26444) @eps1lon - [test] Don't hoist constant elements (#26448) @eps1lon - [test] Fix prop-type warning (#26432) @oliviertassinari - [test] Flush scheduled effects before user event returns (#26447) @eps1lon - [test] Move ClockPicker tests to ClockPicker.test (#26407) @eps1lon - [test] setProps from createPickerRender should set props on the rendered element (#26405) @eps1lon - [utils] Convert useId to TypeScript (#26491) @eps1lon - [website] Add Material UI X page (#25794) @DanailH - [website] Add open application section (#26501) @oliviertassinari - [website] Add Siriwat to team page (#26406) @siriwatknp All contributors of this release in alphabetical order: @akshitsuri, @DanailH, @Dru89, @eps1lon, @Gautam-Arora24, @jeferson-sb, @m4theushw, @mbrookes, @mnajdova, @oliviertassinari, @pasDamola, @siriwatknp, @wolfykey ## 5.0.0-alpha.34 _May 18, 2021_ A big thanks to the 16 contributors who made this release possible. Here are some highlights โœจ: - ๐Ÿ’ฅ Make progress with the breaking changes. We have done 89 of the 109 changes [planned](https://github.com/mui/material-ui/issues/20012). We will release 5.0.0-beta.0 on July 1st and start to promote its usage over v4. You can also follow [our milestone](https://github.com/mui/material-ui/milestone/35) for more details. - ๐Ÿš€ Make progress with components migration to emotion. We have done 153 of the 168 components (almost there!) - And many more ๐Ÿ› bug fixes and ๐Ÿ“š improvements. ### `@material-ui/core@5.0.0-alpha.34` #### Breaking change - ​[Select][nativeselect] Polish CSS classes (#26186) @m4theushw **Select, NativeSelect** Merge the `selectMenu` slot into `select`. Slot `selectMenu` was redundant. The `root` slot is no longer applied to the select, but to the root. ```diff - + ``` **TablePagination** Move the custom class on `input` to `select`. The `input` key is being applied on another element. ```diff ``` - ​[core] Move `StyledEngineProvider` to `@material-ui/core/styles` (#26265) @mnajdova Change location of `StyledEngineProvider` import. ```diff -import StyledEngineProvider from '@material-ui/core/StyledEngineProvider'; +import { StyledEngineProvider } from '@material-ui/core/styles'; ``` - ​[Autocomplete] Apply .Mui-focused instead of data-focus on the focused option (#26181) @m4theushw The `data-focus` attribute is not set on the focused option anymore, instead, global class names are used. ```diff -'.MuiAutocomplete-option[data-focus="true"]': { +'.MuiAutocomplete-option.Mui-focused': { ``` - ​[Radio] Make color primary default (#26180) @vicasas - ​[Switch] Make color primary default (#26182) @vicasas - ​[pickers] Drop ResponsiveWrapper usage (#26123) @eps1lon When a responsive picker changes from mobile to desktop, it will now clear its entire state. To keep the original behavior you can implement a controlled picker: ```js function ResponsiveDateTimePicker(props) { const [open, setOpen] = React.useState(false); return ( setOpen(false)} onOpen={() => setOpen(true)} {...props} /> ); } ``` - ​[Autocomplete] Rename getOptionSelected to isOptionEqualToValue (#26173) @m4theushw ```diff option.title === value.title} + isOptionEqualToValue={(option, value) => option.title === value.title} /> ``` > Follow [this link](https://mui.com/material-ui/migration/migration-v4/) for full migration from v4 => v5 #### Changes - ​[TextField] Fix hiddenLabel type of FilledInput (#26290) @siriwatknp - ​[TextField] Fix classes forward to InputBase (#26231) @arpitBhalla - ​[Autocomplete] Fix missing 'createOption' in AutocompleteCloseReason type (#26197) @Gautam-Arora24 - ​[Autocomplete] Reduce CSS specificity by 1 (#26238) @Gautam-Arora24 - ​[ButtonBase] Omit aria-disabled if not disabled (#26189) @Gautam-Arora24 - ​[colors] Fix A inconsistencies (#26196) @oliviertassinari - ​[examples] Fix dynamic global styles & global styles leak in the ssr examples (#26177) @mnajdova - ​[Slider] Fix support for non primary colors (#26285) @davidfdriscoll - ​[Slider] Center value label for disabled slider (#26257) @davidfdriscoll - ​[styled-engine] Fix styled-components not supporting empty style (#26098) @ruppysuppy - ​[styles] Fix overrides type issues (#26228) @mnajdova - ​[Container] Fix support for custom breakpoints (#26328) @alanszp ### `@material-ui/lab@5.0.0-alpha.34` - ​[pickers] Migrate TimePickerToolbar to emotion (#26274) @siriwatknp - ​[pickers] Migrate DatePickerToolbar to emotion (#26292) @siriwatknp - ​[DateTimePicker] Migrate DateTimePickerTabs and Toolbar to emotion (#26327) @siriwatknp - ​[DatePicker] Migrate PickersYear to emotion (#25949) @siriwatknp - ​[DateRangePicker] Migrate PickersToolbarText to emotion (#25983) @siriwatknp - ​[pickers] Migrate StaticWrapper to emotion (#26275) @siriwatknp - ​[pickers] Migrate Clock to emotion (#26278) @siriwatknp - ​[pickers] Migrate PickersToolbar to emotion (#26273) @siriwatknp - ​[pickers] Migrate ClockNumber to emotion (#26058) @siriwatknp - ​[pickers] Migrate ClockPointer to emotion (#26057) @siriwatknp - ​[pickers] Migrate PickersMonth to emotion (#26021) @siriwatknp - ​[pickers] Migrate MonthPicker to emotion (#26025) @siriwatknp - ​[pickers] Migrate PickersDay to emotion (#25995) @siriwatknp - ​[pickers] Migrate PickersToolbarButton to emotion (#25989) @siriwatknp ### `@material-ui/icons@5.0.0-alpha.34` - ​[icons] Remove extraneous React.Fragment (#26308) @eps1lon - ​[icons] Synchronize icons (#26302) @eps1lon New DriveFileMove icon and its variants ### Docs - ​[NProgressBar] Fix invalid ARIA and HTML (#26234) @eps1lon - ​[docs] Simplify demos slider (#26324) @oliviertassinari - ​[docs] Use transpiled icons directly (#26268) @eps1lon - ​[docs] Remove dependency on withStyles from @material-ui/core/styles (#26269) @mnajdova - ​[docs] Add Jalali date picker demo (#26243) @smmoosavi - ​[docs] Remove last dependencies on `makeStyles` from `@material-ui/core/styles` (#26246) @mnajdova - ​[docs] Polish the pickers demo (#26094) @oliviertassinari - ​[docs] Fix broken overrides link on API pages (#26244) @mnajdova - ​[docs] Improve documentation for Buttons (#26184) @arpitBhalla - ​[docs] Emphasize on props for screen readers (#26222) @atisheyJain03 - ​[docs] Link third-party routing in Bottom navigation (#26190) @arpitBhalla - ​[docs] Migrate Select, Progress demos to emotion (#26178) @mnajdova - ​[docs] Add accessibility section to Badges (#26009) @likitarai1 - ​[docs] Migrate Popper, Drawer demos to emotion (#26183) @mnajdova - ​[docs] Use public next/router events API (#26233) @eps1lon - ​[docs] Remove remnants Hidden component (#26191) @vicasas - ​[docs] Ensure TreeView demos don't overflow demo container (#26161) @eps1lon - ​[docs] Fix a typo in the import statement of LocalizationProvider (#26226) @huyenltnguyen - ​[docs] Improve react-admin coverage in the showcase (#26169) @fzaninotto - ​[docs] Fix Workbox that are causing infinite loading of site (#26193) @arpitBhalla ### Core - ​[core] Skip sx prop in internal components (#26235) @mnajdova - ​[core] Remove `withStyles` dependencies from `@material-ui/core/styles` (#26277) @mnajdova - ​[core] Include human readable target in the BrowserStack build (#26322) @eps1lon - ​[core] Fix NotchedOutlineProps type (#26305) @gnowland - ​[core] Add file for git-blame --ignore-revs-file (#26295) @eps1lon - ​[core] Ensure component class keys aren't missing (#25754) @eps1lon - ​[core] Drop support for blocking mode (#26262) @eps1lon - ​[core] Don't download monorepo packages (#26261) @eps1lon - ​[core] Batch small changes (#26199) @oliviertassinari - ​[core] Extract classes descriptions from TypeScript (#25933) @eps1lon - ​[styled-engine] Fix test script (#26258) @ruppysuppy All contributors of this release in alphabetical order: @arpitBhalla, @atisheyJain03, @davidfdriscoll, @eps1lon, @fzaninotto, @Gautam-Arora24, @gnowland, @huyenltnguyen, @likitarai1, @m4theushw, @mnajdova, @oliviertassinari, @ruppysuppy, @siriwatknp, @smmoosavi, @vicas ## 5.0.0-alpha.33 _May 9, 2021_ A big thanks to the 17 contributors who made this release possible. Here are some highlights โœจ: - ๐Ÿ’ฅ Make progress with the breaking changes. We have done 81 of the 109 changes [planned](https://github.com/mui/material-ui/issues/20012). We will release 5.0.0-beta.0 on July 1st and start to promote its usage over v4. You can also follow [our milestone](https://github.com/mui/material-ui/milestone/35) for more details. - And many more ๐Ÿ› bug fixes and ๐Ÿ“š improvements. ### `@material-ui/core@5.0.0-alpha.33` #### Breaking changes - ​[core] Remove deprecated innerRef prop (#26028) @m4theushw **withStyles** Replace the `innerRef` prop with the `ref` prop. Refs are now automatically forwarded to the inner component. ```diff import * as React from 'react'; import { withStyles } from '@material-ui/core/styles'; const MyComponent = withStyles({ root: { backgroundColor: 'red', }, })(({ classes }) =>
    ); function MyOtherComponent(props) { const ref = React.useRef(); - return ; + return ; } ``` **withTheme** Replace the `innerRef` prop with the `ref` prop. Refs are now automatically forwarded to the inner component. ```diff import * as React from 'react'; import { withTheme } from '@material-ui/core/styles'; const MyComponent = withTheme(({ theme }) =>
    {props.theme.direction}
    ); function MyOtherComponent(props) { const ref = React.useRef(); - return ; + return ; } ``` - ​[theme] Rename `createMuiTheme` to `createTheme` (#25992) @m4theushw Developers only need one theme in their application. A prefix would suggest a second theme is needed. It's not the case. `createMuiTheme` will be removed in v6. ```diff -import { createMuiTheme } from '@material-ui/core/styles'; +import { createTheme } from '@material-ui/core/styles'; -const theme = createMuiTheme({ +const theme = createTheme({ ``` - ​[theme] Remove MuiThemeProvider alias (#26171) @m4theushw The `MuiThemeProvider` is no longer exported. Use `ThemeProvider` instead. It was removed from the documentation during v4-beta, 2 years ago. ```diff -import { MuiThemeProvider } from '@material-ui/core/styles'; +import { ThemeProvider } from '@material-ui/core/styles'; ``` - ​[Box] Remove the `clone` prop (#26031) @m4theushw Its behavior can be obtained using the `sx` prop. ```diff - - - + ``` - ​[Box] Remove render prop (#26113) @m4theushw Its behavior can be obtained using the `sx` prop directly on the child if it's a Material UI component. For non-Material UI components use the `sx` prop in conjunction with the `component` prop: ```diff - - {(props) => } - + ``` ```diff - - {(props) => } - +Save ``` - ​[Checkbox] Make color="primary" default (#26002) @vicasas This better matches the Material Design guidelines. ```diff - + + - +