npm @material-ui/system 4.0.0-beta.0
on Node.js NPM

latest releases: 4.12.2, 5.0.0-beta.5, 5.0.0-beta.4...
4 years ago
Apr 28, 2019

A big thanks to the 21 contributors who made this release possible!

Here are some highlights ✨:

The library has entered the beta phase of v4.
We are grateful to all the contributors that have helped us so far.
We will focus or effort on the stability of the library for the next two weeks.
We don't plan more breaking changes, at the exception of changes that are required to fix bugs or that have minor impacts.
We hope we can release v4 on May 15th, one year after v1.

Please try the beta out! You can find an upgrade guide to ease the transition.
You will learn more about v4 in the final release blog post and our plans for the future.

@material-ui/core@v4.0.0-beta.0

Breaking changes

  • [styles] Generate global class names (#15140) @oliviertassinari
    Remove the dangerouslyUseGlobalCSS options (makes it the default behavior).

  • [Modal] -74% bundle size reduction when used standalone (#15466) @oliviertassinari
    Remove the classes customization API for the Modal component.

  • [core] Remove RootRef usage (#15347) @joshwooding
    The Modal and Dialog child needs to be able to hold a ref. 

    class Component extends React.Component {
  render() {
    return <div />
  }
}
-const MyComponent = props => <div {...props} />
+const MyComponent = React.forwardRef((props, ref) => <div ref={ref} {...props} />);
<Modal><Component /></Modal>
<Modal><MyComponent /></Modal>
<Modal><div /></Modal>

  • [ClickAwayListener] Hide react-event-listener (#15420) @oliviertassinari

  • [Slide] Convert to function component (#15344) @joshwooding
    The child needs to be able to hold a ref. 

    class Component extends React.Component {
  render() {
    return <div />
  }
}
-const MyComponent = props => <div {...props} />
+const MyComponent = React.forwardRef((props, ref) => <div ref={ref} {...props} />);
<Slide><Component /></Slide>
<Slide><MyComponent /></Slide>
<Slide><div /></Slide>

Changes

@material-ui/styles@v4.0.0-beta.0

Docs

Core

Check out latest releases or
releases around @material-ui/system 4.0.0-beta.0

Don't miss a new system release

NewReleases is sending notifications on new releases.

Get notifications