@mui/styled-engine 5.5.2 → 5.7.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 CHANGED
@@ -1,5 +1,506 @@
1
1
  # [Versions](https://mui.com/versions/)
2
2
 
3
+ ## 5.7.0
4
+
5
+ <!-- generated comparing v5.6.4..master -->
6
+
7
+ _May 10, 2022_
8
+
9
+ A big thanks to the 27 contributors who made this release possible. Here are some highlights ✨:
10
+
11
+ 🛠 This release is all about supporting CSS variables in many Material UI components.
12
+ Kudos to all contributors!
13
+
14
+ ### `@mui/material@5.7.0`
15
+
16
+ - [StepLabel, StepIcon] Add support for CSS variables (#32609) @vicasas
17
+ - [Table, TableRow] Add support for CSS variables (#32614) @vicasas
18
+ - [AppBar] Add a logo component for the responsive app bar demo (#32374) @ameetmadan
19
+ - [Autocomplete] Fix clearing single array values (#32626) @mikepricedev
20
+ - [Autocomplete] Fix keep listbox open on left/right keys when inputValue is not empty (#31407) @alisasanib
21
+ - [Autocomplete] Add support for CSS variables (#32598) @ZeeshanTamboli
22
+ - [Autocomplete] Render `endAdornment` only when necessary (#32386) @g1eny0ung
23
+ - [ButtonGroup] Add support for CSS variables (#32498) @vicasas
24
+ - [CardActionArea] Add support for CSS variables (#32554) @vicasas
25
+ - [ClickAwayListener] Allow pointer up/down events to event handler (#32264) @vladjerca
26
+ - [CssBaseline] Add support for CSS vars (#32618) @haneenmahd
27
+ - [Dialog] Add support for CSS variables (#32555) @vicasas
28
+ - [Divider] Add support for CSS variables (#32519) @vicasas
29
+ - [Drawer] Add support for CSS variables (#32565) @nghiamvt
30
+ - [Fab] Add support for CSS variables (#32564) @alisasanib
31
+ - [FormControlLabel] Add support for CSS variables (#32588) @elliefoote
32
+ - [FormHelperText] Add support for CSS variables (#32596) @ZeeshanTamboli
33
+ - [FormLabel] Add support for CSS variables (#32602) @ZeeshanTamboli
34
+ - [Icon] Add support for CSS variables (#32595) @Jamaalwbrown
35
+ - [IconButton] Add support for CSS variables (#32590) @Ariyapong
36
+ - [ImageListItemBar] Add support for CSS variables (#32578) @vicasas
37
+ - [Input] Support CSS variables (#32128) @ivan-ngchakming
38
+ - [InputAdornment] Add support CSS variables (#32607) @vicasas
39
+ - [Link] Fix style overrides color prop (#32653) @siriwatknp
40
+ - [ListItem] Add support for CSS variables (#32580) @dan-mba
41
+ - [ListItemButton] Add support for CSS variables (#32582) @dan-mba
42
+ - [ListItemIcon] Add support for CSS variables (#32583) @dan-mba
43
+ - [ListSubheader] Add support for CSS variables (#32584) @dan-mba
44
+ - [MenuItem] Add support for CSS variables (#32561) @nghiamvt
45
+ - [MobileStepper] Add support for CSS vars (#32606) @haneenmahd
46
+ - [Modal] Add support for CSS variables (#32605) @haneenmahd
47
+ - [PaginationItem] Add support for CSS vars (#32612) @haneenmahd
48
+ - [Rating] Add support for CSS variables (#32556) @vicasas
49
+ - [Snackbar] Add support for CSS variables (#32603) @gin1314
50
+ - [SpeedDial] Add support for CSS variables (#32613) @alisasanib
51
+ - [Stepper] Export useStepperContext (#31398) @pzi
52
+ - [SvgIcon] Add support for CSS variables (#32610) @vicasas
53
+ - [TablePagination] Add support for CSS variables (#32615) @haneenmahd
54
+ - [TableSortLabel]: Add support for CSS vars (#32616) @haneenmahd
55
+ - [Tabs] Add support for CSS variables (#32547) @ZeeshanTamboli
56
+ - [ToggleButton] Add support for CSS variables (#32600) @Ariyapong
57
+ - [ToggleButtonGroup] Add support for CSS variables (#32617) @haneenmahd
58
+ - [Tooltip] Add support for CSS variables (#32594) @gin1314
59
+
60
+ ### `@mui/system@5.7.0`
61
+
62
+ - [System] Support CSS variables for iframes & custom nodes (#32496) @siriwatknp
63
+
64
+ ### `@mui/base@5.0.0-alpha.80`
65
+
66
+ - [ButtonUnstyled] Fix keyboard navigation on customized elements (#32204) @michaldudak
67
+
68
+ ### `@mui/private-classnames@5.7.0`
69
+
70
+ - [classnames] Add new package for classnames utils (#32502) @mnajdova
71
+
72
+ ### Docs
73
+
74
+ - [docs] Correct links to prevent 301 redirects (#32692) @michaldudak
75
+ - [docs] Move, split, and revise "Unstyled components" page (#32562) @samuelsycamore
76
+ - [docs] Nest `ListItemButton` in `ListItem` in the Drawer examples (#31987) @stefanprobst
77
+ - [docs] Apply callouts in the Material UI docs (#32567) @danilo-leal
78
+ - [docs] Show product identifier on new X pages (#32657) @cherniavskii
79
+ - [docs] Fix copy button childNode not found (#32652) @siriwatknp
80
+ - [docs] Split install commands in isolated code blocks (#32566) @danilo-leal
81
+ - [docs] Base Switch style revisions and final review (#32376) @samuelsycamore
82
+ - [docs] Adds Badge link to Base doc nav (#32619) @samuelsycamore
83
+ - [docs] Base Installation style revisions and final review (#32483) @samuelsycamore
84
+ - [docs] Fix broken redirection (#32581) @oliviertassinari
85
+ - [docs] Allows to use `import '<library name>'` in demonstrations (#32492) @alexfauquette
86
+ - [docs] Hide copy button on search icon dialog (#32577) @siriwatknp
87
+ - [docs] Use full API link for ThemeProvider (#32549) @jcvidiri
88
+ - [Joy] Add principles page (#32648) @siriwatknp
89
+ - [Joy] Add Button page (#32576) @siriwatknp
90
+ - [Joy] Add "Quick start" and "Tutorial" pages (#32383) @siriwatknp
91
+ - [website] Add store to the footer and "hiring" chip adjustment (#32650) @danilo-leal
92
+ - [website] Optimize conversion to store (#32646) @oliviertassinari
93
+ - [website] Remove copy button on marketing pages (#32649) @siriwatknp
94
+ - [website] Add missing space in copy label (#32638) @flaviendelangle
95
+
96
+ ### Core
97
+
98
+ - [core] Security updates (#32636) @michaldudak
99
+ - [core] Fix `docs:dev` not working after upgrading `next` to 12.1.0 (#32552) @cherniavskii
100
+ - [core] Update minimist to fix security vulnerability (#32575) @michaldudak
101
+
102
+ All contributors of this release in alphabetical order: @alexfauquette, @alisasanib, @ameetmadan, @Ariyapong, @cherniavskii, @dan-mba, @danilo-leal, @elliefoote, @flaviendelangle, @g1eny0ung, @gin1314, @haneenmahd, @ivan-ngchakming, @Jamaalwbrown, @jcvidiri, @michaldudak, @mikepricedev, @mnajdova, @nghiamvt, @oliviertassinari, @pzi, @samuelsycamore, @siriwatknp, @stefanprobst, @vicasas, @vladjerca, @ZeeshanTamboli
103
+
104
+ ## 5.6.4
105
+
106
+ <!-- generated comparing v5.6.3..master -->
107
+
108
+ _May 2, 2022_
109
+
110
+ A big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
111
+
112
+ - 💅 5 Material UI components were updated to support CSS variables by @ZeeshanTamboli & @vicasas
113
+ - And more 🐛 bug fixes and 📚 improvements.
114
+
115
+ ### `@mui/material@5.6.4`
116
+
117
+ - &#8203;<!-- 37 -->[Accordion] Add support for CSS variables (#32542) @ZeeshanTamboli
118
+ - &#8203;<!-- 36 -->[AvatarGroup] Add support for CSS variables (#32507) @vicasas
119
+ - &#8203;<!-- 35 -->[Badge] Add support for CSS variables (#32516) @vicasas
120
+ - &#8203;<!-- 34 -->[BottomNavigation] Add support for CSS variables (#32517) @vicasas
121
+ - &#8203;<!-- 33 -->[CircularProgress] Add support for CSS variables (#32543) @ZeeshanTamboli
122
+ - &#8203;<!-- 07 -->[FilledInput] Fix type error from undefined `color` (#32258) @hbjORbj
123
+ - &#8203;<!-- 02 -->[l10n] Fix typo in csCZ translation of Pagination component (#32509) @Martin005
124
+ - &#8203;<!-- 01 -->[Tabs] Fix `TabIndicatorProps` prop missing `sx` prop (#32503) @b-novikov-ipersonality
125
+
126
+ ### `@mui/codemod@5.6.4`
127
+
128
+ - &#8203;<!-- 32 -->[codemod] Leave numeric arguments to breakpoints functions unchanged (#32426) @ryancogswell
129
+ - &#8203;<!-- 31 -->[codemod] Allow for line breaks within theme.spacing parentheses (#32432) @ryancogswell
130
+
131
+ ### `@mui/joy@5.0.0-alpha.26`
132
+
133
+ - &#8203;<!-- 06 -->[Joy] Miscellaneous fixes (#32541) @siriwatknp
134
+ - &#8203;<!-- 05 -->[Joy] Add `extendSxProp` to Link (#32505) @siriwatknp
135
+ - &#8203;<!-- 04 -->[Joy] Rename variants (#32489) @siriwatknp
136
+ - &#8203;<!-- 03 -->[Joy] Add `extendTheme` (#32450) @siriwatknp
137
+
138
+ ### Docs
139
+
140
+ - &#8203;<!-- 30 -->[docs] SEO fixes (#32515) @oliviertassinari
141
+ - &#8203;<!-- 29 -->[docs] Replace `Overriding nested component styles` anchor link with text (#32487) @ZeeshanTamboli
142
+ - &#8203;<!-- 28 -->[docs] Update the list of external domains (#32514) @oliviertassinari
143
+ - &#8203;<!-- 27 -->[docs] Update Material UI code snippets for React 18 (#32361) @samuelsycamore
144
+ - &#8203;<!-- 26 -->[docs] Base TextareaAutosize style revisions and final review (#32481) @samuelsycamore
145
+ - &#8203;<!-- 25 -->[docs] Base ClickAwayListener style revisions and final review (#32156) @samuelsycamore
146
+ - &#8203;<!-- 24 -->[docs] Base Button style revisions and final review (#32380) @samuelsycamore
147
+ - &#8203;<!-- 23 -->[docs] Base NoSsr style revisions and final review (#32254) @samuelsycamore
148
+ - &#8203;<!-- 22 -->[docs] Correctly capitalize Ctrl @oliviertassinari
149
+ - &#8203;<!-- 21 -->[docs] Fix styling in `Basic Popper` demo on the MUI Base docs (#32488) @ZeeshanTamboli
150
+ - &#8203;<!-- 20 -->[docs] Add "Overview" page to Base docs (#32310) @samuelsycamore
151
+ - &#8203;<!-- 19 -->[docs] Add copy button to code block (#32390) @siriwatknp
152
+ - &#8203;<!-- 18 -->[docs] Base Tabs style revisions and final review (#32423) @samuelsycamore
153
+ - &#8203;<!-- 17 -->[docs] Base Popper style revisions and final review (#32412) @samuelsycamore
154
+ - &#8203;<!-- 16 -->[docs] Improve sidenav for MUI X (#32435) @oliviertassinari
155
+ - &#8203;<!-- 15 -->[docs] Don't redirect on deploy preview (#32399) @m4theushw
156
+ - &#8203;<!-- 14 -->[docs] A few SEO fixes (#32431) @oliviertassinari
157
+ - &#8203;<!-- 13 -->[docs] Update links to the new Group & Pivot pages (#32410) @flaviendelangle
158
+ - &#8203;<!-- 12 -->[docs] Support callouts (#32402) @siriwatknp
159
+ - &#8203;<!-- 11 -->[docs] Fix import path in the Snackbar article #32462 @mongolyy
160
+ - &#8203;<!-- 10 -->[docs] Fix grammar mistake in shadows.md (#32454) @HexM7
161
+ - &#8203;<!-- 09 -->[docs] Improve unstyled button docs (#32429) @oliviertassinari
162
+
163
+ ### Core
164
+
165
+ - &#8203;<!-- 08 -->[experiment] Add template for testing Material UI components with CSS variables (#32500) @siriwatknp
166
+
167
+ All contributors of this release in alphabetical order: @b-novikov-ipersonality, @flaviendelangle, @hbjORbj, @HexM7, @m4theushw, @Martin005, @mongolyy, @oliviertassinari, @ryancogswell, @samuelsycamore, @siriwatknp, @vicasas, @ZeeshanTamboli
168
+
169
+ ## 5.6.3
170
+
171
+ <!-- generated comparing v5.6.2..master -->
172
+
173
+ _Apr 25, 2022_
174
+
175
+ A big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
176
+
177
+ - 🛠 Fixed TypeScript issue when the `fill` CSS property is used in the system (#32355) @valerii15298
178
+ - And more 🐛 bug fixes and 📚 improvements.
179
+
180
+ ### `@mui/material@5.6.3`
181
+
182
+ - [BottomNavigation] Action icon `padding` fix (#32030) @abhinav-22-tech
183
+ - [Dialog] Fix `component` prop is not available in `DialogTitleProps` (#32389) @hbjORbj
184
+ - [StepContent] Fix TypeScript type of `TransitionComponent` prop (#32314) @ZeeshanTamboli
185
+
186
+ ### `@mui/system@5.6.3`
187
+
188
+ - [system] Fix prop types when the `fill` CSS property is used (#32355) @valerii15298
189
+ - [system] Fix broken behavior when theme value is `zero` (#32365) @ZeeshanTamboli
190
+
191
+ ### `@mui/base@5.0.0-alpha.78`
192
+
193
+ - [InputUnstyled] `multiline` property should not log DOM warnings for `maxRows` and `minRows` props (#32401) @ZeeshanTamboli
194
+
195
+ ### `@mui/joy@5.0.0-alpha.25`
196
+
197
+ - [Joy] Improve theme focus to be more flexible (#32405) @siriwatknp
198
+ - [Joy] Add `Radio`, `RadioGroup` components (#32279) @siriwatknp
199
+ - [Joy] Add `Chip` component (#31983) @hbjORbj
200
+ - [Joy] Improve controls (#32267) @siriwatknp
201
+ - [Joy] Set up docs (#32370) @siriwatknp
202
+
203
+ ### Docs
204
+
205
+ - [docs] Enable row reordering on the pricing page (#31875) @DanailH
206
+ - [blog] A few improvements on date picker change (#32325) @oliviertassinari
207
+ - [docs] Emphasize how to avoid failing tests when migrating from v4 to v5 (#32159) @dwjohnston
208
+ - [docs] Revise the related projects page (#32180) @danilo-leal
209
+ - [docs] Cleanup remaining @mui/styles usages (#32313) @mnajdova
210
+ - [docs] Fix sidenav mobile color (#32324) @oliviertassinari
211
+ - [docs] Base TrapFocus style revisions and final review (#32364) @samuelsycamore
212
+ - [docs] Update the README.md to better cover the different products (#32360) @samuelsycamore
213
+ - [docs] Improve the propTypes generation and API demos' links (#32295) @mnajdova
214
+ - [docs] Add ability to display a plan icon next to a page link in nav bar (#32393) @flaviendelangle
215
+ - [docs] Change label on `FormControlLabelPlacement` (#32322) @ainatenhi
216
+ - [website] Update Diamond sponsors list (#32433) @oliviertassinari
217
+ - [website] Add privacy policy link to website's footer (#32080) @danilo-leal
218
+ - [website] Remove the designer role (#32384) @danilo-leal
219
+
220
+ ### Core
221
+
222
+ - [core] `yarn prettier` write @oliviertassinari
223
+ - [core] Fix changelog warning message (#32240) @praveen001
224
+ - [core] Update the proptypes scripts to support components in @mui/system (#32456) @mnajdova
225
+
226
+ All contributors of this release in alphabetical order: @abhinav-22-tech, @ainatenhi, @DanailH, @danilo-leal, @dwjohnston, @flaviendelangle, @hbjORbj, @mnajdova, @oliviertassinari, @praveen001, @samuelsycamore, @siriwatknp, @valerii15298, @ZeeshanTamboli
227
+
228
+ ## 5.6.2
229
+
230
+ <!-- generated comparing v5.6.1..master -->
231
+
232
+ _Apr 18, 2022_
233
+
234
+ A big thanks to the 11 contributors who made this release possible. This release is mostly about 🐛 bug fixes and 📚 documentation improvements.
235
+
236
+ ### `@mui/material@5.6.2`
237
+
238
+ - &#8203;<!-- 29 -->[Autocomplete] Explain how to use getOptionLabel in free solo mode and update getOptionLabel type (#32165) @michaldudak
239
+ - &#8203;<!-- 28 -->[Badge] Fix customization of classes (#32185) @michaldudak
240
+ - &#8203;<!-- 03 -->[TextField] Add a workaround for Safari CSS transition scale bug (#32188) @igordanchenko
241
+
242
+ ### `@mui/system@5.6.2`
243
+
244
+ - &#8203;<!-- 05 -->[system] Update style function to use vars automatically if available (#32244) @mnajdova
245
+
246
+ ### `@mui/base@5.0.0-alpha.77`
247
+
248
+ - &#8203;<!-- 08 -->[FormControlUnstyled] Revise API (#32134) @michaldudak
249
+
250
+ ### `@mui/joy@5.0.0-alpha.24`
251
+
252
+ - &#8203;<!-- 07 -->[Joy] Add `Badge` component (#31401) @hbjORbj
253
+ - &#8203;<!-- 06 -->[Joy] Fix misuse variable in `Input` (#32268) @siriwatknp
254
+
255
+ ### Docs
256
+
257
+ - &#8203;<!-- 27 -->[blog] Fix images for the docs separation post (#32257) @danilo-leal
258
+ - &#8203;<!-- 25 -->[docs] Base Form Control style revisions and final review (#32309) @samuelsycamore
259
+ - &#8203;<!-- 24 -->[docs] Base TablePagination style revisions and final review (#32178) @samuelsycamore
260
+ - &#8203;<!-- 23 -->[docs] Revise the dark mode article (#32179) @danilo-leal
261
+ - &#8203;<!-- 22 -->[docs] Add `aria-label` for `IconButton` (#32276) @SiarheiBobryk
262
+ - &#8203;<!-- 21 -->[docs] Fix `borderRadius` in the docs example (#32347) @ZeeshanTamboli
263
+ - &#8203;<!-- 20 -->[docs] Fix 404 link in the code (#32323) @oliviertassinari
264
+ - &#8203;<!-- 19 -->[docs] Sync h1 with side nav label (#32235) @oliviertassinari
265
+ - &#8203;<!-- 18 -->[docs] Fix SEO issues (#32282) @oliviertassinari
266
+ - &#8203;<!-- 17 -->[docs] Fix broken link in the test contributing guide (#32283) @sirartemis
267
+ - &#8203;<!-- 16 -->[docs] Update "How to customize" page anchor links #32315 @abaker93
268
+ - &#8203;<!-- 15 -->[docs] Mark `onBackdropClick` prop as deprecated in `Dialog`, `Modal` and `ModalUnstyled` components (#32297) @ZeeshanTamboli
269
+ - &#8203;<!-- 14 -->[docs] Link to advanced components page (#32290) @siriwatknp
270
+ - &#8203;<!-- 13 -->[docs] Sync package description with the docs (#32211) @oliviertassinari
271
+ - &#8203;<!-- 12 -->[docs] Revise "Component theming" and "How to customize" guides (#31997) @danilo-leal
272
+ - &#8203;<!-- 11 -->[docs] Add note in the Contributing guide about linking issues to a PR (#32174) @danilo-leal
273
+ - &#8203;<!-- 10 -->[docs] Update RTL guide (#32242) @michaldudak
274
+ - &#8203;<!-- 09 -->[docs] Uniformize capitalization (#32238) @oliviertassinari
275
+ - &#8203;<!-- 02 -->[website] Improve new role template @oliviertassinari
276
+ - &#8203;<!-- 01 -->[website] Remove a gold sponsor (#32261) @hbjORbj
277
+ - &#8203;<!-- 24 -->[website] Mark DataGrid Column spanning done on Pricing page (#32305) @cherniavskii
278
+
279
+ ### Core
280
+
281
+ - &#8203;<!-- 31 -->[core] Remove unecessary div (#32237) @oliviertassinari
282
+ - &#8203;<!-- 30 -->[core] Revert #32229 (#32262) @michaldudak
283
+ - &#8203;<!-- 04 -->[test] Fix running unit tests on Windows (#32260) @michaldudak
284
+
285
+ All contributors of this release in alphabetical order: @abaker93, @cherniavskii, @danilo-leal, @hbjORbj, @igordanchenko, @michaldudak, @mnajdova, @oliviertassinari, @samuelsycamore, @SiarheiBobryk, @sirartemis, @siriwatknp, @ZeeshanTamboli
286
+
287
+ ## 5.6.1
288
+
289
+ <!-- generated comparing v5.6.0..master -->
290
+
291
+ _Apr 11, 2022_
292
+
293
+ A big thanks to the 8 contributors who made this release possible.
294
+ This release is mostly about 🐛 bug fixes and 📚 documentation improvements.
295
+
296
+ ### `@mui/material@5.6.1`
297
+
298
+ - [Grow] Extend Safari CSS transition bug workaround on WebKit browsers (#32202) @igordanchenko
299
+ - [Link] Fix style overrides 5.6.0 regression (#32182) @siriwatknp
300
+ - [Select] Bug when the first child is a ListSubheader (#27299) @DouglasPds
301
+
302
+ ### `@mui/base@5.0.0-alpha.76`
303
+
304
+ - [ButtonUnstyled] Allow receiving focus when disabled (#32090) @michaldudak
305
+
306
+ ### Docs
307
+
308
+ - [blog] Share what's changed about the new docs structure (#32044) @danilo-leal
309
+ - [docs] Format number icons search (#32239) @oliviertassinari
310
+ - [docs] Fix small external links issue (#32212) @oliviertassinari
311
+ - [docs] Make sidenav crawlable (#32241) @oliviertassinari
312
+ - [docs] Base Badge style revisions and final review (#32098) @samuelsycamore
313
+ - [docs] Fix wrong url (#32208) @siriwatknp
314
+ - [docs] Fix date-pickers redirects (#32207) @siriwatknp
315
+ - [docs] Add notification for the doc restructure and date pickers update (#32195) @siriwatknp
316
+ - [docs] Fix 404 from `ahrefs` report (#32206) @siriwatknp
317
+ - [docs] Remove notifications temporary (#32192) @siriwatknp
318
+ - [docs] Redirect to new urls (#32048) @siriwatknp
319
+ - [docs] Update Learn page copy and resource list (#31989) @samuelsycamore
320
+ - [website] Fix wrong MUI X installation instruction link @oliviertassinari
321
+ - [website] Revise homepage copy below the hero section (#31283) @samuelsycamore
322
+ - [website] Revise homepage Hero copy for more clarity (#31212) @samuelsycamore
323
+ - [website] Give up on promoting roles in our docs @oliviertassinari
324
+
325
+ ### Core
326
+
327
+ - [core] Fix misleading types range (#32236) @oliviertassinari
328
+ - [core] Small polish on the product name (#32199) @oliviertassinari
329
+
330
+ All contributors of this release in alphabetical order: @danilo-leal, @DouglasPds, @igordanchenko, @l10nbot, @michaldudak, @oliviertassinari, @samuelsycamore, @siriwatknp
331
+
332
+ ## 5.6.0
333
+
334
+ <!-- generated comparing v5.5.3..master -->
335
+
336
+ _Apr 5, 2022_
337
+
338
+ A big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
339
+
340
+ - 🧰 Update peer dependencies to support React 18 (#32063) @eps1lon
341
+ - 🚀 Added the experimental `CssVarsProvider` in `@mui/material` for generating theme CSS variables (#31138) @mnajdova
342
+ - 📣 Moved date and time pickers from the lab to MUI X (#31984) @flaviendelangle
343
+ - Several 🐛 bug fixes and 📚 documentation improvements
344
+
345
+ ### `@mui/material@5.6.0`
346
+
347
+ - &#8203;<!-- 25 -->[CssVarsProvider] Add experimental CssVarsProvider in @mui/material (#31138) @mnajdova
348
+ - &#8203;<!-- 06 -->[Link] Fix `sx` color to support callback (#32123) @siriwatknp
349
+ - &#8203;<!-- 05 -->[Link] Fix color transformation (#32045) @siriwatknp
350
+ - &#8203;<!-- 04 -->[ListItemButton] Specified width so that text would ellide (#32083) @MatthijsMud
351
+ - &#8203;<!-- 03 -->[TablePagination] Fixed the etEE locale (#32052) @raigoinabox
352
+
353
+ ### `@mui/base@5.0.0-alpha.75`
354
+
355
+ - &#8203;<!-- 31 -->[Badge] Simplify unstyled API (#31974) @michaldudak
356
+
357
+ ### `@mui/codemod@5.6.0`
358
+
359
+ - &#8203;<!-- 29 -->[codemod] Add v5.0.0/date-pickers-moved-to-x codemod (#31373) @flaviendelangle
360
+
361
+ ### `@mui/lab@5.0.0-alpha.76`
362
+
363
+ - &#8203;<!-- 24 -->[DatePicker] Remove date and time pickers from the lab (#31984) @flaviendelangle
364
+
365
+ ### `@mui/joy@5.0.0-alpha.22`
366
+
367
+ - &#8203;<!-- 07 -->[Joy] Add `Card` components (#32027) @siriwatknp
368
+
369
+ ### Docs
370
+
371
+ - &#8203;<!-- 30 -->[blog] New article for the date pickers migration to X (#31831) @flaviendelangle
372
+ - &#8203;<!-- 33 -->[docs] Base Menu style revisions and final review (#32097) @samuelsycamore
373
+ - &#8203;<!-- 32 -->[docs] Base Select style revisions and final review (#32095) @samuelsycamore
374
+ - &#8203;<!-- 31 -->[docs] Base Input style revisions and final review (#32096) @samuelsycamore
375
+ - &#8203;<!-- 30 -->[docs] Base Slider style revisions and final review (#32140) @samuelsycamore
376
+ - &#8203;<!-- 29 -->[docs] Base Modal style revisions and final review (#32093) @samuelsycamore
377
+ - &#8203;<!-- 28 -->[docs] Add page for CSS variables support in @mui/material (#32050) @mnajdova
378
+ - &#8203;<!-- 27 -->[docs] Add TSS support for theme style overrides (#31918) @garronej
379
+ - &#8203;<!-- 23 -->[docs] Simplify customization examples in ButtonUnstyled demos (#32092) @michaldudak
380
+ - &#8203;<!-- 22 -->[docs] Fix linking issues for the redirects (#32101) @siriwatknp
381
+ - &#8203;<!-- 21 -->[docs] Create the FormControl page (#32073) @michaldudak
382
+ - &#8203;<!-- 20 -->[docs] Remove trap-focus from the navigation (#32079) @psjishnu
383
+ - &#8203;<!-- 19 -->[docs] Add date-pickers product identifier (#32076) @siriwatknp
384
+ - &#8203;<!-- 18 -->[docs] Move SwitchUnstyled docs to the Base space (#31964) @michaldudak
385
+ - &#8203;<!-- 17 -->[docs] Add docs page for unstyled popper (#31813) @siriwatknp
386
+ - &#8203;<!-- 16 -->[docs] Copy TextareaAutosize docs to Base (#32034) @michaldudak
387
+ - &#8203;<!-- 15 -->[docs] Add react-hook-form-mui to Complementary projects #32015 @TkaczykAdam
388
+ - &#8203;<!-- 14 -->[docs] Improve the translation experience (#32021) @oliviertassinari
389
+ - &#8203;<!-- 13 -->[docs] Add small size Select demo (#32060) @ivan-ngchakming
390
+ - &#8203;<!-- 12 -->[docs] Correct typos (#32029) @apeltop
391
+ - &#8203;<!-- 11 -->[docs] Create SliderUnstyled docs (#31850) @michaldudak
392
+ - &#8203;<!-- 10 -->[docs] Create TablePaginationUnstyled docs (#32018) @michaldudak
393
+ - &#8203;<!-- 09 -->[docs] Move SelectUnstyled docs to the Base space (#31816) @michaldudak
394
+ - &#8203;<!-- 08 -->[docs] Create the TabsUnstyled docs (#32023) @michaldudak
395
+ - &#8203;<!-- 02 -->[website] The studio finally has a name, use it (#32105) @oliviertassinari
396
+ - &#8203;<!-- 01 -->[website] Disable job ad @oliviertassinari
397
+
398
+ ### Core
399
+
400
+ - &#8203;<!-- 28 -->[core] Update peer deps to support React 18 (#32063) @eps1lon
401
+ - &#8203;<!-- 27 -->[core] Fix running docs:api on Windows (#32091) @michaldudak
402
+ - &#8203;<!-- 26 -->[core] Fix api build script for MUI Base (#32081) @siriwatknp
403
+
404
+ All contributors of this release in alphabetical order: @apeltop, @eps1lon, @flaviendelangle, @garronej, @ivan-ngchakming, @m4theushw, @MatthijsMud, @michaldudak, @mnajdova, @oliviertassinari, @psjishnu, @raigoinabox, @samuelsycamore, @siriwatknp, @TkaczykAdam
405
+
406
+ ## 5.5.3
407
+
408
+ <!-- generated comparing v5.5.2..master -->
409
+
410
+ _Mar 28, 2022_
411
+
412
+ A big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:
413
+
414
+ - ♿️ improved the a11y on some docs demos
415
+ - Several 🐛 bug fixes and 📚 documentation improvements
416
+
417
+ ### `@mui/material@5.5.3`
418
+
419
+ - &#8203;<!-- 32 -->[ButtonBase] Start ripple only after mount (#31950) @m4theushw
420
+ - &#8203;<!-- 11 -->[FormControlLabel] Fix label prop type to be in-line with other label prop types (#31139) @jannes-io
421
+ - &#8203;<!-- 10 -->[Grow] Add a workaround for Safari 15.4 CSS transition bug (#31975) @igordanchenko
422
+
423
+ ### `@mui/codemod@5.5.3`
424
+
425
+ - &#8203;<!-- 31 -->[codemod] Fix variant prop placement (#31990) @ryancogswell
426
+
427
+ ### `@mui/utils@5.5.3`
428
+
429
+ - &#8203;<!-- 02 -->[utils] Improve type inference of useForkRef (#31845) @eps1lon
430
+
431
+ ### `@mui/base@5.0.0-alpha.74`
432
+
433
+ #### Breaking changes
434
+
435
+ - &#8203;<!-- 34 -->[base] Remove `BackdropUnstyled` component (#31923) @mnajdova
436
+
437
+ The `BackdropUnstyled` component was removed from the `@mui/base` package, as it did not have any specific logic, except adding an `aria-hidden` attribute on the div it rendered. This is not enough to justify it's existence in the base package. Here is an example alternative component you can use:
438
+
439
+ ```tsx
440
+ const BackdropUnstyled = React.forwardRef<HTMLDivElement, { open?: boolean; className: string }>(
441
+ (props, ref) => {
442
+ const { open, className, ...other } = props;
443
+ return <div className={clsx({ 'MuiBackdrop-open': open }, className)} ref={ref} {...other} />;
444
+ },
445
+ );
446
+ ```
447
+
448
+ - &#8203;<!-- 03 -->[TrapFocus] Move docs to Base and drop the Unstyled prefix (#31954) @michaldudak
449
+
450
+ Removed the `Unstyled_` prefix from the Base export (it remains in the Material UI export, though).
451
+
452
+ ```diff
453
+ -import { Unstyled_TrapFocus } from '@mui/base';
454
+ +import { TrapFocus } from '@mui/base';
455
+
456
+ // or
457
+
458
+ -import TrapFocus from '@mui/base/Unstyled_TrapFocus';
459
+ +import TrapFocus from '@mui/base/TrapFocus';
460
+ ```
461
+
462
+ #### Changes
463
+
464
+ - &#8203;<!-- 33 -->[base] Add @mui/types to dependencies (#31951) @bicstone
465
+
466
+ ### `@mui/joy@5.0.0-alpha.21`
467
+
468
+ - &#8203;<!-- 09 -->[Joy] Add `AvatarGroup` component (#31980) @siriwatknp
469
+ - &#8203;<!-- 07 -->[Joy] Miscellaneous fixes (#31873) @siriwatknp
470
+ - &#8203;<!-- 08 -->[Joy] Miscellaneous fixes 2 (#31971) @siriwatknp
471
+
472
+ ### Docs
473
+
474
+ - &#8203;<!-- 27 -->[docs] Improve the a11y on the hover rating demo (#31970) @mnajdova
475
+ - &#8203;<!-- 26 -->[docs] Improve a11y on the `SplitButton` demo (#31969) @mnajdova
476
+ - &#8203;<!-- 25 -->[docs] Improve the color description in the API pages (#30976) @mnajdova
477
+ - &#8203;<!-- 24 -->[docs] Add docs page for unstyled Modal (#31417) @mnajdova
478
+ - &#8203;<!-- 23 -->[docs] Add InputUnstyled docs (#31881) @mnajdova
479
+ - &#8203;<!-- 22 -->[docs] Remove "Work in biotech" from the showcase (#31942) @oliviertassinari
480
+ - &#8203;<!-- 21 -->[docs] Fix in-house ad for the design kits (#31965) @oliviertassinari
481
+ - &#8203;<!-- 20 -->[docs] Fix the documentation for filterOptions in Autocomplete API page (#31416) @santhoshbala0178
482
+ - &#8203;<!-- 19 -->[docs] Update href for 'TypeScript guide on theme customization' (#31880) @NickFoden
483
+ - &#8203;<!-- 18 -->[docs] Fix the CSS modules example in the Interoperability page (#31935) @WilsonNet
484
+ - &#8203;<!-- 17 -->[docs] Fix small typo in the `styled()` utility page (#31967) @jason1985
485
+ - &#8203;<!-- 16 -->[docs] Update mui-x on material-ui navigation (#31810) @siriwatknp
486
+ - &#8203;<!-- 15 -->[docs] Copy ClickAwayListener docs to Base (#31878) @michaldudak
487
+ - &#8203;<!-- 14 -->[docs] Refine the redirects (#31939) @siriwatknp
488
+ - &#8203;<!-- 13 -->[docs] Fix TOC layout for large screen (#31953) @siriwatknp
489
+ - &#8203;<!-- 12 -->[examples] Update remix example to not use NODE_ENV guard for `LiveReload` (#31269) @eswarclynn
490
+ - &#8203;<!-- 06 -->[NoSsr] Copy docs to the Base space (#31956) @michaldudak
491
+ - &#8203;<!-- 05 -->[Portal] Copy Portal docs to the Base space (#31959) @michaldudak
492
+ - &#8203;<!-- 01 -->[website] Remove X-Frame-Options @oliviertassinari
493
+ - &#8203;<!-- 35 -->Revert "[website] Remove X-Frame-Options" @oliviertassinari
494
+
495
+ ### Core
496
+
497
+ - &#8203;<!-- 30 -->[core] Fixes error in changelog generator for item sorting/padding (#30088) @dimitropoulos
498
+ - &#8203;<!-- 29 -->[core] Fix typo in issue template @oliviertassinari
499
+ - &#8203;<!-- 28 -->[core] Replace deprecated String.prototype.substr() (#31806) @CommanderRoot
500
+ - &#8203;<!-- 04 -->[test] Add tests for component using `StandardProps` and polymorphic components (#31945) @mnajdova
501
+
502
+ All contributors of this release in alphabetical order: @bicstone, @CommanderRoot, @dimitropoulos, @eps1lon, @eswarclynn, @igordanchenko, @jannes-io, @jason1985, @m4theushw, @michaldudak, @mnajdova, @NickFoden, @oliviertassinari, @ryancogswell, @santhoshbala0178, @siriwatknp, @WilsonNet
503
+
3
504
  ## 5.5.2
4
505
 
5
506
  <!-- generated comparing v5.5.1..master -->
@@ -777,7 +1278,7 @@ A big thanks to the 14 contributors who made this release possible. Here are som
777
1278
 
778
1279
  ### Core
779
1280
 
780
- - &#8203;<!-- 28 -->[core] Rename Material-UI to MUI (#30338) @ZeeshanTamboli
1281
+ - &#8203;<!-- 28 -->[core] Rename Material UI to MUI (#30338) @ZeeshanTamboli
781
1282
  - &#8203;<!-- 23 -->[core] Fix warning in dev mode (#30368) @oliviertassinari
782
1283
  - &#8203;<!-- 22 -->[core] Update `buildApi` script to support new structure (#30245) @siriwatknp
783
1284
 
@@ -1776,7 +2277,7 @@ These are the changes done from the last release candidate version (5.0.0-rc.1):
1776
2277
  - &#8203;<!-- 38 -->[blog] Introducing MUI Core v5.0 (#27912) @oliviertassinari
1777
2278
  - &#8203;<!-- 08 -->[docs] Fix quotes in font-face literal (#28260) @Aurelain
1778
2279
  - &#8203;<!-- 07 -->[docs] Update redirects to X's docs (#28263) @m4theushw
1779
- - &#8203;<!-- 06 -->[docs] Change Material-UI to MUI in the console (#28270) @mbrookes
2280
+ - &#8203;<!-- 06 -->[docs] Change Material UI to MUI in the console (#28270) @mbrookes
1780
2281
  - &#8203;<!-- 05 -->[docs] Docs redesign adjustments (#28203) @mnajdova
1781
2282
  - &#8203;<!-- 04 -->[docs] How to compose theme in steps (#28246) @goncalovf
1782
2283
  - &#8203;<!-- 03 -->[docs] Fix DataGrid demo console warning in Table docs (#28235) @ZeeshanTamboli
@@ -1797,7 +2298,7 @@ These are the changes done from the last release candidate version (5.0.0-rc.1):
1797
2298
 
1798
2299
  ### Core
1799
2300
 
1800
- - &#8203;<!-- 12 -->[core] Replace Material-UI with MUI (#28243) @mnajdova
2301
+ - &#8203;<!-- 12 -->[core] Replace Material UI with MUI (#28243) @mnajdova
1801
2302
  - &#8203;<!-- 11 -->[core] Prepare for v5 stable release (#28240) @mnajdova
1802
2303
  - &#8203;<!-- 10 -->[core] Mark lines that needs to be changed with a major release (#28238) @mnajdova
1803
2304
  - &#8203;<!-- 18 -->[core] Various updates to what we consider the default branch (#28328) @eps1lon
@@ -1858,7 +2359,7 @@ A big thanks to the 13 contributors who made this release possible. Here are som
1858
2359
  - &#8203;<!-- 29 -->[docs] Improve docs for creating dark theme (#28104) @mnajdova
1859
2360
  - &#8203;<!-- 28 -->[docs] Don't use Material theme in unstyled demos (#28073) @michaldudak
1860
2361
  - &#8203;<!-- 27 -->[docs] Fix api doc import example (#28199) @siriwatknp
1861
- - &#8203;<!-- 26 -->[docs] Remove demo for re-creating Material-UI switches (#28042) @eps1lon
2362
+ - &#8203;<!-- 26 -->[docs] Remove demo for re-creating Material UI switches (#28042) @eps1lon
1862
2363
  - &#8203;<!-- 25 -->[docs] Improve legibility of CTA on landing page (#28124) @akashshyamdev
1863
2364
  - &#8203;<!-- 24 -->[docs] Fix Link outdated default underline prop (#28134) @outofgamut
1864
2365
  - &#8203;<!-- 23 -->[docs] Fix branding theme leaking on the templates (#28120) @mnajdova
@@ -1900,7 +2401,7 @@ _Sep 1, 2021_
1900
2401
  A big thanks to the 18 contributors who made this release possible. Here are some highlights ✨:
1901
2402
 
1902
2403
  - 🎉 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/material-ui/discussions/27803).
1903
- - 🛠 Added `mui-replace` codemod for migrating `@material-ui/*` to new packages `@mui/*`. Check out this [codemod detail](https://github.com/mui/material-ui/blob/next/packages/mui-codemod/README.md#mui-replace) or head to [migration guide](https://mui.com/guides/migration-v4/#preset-safe)
2404
+ - 🛠 Added `mui-replace` codemod for migrating `@material-ui/*` to new packages `@mui/*`. Check out this [codemod detail](https://github.com/mui/material-ui/blob/next/packages/mui-codemod/README.md#mui-replace) or head to [migration guide](https://mui.com/material-ui/guides/migration-v4/#preset-safe)
1904
2405
  - 🧪 Added new `<Mansory>` component to the lab, [check it out](https://mui.com/components/masonry/). It has been crafted by our first intern, @hbjORbj 👏!
1905
2406
 
1906
2407
  ### `@mui/material@5.0.0-rc.0`
@@ -2346,7 +2847,7 @@ A big thanks to the 20 contributors who made this release possible. Here are som
2346
2847
  ### Docs
2347
2848
 
2348
2849
  - &#8203;<!-- 56 -->[docs] Display Popper arrow correctly (#27339) @Patil2099
2349
- - &#8203;<!-- 53 -->[docs] Focus pickers introduction on Material-UI (#27394) @eps1lon
2850
+ - &#8203;<!-- 53 -->[docs] Focus pickers introduction on Material UI (#27394) @eps1lon
2350
2851
  - &#8203;<!-- 51 -->[docs] Fix wrong import path in @material-ui/styles section (#27427) @WeldonTan
2351
2852
  - &#8203;<!-- 47 -->[docs] Update color imports (#27321) @siriwatknp
2352
2853
  - &#8203;<!-- 38 -->[docs] Sync params of callbacks between types and JSDoc description (#27366) @eps1lon
@@ -2398,7 +2899,7 @@ A big thanks to the 17 contributors who made this release possible. Here are som
2398
2899
  You can follow our progress at https://github.com/mui/material-ui/issues/27170.
2399
2900
 
2400
2901
  - 💄 We have updated the default `info` `success` `warning` color to be more accessible (#26817) @siriwatknp.
2401
- You can find the new [default values](https://mui.com/customization/palette/#default-values) in the documentation.
2902
+ You can find the new [default values](https://mui.com/material-ui/customization/palette/#default-values) in the documentation.
2402
2903
 
2403
2904
  <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>
2404
2905
 
@@ -2489,7 +2990,7 @@ A big thanks to the 17 contributors who made this release possible. Here are som
2489
2990
  - [test] Update tests with latest state of StrictMode compatibility (#27042) @eps1lon
2490
2991
  - [test] Use DOM events instead of mocked, partial events (#27198) @eps1lon
2491
2992
  - [website] Open 4 new roles (#27123) @oliviertassinari
2492
- - [blog] Danilo Leal joins Material-UI (#27231) @oliviertassinari
2993
+ - [blog] Danilo Leal joins Material UI (#27231) @oliviertassinari
2493
2994
 
2494
2995
  All contributors of this release in alphabetical order: @eps1lon, @mbrookes, @michal-perlakowski, @michaldudak, @mnajdova, @moshfeu, @oliviertassinari, @rajzik, @renovate[bot], @sahil-blulabs, @ShirasawaSama, @siriwatknp, @vimutti77
2495
2996
 
@@ -2926,7 +3427,7 @@ A big thanks to the 11 contributors who made this release possible. Here are som
2926
3427
 
2927
3428
  ### Docs
2928
3429
 
2929
- - &#8203;<!-- 20 -->[blog] Michał Dudak joins Material-UI (#26700) @oliviertassinari
3430
+ - &#8203;<!-- 20 -->[blog] Michał Dudak joins Material UI (#26700) @oliviertassinari
2930
3431
  - &#8203;<!-- 27 -->[docs] Migrate onepirate premium template to emotion part2 (#26707) @vicasas
2931
3432
  - &#8203;<!-- 24 -->[docs] Fix TextField demo layout (#26710) @vicasas
2932
3433
  - &#8203;<!-- 19 -->[docs] Improve Paperbase demo (#26711) @oliviertassinari
@@ -3213,7 +3714,7 @@ We are progressively moving all modules that are relevant to styling custom desi
3213
3714
  - [test] Move ClockPicker tests to ClockPicker.test (#26407) @eps1lon
3214
3715
  - [test] setProps from createPickerRender should set props on the rendered element (#26405) @eps1lon
3215
3716
  - [utils] Convert useId to TypeScript (#26491) @eps1lon
3216
- - [website] Add Material-UI X page (#25794) @DanailH
3717
+ - [website] Add Material UI X page (#25794) @DanailH
3217
3718
  - [website] Add open application section (#26501) @oliviertassinari
3218
3719
  - [website] Add Siriwat to team page (#26406) @siriwatknp
3219
3720
 
@@ -3305,7 +3806,7 @@ A big thanks to the 16 contributors who made this release possible. Here are som
3305
3806
  />
3306
3807
  ```
3307
3808
 
3308
- > Follow [this link](https://mui.com/guides/migration-v4/#main-content) for full migration from v4 => v5
3809
+ > Follow [this link](https://mui.com/material-ui/guides/migration-v4/#main-content) for full migration from v4 => v5
3309
3810
 
3310
3811
  #### Changes
3311
3812
 
@@ -3358,7 +3859,7 @@ A big thanks to the 16 contributors who made this release possible. Here are som
3358
3859
  - &#8203;<!-- 28 -->[docs] Fix broken overrides link on API pages (#26244) @mnajdova
3359
3860
  - &#8203;<!-- 27 -->[docs] Improve documentation for Buttons (#26184) @arpitBhalla
3360
3861
  - &#8203;<!-- 24 -->[docs] Emphasize on props for screen readers (#26222) @atisheyJain03
3361
- - &#8203;<!-- 23 -->[docs] Link third-party routing in Bottom Navigation (#26190) @arpitBhalla
3862
+ - &#8203;<!-- 23 -->[docs] Link third-party routing in Bottom navigation (#26190) @arpitBhalla
3362
3863
  - &#8203;<!-- 22 -->[docs] Migrate Select, Progress demos to emotion (#26178) @mnajdova
3363
3864
  - &#8203;<!-- 20 -->[docs] Add accessibility section to Badges (#26009) @likitarai1
3364
3865
  - &#8203;<!-- 15 -->[docs] Migrate Popper, Drawer demos to emotion (#26183) @mnajdova
@@ -3468,7 +3969,7 @@ A big thanks to the 17 contributors who made this release possible. Here are som
3468
3969
 
3469
3970
  - &#8203;<!-- 51 -->[Box] Remove render prop (#26113) @m4theushw
3470
3971
 
3471
- Its behavior can be obtained using the `sx` prop directly on the child if it's a Material-UI component. For non-Material-UI components use the `sx` prop in conjunction with the `component` prop:
3972
+ Its behavior can be obtained using the `sx` prop directly on the child if it's a Material UI component. For non-Material UI components use the `sx` prop in conjunction with the `component` prop:
3472
3973
 
3473
3974
  ```diff
3474
3975
  -<Box sx={{ border: '1px dashed grey' }}>
@@ -4084,7 +4585,7 @@ A big thanks to the 21 contributors who made this release possible. Here are som
4084
4585
  - &#8203;<!-- 03 -->[docs] Add interoperability section for Portal (#25575) @mnajdova
4085
4586
  - &#8203;<!-- 01 -->[docs] Fix side nav scroll position (#25619) @misaka3
4086
4587
  - &#8203;<!-- 30 -->[website] Q1 2021 Update (#25591) @oliviertassinari
4087
- - &#8203;<!-- 04 -->[website] Matheus Wichman joins Material-UI (#25590) @oliviertassinari
4588
+ - &#8203;<!-- 04 -->[website] Matheus Wichman joins Material UI (#25590) @oliviertassinari
4088
4589
 
4089
4590
  ### Core
4090
4591
 
@@ -4370,7 +4871,7 @@ The prop didn't solve any important problem better than any of its alternatives
4370
4871
 
4371
4872
  ### Docs
4372
4873
 
4373
- - &#8203;<!-- 22 -->[docs] Migrate Bottom Navigation demos to emotion (#25180) @vicasas
4874
+ - &#8203;<!-- 22 -->[docs] Migrate Bottom navigation demos to emotion (#25180) @vicasas
4374
4875
  - &#8203;<!-- 09 -->[docs] Migrate Button demos to emotion (#25138) @vicasas
4375
4876
  - &#8203;<!-- 17 -->[docs] Migrate Divider demos to emotion (#25145) @vicasas
4376
4877
  - &#8203;<!-- 24 -->[docs] Migrate Pagination demos to emotion (#25183) @vicasas
@@ -4605,7 +5106,7 @@ A big thanks to the 30 contributors who made this release possible. Here are som
4605
5106
  - Increase the minimum version of TypeScript supported from v3.2 to v3.5. (#24795) @petyosi
4606
5107
 
4607
5108
  We try to align with types released from [DefinitelyTyped](https://github.com/DefinitelyTyped/DefinitelyTyped) (i.e. packages published on npm under the `@types` namespace).
4608
- We will not change the minimum supported version in a major version of Material-UI.
5109
+ We will not change the minimum supported version in a major version of Material UI.
4609
5110
  However, we generally recommend to not use a TypeScript version older than the [lowest supported version of DefinitelyTyped](https://github.com/DefinitelyTyped/DefinitelyTyped#older-versions-of-typescript-33-and-earlier).
4610
5111
 
4611
5112
  #### Changes
@@ -5333,8 +5834,8 @@ A big thanks to the 17 contributors who made this release possible. Here are som
5333
5834
  Thanks to @mbrookes developers can automate the migration with a [codemod](https://github.com/mui/material-ui/blob/next/packages/mui-codemod/README.md#box-sx-prop).
5334
5835
 
5335
5836
  ```diff
5336
- -<Box p={2} bgColor="primary.main">
5337
- +<Box sx={{ p: 2, bgColor: 'primary.main' }}>
5837
+ -<Box p={2} bgcolor="primary.main">
5838
+ +<Box sx={{ p: 2, bgcolor: 'primary.main' }}>
5338
5839
  ```
5339
5840
 
5340
5841
  #### Changes
@@ -5445,7 +5946,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
5445
5946
  );
5446
5947
  ```
5447
5948
 
5448
- This enforces emotion being injected first. [More details](https://mui.com/guides/interoperability/#css-injection-order) in the documentation.
5949
+ This enforces emotion being injected first. [More details](https://mui.com/material-ui/guides/interoperability/#css-injection-order) in the documentation.
5449
5950
 
5450
5951
  - [Autocomplete] Rename `closeIcon` prop with `clearIcon` to avoid confusion (#23617) @akhilmhdh.
5451
5952
 
@@ -5657,7 +6158,7 @@ A big thanks to the 34 contributors who made this release possible. Here are som
5657
6158
  - [docs] Improve formatting of the system (#23509) @oliviertassinari
5658
6159
  - [docs] Improve migration guide for theme.palette (#23416) @hubgit
5659
6160
  - [docs] Mention delay instead of transition twice (#23393) @benmneb
5660
- - [docs] Prepare Material-UI X (#1893) @oliviertassinari
6161
+ - [docs] Prepare Material UI X (#1893) @oliviertassinari
5661
6162
  - [docs] Redirect legacy GridList pages to ImageList (#23456) @eps1lon
5662
6163
  - [docs] Remove redundant aria-label when wrapped in Tooltip (#23455) @eps1lon
5663
6164
  - [docs] Sync translations (#23316) @l10nbot
@@ -5685,19 +6186,19 @@ _Nov 4, 2020_
5685
6186
  A big thanks to the 20 contributors who made this release possible. Here are some highlights ✨:
5686
6187
 
5687
6188
  - ⚛️ Add support for React 17 (#23311) @eps1lon.
5688
- 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`.
6189
+ 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`.
5689
6190
  - 🛠 Introduce a new `@material-ui/unstyled` package (#23270) @mnajdova.
5690
6191
  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.
5691
6192
 
5692
6193
  **Why an unstyled package?**
5693
6194
 
5694
- While engineering teams are successfully building custom design systems by wrapping Material-UI, we [occasionally hear](https://github.com/mui/material-ui/issues/6218) that Material Design or our styling solution are something they don't need. Some teams prefer SASS, others prefer to customize the components starting from a pristine state. What all these teams have in common is that they value the features coming from the components, such as accessibility.
6195
+ While engineering teams are successfully building custom design systems by wrapping Material UI, we [occasionally hear](https://github.com/mui/material-ui/issues/6218) that Material Design or our styling solution are something they don't need. Some teams prefer SASS, others prefer to customize the components starting from a pristine state. What all these teams have in common is that they value the features coming from the components, such as accessibility.
5695
6196
 
5696
6197
  The unstyled package goes one step down in the abstraction layer, providing more flexibility. Angular Material introduced this approach two years ago. Today their unstyled components account for [25% of the usage](https://npm-stat.com/charts.html?package=%40angular%2Fmaterial&package=%40angular%2Fcdk&from=2017-11-03&to=2020-11-03).
5697
6198
 
5698
6199
  Another reason for introducing this package is to prepare the groundwork for a [second theme](https://github.com/mui/material-ui/issues/22485) (not Material Design based).
5699
6200
 
5700
- 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).
6201
+ 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).
5701
6202
 
5702
6203
  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.
5703
6204
 
@@ -5761,8 +6262,8 @@ A big thanks to the 20 contributors who made this release possible. Here are som
5761
6262
  ### Docs
5762
6263
 
5763
6264
  - [Transition] Document default appear value (#23221) @GuilleDF
5764
- - [blog] Danail Hadjiatanasov joins Material-UI (#23223) @oliviertassinari
5765
- - [docs] Add Material-UI Builder to in-house ads (#23342) @mbrookes
6265
+ - [blog] Danail Hadjiatanasov joins Material UI (#23223) @oliviertassinari
6266
+ - [docs] Add Material UI Builder to in-house ads (#23342) @mbrookes
5766
6267
  - [docs] Fix a few typos and add comma (#23284) @reedanders
5767
6268
  - [docs] Fix few propTypes in Inputs (#23331) @youknowhat
5768
6269
  - [docs] Fix language cookie (#23324) @mbrookes
@@ -5798,7 +6299,7 @@ A big thanks to the 23 contributors who made this release possible.
5798
6299
  Here are some highlights ✨:
5799
6300
 
5800
6301
  - 💄 Introduce a new `sx` prop (#23053, #23205) @mnajdova
5801
- We have resumed the work on Material-UI System. This is made possible by the latest progress on the new styling solution of v5.
6302
+ We have resumed the work on Material UI System. This is made possible by the latest progress on the new styling solution of v5.
5802
6303
  You can read the [introduction blog post](https://medium.com/material-ui/introducing-material-ui-design-system-93e921beb8df) that we did for the system two years ago.
5803
6304
 
5804
6305
  The system is meant to solve the following problems:
@@ -5971,7 +6472,7 @@ A big thanks to the 25 contributors who made this release possible.
5971
6472
  Here are some highlights ✨:
5972
6473
 
5973
6474
  - 📦 Ship modern bundle (#22814) @eps1lon.
5974
- This is a significant update to the [browsers supported](https://mui.com/getting-started/supported-platforms/) by Material-UI.
6475
+ This is a significant update to the [browsers supported](https://mui.com/material-ui/getting-started/supported-platforms/) by Material UI.
5975
6476
  The previous policy was defined 2 years ago, and the landscape has evolved since then. The package now includes 4 bundles:
5976
6477
 
5977
6478
  1. `stable` (default, formerly `esm`) which targets a snapshot (on release) of `> 0.5%, last 2 versions, Firefox ESR, not dead, not IE 11"`
@@ -5982,7 +6483,7 @@ Here are some highlights ✨:
5982
6483
  The change yields a 6% reduction in bundle size 📦 (Babel only).
5983
6484
  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).
5984
6485
 
5985
- 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/).
6486
+ Check the updated [Supported platforms documentation](https://mui.com/material-ui/getting-started/supported-platforms/) and [new "minimizing bundle size" guide](https://mui.com/material-ui/guides/minimizing-bundle-size/).
5986
6487
 
5987
6488
  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.
5988
6489
 
@@ -6338,7 +6839,7 @@ Here are some highlights ✨:
6338
6839
  You can find a [new version](https://mui.com/components/slider-styled/#UnstyledSlider.tsx) of the slider in the lab without any styles.
6339
6840
  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.
6340
6841
 
6341
- - ⚡️ A first alpha of the [DataGrid](https://mui.com/components/data-grid/) component.
6842
+ - ⚡️ A first alpha of the [DataGrid](https://mui.com/x/react-data-grid/) component.
6342
6843
 
6343
6844
  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:
6344
6845
  @material-ui/data-grid is licensed under MIT, while @material-ui/x-grid is licensed under a commercial license.
@@ -6626,7 +7127,7 @@ Here are some highlights ✨:
6626
7127
 
6627
7128
  - [theme] Remove palette.text.hint key (#22537) @mbrookes
6628
7129
 
6629
- The `theme.palette.text.hint` key was available but unused in Material-UI v4 components.
7130
+ The `theme.palette.text.hint` key was available but unused in Material UI v4 components.
6630
7131
  You can use `adaptV4Theme()` to restore the previous behavior.
6631
7132
 
6632
7133
  #### Changes
@@ -7044,7 +7545,7 @@ A big thanks to the 26 contributors who made this release possible.
7044
7545
  Here are some highlights ✨:
7045
7546
 
7046
7547
  - 💅 Introduce a new dynamic variant API (#21648) @mnajdova.
7047
- This API allows developers to add new variants on the Material-UI's components right from the theme, without having to wrap the components.
7548
+ This API allows developers to add new variants on the Material UI's components right from the theme, without having to wrap the components.
7048
7549
  For instance with the Button:
7049
7550
 
7050
7551
  ```tsx
@@ -7073,7 +7574,7 @@ Here are some highlights ✨:
7073
7574
  <Button variant="dashed" />;
7074
7575
  ```
7075
7576
 
7076
- More details in [the documentation](https://mui.com/customization/components/#adding-new-component-variants) and [RFC](#21749).
7577
+ More details in [the documentation](https://mui.com/material-ui/customization/components/#adding-new-component-variants) and [RFC](#21749).
7077
7578
 
7078
7579
  - 👮 Add documentation for the [TrapFocus](https://mui.com/components/trap-focus/) component (#22062) @oliviertassinari.
7079
7580
  - ⚛️ Prepare support for React v17 (#22093, #22105, #22143, #22111) @eps1lon.
package/README.md CHANGED
@@ -8,4 +8,4 @@ It is used internally in the `@mui/system` package.
8
8
 
9
9
  <!-- #default-branch-switch -->
10
10
 
11
- [The documentation](https://mui.com/guides/styled-engine/)
11
+ [The documentation](https://mui.com/material-ui/guides/styled-engine/)
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MUI v5.5.2
1
+ /** @license MUI v5.7.0
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
package/legacy/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MUI v5.5.2
1
+ /** @license MUI v5.7.0
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
package/modern/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MUI v5.5.2
1
+ /** @license MUI v5.7.0
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
package/node/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MUI v5.5.2
1
+ /** @license MUI v5.7.0
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/styled-engine",
3
- "version": "5.5.2",
3
+ "version": "5.7.0",
4
4
  "private": false,
5
5
  "author": "MUI Team",
6
6
  "description": "styled() API wrapper package for emotion.",
@@ -28,12 +28,12 @@
28
28
  "dependencies": {
29
29
  "@babel/runtime": "^7.17.2",
30
30
  "@emotion/cache": "^11.7.1",
31
- "prop-types": "^15.7.2"
31
+ "prop-types": "^15.8.1"
32
32
  },
33
33
  "peerDependencies": {
34
34
  "@emotion/react": "^11.4.1",
35
35
  "@emotion/styled": "^11.3.0",
36
- "react": "^17.0.0"
36
+ "react": "^17.0.0 || ^18.0.0"
37
37
  },
38
38
  "peerDependenciesMeta": {
39
39
  "@emotion/react": {