@mui/icons-material 5.0.0-rc.1 โ 5.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +119 -39
- package/README.md +13 -9
- package/index.js +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,4 +1,84 @@
|
|
|
1
|
-
### [Versions](https://
|
|
1
|
+
### [Versions](https://mui.com/versions/)
|
|
2
|
+
|
|
3
|
+
## 5.0.0
|
|
4
|
+
|
|
5
|
+
<!-- generated comparing v5.0.0-rc.1..next -->
|
|
6
|
+
|
|
7
|
+
_Sep 16, 2021_
|
|
8
|
+
|
|
9
|
+
After over 400 days of development and over 40 canary releases, we are excited to introduce [MUI Core v5.0.0](https://mui.com/blog/mui-core-v5/)!
|
|
10
|
+
|
|
11
|
+
Some statistics with the released of v5.0.0 compared to the one of v4.0.0:
|
|
12
|
+
|
|
13
|
+
- 5,832 new commits
|
|
14
|
+
- From 2M downloads/month to 9.5M downloads/month on npm
|
|
15
|
+
- From 350k users/month to 700k users/month on the documentation
|
|
16
|
+
|
|
17
|
+
A big thanks to the 600+ contributors who made the release possible!
|
|
18
|
+
|
|
19
|
+
The 5.0.0 version includes all changes done in the alpha, beta, and rc releases listed below.
|
|
20
|
+
These are the changes done from the last release candidate version (5.0.0-rc.1):
|
|
21
|
+
|
|
22
|
+
### `@mui/material@5.0.0`
|
|
23
|
+
|
|
24
|
+
- ​<!-- 15 -->[Autocomplete] Fix reset value on blur for freeSolo input (#28190) @praveenkumar-kalidass
|
|
25
|
+
- ​<!-- 14 -->[ButtonBase] Revert to the pre-unstyled implementation (#28225) @michaldudak
|
|
26
|
+
- ​<!-- 13 -->[Checkbox] Fix color proptype typo (#28265) @sydneyjodon-wk
|
|
27
|
+
- ​<!-- 40 -->[Tooltip] Ensure user-select CSS property is reverted after touch end (#28372) @tholman
|
|
28
|
+
|
|
29
|
+
### `@mui/system@5.0.0`
|
|
30
|
+
|
|
31
|
+
- ​<!-- 25 -->[system] Fix missing typings for createSpacing (#28361) @eps1lon
|
|
32
|
+
|
|
33
|
+
### `@mui/codemod@5.0.0`
|
|
34
|
+
|
|
35
|
+
- ​<!-- 21 -->[codemod] Fix jss-to-styled to support other export class, function etc. (#28321) @jedwards1211
|
|
36
|
+
|
|
37
|
+
### `@mui/lab@5.0.0-alpha.46`
|
|
38
|
+
|
|
39
|
+
- ​<!-- 09 -->[DateTimePicker] Change bottom position of AM/PM buttons (#27534) @nikitabobers
|
|
40
|
+
- ​<!-- 02 -->[pickers] Add visual regression tests for open views (#28224) @eps1lon
|
|
41
|
+
|
|
42
|
+
### Docs
|
|
43
|
+
|
|
44
|
+
- ​<!-- 38 -->[blog] Introducing MUI Core v5.0 (#27912) @oliviertassinari
|
|
45
|
+
- ​<!-- 08 -->[docs] Fix quotes in font-face literal (#28260) @Aurelain
|
|
46
|
+
- ​<!-- 07 -->[docs] Update redirects to X's docs (#28263) @m4theushw
|
|
47
|
+
- ​<!-- 06 -->[docs] Change Material-UI to MUI in the console (#28270) @mbrookes
|
|
48
|
+
- ​<!-- 05 -->[docs] Docs redesign adjustments (#28203) @mnajdova
|
|
49
|
+
- ​<!-- 04 -->[docs] How to compose theme in steps (#28246) @goncalovf
|
|
50
|
+
- ​<!-- 03 -->[docs] Fix DataGrid demo console warning in Table docs (#28235) @ZeeshanTamboli
|
|
51
|
+
- ​<!-- 32 -->[docs] Fix typo in v4 to v5 migration guide (#28353) @zadeviggers
|
|
52
|
+
- ​<!-- 17 -->[docs] Fix typo in transition docs (#28312) @tamboliasir1
|
|
53
|
+
- ​<!-- 20 -->[docs] Use https for material-ui & reactcommunity links (#28304) @aghArdeshir
|
|
54
|
+
- ​<!-- 22 -->[docs] Add IBM Plex font locally (#28325) @siriwatknp
|
|
55
|
+
- ​<!-- 26 -->[docs] Fix failing client-side navigation for /api routes (#28356) @eps1lon
|
|
56
|
+
- ​<!-- 29 -->[docs] Update the nav order (#28323) @mbrookes
|
|
57
|
+
- ​<!-- 30 -->[docs] Compress images with ImageOptim @oliviertassinari
|
|
58
|
+
- ​<!-- 34 -->[docs] Replace remaining unstyled package reference (#28351) @michaldudak
|
|
59
|
+
- ​<!-- 35 -->[docs] No import from react-router (#28329) @eps1lon
|
|
60
|
+
- ​<!-- 36 -->[website] Refine website before go-live (#28081) @siriwatknp
|
|
61
|
+
- ​<!-- 31 -->[website] Update manifest to new logo (#28355) @siriwatknp
|
|
62
|
+
- ​<!-- 01 -->[website] Add product-x page (#28106) @siriwatknp
|
|
63
|
+
- ​<!-- 24 -->[website] Revert store URL to material-ui.com/store (#28365) @michaldudak
|
|
64
|
+
- ​<!-- 33 -->[website] Rename domain to mui.com (#28332) @mnajdova
|
|
65
|
+
|
|
66
|
+
### Core
|
|
67
|
+
|
|
68
|
+
- ​<!-- 12 -->[core] Replace Material-UI with MUI (#28243) @mnajdova
|
|
69
|
+
- ​<!-- 11 -->[core] Prepare for v5 stable release (#28240) @mnajdova
|
|
70
|
+
- ​<!-- 10 -->[core] Mark lines that needs to be changed with a major release (#28238) @mnajdova
|
|
71
|
+
- ​<!-- 18 -->[core] Various updates to what we consider the default branch (#28328) @eps1lon
|
|
72
|
+
- ​<!-- 23 -->[core] Remove experimental bundle size tracking page (#28334) @eps1lon
|
|
73
|
+
- ​<!-- 27 -->[core] Support release:build with cmd.exe (#28318) @michaldudak
|
|
74
|
+
- ​<!-- 28 -->[core] Remove unnecessary titleize warning (#28349) @eps1lon
|
|
75
|
+
- ​<!-- 37 -->[core] Batch small fixes (#28381) @oliviertassinari
|
|
76
|
+
- ​<!-- 16 -->[test] Recommend yarn t over test:watch (#28254) @eps1lon
|
|
77
|
+
- ​<!-- 19 -->[test] Lazily import fixtures (#28239) @eps1lon
|
|
78
|
+
- ​<!-- 39 -->[test] Assert on user-select that has the same value across browsers (#28378) @eps1lon
|
|
79
|
+
|
|
80
|
+
All contributors of this release in alphabetical order: @aghArdeshir, @Aurelain, @eps1lon, @goncalovf, @jedwards1211, @m4theushw, @mbrookes, @michald
|
|
81
|
+
udak, @mnajdova, @nikitabobers, @praveenkumar-kalidass, @siriwatknp, @sydneyjodon-wk, @tamboliasir1, @tholman, @zadeviggers, @ZeeshanTamboli
|
|
2
82
|
|
|
3
83
|
## 5.0.0-rc.1
|
|
4
84
|
|
|
@@ -88,8 +168,8 @@ _Sep 1, 2021_
|
|
|
88
168
|
A big thanks to the 18 contributors who made this release possible. Here are some highlights โจ:
|
|
89
169
|
|
|
90
170
|
- ๐ Renamed packages to `@mui/*` as part of rebranding the company, following the strategy of expanding the library scope beyond Material Design. For more details about it, check the [GitHub discussion](https://github.com/mui-org/material-ui/discussions/27803).
|
|
91
|
-
- ๐ Added `mui-replace` codemod for migrating `@material-ui/*` to new packages `@mui/*`. Check out this [codemod detail](https://github.com/mui-org/material-ui/blob/next/packages/mui-codemod/README.md#mui-replace) or head to [migration guide](https://
|
|
92
|
-
- ๐งช Added new `<Mansory>` component to the lab, [check it out](https://
|
|
171
|
+
- ๐ Added `mui-replace` codemod for migrating `@material-ui/*` to new packages `@mui/*`. Check out this [codemod detail](https://github.com/mui-org/material-ui/blob/next/packages/mui-codemod/README.md#mui-replace) or head to [migration guide](https://mui.com/guides/migration-v4/#preset-safe)
|
|
172
|
+
- ๐งช Added new `<Mansory>` component to the lab, [check it out](https://mui.com/components/masonry/). It has been crafted by our first intern, @hbjORbj ๐!
|
|
93
173
|
|
|
94
174
|
### `@mui/material@5.0.0-rc.0`
|
|
95
175
|
|
|
@@ -579,16 +659,16 @@ _Jul 14, 2021_
|
|
|
579
659
|
A big thanks to the 17 contributors who made this release possible. Here are some highlights โจ:
|
|
580
660
|
|
|
581
661
|
- โจ We have introduced a new unstyled component: the Switch (#26688) @michaldudak
|
|
582
|
-
You can find two new versions of the Switch. A component without any styles: [`SwitchUnstyled`](https://
|
|
662
|
+
You can find two new versions of the Switch. A component without any styles: [`SwitchUnstyled`](https://mui.com/components/switches/#unstyled), and a hook: [`useSwitch`](https://mui.com/components/switches/#useswitch-hook).
|
|
583
663
|
|
|
584
|
-
<a href="https://
|
|
664
|
+
<a href="https://mui.com/components/switches/#unstyled"><img width="832" alt="switch" src="https://user-images.githubusercontent.com/3165635/125192249-236f8a80-e247-11eb-9df9-17d476379a32.png"></a>
|
|
585
665
|
|
|
586
666
|
You can follow our progress at https://github.com/mui-org/material-ui/issues/27170.
|
|
587
667
|
|
|
588
668
|
- ๐ We have updated the default `info` `success` `warning` color to be more accessible (#26817) @siriwatknp.
|
|
589
|
-
You can find the new [default values](https://
|
|
669
|
+
You can find the new [default values](https://mui.com/customization/palette/#default-values) in the documentation.
|
|
590
670
|
|
|
591
|
-
<a href="https://
|
|
671
|
+
<a href="https://mui.com/customization/palette/#default-values"><img width="780" alt="colors" src="https://user-images.githubusercontent.com/3165635/125192657-4864fd00-e249-11eb-9dc1-44857b25b3b8.png"></a>
|
|
592
672
|
|
|
593
673
|
### `@material-ui/core@5.0.0-beta.1`
|
|
594
674
|
|
|
@@ -828,12 +908,12 @@ A big thanks to the 18 contributors who made this release possible. Here are som
|
|
|
828
908
|
- ๐ We have only 2 left in the [breaking changes](https://github.com/mui-org/material-ui/issues/20012). The plan to release 5.0.0-beta.0 is on July 1st and will start to promote its usage over v4.
|
|
829
909
|
- ๐จ We have updated `Slider` to match current [Material Design guidelines](https://material.io/components/sliders).
|
|
830
910
|
|
|
831
|
-
<a href="https://
|
|
911
|
+
<a href="https://mui.com/components/slider/#continuous-sliders"><img width="247" alt="" src="https://user-images.githubusercontent.com/3165635/121884800-a8808600-cd13-11eb-8cdf-e25de8f1ba73.png" style="margin: auto"></a>
|
|
832
912
|
|
|
833
|
-
- ๐ก `IconButton` now supports 3 sizes (`small, medium, large`). [See demo](https://
|
|
913
|
+
- ๐ก `IconButton` now supports 3 sizes (`small, medium, large`). [See demo](https://mui.com/components/buttons/#sizes-2).
|
|
834
914
|
- โฟ๏ธ We have improved the default style of the `Link` to be more accessible (#26145) @ahmed-28
|
|
835
915
|
|
|
836
|
-
<a href="https://
|
|
916
|
+
<a href="https://mui.com/components/links/"><img width="543" alt="" src="https://user-images.githubusercontent.com/3165635/123097983-ef1b6200-d430-11eb-97da-b491fba5df49.png"></a>
|
|
837
917
|
|
|
838
918
|
### `@material-ui/core@5.0.0-alpha.38`
|
|
839
919
|
|
|
@@ -911,13 +991,13 @@ A big thanks to the 18 contributors who made this release possible. Here are som
|
|
|
911
991
|
|
|
912
992
|
- ​<!-- 08 -->[Slider] Adjust css to match the specification (#26632) @siriwatknp
|
|
913
993
|
|
|
914
|
-
Rework the CSS to match the latest [Material Design guidelines](https://material.io/components/sliders) and make custom styles more intuitive. [See documentation](https://
|
|
994
|
+
Rework the CSS to match the latest [Material Design guidelines](https://material.io/components/sliders) and make custom styles more intuitive. [See documentation](https://mui.com/components/slider/).
|
|
915
995
|
|
|
916
|
-
<a href="https://
|
|
996
|
+
<a href="https://mui.com/components/slider/#continuous-sliders"><img width="247" alt="" src="https://user-images.githubusercontent.com/3165635/121884800-a8808600-cd13-11eb-8cdf-e25de8f1ba73.png" style="margin: auto"></a>
|
|
917
997
|
|
|
918
|
-
You can reduce the density of the slider, closer to v4 with the [`size="small"` prop](https://
|
|
998
|
+
You can reduce the density of the slider, closer to v4 with the [`size="small"` prop](https://mui.com/components/slider/#sizes).
|
|
919
999
|
|
|
920
|
-
<a href="https://
|
|
1000
|
+
<a href="https://mui.com/components/slider/#sizes"><img width="330" alt="" src="https://user-images.githubusercontent.com/3165635/123076549-8aa0d880-d419-11eb-8835-06cd2b21b2d3.png" style="margin: auto"></a>
|
|
921
1001
|
|
|
922
1002
|
- ​<!-- 14 -->[IconButton] Remove label span (#26801) @siriwatknp
|
|
923
1003
|
|
|
@@ -1038,7 +1118,7 @@ A big thanks to the 11 contributors who made this release possible. Here are som
|
|
|
1038
1118
|
</Grid>
|
|
1039
1119
|
```
|
|
1040
1120
|
|
|
1041
|
-
Head to the [documentation](https://
|
|
1121
|
+
Head to the [documentation](https://mui.com/components/grid/#responsive-values) for more details.
|
|
1042
1122
|
|
|
1043
1123
|
- โ๏ธ We've introduced a new `useTheme` and `useThemeProps` hooks in the `@material-ui/system` package.
|
|
1044
1124
|
We believe that this package can be used as a standalone styling solution for building custom design systems (#26649) @mnajdova.
|
|
@@ -1148,10 +1228,10 @@ A big thanks to the 14 contributors who made this release possible. Here are som
|
|
|
1148
1228
|
We're confident that its API shouldn't receive any major changes until the stable release of v5 (#26558) @mnajdova.
|
|
1149
1229
|
- ๐ฆ `@material-ui/icons` only ships ES modules and no longer CommonJS modules.
|
|
1150
1230
|
This reduces the download size of the package from 1.7 MB to 1.2 MB and install size from 15.6 MB to 6.7 MB (#26310) @eps1lon.
|
|
1151
|
-
- ๐ Add support for [row and column spacing](https://
|
|
1231
|
+
- ๐ Add support for [row and column spacing](https://mui.com/components/grid/#row-amp-column-spacing) in the Grid component (#26559) @likitarai1.
|
|
1152
1232
|
<img width="549" alt="grid spacing demo" src="https://user-images.githubusercontent.com/3165635/121089288-383fa500-c7e7-11eb-8c43-53457b7430f1.png">
|
|
1153
1233
|
|
|
1154
|
-
Note that this feature was already available for [CSS grid users](https://
|
|
1234
|
+
Note that this feature was already available for [CSS grid users](https://mui.com/components/grid/#css-grid-layout) with the `rowGap` and `columnGap` props.
|
|
1155
1235
|
|
|
1156
1236
|
### `@material-ui/core@5.0.0-alpha.36`
|
|
1157
1237
|
|
|
@@ -1492,7 +1572,7 @@ A big thanks to the 16 contributors who made this release possible. Here are som
|
|
|
1492
1572
|
/>
|
|
1493
1573
|
```
|
|
1494
1574
|
|
|
1495
|
-
> Follow [this link](https://
|
|
1575
|
+
> Follow [this link](https://mui.com/guides/migration-v4/#main-content) for full migration from v4 => v5
|
|
1496
1576
|
|
|
1497
1577
|
#### Changes
|
|
1498
1578
|
|
|
@@ -1743,7 +1823,7 @@ A big thanks to the 17 contributors who made this release possible. Here are som
|
|
|
1743
1823
|
|
|
1744
1824
|
- ​<!-- 64 -->[withWidth] Remove API (#26136) @m4theushw
|
|
1745
1825
|
|
|
1746
|
-
Removed in favor of the `useMediaQuery` hook. You can reproduce the same functionality creating a custom hook as described [here](https://
|
|
1826
|
+
Removed in favor of the `useMediaQuery` hook. You can reproduce the same functionality creating a custom hook as described [here](https://mui.com/components/use-media-query/#migrating-from-withwidth).
|
|
1747
1827
|
|
|
1748
1828
|
- ​<!-- 75 -->[Autocomplete] Rename values of the reason argument (#26172) @m4theushw
|
|
1749
1829
|
|
|
@@ -2382,7 +2462,7 @@ A big thanks to the 34 contributors who made this release possible. Here are som
|
|
|
2382
2462
|
|
|
2383
2463
|
<img width="830" alt="stack" src="https://user-images.githubusercontent.com/3165635/112068427-29434200-8b6a-11eb-94e8-057535423b0f.png">
|
|
2384
2464
|
|
|
2385
|
-
See the documentation for [more details](https://
|
|
2465
|
+
See the documentation for [more details](https://mui.com/components/stack/).
|
|
2386
2466
|
|
|
2387
2467
|
- And many more ๐ bug fixes and ๐ improvements.
|
|
2388
2468
|
|
|
@@ -2783,7 +2863,7 @@ A big thanks to the 30 contributors who made this release possible. Here are som
|
|
|
2783
2863
|
```
|
|
2784
2864
|
|
|
2785
2865
|
- ๐
Focus on the date pickers, 5 fixes and 3 docs improvements.
|
|
2786
|
-
- ๐
Provide a new [`darkScrollbar()`](https://
|
|
2866
|
+
- ๐
Provide a new [`darkScrollbar()`](https://mui.com/components/css-baseline/#scrollbars) CSS utility to improve the native scrollbar in dark mode. The documentation uses it.
|
|
2787
2867
|
|
|
2788
2868
|
### `@material-ui/core@5.0.0-alpha.25`
|
|
2789
2869
|
|
|
@@ -3632,7 +3712,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
|
|
|
3632
3712
|
);
|
|
3633
3713
|
```
|
|
3634
3714
|
|
|
3635
|
-
This enforces emotion being injected first. [More details](https://
|
|
3715
|
+
This enforces emotion being injected first. [More details](https://mui.com/guides/interoperability/#css-injection-order) in the documentation.
|
|
3636
3716
|
|
|
3637
3717
|
- [Autocomplete] Rename `closeIcon` prop with `clearIcon` to avoid confusion (#23617) @akhilmhdh.
|
|
3638
3718
|
|
|
@@ -3768,11 +3848,11 @@ A big thanks to the 18 contributors who made this release possible. Here are som
|
|
|
3768
3848
|
A big thanks to the 34 contributors who made this release possible. Here are some highlights โจ:
|
|
3769
3849
|
|
|
3770
3850
|
- ๐
Migrate the date picker to the lab (#22692) @dmtrKovalenko.
|
|
3771
|
-
We have integrated the components with the code infrastructure. Next we will migrate all the GitHub issues from [material-ui-pickers](https://github.com/mui-org/material-ui-pickers) and archive the repository. This migration will help provide first-class support for the date picker components. The component will stay in the lab as long as necessary to reach the high quality bar we have for core components. You can find the [new documentation here](https://
|
|
3851
|
+
We have integrated the components with the code infrastructure. Next we will migrate all the GitHub issues from [material-ui-pickers](https://github.com/mui-org/material-ui-pickers) and archive the repository. This migration will help provide first-class support for the date picker components. The component will stay in the lab as long as necessary to reach the high quality bar we have for core components. You can find the [new documentation here](https://mui.com/components/pickers/).
|
|
3772
3852
|
|
|
3773
3853
|
While the source code is currently hosted in the [main repository](https://github.com/mui-org/material-ui), we might move it to the [x repository](https://github.com/mui-org/material-ui-x) in the future, depending on what is easier for the commercial date range picker. The date picker will stay open source no matter what.
|
|
3774
3854
|
|
|
3775
|
-
- ๐ Revamp the documentation for [the system](https://
|
|
3855
|
+
- ๐ Revamp the documentation for [the system](https://mui.com/system/basics/). The System contains CSS utilities. The documentation now promotes the use of the `sx` prop. It's ideal for adding one-off styles, e.g. padding, but when pushed to its limits, it can be used to implement quickly a complete page.
|
|
3776
3856
|
- ๐ฉโ๐จ Upgrade emotion to v11 (#23007) @mnajdova.
|
|
3777
3857
|
- And many more ๐ bug fixes and ๐ improvements.
|
|
3778
3858
|
|
|
@@ -3874,7 +3954,7 @@ A big thanks to the 20 contributors who made this release possible. Here are som
|
|
|
3874
3954
|
- โ๏ธ Add support for React 17 (#23311) @eps1lon.
|
|
3875
3955
|
React 17 release is unusual because it doesn't add any new developer-facing features. It was released a couple of days ago. You can learn more about it in the [introduction post](https://reactjs.org/blog/2020/10/20/react-v17.html). Material-UI now supports `^16.8.0 || ^17.0.0`.
|
|
3876
3956
|
- ๐ Introduce a new `@material-ui/unstyled` package (#23270) @mnajdova.
|
|
3877
|
-
This package will host the unstyled version of the components. In this first iteration, only the Slider is available. You can find it documented under the [same page](https://
|
|
3957
|
+
This package will host the unstyled version of the components. In this first iteration, only the Slider is available. You can find it documented under the [same page](https://mui.com/components/slider-styled/#unstyled-slider) as the styled version.
|
|
3878
3958
|
|
|
3879
3959
|
**Why an unstyled package?**
|
|
3880
3960
|
|
|
@@ -3884,7 +3964,7 @@ A big thanks to the 20 contributors who made this release possible. Here are som
|
|
|
3884
3964
|
|
|
3885
3965
|
Another reason for introducing this package is to prepare the groundwork for a [second theme](https://github.com/mui-org/material-ui/issues/22485) (not Material Design based).
|
|
3886
3966
|
|
|
3887
|
-
A note on the terminology: "unstyled" means that the components have the same API as the "styled" components but come without CSS. Material-UI also contains "headless" components that exposes a hook API, e.g. [useAutocomplete](https://
|
|
3967
|
+
A note on the terminology: "unstyled" means that the components have the same API as the "styled" components but come without CSS. Material-UI also contains "headless" components that exposes a hook API, e.g. [useAutocomplete](https://mui.com/components/autocomplete/#useautocomplete) or [usePagination](https://mui.com/components/pagination/#usepagination).
|
|
3888
3968
|
|
|
3889
3969
|
This change is part of our strategy to iterate on the v5 architecture with the `Slider` first. In the next alpha release, we plan to replace the v4 slider with the v5 slider. Once the new approach is stress-tested and validated, we will roll it out to all the components.
|
|
3890
3970
|
|
|
@@ -4156,7 +4236,7 @@ A big thanks to the 25 contributors who made this release possible.
|
|
|
4156
4236
|
Here are some highlights โจ:
|
|
4157
4237
|
|
|
4158
4238
|
- ๐ฆ Ship modern bundle (#22814) @eps1lon.
|
|
4159
|
-
This is a significant update to the [browsers supported](https://
|
|
4239
|
+
This is a significant update to the [browsers supported](https://mui.com/getting-started/supported-platforms/) by Material-UI.
|
|
4160
4240
|
The previous policy was defined 2 years ago, and the landscape has evolved since then. The package now includes 4 bundles:
|
|
4161
4241
|
|
|
4162
4242
|
1. `stable` (default, formerly `esm`) which targets a snapshot (on release) of `> 0.5%, last 2 versions, Firefox ESR, not dead, not IE 11"`
|
|
@@ -4167,13 +4247,13 @@ Here are some highlights โจ:
|
|
|
4167
4247
|
The change yields a 6% reduction in bundle size ๐ฆ (Babel only).
|
|
4168
4248
|
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](https://github.com/philipwalton/flexbugs/blob/master/README.md#flexbug-9).
|
|
4169
4249
|
|
|
4170
|
-
Check the updated [Supported platforms documentation](https://
|
|
4250
|
+
Check the updated [Supported platforms documentation](https://mui.com/getting-started/supported-platforms/) and [new "minimizing bundle size" guide](https://mui.com/guides/minimizing-bundle-size/).
|
|
4171
4251
|
|
|
4172
4252
|
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.
|
|
4173
4253
|
|
|
4174
4254
|
- ๐ Improve the internal benchmark suite (#22923, #23058) @mnajdova.
|
|
4175
|
-
This was a prerequisite step to improve the [system](https://
|
|
4176
|
-
- โ๏ธ A new blog post: [Q3 2020 Update](https://
|
|
4255
|
+
This was a prerequisite step to improve the [system](https://mui.com/system/basics/). We needed to be able to measure performance. After #22945, we have measured that the `Box` component is x3 faster in v5-alpha compared to v4.
|
|
4256
|
+
- โ๏ธ A new blog post: [Q3 2020 Update](https://mui.com/blog/2020-q3-update/) (#23055) @oliviertassinari.
|
|
4177
4257
|
- ๐ Migrate more tests to react-testing-library @deiga, @Morteza-Jenabzadeh, @nicholas-l.
|
|
4178
4258
|
- And many more ๐ bug fixes and ๐ improvements.
|
|
4179
4259
|
|
|
@@ -4286,7 +4366,7 @@ Here are some highlights โจ:
|
|
|
4286
4366
|
The early benchmark we have run shows that performance has improved. We will share more detailed results in #21657.
|
|
4287
4367
|
- ๐ Migrate a large portion of the tests from enzyme to react-testing-library @eladmotola, @baterson, @bewong89, @devrasec, @guillermaster, @itamar244, @jeferson-sb, @The24thDS.
|
|
4288
4368
|
Last month, react-testing-library had [more downloads](https://npm-stat.com/charts.html?package=enzyme&package=%40testing-library%2Freact&from=2019-10-10&to=2020-10-10) than enzyme in the ecosystem!
|
|
4289
|
-
- ๐ท Add support for tooltips [following the cursor](https://
|
|
4369
|
+
- ๐ท Add support for tooltips [following the cursor](https://mui.com/components/tooltips/#follow-cursor) (#22876) @xtrixia.
|
|
4290
4370
|
- And many more ๐ bug fixes and ๐ improvements.
|
|
4291
4371
|
|
|
4292
4372
|
### `@material-ui/core@v5.0.0-alpha.12`
|
|
@@ -4507,23 +4587,23 @@ Here are some highlights โจ:
|
|
|
4507
4587
|
|
|
4508
4588
|
- ๐ฉโ๐จ A first iteration on the new styling solution.
|
|
4509
4589
|
|
|
4510
|
-
You can find a [new version](https://
|
|
4590
|
+
You can find a [new version](https://mui.com/components/slider-styled/) of the slider in the lab powered by [emotion](https://emotion.sh/).
|
|
4511
4591
|
|
|
4512
4592
|
In the event that you are already using styled-components in your application, you can swap emotion for styled-components ๐
. Check [this CodeSandbox](https://codesandbox.io/s/sliderstyled-with-styled-components-forked-olc27?file=/package.json) for a demo. It relies on aliases to prevent any bundle size overhead.
|
|
4513
4593
|
|
|
4514
4594
|
The new styling solution saves 2kB gzipped in the bundle compared to JSS, and about 14 kB gzipped if you were already using emotion or styled-components.
|
|
4515
4595
|
|
|
4516
|
-
Last but not least, the change allows us to take advantage dynamic style props. We will use them for dynamic color props, variant props, and new style props (an improved [system](https://
|
|
4596
|
+
Last but not least, the change allows us to take advantage dynamic style props. We will use them for dynamic color props, variant props, and new style props (an improved [system](https://mui.com/system/basics/)).
|
|
4517
4597
|
|
|
4518
4598
|
This change has been in our roadmap for more than a year.
|
|
4519
4599
|
We announced it in the [v4 release blog post](https://medium.com/material-ui/material-ui-v4-is-out-4b7587d1e701) as a direction v5 would take.
|
|
4520
4600
|
|
|
4521
4601
|
- ๐ A first iteration on the unstyled components.
|
|
4522
4602
|
|
|
4523
|
-
You can find a [new version](https://
|
|
4603
|
+
You can find a [new version](https://mui.com/components/slider-styled/#UnstyledSlider.tsx) of the slider in the lab without any styles.
|
|
4524
4604
|
The unstyled component weighs 6.5 kB gzipped, compared with 26 kB for the styled version when used standalone. The component is best suited for use when you want to fully customize the look of the component without reimplementing the JavaScript and accessibility logic.
|
|
4525
4605
|
|
|
4526
|
-
- โก๏ธ A first alpha of the [DataGrid](https://
|
|
4606
|
+
- โก๏ธ A first alpha of the [DataGrid](https://mui.com/components/data-grid/) component.
|
|
4527
4607
|
|
|
4528
4608
|
It has taken 6 months of development since the initial commit (March 15th, 2020) to make the first alpha release of the grid. The component comes in two versions:
|
|
4529
4609
|
@material-ui/data-grid is licensed under MIT, while @material-ui/x-grid is licensed under a commercial license.
|
|
@@ -4943,7 +5023,7 @@ const theme = createMuiTheme({
|
|
|
4943
5023
|
});
|
|
4944
5024
|
```
|
|
4945
5025
|
|
|
4946
|
-
- โจ Add [text in divider](https://
|
|
5026
|
+
- โจ Add [text in divider](https://mui.com/components/dividers/#dividers-with-text) support (#22285) @ShehryarShoukat96
|
|
4947
5027
|
|
|
4948
5028
|
```jsx
|
|
4949
5029
|
<Divider>{'CENTER'}</Divider>
|
|
@@ -5258,9 +5338,9 @@ Here are some highlights โจ:
|
|
|
5258
5338
|
<Button variant="dashed" />;
|
|
5259
5339
|
```
|
|
5260
5340
|
|
|
5261
|
-
More details in [the documentation](https://
|
|
5341
|
+
More details in [the documentation](https://mui.com/customization/components/#adding-new-component-variants) and [RFC](#21749).
|
|
5262
5342
|
|
|
5263
|
-
- ๐ฎ Add documentation for the [TrapFocus](https://
|
|
5343
|
+
- ๐ฎ Add documentation for the [TrapFocus](https://mui.com/components/trap-focus/) component (#22062) @oliviertassinari.
|
|
5264
5344
|
- โ๏ธ Prepare support for React v17 (#22093, #22105, #22143, #22111) @eps1lon.
|
|
5265
5345
|
- ๐ง We have undertaken breaking changes.
|
|
5266
5346
|
|
|
@@ -5766,7 +5846,7 @@ A big thanks to the 33 contributors who made this release possible. Here are som
|
|
|
5766
5846
|
/>
|
|
5767
5847
|
```
|
|
5768
5848
|
|
|
5769
|
-
- [Typography] Replace the `srOnly` prop so as to not duplicate the capabilities of [System](https://
|
|
5849
|
+
- [Typography] Replace the `srOnly` prop so as to not duplicate the capabilities of [System](https://mui.com/system/basics/) (#21413) @mnajdova.
|
|
5770
5850
|
|
|
5771
5851
|
```diff
|
|
5772
5852
|
-import Typography from '@material-ui/core/Typography';
|
package/README.md
CHANGED
|
@@ -6,30 +6,34 @@ This package provides the Google [Material icons](https://fonts.google.com/icons
|
|
|
6
6
|
|
|
7
7
|
Install the package in your project directory with:
|
|
8
8
|
|
|
9
|
+
<!-- #default-branch-switch -->
|
|
10
|
+
|
|
9
11
|
```sh
|
|
10
12
|
// with npm
|
|
11
|
-
npm install @mui/icons-material
|
|
13
|
+
npm install @mui/icons-material
|
|
12
14
|
|
|
13
15
|
// with yarn
|
|
14
|
-
yarn add @mui/icons-material
|
|
16
|
+
yarn add @mui/icons-material
|
|
15
17
|
```
|
|
16
18
|
|
|
17
|
-
|
|
18
|
-
|
|
19
|
+
<!-- #default-branch-switch -->
|
|
20
|
+
|
|
21
|
+
These components use the MUI [SvgIcon](https://mui.com/api/svg-icon/) component to
|
|
22
|
+
render the SVG path for each icon.
|
|
19
23
|
|
|
20
|
-
If you are not already using
|
|
24
|
+
If you are not already using MUI in your project, you can add it with:
|
|
21
25
|
|
|
22
26
|
```sh
|
|
23
27
|
// with npm
|
|
24
|
-
npm install @mui/material
|
|
28
|
+
npm install @mui/material
|
|
25
29
|
|
|
26
30
|
// with yarn
|
|
27
|
-
yarn add @mui/material
|
|
31
|
+
yarn add @mui/material
|
|
28
32
|
```
|
|
29
33
|
|
|
30
34
|
## Documentation
|
|
31
35
|
|
|
32
36
|
<!-- #default-branch-switch -->
|
|
33
37
|
|
|
34
|
-
- [The documentation](https://
|
|
35
|
-
- [The icons search](https://
|
|
38
|
+
- [The documentation](https://mui.com/components/icons/#svg-material-icons)
|
|
39
|
+
- [The icons search](https://mui.com/components/material-icons/)
|
package/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/icons-material",
|
|
3
|
-
"version": "5.0.0
|
|
3
|
+
"version": "5.0.0",
|
|
4
4
|
"private": false,
|
|
5
|
-
"author": "
|
|
5
|
+
"author": "MUI Team",
|
|
6
6
|
"description": "Material Design icons distributed as SVG React components.",
|
|
7
7
|
"main": "./index.js",
|
|
8
8
|
"keywords": [
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"bugs": {
|
|
22
22
|
"url": "https://github.com/mui-org/material-ui/issues"
|
|
23
23
|
},
|
|
24
|
-
"homepage": "https://
|
|
24
|
+
"homepage": "https://mui.com/components/material-icons/",
|
|
25
25
|
"peerDependencies": {
|
|
26
26
|
"@mui/material": "^5.0.0-rc.0",
|
|
27
27
|
"@types/react": "^16.8.6 || ^17.0.0",
|