Skip to content

v5.0.0-alpha.15

Pre-release
Pre-release
Compare
Choose a tag to compare
@oliviertassinari oliviertassinari released this 04 Nov 22:09
Nov 4, 2020

Big thanks to the 20 contributors who made this release possible. Here are some highlights ✨:

  • ⚛️ Add support for React 17 (#23311) @eps1lon.
    React 17 release is unusual because it doesn't add any new developer-facing features. It was released a couple of days ago. You can learn more about it in the introduction post. Material-UI now supports ^16.8.0 || ^17.0.0.

  • 🛠 Introduce a new @material-ui/unstyled package (#23270) @mnajdova.
    This package will host the unstyled version of the components. In this first iteration, only the Slider is available. You can find it documented under the same page as the styled version.

    Why an unstyled package?

    While engineering teams are successfully building custom design systems by wrapping Material-UI, we occasionally hear that Material Design or our styling solution are something they don't need. Some teams prefer SASS, others prefer to customize the components starting from a pristine state. What all these teams have in common is that they value the features coming from the components, such as accessibility.

    The unstyled package goes one step down in the abstraction layer, providing more flexibility. Angular Material introduced this approach two years ago. Today their unstyled components account for 25% of the usage.

    Another reason for introducing this package is to prepare the groundwork for a second theme (not Material Design based).

    A note on the terminology: "unstyled" means that the components have the same API as the "styled" components but come without CSS. Material-UI also contains "headless" components that exposes a hook API, e.g. useAutocomplete or usePagination.

    This change is part of our strategy to iterate on the v5 architecture with the Slider first. In the next alpha release, we plan to replace the v4 slider with the v5 slider. Once the new approach is stress-tested and validated, we will roll it out to all the components.

  • And many more 🐛 bug fixes and 📚 improvements.

@material-ui/[email protected]

Breaking changes

  • [AppBar] Fix z-index when position="static" (#23325) @sujinleeme
    Remove z-index when position static and relative

  • [theme] Fix error message for augmentColor failure (#23371) @reedanders
    The signature of theme.palette.augmentColor helper has changed:

    -theme.palette.augmentColor(red);
    +theme.palette.augmentColor({ color: red, name: 'brand' });

Changes

@material-ui/[email protected]

@material-ui/[email protected]

@material-ui/[email protected]

@material-ui/[email protected]

@material-ui/[email protected]

Docs

Core