Use MDC Web Typings

[moog16]

• Update MDC Web select (New select (drop down menu attached to a text field) #242)
• Update to updated notched outline (Notched Outline on Text Field messes up the responsiveness when there's a value #560)
• Update list. Breaking changes in 42, 43, and 44 (feat(list): update to MDC Web 1.0.0 #740)
• Update checkbox, fab from breaking changes in 0.42.0 https://github.com/material-components/material-components-web/blob/master/CHANGELOG.md#0420-2018-12-04
• Update snackbar, button, tab-bar from 0.42.0 changes https://github.com/material-components/material-components-web/blob/master/CHANGELOG.md#0430-2019-01-07
• Update text field from 0.44.0 changes
• Add Menu to add select
• Update Chips from 0.44.0 changes

Components with breaking changes

• tab-bar
• snackbar
• button
• list
• checkbox
• fab
• text field
• select
• notched outline

Other components with no breaking changes

• card
• chips
• dialog
• drawer
• floating-label
• icon-button (@ben-mckernan)
• [ ] layout-grid
• line-ripple
• linear-progress
• menu-surface
• radio
• ripple
• switch
• tab
• tab-indicator
• tab-scroller
• top-app-bar
• typography

[gugu]

material-icon has no dependency on mdc-web

[gugu]

Bundle size before: 1.74 Mb from material-web

Current bundle size: 960 kb from material-web and we can save 560 kb more

[moog16]

Are you saying by updating to the latest, we're cutting ~70%??

[gugu]

Yes. That's why I'm working on it - I want to reduce bundle size in my project

[gugu]

But it is mdc-web only, @material/react-* will have the same size

[moog16]

Right right - it must be the tree shaking feature that we added in v1. Then hopefully we can get back to the all-in-one package. Also I really appreciate your work on this!

[gugu]

Is there anything left with:

1. snackbar, button, tab-bar (I did not find changes)
2. layout-grid - last released version is v0.41

[moog16]

• I think you updated tab-bar already
• and you're right - snackbar was developed during v0.43.0, which is when the breaking change was introduced.
• this leaves notched-outline, text-field, select (I'm working on it), button (I opened the PR), and icon-button (@ben-mckernan).

We're looking good to go for releasing in v0.12.0!

[gugu]

I'll start text field in this case. Notched outline is changed, but textfield needs to be changed as well to support it correctly

[moog16]

correct...text-field will take a bit of time I'm sure. Once that is done, we should update all the other packages @v1 --> v1.1.0 or v1.0.1 (whatever is latest).

[ghost]

@gugu
Oh my god, are you already start to update text-field?
If you already working on it, I'll close this PR(#812).

[gugu]

No, I don't

[moog16]

This should have been closed when 0.12.0 was released.