yarn @material-ui/core 5.0.0-alpha.10

latest releases: 4.12.4, 5.0.0-beta.5, 5.0.0-beta.4...
3 years ago
Sep 15, 2020

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

  • Keep working on the breaking changes before v5-beta.
    As always, you should find a clear and simple upgrade path for each of them.
  • And many more 🐛 bug fixes and 📚 improvements.

@material-ui/core@v5.0.0-alpha.10

Breaking changes

  • [Accordion] Normalize focusVisible logic (#22567) @oliviertassinari
    Rename focused to focusVisible for consistency with the other components:

    <Accordion
      classes={{
    -   focused: 'custom-focus-visible-classname',
    +   focusVisible: 'custom-focus-visible-classname',
      }}
    />
  • [Stepper] Remove Paper and built-in padding (#22564) @mbrookes
    The root component (Paper) was replaced with a <div>. Stepper no longer has elevation, nor inherits Paper's props. This change is meant to encourage composition.

    -<Stepper elevation={2}>
    -  <Step>
    -    <StepLabel>Hello world</StepLabel>
    -  </Step>
    -</Stepper>
    +<Paper square elevation={2}>
    +  <Stepper>
    +    <Step>
    +      <StepLabel>Hello world</StepLabel>
    +    </Step>
    +  </Stepper>
    +<Paper>

    Remove the built-in 24px padding for consistency with the other components that avoid reserving space anytime it's possible.

    -<Stepper>
    -  <Step>
    -    <StepLabel>Hello world</StepLabel>
    -  </Step>
    -</Stepper>
    +<Stepper style={{ padding: 24 }}>
    +  <Step>
    +    <StepLabel>Hello world</StepLabel>
    +  </Step>
    +</Stepper>
  • [theme] Always return default spacing value with px units (#22552) @mbrookes

    theme.spacing now returns single values with px units by default.
    This change improves the integration with styled-components & emotion (with the CSS template strings syntax).

    Before:

    theme.spacing(2) => 16
    

    After:

    theme.spacing(2) => '16px'
    

    You can restore the previous behavior with:

    -const theme = createMuiTheme();
    +const theme = createMuiTheme({
    +  spacing: x => x * 8,
    +});
  • [theme] Remove palette.text.hint key (#22537) @mbrookes

    The theme.palette.text.hint key was available but unused in Material-UI v4 components.
    You can use adaptV4Theme() to restore the previous behavior.

Changes

@material-ui/lab@v5.0.0-alpha.10

Breaking changes

  • [Rating] Use different shape for empty and filled icons (#22554) @oliviertassinari
    Change the default empty icon to improve accessibility (1.4.1 WCAG 2.1).
    If you have a custom icon prop but no emptyIcon prop, you can restore the previous behavior with:

    <Rating
      icon={customIcon}
    + emptyIcon={null}
    />

Changes

Docs

Core

Don't miss a new core release

NewReleases is sending notifications on new releases.