Skip to content

v5.0.0-alpha.37

Pre-release
Pre-release
Compare
Choose a tag to compare
@mnajdova mnajdova released this 15 Jun 17:51
· 7573 commits to next since this release
v5.0.0-alpha.37
c795ca0
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.

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

Assets 2