/material-ui

Latest release
v3.6.2
Latest release

@oliviertassinari oliviertassinari released this Dec 9, 2018 · 8 commits to master since this release

Assets 2
Dec 9, 2018

Big thanks to the 20 contributors who made this release possible!

Here are some highlights ✨:

@material-ui/core@v3.6.2

@material-ui/lab@v3.0.0-alpha.25

@material-ui/styles@v3.0.0-alpha.3

Docs

Core

v3.6.1

@oliviertassinari oliviertassinari released this Dec 1, 2018 · 47 commits to master since this release

Assets 2
Dec 1, 2018

Big thanks to the 15 contributors who made this release possible!

There are no fundamental changes in this version.
It's a stability release after v3.6.0. It contains tons of bug fixes 🐛.

@material-ui/core@v3.6.1

@material-ui/styles@v3.0.0-alpha.2

Docs

Core

v3.6.0

@oliviertassinari oliviertassinari released this Nov 26, 2018 · 75 commits to master since this release

Assets 2
Nov 26, 2018

Big thanks to the 28 contributors who made this release possible!

The last release was two weeks ago.
Last weekend, we have missed the release train 🚃.
As a consequence, this is a dense release.

Here are some highlights ✨:

@material-ui/core@v3.6.0

Deprecations

The floating action button doesn't share many styles with the default button component.
We are extracting the variant into its own component.
This way, we better isolate the concerns.
We will remove the FAB styles from the button in v4, making the Button component more lightweight, a win for people overriding our styles.

-import Button from '@material-ui/core/Button';
+import Fab from '@material-ui/core/Fab';

-<Button variant="fab" color="primary">
+<Fab color="primary">
  <AddIcon />
-</Button>
+</Fab>
  • [Divider] Add support for middle divider by introducing a variant prop (#13574) @joshwooding

We are introducing a new variant to the divider component: middle. Following our API guideline, we can no longer use a boolean property, it needs to be an enum, hence the introduction of the variant property.

import Divider from '@material-ui/core/Divider';

-<Divider inset />
+<Divider variant="inset" />

Changes

@material-ui/lab@v3.0.0-alpha.24

  • [Slider] Fix sticky slider when mousing off the window then back in (#13479) @gkjohnson
  • [Slider] Fix visual hover state on disabled slider (#13638) @eps1lon
  • [Slider] Add missing thumb TypeScript definition (#13650) @dhiroll

@material-ui/styles@v3.0.0-alpha.1

@material-ui/docs@v3.0.0-alpha.8

  • Fix the @material-ui/utils require error.

Docs

Core

v3.5.1

@oliviertassinari oliviertassinari released this Nov 12, 2018 · 125 commits to master since this release

Assets 2
Nov 13, 2018

Big thanks to the 13 contributors who made this release possible!

Here are some highlights ✨:

The Material-UI's styling solution has pretty much stayed the same for the last 12 months.
Some interesting CSS-in-JS libraries like styled-components, emotion or linaria have emerged.
This new package is a significant step forward. Some of the key features:

  • Supports 4 different APIs: hooks, styled-components, higher-order components and render props.
  • Allow accessing the component's props from within the style object.
  • Replace the usage of the old React APIs with the new ones.
  • 15.0 KB gzipped.

Here is an example: https://codesandbox.io/s/vjzn5z4k77.

import Button from '@material-ui/core/Button';
import React from 'react';
import { makeStyles } from '@material-ui/styles';

// Like https://github.com/brunobertolini/styled-by
const styledBy = (property, mapping) => props => mapping[props[property]];

const useStyles = makeStyles({
  root: {
    background: styledBy('color', {
      red: 'linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)',
      blue: 'linear-gradient(45deg, #2196F3 30%, #21CBF3 90%)',
    }),
    border: 0,
    borderRadius: 3,
    boxShadow: styledBy('color', {
      red: '0 3px 5px 2px rgba(255, 105, 135, .3)',
      blue: '0 3px 5px 2px rgba(33, 203, 243, .3)',
    }),
    color: 'white',
    height: 48,
    padding: '0 30px',
  },
});

function MyButton(props) {
  const { color, ...other } = props;
  const classes = useStyles(props);
  return <Button className={classes.root} {...other} />;
}

function AdaptingHook() {
  return (
    <div>
      <MyButton color="red">Red</MyButton>
      <br />
      <br />
      <MyButton color="blue">Blue</MyButton>
    </div>
  );
}

export default AdaptingHook;

Powered by JSS.

  • Remove some usages of the old React's APIs (#13487, #13529, #13503) @eps1lon.
  • Add a language menu in the documentation and persist states between repeated visits (#13544, #13567) @mbrookes
  • And many more 🐛 bug fixes and 📝 documentation improvements.

@material-ui/core@v3.5.1

@material-ui/styles@v3.0.0-alpha.0

Docs

Core

v3.5.0

@oliviertassinari oliviertassinari released this Nov 12, 2018 · 128 commits to master since this release

Assets 2

Corrupted, don't use.

v3.4.0

@oliviertassinari oliviertassinari released this Nov 4, 2018 · 158 commits to master since this release

Assets 2
Nov 5, 2018

Big thanks to the 16 contributors who made this release possible!

Here are some highlights ✨:

  • ⚛️ Fix some React 16.6.0 warnings in StrictMode (#13498, #13477) @eps1lon.
  • 💅 Improve the customization of the outlined input (#13428) @oliviertassinari.
  • And many more bug fixes and documentation improvements.

@material-ui/core@v3.4.0

@material-ui/lab@v3.0.0-alpha.23

Docs

Core

v3.3.2

@oliviertassinari oliviertassinari released this Oct 27, 2018 · 192 commits to master since this release

Assets 2
Oct 27, 2018

Big thanks to the 17 contributors who made this release possible!

Here are some highlights ✨:

@material-ui/core@v3.3.2

@material-ui/lab@v3.0.0-alpha.22

  • [Slider] Improve performance of slider (#13325) @Pajn

Docs

Core

v3.3.1

@oliviertassinari oliviertassinari released this Oct 23, 2018 · 217 commits to master since this release

Assets 2
Oct 24, 2018

Big thanks to the 8 contributors who made this release possible!

🐛 This is a quick patch after an important regression with the Modal component.

@material-ui/core@v3.3.1

Docs

v3.3.0

@oliviertassinari oliviertassinari released this Oct 21, 2018 · 228 commits to master since this release

Assets 2
Oct 21, 2018

Big thanks to the 26 contributors who made this release possible!

Here are some highlights ✨:

  • 🐛 Fix some important issues with the Modal (#13082, #13310) @J-Kallunki.
  • 📝 First translations of the documentation in Chinese (#13094) @mbrookes.
  • 📦 Make the Drawer demos usable outside of the box (#13314).
  • And many more bug fixes and documentation improvements.

@material-ui/core@v3.3.0

@material-ui/lab@v3.0.0-alpha.21

@material-ui/docs@v3.0.0-alpha.7

Docs

Core

v3.2.2

@oliviertassinari oliviertassinari released this Oct 15, 2018 · 272 commits to master since this release

Assets 2
Oct 16, 2018

Big thanks to the 3 contributors who made this release possible!
This is a quick patch after important regressions.

@material-ui/core@v3.2.2

Core