Skip to content

v4.0.0-alpha.8

Pre-release
Pre-release
Compare
Choose a tag to compare
@oliviertassinari oliviertassinari released this 17 Apr 21:15
v4.0.0-alpha.8
92d6e98
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/[email protected]

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/[email protected]

@material-ui/[email protected]

@material-ui/[email protected]

Docs

Core

Assets 2
Loading