Skip to content

v4.0.0-alpha.1

Pre-release
Pre-release
Compare
Choose a tag to compare
@oliviertassinari oliviertassinari released this 20 Feb 11:02
Feb 20, 2019

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

Here are some highlights ✨:

@material-ui/[email protected]

Breaking change

  • [Typography] Remove deprecated Typography variants (#14562) @joshwooding

    • Remove the deprecated typography variants. You can upgrade by performing the following replacements:
      • display4 => h1
      • display3 => h2
      • display2 => h3
      • display1 => h4
      • headline => h5
      • title => h6
      • subheading => subtitle1
      • body2 => body1
      • body1 (default) => body2 (default)
    • Remove the opinionated display: block default typograpghy style.
      You can use the new display?: 'initial' | 'inline' | 'block'; property.
    • Rename the headlineMapping property to better align with its purpose.
    -<MuiTypography headlineMapping={headlineMapping}>
    +<MuiTypography variantMapping={variantMapping}>
  • [InputLabel] Remove FormLabelClasses in favor of asterisk class (#14504) @umairfarooq44

You should be able to override all the styles of the FormLabel component using the css API of the InputLabel component. We do no longer need the FormLabelClasses property.

<InputLabel
- FormLabelClasses={{ asterisk: 'bar' }}
+ classes={{ asterisk: 'bar' }}
>
  Foo
</InputLabel>
  • [TablePagination] Only raise a warning when the page is out of range (#14534) @leMaik

The TablePagination component does no longer try to fix invalid (page, count, rowsPerPage) property combinations. It raises a warning instead.

Changes

@material-ui/[email protected]

Breaking changes

Remove the first option argument of withTheme(). The first argument was a placeholder for a potential future option. We have never found a need for it. It's time to remove this argument. It matches the emotion and styled-components API.

-const DeepChild = withTheme()(DeepChildRaw);
+const DeepChild = withTheme(DeepChildRaw);

Changes

@material-ui/[email protected]

Docs

Core