Homepage
All Releases

v4.0.0-alpha.8

Apr 17, 2019

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

Here are some highlights ✨:

We hope the next release can be 4.0.0-beta.0. Here are the last breaking changes we want to introduce:

  • Remove the dangerouslyUseGlobalCSS option (make it the default behavior) (#15140)
  • Require the Slide and Modal child element to be able to hold a ref (#15344, #15347)
  • Hide the EventListener dependency of ClickAwayListener (#15126)

We have done a lot of changes in the alpha phase. The beta phase will be used to stabilize the library, we might have introduced bugs. We will encourage people to try the beta out. We hope the migration will be smooth with the upgrade guide.

We hope 2-3 weeks of beta will be enough. We plan on releasing v4 stable in May.

@material-ui/core@v4.0.0-alpha.8

Breaking change

  • [Paper] Reduce the default elevation (#15243) @oliviertassinari Change the default Paper elevation to match the Card and the Expansion Panel:

    -<Paper />
+<Paper elevation={2} />

  • [List] Update to match the specification (#15339) @oliviertassinari Rework the list components to match the specification:

    • The usage of the ListItemAvatar component is required when using an avatar
    • The usage of the ListItemIcon component is required when using a left checkbox
    • The edge property should be set on the icon buttons.

  • [actions] Rename disableActionSpacing to disableSpacing (#15355) @oliviertassinari

    • [CardActions] Rename the disableActionSpacing prop disableSpacing.
    • [CardActions] Remove the disableActionSpacing CSS class.
    • [CardActions] Rename the action CSS class spacing.
    • [DialogActions] Rename the disableActionSpacing prop disableSpacing.
    • [DialogActions] Rename the action CSS class spacing.
    • [ExpansionPanelActions] Rename the action CSS class spacing.

  • [Tooltip] Convert to function component (#15291) @joshwooding

    • The child of the Tooltip 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} />);
<Tooltip><Component /></Tooltip>
<Tooltip><MyComponent /></Tooltip>
<Tooltip><div /></Tooltip>

Changes

@material-ui/styles@v4.0.0-alpha.8

@material-ui/system@v4.0.0-alpha.8

@material-ui/docs@v4.0.0-alpha.8

Docs

Core