@mui/system 5.4.0

v5.4.0

on Node.js Yarn

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 (#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.:

  - @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