material-ui

Aug 1, 2022

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

• 🖼️ @garronej worked on improving the support of Emotion packages in the System (#33205)
• Many other 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements

@mui/[email protected]

• [Chip] Assign classnames and associated styles for filled variant (#33587) @hbjORbj
• [Grid] Fix columnSpacing and rowSpacing props ignore higher breakpoints with 0 (#33480) @ZeeshanTamboli
• [Input] Add the readOnly state class (#33654) @michaldudak
• [Stack] Responsive styles based on breakpoints should be in the correct order (#33552) @hbjORbj

@mui/[email protected]

• [system] Make @emotion/* fully supported in the System (#33205) @garronej

@mui/[email protected]

• [codemod] Fix theme-spacing performance (#33691) @siriwatknp
• [codemod] Support @mui import for variant-prop (#33692) @siriwatknp

@mui/[email protected]

• [styled-engine-sc] Add missing @babel/runtime dependency (#33741) @MonstraG

@mui/[email protected]

• [Joy] Add Tabs components (#33664) @siriwatknp
• [Joy] Miscellaneous fixes (#33685) @siriwatknp
• [Joy] Update read.me content (#33643) @danilo-leal

Docs

• [blog] Add blog post about company retreat in Tenerife 🏝 (#33566) @samuelsycamore
• [blog] Add blog post to announce the aggregation feature (#33595) @joserodolfofreitas
• [blog] Fix horizontal scrollbar with code snippets (#33648) @joserodolfofreitas
• [docs] Fix a typo in the code in Sorting & selecting Table demo (#33674) @mracette
• [docs] Fix en-US format in the Skeleton demo (#33699) @husseinsaad98
• [docs] Update module reference for usePagination (#33675) @fullstackzach
• [docs] Fix code examples in styled API vs sx prop docs (#33665) @ZeeshanTamboli
• [docs][system] Throw an informative error when theme.vars is used in createTheme and mention this in the theming docs (#33619) @hbjORbj
• [website] Remove legacy redirect @oliviertassinari
• [website] Add new legal pages (#33650) @oliviertassinari
• [website] Clarify when a license in development is required (#33668) @oliviertassinari
• [website] Update links to rows pages (#33739) @cherniavskii
• [website] Update pricing table to add aggregation and row pinning (#33659) @joserodolfofreitas

Core

• [core] Replace getInitialProps with getStaticProps (#33684) @mnajdova
• [core] Remove accidentally added files (#33636) @michaldudak
• [core] Update packages with security issues (#33679) @michaldudak
• [core] Add React 17 nightly build (#33594) @mnajdova
• [core] Update lerna to 5.2.0 (#33635) @michaldudak
• [core] Prepare isolation of Next.js X app (#33649) @oliviertassinari
• [core] Remove thenify version override from package.json resolutions (#33638) @michaldudak
• [core] Update Node.js to 14 on CircleCI, CodeSandbox, and Netlify (#33642) @michaldudak
• [test] Replace istanbul-instrumenter-loader with babel-plugin-istanbul (#33666) @michaldudak
• [test] Run TypeScript module augmentation tests for Joy UI in CI (#33667) @ZeeshanTamboli

All contributors of this release in alphabetical order: @cherniavskii, @danilo-leal, @fullstackzach, @garronej, @hbjORbj, @husseinsaad98, @joserodolfofreitas, @michaldudak, @mnajdova, @MonstraG, @mracette, @oliviertassinari, @samuelsycamore, @siriwatknp, @ZeeshanTamboli

Jul 25, 2022

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

• 🧪 Ensure all Base components are OverridableComponent (#33506) @michaldudak
• 🧪 Various improvements on the Material Stack component (#33548, #33588, #33549) @hbjORbj
• Many other 🐛 bug fixes and 📚 documentation improvements

@mui/[email protected]

• ​Revert "[Tooltip] Fix children mouse over detection (#32321)" @oliviertassinari
• ​[FormHelperText] Fix unable to create new variants (#33589) @DinhBaoTran
• ​[ImageList] Remove vertical spacing between items in masonry layout (#33593) @michaldudak
• ​[LoadingButton] Refactor duplicate code (#33570) @ZeeshanTamboli
• ​[Modal] Explain the meaning of deprecation of the BackdropComponent prop (#33591) @michaldudak
• ​[Stack] Fix unit test failure (#33588) @hbjORbj
• ​[Stack] Fix default flexDirection value with responsive prop (#33549) @hbjORbj
• ​[Stack] Ensure that marginundefined doesn't occur in styling (#33548) @hbjORbj
• ​[Tabs] Fix indicatorColor prop type (#33569) @ZeeshanTamboli
• ​[Tabs] Add TypeScript interface to augment tab indicator color in theme (#33333) @AHeiming

@mui/[email protected]

• ​[Base] Make PopperUnstyled component overridable (#33573) @siriwatknp
• ​[Base] Ensure all components are OverridableComponent (#33506) @michaldudak

@mui/[email protected]

• ​[Select] Add new component in Joy (#33630) @siriwatknp
• ​[Joy] Add Text field documentation (#33430, #33631) @danilo-leal
• ​[Joy] Add menu components (#31789) @siriwatknp

Docs

• ​[blog] Fix 404 link to Algolia docs search (dd4308d) @oliviertassinari
• ​[docs] Add accessibility tips (#33633) @siriwatknp
• ​[docs] Fix production deploy of codesandboxes (#33608) @oliviertassinari
• ​[docs] Show border on palette.background.paper in dark mode docs (#33611) @ZeeshanTamboli
• ​[docs] Fix typo in Joy UI dark mode page (#33620) @bairamau
• ​[docs] Final polish on Base docs - formatting and style consistency (#33156) @samuelsycamore
• ​[docs] Fix CssBaseline import in example code (#33614) @dd-ssc
• ​[docs] Fix Toolpad docs redirection (#33524) @bharatkashyap
• ​[docs] Fix link to Snackbar customization section in Alert docs (#33586) @ZeeshanTamboli
• ​[docs] Fix placement choices typo in Tooltip docs (#33571) @MonstraG
• ​[website] Update home page's sponsor grid (#33528) @danilo-leal
• ​[website] Add Vytautas to the about page (#33567) @bytasv
• ​[website] Improve newsletter input design (#33585) @danilo-leal
• ​[website] Add YouTube link to footer (#33580) @gerdadesign
• ​[website] Clarify scope of technical support (#33435) @joserodolfofreitas

Core

• ​[core] Swallow ad blocker fetch fail (#33617) @oliviertassinari
• ​[core] Fix dep security by resolving thenify to latest (#33612) @siriwatknp
• ​[test] Remove view option from Event in Snackbar tests (#33555) @ZeeshanTamboli

All contributors of this release in alphabetical order: @AHeiming, @bairamau, @bharatkashyap, @bytasv, @danilo-leal, @dd-ssc, @DinhBaoTran, @gerdadesign, @hbjORbj, @joserodolfofreitas, @michaldudak, @MonstraG, @oliviertassinari, @samuelsycamore, @siriwatknp, @ZeeshanTamboli

Jul 18, 2022

A big thanks to the 17 contributors who made this release possible. This release is mainly about 🐛 bug fixes and 📚 documentation improvements

@mui/[email protected]

• ​[Autocomplete] Fix disabling component crashing when focused (#31313) @mzedel
• ​[Grid] Avoid scrollbar in demo (#33527) @oliviertassinari
• ​[Slider] Fix transition of tooltips on vertical slider (#33009) @abhinav-22-tech
• ​[TouchRipple] Fix crash on android where event.touches are an empty array (#32974) @lukeggchapman

@mui/[email protected]

• ​[system] Add flag to switch negative margin approach in Grid (#33484) @siriwatknp
• ​[system] Remove needless optional chaining check in createEmptyBreakpointObject method (#33482) @ZeeshanTamboli

@mui/[email protected]

• ​[base] Export types used by components' props (#33522) @michaldudak
• ​[base] Add missing type definitions in useControllableReducer (#33496) @michaldudak
• ​[SelectUnstyled] Do not call onChange unnecessarily (#33408) @michaldudak

@mui/[email protected]

• ​[TimelineDot] Add TimelineDotPropsColorOverrides interface to extend color options (#33466) @lolaignatova

Docs

• ​[docs] Add note about CssBaseline in the dark mode page (#33108) @GabrielaLokelani
• ​[docs] Fix typos in the Interoperability page (#33273) @HexM7
• ​[docs] Improve the useTheme documentation (#33508) @rickstaa
• ​[docs] Fix 301 redirections (#33521) @oliviertassinari
• ​[docs] Link the same codesandbox as in the docs (#33472) @oliviertassinari
• ​[docs] Fix copy search false positives (#33438) @oliviertassinari
• ​[docs] Fix typo (#33520) @aravindpanicker
• ​[docs] Update Tailwind docs to include step about updating popover containers (#33315) @ajhenry
• ​[docs] Add yarn command for Roboto font in Material UI's typography.md (#33485) @anthonypz
• ​[docs] Add new community content to the Material UI Learn page (#32927) @Nikhilthadani
• ​[examples] Change createEmotionCache to use insertionPoint (#32104) @ANTARES-KOR
• ​[examples] Fix error in Next.js example with @mui/styles (#33456) @paustria

Core

• ​[core] Cleanup experiments (#33547) @siriwatknp
• ​[core] Update CHANGELOG to include pickers breaking change (#33486) @siriwatknp

All contributors of this release in alphabetical order: @abhinav-22-tech, @ajhenry, @ANTARES-KOR, @anthonypz, @aravindpanicker, @GabrielaLokelani, @HexM7, @lolaignatova, @lukeggchapman, @michaldudak, @mzedel, @Nikhilthadani, @oliviertassinari, @paustria, @rickstaa, @siriwatknp, @ZeeshanTamboli

Jul 12, 2022

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

• 🧪 Exported Grid v2 as Unstable_Grid2 (#33479) @siriwatknp
• 📖 Added a guide for using Joy UI and Material UI together (#33396) @siriwatknp
• 🐛 Fixed a few bugs in Material UI components. Thanks to @ZeeshanTamboli, @ivan-ngchakming, and @joebingham-wk.
• ⚠️ [BREAKING CHANGE] Date pickers are removed from the lab, please follow the migration guide. (#33386) @flaviendelangle
• many other 🐛 bug fixes and 📚 documentation improvements
• our documentation site is now running with React 18! (#33196) @mnajdova

@mui/[email protected]

• [CssBaseline] Fixes in overriding style (#33338) @ZeeshanTamboli
• [Autocomplete] Remove unnecessary clsx wrapper for single className (#33398) @ZeeshanTamboli
• [Grid] Export new grid as unstable (#33479) @siriwatknp
• [Tooltip] Fix children mouse over detection (#32321) @ivan-ngchakming
• [TypeScript] getCssVar autocomplete for Material UI (#33464) @siriwatknp
• [TypeScript] Fix theme options components types to use Theme (#33434) @siriwatknp
• [TypeScript] Reexports necessary types for module augmentation (#33397) @siriwatknp
• [ScopedCssBaseline] Add sx typings (#33474) @joebingham-wk

@mui/[email protected]

• [System] Add offset feature to Grid (#33415) @siriwatknp
• [system] Add new Grid implementation (#32746) @siriwatknp

@mui/[email protected]

Breaking changes

• [lab] Remove the pickers (#33386) @flaviendelangle

  The pickers are moved to MUI X, check out the migration guide.

Changes

• [Masonry] Support rem/em values for spacing prop (#33384) @hbjORbj

@mui/[email protected]

• Base] Change the order of class names merged in useSlotProps (#33383) @michaldudak
• [ModalUnstyled] Accept callbacks in componentsProps (#33181) @michaldudak
• [SelectUnstyled] Accept callbacks in componentsProps (#33197) @michaldudak
• [TabsUnstyled] Accept callbacks in componentsProps (#33284) @michaldudak

@mui/[email protected]

• [Joy] Add guide about using Joy and Material UI together (#33396) @siriwatknp
• [Joy] Fix variants color palette regressions (#33394) @danilo-leal

Docs

• [docs] Correcting small grammatical error (#33393) @robyyo
• [docs] Link to the correct package on Joy component pages (#33439) @cherniavskii
• [docs] Fix e2e tests (#33477) @siriwatknp
• [docs] Fix dead links (#33462) @oliviertassinari
• [docs] Cleanup the migration (#33463) @siriwatknp
• [docs] Fix broken Sponsoring services links @samuelsycamore
• [docs] Improve repo README with light/dark logos, relative links and more (#33356) @samuelsycamore
• [docs] Update links to MUI X Overview and Introduction pages (#33201) @samuelsycamore
• [docs] Update to React 18 (#33196) @mnajdova
• [docs] Simplify "Upload button" demo (#33326) @baharalidurrani
• [docs] Add "refine" demo to showcase (#33240) @omeraplak
• [docs] Add webpack alias for legacy utils package (#33376) @jgbae
• [docs] Improve external link icons synonyms (#33257) @davidgarciab
• [examples] Update MUI Base with Tailwind CSS to use the latest versions of the dependencies (#33401) @mnajdova
• [examples] Add MUI base example (#33154) @siriwatknp

Core

• [core] Fix @mui/monorepo regression for the import of the docs infra (#33390) @Janpot
• [core] Remove old babel resolve rule (#33432) @oliviertassinari
• [website] Shorten the plan descriptions on the pricing page (#32984) @joserodolfofreitas
• [website] Link EULA in the license quantity section (#33292) @oliviertassinari

All contributors of this release in alphabetical order: @baharalidurrani, @cherniavskii, @danilo-leal, @davidgarciab, @flaviendelangle, @hbjORbj, @ivan-ngchakming, @Janpot, @jgbae, @joebingham-wk, @joserodolfofreitas, @michaldudak, @mnajdova, @oliviertassinari, @omeraplak, @robyyo, @samuelsycamore, @siriwatknp, @ZeeshanTamboli

Jul 4, 2022

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

• 🐛 Fixed an issue causing TypeScript errors when building a project with Material UI v5.8.6 (@michaldudak)
• 🐛 Fixed a few bugs in Material UI components. Thanks @henriqueholtz, @jake-collibra, @MattiasMartens, and @TimoWilhelm!
• many other 🐛 bug fixes and 📚 documentation improvements

@mui/[email protected]

• [Autocomplete] Add some missing props in useAutocomplete (#33269) @henriqueholtz
• [Autocomplete] Extend componentsProps to include popper and popupIndicator slots (#33283) @jake-collibra
• [Select] Annotate empty string as valid value prop (#33088) @MattiasMartens
• [SnackbarContent] Fix message text color with css var provider (#33285) @TimoWilhelm

@mui/[email protected]

• [styled-engine] Add missing type dependency on csstype (#33310) @Methuselah96

@mui/[email protected]

• [system] Simplify theme input types for CssVarsProvider (#33381) @siriwatknp
• [system] Export required types (#33324) @michaldudak

@mui/[email protected]

• [Joy] Add radio button documentation (#33254) @siriwatknp
• [Joy] Add switch documentation (#33302) @siriwatknp
• [Joy] Batch a couple of documentation refinements (#33158) @danilo-leal
• [Joy] Enable Joy and Material UI compatibility (#33379) @siriwatknp

@mui/[email protected]

• [base] Remove a type incompatible with Typescript 3.5 (#33361) @michaldudak
• [BadgeUnstyled] Export BadgeUnstyledOwnProps interface to fix typescript compiler error (#33314) @aaronlademann-wf
• [TablePaginationUnstyled] Accept callbacks in componentsProps (#33309) @michaldudak

Docs

• [docs] Fix Link typings in the react-router example (#32308) @aaarichter
• [docs] Add caveat about class components with Tooltip (#33325) @joshkel
• [docs] Fix SEO issues (#33288) @oliviertassinari
• [docs] Fix Slider's "player" demo (#33267) @xlianghang
• [website] Link MUI Toolpad in mui.com (#33287) @oliviertassinari

All contributors of this release in alphabetical order: @aaarichter, @aaronlademann-wf, @danilo-leal, @henriqueholtz, @jake-collibra, @joshkel, @MattiasMartens, @Methuselah96, @michaldudak, @oliviertassinari, @siriwatknp, @TimoWilhelm, @xlianghang

Jun 27, 2022

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

• ⚒️ Fixed React 18 issues in few components
• 🚀 Improved the TypeScript augmentation when using CSS variables with @mui/material
• many other 🐛 bug fixes and 📚 documentation improvements

@mui/[email protected]

• ​[Alert] Add support for CSS vars (#32624) @haneenmahd

• ​[Alert] Use getContrastText for filled variant font color (#29813) @SamoraMabuya

  Note: The color of the text in the warning contained Alert in dark mode was changed to black in order to improve the color contrast ratio

• ​[OutlinedInput] Fix ownerState undefined in theme style overrides (#33241) @siriwatknp

• ​[Tabs] Fix crash when used with React 18 & Suspense (#33277) @mnajdova

• ​[TypeScript] Add CSS vars type augmentation for Material UI (#33211) @siriwatknp

@mui/[email protected]

• ​[system] Add enableColorScheme option to getInitColorSchemeScript (#33261) @siriwatknp

@mui/[email protected]

• ​[utils] Allow state prefix to be configurable (#32972) @siriwatknp

@mui/[email protected]

• ​[base] Improve the return type of useSlotProps (#33279) @michaldudak
• ​[base] Improve some types (#33270) @mnajdova
• ​[MenuUnstyled] Fix keyboard accessibility of menu items (#33145) @michaldudak
• ​[ModalManager] Lock body scroll when container is inside shadow DOM (#33168) @jacobweberbowery
• ​[SliderUnstyled] Use useSlotProps (#33132) @michaldudak
• ​[TextareaAutosize] Fix crash when used with React 18 & Suspense (#33238) @howlettt
• ​[TextareaAutosize] Fix warnings for too many renders in React 18 (#33253) @mnajdova

@mui/[email protected]

• ​[Joy] Add Sheet doc (#32820) @hbjORbj

Docs

• ​[blog] Polish Why you should migrate to Material UI v5 today (#33244) @oliviertassinari
• ​[docs] Add note in docs about componentsProps.root taking precedence (#33097) @ZeeshanTamboli
• ​[docs] Remove a note about Base components being reexported from Material UI (#33265) @michaldudak
• ​[docs] Update code snippet in docs for custom color palette (#32946) @ZeeshanTamboli
• ​[docs] Fix the docs for production class generation (#31933) @Fafruch
• ​[docs] Fix internal link in Box page (#33149) @davidgarciab
• ​[docs] Badge component link in Base docs should be under Data Display section (#33249) @ZeeshanTamboli
• ​[examples] Fix comment typo (#33256) @WinmezzZ

Core

• ​[core] Remove dead code (#33243) @oliviertassinari
• ​[website] Fix the scroll-top for all the website (#33215) @oliviertassinari
• ​[website] List new core role @oliviertassinari
• ​[website] Fix navigation menu close behavior (#33203) @oliviertassinari

All contributors of this release in alphabetical order: @davidgarciab, @Fafruch, @haneenmahd, @hbjORbj, @howlettt, @jacobweberbowery, @michaldudak, @mnajdova, @oliviertassinari, @SamoraMabuya, @siriwatknp, @WinmezzZ, @ZeeshanTamboli

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/[email protected]

• ​[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/[email protected]

• ​[codemod] Preserve comments within jss-to-tss-react (#33170) @ryancogswell

@mui/[email protected]

• ​[Masonry] Fix flickering when used with React 18 (#33163) @mnajdova

@mui/[email protected]

• ​[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/[email protected]

• ​[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

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/[email protected]

• ​[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/[email protected]

• ​[Stack, system] Apply correct responsive styles if any custom breakpoints are provided (#32913) @ZeeshanTamboli
• ​[system] Fix missing typings for ColorFormat (#32417) @l-zoy

@mui/[email protected]

• ​[codemod] Add support for @mui/styles/makeStyles imports (#32962) @joshkel

@mui/[email protected]

• ​[pickers] Fix broken ref forwarding (#33107) @oliviertassinari
• ​[lab] Fix React's forwardRef warning when importing from the index (#33134) @mnajdova

@mui/[email protected]

• ​[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/[email protected]

• ​[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

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/[email protected]

• [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/[email protected]

• [system] Configurable attributes for libraries (#32971) @siriwatknp

@mui/[email protected]

• [codemod] Fix infinite loop in jss-to-tss-react and add TODO (#33048) @ryancogswell

@mui/[email protected]

• [pickers] Add deprecations when importing pickers from the lab (#32950) @flaviendelangle

@mui/[email protected]

• [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/[email protected]

• [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

May 31, 2022

A big thanks to the 8 contributors who made this release possible. This release is mostly about 🐛 bug fixes and 📚 documentation improvements.

@mui/[email protected]

• ​[system] Add getColorSchemeSelector util (#32868) @siriwatknp

@mui/[email protected]

• ​[Masonry] Place items to the left when there are less objects than specified in column prop (#32873) @hbjORbj

@mui/[email protected]

• ​[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/[email protected]

• ​[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

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/[email protected]

• ​[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/[email protected]

• ​[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/[email protected]

• ​[lab] Add missing peerDependencies (#32623) @nate-summercook
• ​[pickers] Update @mui/x-date-pickers to be usable with React 18 (#32828) @flaviendelangle

@mui/[email protected]

• ​[SliderUnstyled] Fix disabledSwap not being respected in onChangeCommitted (#32647) @JeanPetrov

@mui/[email protected]

• ​[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

May 17, 2022

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

• 🚀 Blog post 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/[email protected]

• ​[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/[email protected]

• ​[system] Add Container component and createContainer factory (#32263) @mnajdova

@mui/[email protected]

• ​[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/[email protected]

• ​[Joy] Add Badge doc (#32790) @siriwatknp
• ​[Joy] Add global variant feature page (#32695) @siriwatknp
• ​[Joy] Add avatar page (#32711) @siriwatknp

@mui/[email protected]

• ​[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

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/[email protected]

• [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/[email protected]

• [System] Support CSS variables for iframes & custom nodes (#32496) @siriwatknp

@mui/[email protected]

• [ButtonUnstyled] Fix keyboard navigation on customized elements (#32204) @michaldudak

@mui/[email protected]

• [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 '<library name>' 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

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/[email protected]

• ​[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/[email protected]

• ​[codemod] Leave numeric arguments to breakpoints functions unchanged (#32426) @ryancogswell
• ​[codemod] Allow for line breaks within theme.spacing parentheses (#32432) @ryancogswell

@mui/[email protected]

• ​[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

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/[email protected]

• [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/[email protected]

• [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/[email protected]

• [InputUnstyled] multiline property should not log DOM warnings for maxRows and minRows props (#32401) @ZeeshanTamboli

@mui/[email protected]

• [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

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/[email protected]

• ​[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/[email protected]

• ​[system] Update style function to use vars automatically if available (#32244) @mnajdova

@mui/[email protected]

• ​[FormControlUnstyled] Revise API (#32134) @michaldudak

@mui/[email protected]

• ​[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

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/[email protected]

• [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/[email protected]

• [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

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/[email protected]

• ​[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/[email protected]

• ​[Badge] Simplify unstyled API (#31974) @michaldudak

@mui/[email protected]

• ​[codemod] Add v5.0.0/date-pickers-moved-to-x codemod (#31373) @flaviendelangle

@mui/[email protected]

• ​[DatePicker] Remove date and time pickers from the lab (#31984) @flaviendelangle

@mui/[email protected]

• ​[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

Big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:

This release was motivated by fixing compatibility issues with TypeScript 4.7 (#32041).

@material-ui/[email protected]

Docs

Core

All contributors of this release in alphabetical order: @eps1lon, @flaviendelangle, @mbrookes, @mnajdova, @oliviertassinari, @spiftire

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/[email protected]

• ​[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/[email protected]

• ​[codemod] Fix variant prop placement (#31990) @ryancogswell

@mui/[email protected]

• ​[utils] Improve type inference of useForkRef (#31845) @eps1lon

@mui/[email protected]

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:

  const BackdropUnstyled = React.forwardRef<HTMLDivElement, { open?: boolean; className: string }>(
    (props, ref) => {
      const { open, className, ...other } = props;
      return <div className={clsx({ 'MuiBackdrop-open': open }, className)} ref={ref} {...other} />;
    },
  );
  

• ​[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).

  -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/[email protected]

• ​[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