github mui-org/material-ui v5.0.0-beta.0

Jul 01, 2021

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 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.
  • 🐛 The majority of other changes in this release were bug fixes, test utilities and docs.


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.

  <button class="MuiTab-root">
  - <span class="MuiTab-wrapper">
  - </span>
  • [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.

  <button class="MuiBottomNavigationAction-root">
  - <span class="MuiBottomNavigationAction-wrapper">
      <span class="MuiBottomNavigationAction-label">
  - </span>


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


  • [codemod] Add CLI (#26941) @eps1lon


  • [icons] Regenerate transpiled files (#26985) @eps1lon


Breaking changes

  • [DatePicker] Remove helper text default value (#26866) @DouglasPds

Make the default rendered text field closer to the most common use cases (denser).

    label="Helper text example"
    renderInput={(params) => (
  -    <TextField {...params} />
  +    <TextField {...params} helperText={params?.inputProps?.placeholder} />


  • [lab] Fix missing dependency on unstyled (#26937) @fishyFrogFace
  • [pickers] Consider TDate in ToolbarComponent types (#27035) @michal-perlakowski


  • [system] Support array overridesResolver (#26824) @siriwatknp


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

latest releases: v5.0.0-beta.2, v4.12.2, v5.0.0-beta.1...
pre-release27 days ago