Material-ui: Material guidelines are updated

[kybarg]

Google has recently updated material guidelines (Material 2.0) https://material.io/
There are no significant changes, but new components were introduced as well as some has chnaged appearance slightly.
I'm wondering if those changes going to be added to Material UI before 1.0.0 release,
Your thoughts, thank you.

[oliviertassinari]

We will work on these changes post v1.

[PolGuixe]

I would love to see how we can use the new theming guidelines to improve the theming features of Material-UI

BTW when is 1.0 going to be frozen and released? 🤔

[ianschmitz]

@PolGuixe May 17

[mrmckeb]

We're just about to start a new project using this library, and I'm interested in (and happy to contribute to) work around "Material Theming". Is there a roadmap or are there any discussions around this yet?

[Aubron]

Agreed. If a contributor could set up a 'project' for this, I'd be happy to start laying down the individual updates to the spec for folks to start picking up. IIRC that's how the V1 project was handled.

Roadmap of changes to work off of:
https://github.com/material-components/material-components/blob/develop/ROADMAP.md/

[liamdanielduffy]

As discussed in #11498, is it possible that we could implement the theming options newly introduced here in a future update to the material-ui theming API?

@mrmckeb @Aubron do you have any ideas on how to move forward with contributing this to the library?

[oliviertassinari]

@liamdanielduffy What do you think is missing from the theming API? I believe people can already build non material theme on top of Material-UI. I personally had great success doing it in the past.

[liamdanielduffy]

@oliviertassinari actually, looking more closely at the full theme object, I guess the only unsupported parts from that page are the bezeled corners, which you were discussing in #11498.

Thanks anyway for following up!

[liamdanielduffy]

@oliviertassinari is the backdrop component (described here) implemented? I couldn't find a demo for it in 'Component Demos'

[liamdanielduffy]

@oliviertassinari other parts of the spec I'm seeing that could be updated:

Outlined and Filled Text Fields
Banners Component
Dragging, Sorting, Focusing Image List

[designjudo]

For the new textfield spec, it should just be CSS.. ( Sorry we use styled-components, a bit hacky ):

The bootstrap approach is a bit more complex, as the label moves over the border of the outline.

const StyledInput = styled(TextField)`
  margin-right: 24px;
  background: ${p => p.theme.palette.grey[100]};
  border-radius: 4px 4px 0 0;

// helper text
  p {  
      background: none;
      position: absolute;
      margin-top: 56px;
      padding-left: 8px;
  }

  label {
      padding-left: 8px;
  }

  input {
      padding-left: 8px;
  }

  textarea {
      padding-left: 8px;
  }
`

[victorferreira]

I was looking at the docs (material.io) and could find any documentation on the stepper component, you can only find it in the archive. It seams that they have dropped it in the new version of Material Design. Are there plans to keep supporting the stepper component going forward?

[mbrookes]

@victorferreira We have no plans to drop support at this time. There are a number of other components no longer in the core spec that we will continue to support for the foreseeable future: https://material-ui.com/getting-started/supported-components/

[oliviertassinari]

I'm closing, we have updated our components to keep up with the new specification. It's an ongoing effort, you can track our progress with the material design spec issue label.