npm @material-ui/core 5.0.0-alpha.37
v5.0.0-alpha.37

latest releases: 4.12.4, 5.0.0-beta.5, 5.0.0-beta.4...
3 years ago

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} />
    </Grid>

    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.

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

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

Changes

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

    -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

@material-ui/unstyled@5.0.0-alpha.37

@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

Docs

Core

All contributors of this release in alphabetical order: @chadmuro, @eps1lon, @likitarai1, @mnajdova, @nikitabobers, @oliviertassinari, @robphoenix, @sakura90, @siriwatknp, @varandasi, @vicasas

Don't miss a new core release

NewReleases is sending notifications on new releases.