github mui-org/material-ui v5.0.0-alpha.37

Jun 15, 2021

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.
  <Grid container spacing={{ xs: 2, md: 3 }} columns={{ xs: 1, sm: 2, md: 3 }}>
    <Grid item xs={2} sm={4} md={4} />
    <Grid item xs={2} sm={4} md={4} />
    <Grid item xs={2} sm={4} md={4} />

Head to the documentation 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. 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 for more details.
  • And many more πŸ› bug fixes and πŸ“š improvements.


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.

  <button class="MuiButton-root">
  - <span class="MuiButton-label">
  - </span>


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


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.

  -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


  • [system] Add useThemeProps & useTheme hooks (#26649) @mnajdova
  • [system] Add color manipulators (#26668) @mnajdova
  • [system] Fix support of custom shape in createTheme (#26673) @varandasi


  • [Slider] Improve TS definition (#26642) @mnajdova
  • [TrapFocus] Capture nodeToRestore via relatedTarget (#26696) @eps1lon


  • Revert "[icons] Only ship ES modules (#26310)" (#26656) @eps1lon

The changes that we have tried in #26310 were breaking the integration with Next.js.


  • [core] Remove unused useKeyDown (#26765) @eps1lon
  • [DateTimePicker] Fix not visible selected tab icon (#26624) @nikitabobers


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

latest releases: v4.12.3, v5.0.0-beta.2, v4.12.2...
pre-releaseone month ago