All Versions
500
Latest Version
Avg Release Cycle
9 days
Latest Release
-

Changelog History
Page 29

  • v4.0.0-alpha.16 Changes

    • 👍 [Slider] Support range (#15703) @oliviertassinari

  • v4.0.0-alpha.15 Changes

    • [lab] Consume correct core utils in lab (#15995) @TrySound

  • v4.0.0-alpha.14 Changes

    • [lab] Add missing clsx calls (#15809) @merceyz

  • v4.0.0-alpha.13 Changes

    • [ToggleButtonGroup] Added missing size prop to type declarations (#15785) @CoolCyberBrain

  • v4.0.0-alpha.12 Changes

    • [SpeedDial] Convert to function component (#15737) @jeongsd

  • v4.0.0-alpha.11 Changes

    • [SpeedDial] Fix classname override logic (#15652) @janhesters

  • v4.0.0-alpha.10 Changes

    • [Slider] Save focus after click (#15439) @jztang

  • v4.0.0-alpha.1 Changes

    💥 Breaking Changes

    • 🚚 [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.

  • v4.0.0-alpha.0 Changes

    💥 Breaking Changes

    • [core] Increase React peer dependency to v16.8.0 (#14432) @oliviertassinari

    The upgrade path to React 16.8.0 should be pretty easy for our users. Introducing this breaking change in v4 enables the following:

    • We can remove the recompose dependency and use the new React.memo() API.

    • Before or after v4 is out, we can gradually migrate the core components to use the Hook API.

      • [Grid] Use a unitless spacing API (#14099) @ifndefdeadmau5

    🚚 In order to support arbitrary spacing values and to remove the need to mentally count by 8, we are changing the spacing API:

      /**
   * Defines the space between the type `item` component.
   * It can only be used on a type `container` component.
   */
-  spacing: PropTypes.oneOf([0, 8, 16, 24, 32, 40]),
+  spacing: PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]),

    💻 Going forward, you can use the theme to implement a custom Grid spacing transformation function: https://material-ui.com/system/spacing/#transformation.

    • [theme] Make theme.palette.augmentColor() pure (#13899) @ryancogswell

    The theme.palette.augmentColor() method no longer performs a side effect on its input color. In order to use it correctly, you have to use the output of this function.

    -const background = { main: color };
-theme.palette.augmentColor(background);
+const background = theme.palette.augmentColor({ main: color });

console.log({ background });
    • [core] Change UMD output name to 'MaterialUI' (#13142) @tkrotoff

    This change eases the use of Material-UI with a CDN:

      const {
    Button,
    TextField,
  -} = window['material-ui'];
  +} = MaterialUI;

    It's consistent with the other projects:

    • material-ui => MaterialUI
    • react-dom => ReactDOM

    • prop-types => PropTypes

      • 💅 [Button] Remove deprecated props and styles (#14383) @mbrookes

    ✂ Remove the deprecated button flat, raised and fab variants:

    -<Button variant="raised" />
+<Button variant="contained" />

    -<Button variant="flat" />
+<Button variant="text" />

    -import Button from '@material-ui/core/Button';
-<Button variant="fab" />
+import Fab from '@material-ui/core/Fab';
+<Fab />
    • 👍 [core] Drop official node 6 support (#14379) @eps1lon

  • v3.9.4 Changes

    • [Portal] Fix circular PortalProps Types (#18602)

    Fix TypeScript 3.7 support