Oct 17, 2020
Big thanks to the 25 contributors who made this release possible.
Here are some highlights ✨:
-
📦 Ship modern bundle (#22814) @eps1lon.
This is a significant update to the browsers supported by Material-UI.
The previous policy was defined 2 years ago, and the landscape has evolved since then. The package now includes 4 bundles:stable
(default, formerlyesm
) which targets a snapshot (on release) of> 0.5%, last 2 versions, Firefox ESR, not dead, not IE 11"
node
(formerly default) which targets a snapshot (on release) ofmaintained node versions
legacy
(new) which isstable
+ IE11modern
(formerlyes
) which targets the last 1 version of evergreen browsers and active node (currently that is 14
The change yields a 6% reduction in bundle size 📦 (Babel only).
In the coming weeks, we will refactor the internals to take advantage of the new browser capabilities that dropping these older platforms allows. For instance, we might be able to remove the span we render inside the<Button>
to work around Flexbug #9.Check the updated Supported platforms documentation and new "minimizing bundle size" guide.
If you target IE11, you need to use the new bundle (
legacy
). We are treating IE11 as a second class-citizen, which is a continuation of the direction taken in #22873. -
🚀 Improve the internal benchmark suite (#22923, #23058) @mnajdova.
This was a prerequisite step to improve the system. We needed to be able to measure performance. After #22945, we have measured that theBox
component is x3 faster in v5-alpha compared to v4. -
✏️ A new blog post: Q3 2020 Update (#23055) @oliviertassinari.
-
🐙 Migrate more tests to react-testing-library @deiga, @Morteza-Jenabzadeh, @nicholas-l.
-
And many more 🐛 bug fixes and 📚 improvements.
@material-ui/core@v5.0.0-alpha.13
Breaking changes
Change
- [Autocomplete] Fix autoHighlight synchronization (#23025) @Tubaleviao
- [Autocomplete] Ignore keydown event until IME is confirmed (#23050) @jiggum
- [Card] Fix action area hover style on touch devices (#23079) @giulianovarriale
- [Slider] Align value label text center (#23075) @LorenzHenk
- [SwipeableDrawer] Decorrelate swipeAreaWidth and initial jumping amount (#23042) @omidtajik
- [Tooltip] Fix followCursor preventing onMouseMove on children (#23104) @eps1lon
- [Tooltip] Refactor event handling (#23092) @eps1lon
- [theme] Add missing types for theme overrides (#23028) @povilass
- [l10n] Add Arabic (ar_EG) locale (#23006) @GoldenWings
@material-ui/lab@v5.0.0-alpha.13
- [TreeView] Fix bundle size link and refactor array spreads (#22992) @joshwooding
- [TreeView] Fix
alpha
color utility instead of deprecatedfade
(#22978) @joshwooding - [core] Ship modern bundle (#22814) @eps1lon
@material-ui/utils@v5.0.0-alpha.13
@material-ui/system@v5.0.0-alpha.13
@material-ui/styles@v5.0.0-alpha.13
@material-ui/styled-engine@v5.0.0-alpha.13
@material-ui/styled-engine-sc@v5.0.0-alpha.13
@material-ui/icons@v5.0.0-alpha.13
Docs
- [blog] Allow to support card preview (#23087) @oliviertassinari
- [blog] Q3 2020 Update (#23055) @oliviertassinari
- [docs] Add a new demo to the showcase (#22949) @adonig
- [docs] Add demo for Link underline (#23074) @LorenzHenk
- [docs] Add logarithmic slider demo (#23076) @LorenzHenk
- [docs] Add react-admin in related projects page (#23097) @fzaninotto
- [docs] Change color to palette (#23046) @mockingjet
- [docs] Don't suggest putting a Switch inside a ListItemSecondaryAction (#23018) @sirlantis
- [docs] Fix docs:dev (#23023) @eps1lon
- [docs] Fix vertical alignment of Slider demo (#23059) @r0zar
- [docs] Fix wrong variable characters (#23066) @AGDholo
- [docs] Improve docs for Table sticky column grouping (#23100) @andre-silva-14
- [docs] Improve icon preview color contrast (#22974) @oliviertassinari
- [docs] Interoperability guide updates (#23030) @mnajdova
- [docs] Move outdated versions into a collapsible section (#23029) @NoNamePro0
- [docs] Point to material-ui-x/next instead of master @oliviertassinari
- [docs] Restore ButtonBases images (#23083) @eps1lon
- [docs] Slider demos clean up (#22964) @mnajdova
- [docs] Sync translations (#22888) @l10nbot
- [examples] Update gatsby example to use @material-ui/* next (#23089) @mnajdova
- [examples] Update gatsby-theme example to use @material-ui/* next #23093 @mnajdova
- [examples] Update nextjs example project to use @material-ui/* next (#23094) @mnajdova
Core
- [benchmark] Add browser benchmark (#22923) @mnajdova
- [benchmark] Fix benchmark scripts & moved scenarios to correct benchmark project (#23058) @mnajdova
- [test] Enable failing unexpected console warn|error in browser tests (#23063) @eps1lon
- [test] Fail each test on unexpected console logs in test:unit (#23064) @eps1lon
- [test] Introduce toHaveInlineStyle and toHaveComputedStyle matcher (#23054) @eps1lon
- [test] Migrate ButtonBase to react-testing-library (#23011) @deiga
- [test] Migrate IconButton to react-testing-library (#22972) @Morteza-Jenabzadeh
- [test] Migrate InputBase to react-testing-library (#23014) @deiga
- [test] Migrate SpeedDial to react-testing-library (#23021) @nicholas-l
- [test] Migrate TableCell to react-testing-library (#23095) @nicholas-l
- [test] Migrate TableRow to react-testing-library (#23105) @deiga
- [test] Move some work out of evaluation phase (#23112) @eps1lon
- [test] Supress 404 img warnings in browser tests (#23106) @eps1lon
- [test] Throw on console.(error|warn) outside of test (#22907) @eps1lon
- [test] Use dot reporter in CI (#23026) @eps1lon
- [core] Add support for iOS Safari 12 (#23068) @eps1lon
- [core] Also format dot files & folders (#22975) @oliviertassinari
- [core] Extend yarn size:why (#22979) @eps1lon
- [core] Fix react-next test (#23027) @oliviertassinari
- [core] Lint CSS (#22976) @oliviertassinari
- [core] Misc modules/* cleanup (#22983) @eps1lon