Homepage

v4.0.2

June 3, 2019

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

Here are some highlights ✨:

@material-ui/core@v4.0.2

@material-ui/styles@v4.0.2

  • [styles] Remove warning when component with no displayName is provided (#15913) @eps1lon
  • [styles] Fix createStyles for TypeScript v3.5 (#15990) @merceyz

@material-ui/system@v4.0.2

@material-ui/lab@v4.0.0-alpha.15

@material-ui/codemod@v4.0.2

  • [codemod] Improve theme codemod to handle destructured theme.spacing (#15916) @sviande

Docs

Core

v4.0.1

May 27, 2019

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

Here are some highlights ✨:

  • 🐛 A stability release after the release of v4.0.0.
  • 🤖 A new codemod to migrate the theme.spacing.unit API (#15782) @joshwooding
  • 🐛 Fix IE 11 crash (#15856) @aditya1906
  • 📚 Clean up the documentation after the next -> master migration

@material-ui/core@v4.0.1

@material-ui/icons@v4.0.1

@material-ui/codemod@v4.0.1

@material-ui/styles@v4.0.1

@material-ui/lab@v4.0.0-alpha.14

Docs

Core

v4.0.0

May 23, 2019

Material-UI v4 is out 🎉

Some statistics with v4 compared to the release of v1 one year ago:

  • From 300k downloads/month to 2M downloads/month on npm
  • From 90k users/month to 350k users/month on the documentation

@material-ui/lab@v4.0.0-alpha.13

@material-ui/system@v4.0.0

Docs

Core

v4.0.0-rc.0

May 20, 2019

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

We have done the very last breaking changes (nothing significant). The release of v4 is imminent, stay tuned!

@material-ui/core@v4.0.0-rc.0

Breaking changes

  • [ClickAwayListener] Fix scrollbar interaction (#15743) @Umerbhat

    -<ClickAwayListener />
+<ClickAwayListener mouseEvent="onMouseUp" />

    We recommend the default value since mouseup will be triggered by clicks on scrollbars.

  • [Tabs] Hide scrollbar buttons when possible (#15676) @whitneymarkov

    -<Tabs />
+<Tabs scrollButtons="desktop" />

  • [Tabs] Remove deprecated fullWidth and scrollable props (#15670) @mbrookes

    -<Tabs fullWidth scrollable />
+<Tabs variant="scrollable" />

Changes

@material-ui/icons@v4.0.0-rc.0

@material-ui/lab@v4.0.0-alpha.12

Docs

Core

  • [test] Colocate shadow root test for focus visible with implementation (#15712) @eps1lon
  • [test] Extend StrictMode tests (#15714) @eps1lon
  • [core] Add missing fontStyle type to TypographyStyle (#15733) @merceyz

v4.0.0-beta.2

May 13, 2019

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

This is a stability release preparing v4.

@material-ui/core@v4.0.0-beta.2

@material-ui/styles@v4.0.0-beta.2

@material-ui/system@v4.0.0-beta.2

  • [system] Fix css function rejecting certain prop types (#15611) @eps1lon

@material-ui/lab@v4.0.0-alpha.11

Docs

Core

v4.0.0-beta.1

May 5, 2019

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

Here are some highlights ✨:

  • 🐛 Many bug fixes based on people migrating from v3 to v4.
  • 💄 Responsive font sizes (#14573) @n-batalha.
  • 💄 AppBar scroll behavior (#15522) @cvanem.
  • ♿️ Better Button and Tooltip keyboard behavior (#15398, #15484) @eps1lon.
  • And many more 🔍 TypeScript fixes and 📚 documentation improvements.

@material-ui/core@v4.0.0-beta.1

Bug fixes / Breaking changes

  • [ListItem][expansionpanel] Follow the style convention (#15534) @oliviertassinari Fix a CSS override issue.
  • [Tooltip] Display only on keyboard focus (#15398) @eps1lon Fix an accessibility issue.

Changes

@material-ui/styles@v4.0.0-beta.1

@material-ui/types@v4.0.0-beta.2

@material-ui/system@v4.0.0-beta.1

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

Docs

Core

v4.0.0-beta.0

Apr 28, 2019

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

Here are some highlights ✨:

The library has entered the beta phase of v4. We are grateful to all the contributors that have helped us so far. We will focus or effort on the stability of the library for the next two weeks. We don't plan more breaking changes, at the exception of changes that are required to fix bugs or that have minor impacts. We hope we can release v4 on May 15th, one year after v1.

Please try the beta out! You can find an upgrade guide to ease the transition. You will learn more about v4 in the final release blog post and our plans for the future.

@material-ui/core@v4.0.0-beta.0

Breaking changes

  • [styles] Generate global class names (#15140) @oliviertassinari Remove the dangerouslyUseGlobalCSS options (makes it the default behavior).

  • [Modal] -74% bundle size reduction when used standalone (#15466) @oliviertassinari Remove the classes customization API for the Modal component.

  • [core] Remove RootRef usage (#15347) @joshwooding The Modal and Dialog child 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} />);
<Modal><Component /></Modal>
<Modal><MyComponent /></Modal>
<Modal><div /></Modal>

  • [ClickAwayListener] Hide react-event-listener (#15420) @oliviertassinari

  • [Slide] Convert to function component (#15344) @joshwooding The child 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} />);
<Slide><Component /></Slide>
<Slide><MyComponent /></Slide>
<Slide><div /></Slide>

Changes

@material-ui/styles@v4.0.0-beta.0

Docs

Core

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

v4.0.0-alpha.7

Apr 8, 2019

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

Here are some highlights ✨:

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

Breaking changes

  • [Switch][radio][Checkbox] Improve specification compliance (#15097) @oliviertassinari

    Refactore the implementation to make it easier to override the styles. Rename the class names to match the specification wording:

    -icon
-bar
+thumb
+track

  • [Snackbar] Match the new specification (#15122) @oliviertassinari

    • Change the dimensions
    • Change the default transition to from Slide to Grow.

  • [TextField] Fix height inconsistency (#15217) @gautam-relayr

    Remove the inputType class from InputBase.

Changes

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

Docs

Core

v4.0.0-alpha.6

Mar 30, 2019

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

Here are some highlights ✨:

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

Breaking changes

  • [Typography] Better defaults (#15100) @oliviertassinari

    • Change the default variant from body2 to body1. A font size of 16px is a better default than 14px. Bootstrap, material.io, and even our documentation use 16px as the default font size. 14px like Ant Design is understandable as Chinese users have a different alphabet. We document 12px as the default font size for Japanese.
    • Remove the default color from the typography variants. The color should inherit most of the time. It's the default behavior of the web.
    • Rename color="default" to color="initial" following the logic of #13028. The use of default should be avoided, it lacks semantic meaning.

  • [Container] Move to the core (#15062) @oliviertassinari

Changes

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

@material-ui/lab@v4.0.0-alpha.6

Docs

Core