@mui/icons-material 5.10.6 โ†’ 5.10.14

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.
Files changed (3) hide show
  1. package/CHANGELOG.md +767 -212
  2. package/index.js +1 -1
  3. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,554 @@
1
1
  # [Versions](https://mui.com/versions/)
2
2
 
3
+ ## v5.10.14
4
+
5
+ <!-- generated comparing v5.10.13..master -->
6
+
7
+ _Nov 14, 2022_
8
+
9
+ A big thanks to the 17 contributors who made this release possible. Here are some highlights โœจ:
10
+
11
+ - ๐Ÿš€ @siriwatknp added the Autocomplete component to the Joy UI (#34315)
12
+ - โ™ฟ @sfavello improved the accessibility of the Material UI's Autocomplete by adding support for the Delete key (#33822)
13
+ - Many other ๐Ÿ› bug fixes, ๐Ÿ“š documentation, and โš™๏ธ infrastructure improvements.
14
+
15
+ ### `@mui/material@5.10.14`
16
+
17
+ - [Material UI] Add `palette.background.defaultChannel` token (#35061) @siriwatknp
18
+ - [Autocomplete] Remove tags with the Delete key (#33822) @sfavello
19
+ - [IconButton] custom color causes type error (#34521) @kushagra010
20
+
21
+ ### `@mui/system@5.10.14`
22
+
23
+ - [Unstable_Gridv2] sorted responsize keys based on breakpoint value (#34987) @sai6855
24
+
25
+ ### `@mui/joy@5.0.0-alpha.54`
26
+
27
+ - [Joy] Export `FormControl`, `LinearProgress` and `ListSubheader` components from `@mui/joy` (#35003) @Studio384
28
+ - [Joy] Miscellaneous fixes (#35044) @siriwatknp
29
+ - [Joy] Add `Autocomplete` component (#34315) @siriwatknp
30
+ - [Joy] Saturate a bit the gray palette (#35148) @danilo-leal
31
+ - [Autocomplete][joy] Fix types (#35153) @siriwatknp
32
+
33
+ ### Docs
34
+
35
+ - [blog] Fix font size of code blocks on iOS @oliviertassinari
36
+ - [docs] Accessibility - increase default contrastThreshold for WCAG AA compliance (#34901) @kennethbigler
37
+ - [docs] Correct the keepMounted section on the Drawer page (#35076) @michaldudak
38
+ - [docs] Fix code editor styles mismatches (#35108) @oliviertassinari
39
+ - [docs] Allows to access the next MUI-X (#34798) @alexfauquette
40
+ - [docs] Fix bugs with live edit demos (#35106) @oliviertassinari
41
+ - [docs] Fix `MarkdownElement` regression from adding CSS variables (#35096) @siriwatknp
42
+ - [docs] Add a new gold sponsor (#35089) @hbjORbj
43
+ - [docs] Fix scroll issue on expanded live demos (#35064) @bharatkashyap
44
+ - [docs] Improve alignment of the sponsors @oliviertassinari
45
+ - [docs] Improve code font family v2 (#35053) @oliviertassinari
46
+ - [docs] Upgrade to Next.js 13 (#35001) @mnajdova
47
+ - [docs] Fix typo in changelog @oliviertassinari
48
+ - [docs] Update Joy UI templates to use latest components (#35058) @siriwatknp
49
+ - [website] Fix design kits showcase throwing an error (#35093) @cherniavskii
50
+ - [website] Fix margin bug on CTA @oliviertassinari
51
+ - [website] Link respective repositories in product pages (#35046) @sidtohan
52
+ - [website] Migrate blog pages to use CSS theme variables (#34976) @siriwatknp
53
+ - [website] Update DoiT International logo and links with new brand (#35030) @ofir5300
54
+ - [website] Improve visual design app bar (#35111) @oliviertassinari
55
+
56
+ ### Core
57
+
58
+ - [core] Convert scripts to ES modules (#35036) @michaldudak
59
+ - [core] Show the whole version to make blame easier @oliviertassinari
60
+ - [core] Polish GitHub Action version @oliviertassinari
61
+ - [core] Ignore icons to speed up CodeQL @oliviertassinari
62
+ - [core] Feedback on branch protection @oliviertassinari
63
+ - [core] Revert CI (#35098) @siriwatknp
64
+ - [core] Fix job name to match the CI (#35097) @siriwatknp
65
+ - [core] ESLint fixes for tests (#34924) @Janpot
66
+ - [core] Ignore unrelated folders from github actions (#35028) @siriwatknp
67
+ - [core] Use pretty-quick instead of custom script (#34062) @Janpot
68
+
69
+ All contributors of this release in alphabetical order: @alexfauquette, @bharatkashyap, @cherniavskii, @danilo-leal, @hbjORbj, @Janpot, @kennethbigler, @kushagra010, @michaldudak, @mnajdova, @ofir5300, @oliviertassinari, @sai6855, @sfavello, @sidtohan, @siriwatknp, @Studio384
70
+
71
+ ## v5.10.13
72
+
73
+ <!-- generated comparing v5.10.12..master -->
74
+
75
+ _Nov 7, 2022_
76
+
77
+ A big thanks to the 12 contributors who made this release possible. Here are some highlights โœจ:
78
+
79
+ - ๐Ÿš€ The slots API has been introduced to the Material UI package by @michaldudak (#34873).
80
+ - ๐Ÿ”ฅ Live editing of demos is stabilized by @oliviertassinari (#34870).
81
+ - Many other ๐Ÿ› bug fixes, ๐Ÿ“š documentation, and โš™๏ธ infrastructure improvements.
82
+
83
+ ### `@mui/material@5.10.13`
84
+
85
+ - &#8203;<!-- 08 -->[material-ui] Introduce the slots API (#34873) @michaldudak
86
+ - &#8203;<!-- 07 -->[NativeSelectInput] Support CSS theme variables (#34975) @siriwatknp
87
+
88
+ ### `@mui/system@5.10.13`
89
+
90
+ - &#8203;<!-- 05 -->[system] Add a missing key attribute in getInitColorScheme to fix key issue (#34992) @akshaya-venkatesh8
91
+
92
+ ### `@mui/base@5.0.0-alpha.105`
93
+
94
+ - &#8203;<!-- 26 -->[base] Avoid calling setState during renders (#34916) @Janpot
95
+
96
+ ### `@mui/joy@5.0.0-alpha.53`
97
+
98
+ - &#8203;<!-- 06 -->[Select] Fix custom options menu not opening on Avatar click (#34648) @shivam1646
99
+
100
+ ### Docs
101
+
102
+ - &#8203;<!-- 20 -->[docs] Add a guide for setting dark mode by default (#34839) @siriwatknp
103
+ - &#8203;<!-- 19 -->[docs] Improve code font family (#35027) @oliviertassinari
104
+ - &#8203;<!-- 18 -->[docs] Revise and expand Joy UI "Alert" page (#34838) @samuelsycamore
105
+ - &#8203;<!-- 17 -->[docs] Live demos v2 (#34870) @oliviertassinari
106
+ - &#8203;<!-- 16 -->[docs] Fix 301 links in the docs @oliviertassinari
107
+ - &#8203;<!-- 15 -->[docs] Fix code display in RTL (#34951) @oliviertassinari
108
+ - &#8203;<!-- 14 -->[docs] New API design rule disabled > disable (#34972) @oliviertassinari
109
+ - &#8203;<!-- 13 -->[docs] Explain the usage of Select's onOpen/onClose in the uncontrolled mode (#34755) @michaldudak
110
+ - &#8203;<!-- 12 -->[docs] Add a new gold sponsor (#34984) @hbjORbj
111
+ - &#8203;<!-- 11 -->[docs] Add author and published_time meta tags (#34382) @alexfauquette
112
+ - &#8203;<!-- 10 -->[examples] Next.js examples v13 - fonts (#34971) @PetroSilenius
113
+ - &#8203;<!-- 09 -->[examples] Next.js examples v13 - links (#34970) @PetroSilenius
114
+ - &#8203;<!-- 04 -->[website] Update IPinfo.AI name @oliviertassinari
115
+ - &#8203;<!-- 03 -->[website] Remove date-io from the docs dependencies (#34748) @michaldudak
116
+ - &#8203;<!-- 02 -->[website] Migrate Design-kits page to use CSS theme variables (#34920) @jesrodri
117
+ - &#8203;<!-- 01 -->[website] Migrate Pricing page to use CSS theme variables (#34917) @trizotti
118
+
119
+ ### Core
120
+
121
+ - &#8203;<!-- 25 -->[core] Remove default access to GitHub action scopes @oliviertassinari
122
+ - &#8203;<!-- 24 -->[core] Fix Pinned-Dependencies @oliviertassinari
123
+ - &#8203;<!-- 23 -->[core] Fix typos in the component name @oliviertassinari
124
+ - &#8203;<!-- 22 -->[core] Fix scorecard regression @oliviertassinari
125
+ - &#8203;<!-- 21 -->[core] Create the docs theme once (#34954) @oliviertassinari
126
+
127
+ All contributors of this release in alphabetical order: @akshaya-venkatesh8, @alexfauquette, @hbjORbj, @Janpot, @jesrodri, @michaldudak, @oliviertassinari, @PetroSilenius, @samuelsycamore, @shivam1646, @siriwatknp, @trizotti
128
+
129
+ ## v5.10.12
130
+
131
+ <!-- generated comparing v5.10.11..master -->
132
+
133
+ _Oct 31, 2022_
134
+
135
+ A big thanks to the 16 contributors who made this release possible. Here are some highlights โœจ:
136
+
137
+ - ๐Ÿš€ The LinearProgress component has been added to Joy UI by @hbjORbj (#34514).
138
+ - Many other ๐Ÿ› bug fixes, ๐Ÿ“š documentation, and โš™๏ธ infrastructure improvements.
139
+
140
+ ### `@mui/material@5.10.12`
141
+
142
+ - &#8203;<!-- 37 -->[Chip] Don't override icon color (#34247) @emlai
143
+ - &#8203;<!-- 09 -->[Radio] Skip default hover style when disableRipple is set (#34902) @VinceCYLiao
144
+ - &#8203;<!-- 08 -->[SwipeableDrawer] Fix React 18 issues (#34505) @mnajdova
145
+ - &#8203;<!-- 05 -->[Tooltip] Save a few bytes (#34853) @oliviertassinari
146
+
147
+ ### `@mui/base@5.0.0-alpha.104`
148
+
149
+ - &#8203;<!-- 38 -->[ButtonUnstyled] Update to render as link when href or to is provided (#34337) @EduardoSCosta
150
+
151
+ ### `@mui/joy@5.0.0-alpha.52`
152
+
153
+ - &#8203;<!-- 36 -->[Joy][circularprogress] Prevent new styles from being generated when `value` changes (#34897) @hbjORbj
154
+ - &#8203;<!-- 11 -->[Joy] Add color inversion feature (#32511) @siriwatknp
155
+ - &#8203;<!-- 10 -->[Joy] Add `LinearProgress` component (#34514) @hbjORbj
156
+
157
+ ### Docs
158
+
159
+ - &#8203;<!-- 40 -->[blog] Add blog post for high-level overview of all MUI products (#34325) @samuelsycamore
160
+ - &#8203;<!-- 39 -->[blog] Fix hydration mistmatch (#34857) @oliviertassinari
161
+ - &#8203;<!-- 21 -->[docs] Revise the Joy UI "Aspect Ratio" page (#34858) @samuelsycamore
162
+ - &#8203;<!-- 20 -->[docs] Fix Safari code font size (#34859) @oliviertassinari
163
+ - &#8203;<!-- 19 -->[docs] Fix spelling mistake (#34955) @punithnayak
164
+ - &#8203;<!-- 18 -->[docs] Fix 404 link of supported Material UI components @oliviertassinari
165
+ - &#8203;<!-- 17 -->[docs] Fix Safari button misalignment (#34861) @oliviertassinari
166
+ - &#8203;<!-- 16 -->[docs] Fix typo in docs title (#34926) @PunitSoniME
167
+ - &#8203;<!-- 25 -->[docs] Fix missing emotion prefixes (#34958) @oliviertassinari
168
+ - &#8203;<!-- 26 -->[docs] Improve UI display for copy code (#34950) @oliviertassinari
169
+ - &#8203;<!-- 15 -->[docs] Standardize all MUI Core "Usage" pages (#34183) @samuelsycamore
170
+ - &#8203;<!-- 14 -->[docs] Update templates' readme files to include required dependencies (#34757) @michaldudak
171
+ - &#8203;<!-- 13 -->[docs] Fix inconsistent theme colors when applying custom colors in playground (#34866) @cherniavskii
172
+ - &#8203;<!-- 12 -->[docs] Fix typo in bottom-navigation.md (#34884) @RoodyCode
173
+ - &#8203;<!-- 07 -->[website] Migrate about-us page to use CSS theme variables (#34919) @brianlu2610
174
+ - &#8203;<!-- 06 -->[website] Migrate Product-Templates page to use CSS theme variables (#34913) @EduardoSCosta
175
+ - &#8203;<!-- 05 -->[website] Migrate career page to use CSS theme variables (#34908) @the-mgi
176
+ - &#8203;<!-- 04 -->[website] Update MUI X open and future roles + about page (#34894) @DanailH
177
+ - &#8203;<!-- 03 -->[website] Remove one DOM node (#34960) @oliviertassinari
178
+ - &#8203;<!-- 02 -->[website] Use `span` for icon image (#34914) @siriwatknp
179
+ - &#8203;<!-- 01 -->[website] Fix subscribe input with Safari (#34869) @oliviertassinari
180
+
181
+ ### Core
182
+
183
+ - &#8203;<!-- 35 -->[core] Ignore compiled icons in CodeQL @oliviertassinari
184
+ - &#8203;<!-- 34 -->[core] Add OSSF Scorecard action (#34854) @oliviertassinari
185
+ - &#8203;<!-- 40 -->[core] Fix extra GitHub Action permission (#34496) @sashashura
186
+ - &#8203;<!-- 33 -->[core] Fix duplicate id @oliviertassinari
187
+ - &#8203;<!-- 41 -->[core] Enforce import \* as React (#34878) @da0x
188
+ - &#8203;<!-- 32 -->[core] A couple of simply fixes from #34870 (#34953) @oliviertassinari
189
+ - &#8203;<!-- 31 -->[core] Migrate outdated pattern to convention @oliviertassinari
190
+ - &#8203;<!-- 30 -->[core] Pin GitHub Actions dependencies (#34929) @renovate[bot]
191
+ - &#8203;<!-- 29 -->[core] Make the reproduction more important in the bug template (#34875) @oliviertassinari
192
+ - &#8203;<!-- 28 -->[core] Fix docs GitHub API rate limit (#34856) @oliviertassinari
193
+ - &#8203;<!-- 42 -->[core] Fix eslint issues (#34964) @mnajdova
194
+ - &#8203;<!-- 27 -->[core] Pin GitHub Action to digests (#34855) @oliviertassinari
195
+ - &#8203;<!-- 26 -->[core] Fix permissions in workflow @oliviertassinari
196
+ - &#8203;<!-- 25 -->[core] memoize context values for react/jsx-no-constructed-context-values (#34849) @Janpot
197
+ - &#8203;<!-- 24 -->[core] Fix @typescript-eslint/default-param-last issues (#34846) @Janpot
198
+ - &#8203;<!-- 23 -->[core] Fix HTML validation error (#34860) @oliviertassinari
199
+ - &#8203;<!-- 22 -->[core] Fix duplicate CodeQL build @oliviertassinari
200
+ - &#8203;<!-- 07 -->[test] Move Firefox tests to CircleCI (#34764) @oliviertassinari
201
+ - &#8203;<!-- 06 -->[test] Use screen when possible for simplicity (#34890) @oliviertassinari
202
+
203
+ All contributors of this release in alphabetical order: @cherniavskii, @DanailH, @EduardoSCosta, @emlai, @hbjORbj, @Janpot, @michaldudak, @mnajdova, @oliviertassinari, @punithnayak, @PunitSoniME, @renovate[bot], @RoodyCode, @samuelsycamore, @siriwatknp, @VinceCYLiao
204
+
205
+ ## v5.10.11
206
+
207
+ <!-- generated comparing v5.10.10..master -->
208
+
209
+ _Oct 25, 2022_
210
+
211
+ A big thanks to the 10 contributors who made this release possible. Here are some highlights โœจ:
212
+
213
+ - ๐Ÿ”ง Moved `components` to `slots` prop starting at MUI Base to create consistency across products
214
+ - Many other ๐Ÿ› bug fixes, ๐Ÿ“š documentation, and โš™๏ธ infrastructure improvements
215
+
216
+ ### `@mui/material@5.10.11`
217
+
218
+ - [InputBase] Fix `onInvalid` to use HTMLInputElement | HTMLTextAreaElement Element type (#33162) @KuSh
219
+ - [Alert] Add `components` and `componentsProps` props to allow close action overrides (#33582) @jake-collibra
220
+
221
+ ### `@mui/base@5.0.0-alpha.103`
222
+
223
+ #### BREAKING CHANGE
224
+
225
+ - [base] `components` -> `slots` API rename (#34693) @michaldudak
226
+
227
+ - Change all occurrences ofย componentsย andย componentsPropsย props in Base components toย slotsย andย slotProps, respectively.
228
+ - Change casing ofย slots' fields to camelCase
229
+
230
+ ```diff
231
+ -<SwitchUnstyled components={{Root: CustomRoot}} componentsProps={{rail: { className: 'custom-rail' }}} />
232
+ +<SwitchUnstyled slots={{root: CustomRoot}} slotProps={{rail: { className: 'custom-rail' }}} />
233
+ ```
234
+
235
+ - [base] Make CSS class prefixes consistent (#33411) @michaldudak
236
+
237
+ **This is a breaking change for anyone who depends on the class names applied to Base components.**
238
+ If you use the `<component>UnstyledClasses` objects, you won't notice a difference. Only if you depend on the resulting class names (e.g. in CSS stylesheets), you'll have to adjust your code.
239
+
240
+ ```diff
241
+ -.ButtonUnstyled-root { ... };
242
+ +.MuiButton-root { ... };
243
+ ```
244
+
245
+ #### Changes
246
+
247
+ - [test] Test all Base components with describeConformanceUnstyled (#34825) @michaldudak
248
+
249
+ ### `@mui/joy@5.0.0-alpha.51`
250
+
251
+ - [CircularProgress][joy] Fix classnames and add test (#34806) @hbjORbj
252
+ - [Joy] Allow string type for `size` prop in components (#34805) @hbjORbj
253
+
254
+ ### Docs
255
+
256
+ - Revert "[docs] Fix search icons in other languages (#34823)" @oliviertassinari
257
+ - Revert "[core] Move SearchIcons to docs src folder (#34802)" @oliviertassinari
258
+ - Revert "[docs] Live demos (#34454)" @oliviertassinari
259
+ - Update the order of operations for pagination example so that slicing takes place after sorting. (#34189) @marceliwac
260
+ - [docs] Gatsby Description in Joy dark-mode (#34702) @pixelass
261
+ - [docs] Add notification for blogpost MUI X v6 alpha (#34809) @joserodolfofreitas
262
+ - [docs] Polish Crowdin config (#34852) @oliviertassinari
263
+ - [docs] Fix a few style standard deviations @oliviertassinari
264
+ - [docs] Enforce no trailing spaces (#34762) @oliviertassinari
265
+ - [docs] Enforce correct git diff format (#34765) @oliviertassinari
266
+ - [docs] Fix Toolpad docs 301 route (#34843) @bharatkashyap
267
+ - [docs] Replace initial value with theme white (#34822) @siriwatknp
268
+ - [docs] Remove localization redirects (#34844) @mnajdova
269
+ - [docs] Fix search icons in other languages (#34823) @siriwatknp
270
+ - [docs] Fix JavaScript capitalization @oliviertassinari
271
+ - [docs] Update new links to MD2 (#34848) @oliviertassinari
272
+ - [website] Update future work items on X landing page (#34810) @joserodolfofreitas
273
+ - [website] Add Toolpad docs to navigation (#34749) @bharatkashyap
274
+
275
+ ### Core
276
+
277
+ - [core] Remove dead files (#34850) @oliviertassinari
278
+ - [core] Fix revert conflict @oliviertassinari
279
+ - [core] Fix a few CodeQL errors (#34766) @oliviertassinari
280
+ - [core] Harden GitHub Actions permissions (#34769) @oliviertassinari
281
+ - [core] Remove the codeowners file (#34876) @michaldudak
282
+
283
+ All contributors of this release in alphabetical order: @bharatkashyap, @hbjORbj, @jake-collibra, @joserodolfofreitas, @KuSh, @marceliwac, @michaldudak, @oliviertassinari, @pixelass, @siriwatknp
284
+
285
+ ## 5.10.10
286
+
287
+ <!-- generated comparing v5.10.9..master -->
288
+
289
+ _Oct 18, 2022_
290
+
291
+ A big thanks to the 21 contributors who made this release possible. Here are some highlights โœจ:
292
+
293
+ - ๐Ÿ–Œ Thanks to the efforts of @bharatkashyap and @nihgwu, we now have editable demos across our docs (#34454)!
294
+ - ๐Ÿš€ The Tooltip component has been added to Joy UI by @hbjORbj (#34509).
295
+ - โš™๏ธ We started converting the remaining JS components in MUI Base to TypeScript.
296
+ @mbayucot finished the first PR with the conversion of the NoSsr code (#34735).
297
+ - And more ๐Ÿ› bug fixes and ๐Ÿ“š documentation improvements.
298
+
299
+ ### `@mui/material@5.10.10`
300
+
301
+ - [Popover] Fix paper position flash on open (#34546) @TheUnlocked
302
+ - [SwipeableDrawer] Make component `defaultProps` overridable (#34643) @hbjORbj
303
+
304
+ ### `@mui/system@5.10.10`
305
+
306
+ - [system] Support CSS `grey` color in `sx` (#34548) @TheUnlocked
307
+
308
+ ### `@mui/styles@5.10.10`
309
+
310
+ - [styles] Use memoized context in StylesProvider (#34637) @mohd-akram
311
+
312
+ ### `@mui/joy@5.0.0-alpha.50`
313
+
314
+ - [Select][joy] Added hidden input element (#34657) @zee-bit
315
+ - [Slider][joy] Add global variant to slider (#34733) @siriwatknp
316
+ - [Tooltip][joy] Add component (#34509) @hbjORbj
317
+
318
+ ### `@mui/base@5.0.0-alpha.102`
319
+
320
+ - [MultiSelect][base] Prevent the renderValue prop from being propagated to the DOM (#34698) @michaldudak
321
+ - [NoSsr] Convert code to TypeScript (#34735) @mbayucot
322
+
323
+ ### Docs
324
+
325
+ - [docs] Fix the Autocomplete Highlighting example (#34184) @hayawata3626
326
+ - [docs] Fix typos in Base (Menu, Tabs) and Joy UI (Chip) (#34803) @rvrvrv
327
+ - [docs] Use new editing API in homepage demos (#34220) @m4theushw
328
+ - [docs] Live demos (#34454) @bharatkashyap
329
+ - [docs] Fix typos in Joy UI Switch (#34728) @ndresx
330
+ - [docs] Avoid scrollbar in the code demos (#34741) @oliviertassinari
331
+ - [docs] Revise the Joy UI "Automatic adjustment" page (#34614) @samuelsycamore
332
+ - [docs] Revise and rename the Joy UI "Perfect dark mode" page (#34613) @samuelsycamore
333
+ - [docs] Revise the Joy UI "Global variants" page (#34595) @samuelsycamore
334
+ - [docs] Basic link verification at PR level (#34588) @alexfauquette
335
+ - [docs] Add a missing comma in the customization example (#34617) @AbayKinayat
336
+ - [website] Clarify Pro/Premium support (#34607) @oliviertassinari
337
+ - [website] Fix home page dark mode flicker (#33545)
338
+ - [website] Update the state of the date pickers on the landing page (#34750) @joserodolfofreitas
339
+
340
+ ### Core
341
+
342
+ - [core] Clean conditionals (#34772) @pedroprado010
343
+ - [core] Temporary remove the authorization (#34796) @siriwatknp
344
+ - [core] Avoid slower CI run statues @oliviertassinari
345
+ - [core] Improve the playground DX (#34739) @oliviertassinari
346
+ - [core] Link Netlify in the danger comment (#34688) @oliviertassinari
347
+ - [core] Fix CI after out of sync merge @oliviertassinari
348
+ - [core] Enforce straight quote (#34686) @oliviertassinari
349
+ - [core] Add code scanning via CodeQL (#34707) @DanailH
350
+ - [core] Fix some upcoming eslint issues (#34727) @oliviertassinari
351
+ - [core] Auto-fix upcoming eslint issues (#34644) @Janpot
352
+ - [core] Move SearchIcons to docs src folder (#34802)
353
+ - [test] Enable `react/no-unstable-nested-components` (#34518) @eps1lon
354
+
355
+ All contributors of this release in alphabetical order: @AbayKinayat, @alexfauquette, @bharatkashyap, @DanailH, @eps1lon, @hayawata3626, @hbjORbj, @Janpot, @joserodolfofreitas, @m4theushw, @mbayucot, @michaldudak, @mohd-akram, @ndresx, @oliviertassinari, @pedroprado010, @rvrvrv, @samuelsycamore, @siriwatknp, @TheUnlocked, @zee-bit
356
+
357
+ ## 5.10.9
358
+
359
+ <!-- generated comparing v5.10.8..master -->
360
+
361
+ _Oct 10, 2022_
362
+
363
+ A big thanks to the 7 contributors who made this release possible. Here are some highlights โœจ:
364
+
365
+ - ๐Ÿš€ [Joy] Button loading functionality has been added by @kushagra010 (#34658)
366
+ - And more ๐Ÿ› bug fixes and ๐Ÿ“š documentation improvements.
367
+
368
+ ### `@mui/material@5.10.9`
369
+
370
+ - &#8203;<!-- 16 -->[Grid v2][system] Handle direction object prop for responsive design (#34574) @vanyaxk
371
+ - &#8203;<!-- 03 -->[Slider] Fix unnecessary accessibility attribute in root element (#34610) @vanyaxk
372
+
373
+ ### `@mui/system@5.10.9`
374
+
375
+ #### BREAKING CHANGE
376
+
377
+ - &#8203;<!-- 17 -->[system] Fix color-scheme implementation (#34639) @siriwatknp
378
+
379
+ The `enableColorScheme` prop has been removed from `CssVarsProvider` and `getInitColorScheme` (both Material UI and Joy UI).
380
+
381
+ Migration:
382
+
383
+ - **Material UI**: you can enable the CSS color scheme via `<CssBaseline enableColorScheme />`.
384
+ - **Joy UI**: it is enabled automatically if you use `<CssBaseline />`, [see the docs](https://mui.com/joy-ui/react-css-baseline/).
385
+
386
+ #### Changes
387
+
388
+ - &#8203;<!-- 02 -->[system] Fix typo in createCssVarsProvider (#34661) @HexM7
389
+
390
+ ### `@mui/base@5.0.0-alpha.101`
391
+
392
+ - &#8203;<!-- 01 -->[TrapFocus] Restore the previously exported type from @mui/material (#34601) @michaldudak
393
+
394
+ ### `@mui/joy@5.0.0-alpha.49`
395
+
396
+ - &#8203;<!-- 04 -->[Joy] Add button loading functionality (#34658) @kushagra010
397
+
398
+ ### Docs
399
+
400
+ - &#8203;<!-- 18 -->[docs] Revert #34541 (#34700) @michaldudak
401
+ - &#8203;<!-- 15 -->[blog] Blog post for MUI X v6 alpha zero (#34424) @joserodolfofreitas
402
+ - &#8203;<!-- 09 -->[docs] Improve Joy UI tutorial demo (#34653) @oliviertassinari
403
+ - &#8203;<!-- 08 -->[docs] Explain how SelectUnstyled renders a hidden input (#34638) @michaldudak
404
+ - &#8203;<!-- 07 -->[docs] Fix Taiwan description (#34611) @oliviertassinari
405
+ - &#8203;<!-- 06 -->[docs] Fix codesandbox export with dayjs (#34619) @oliviertassinari
406
+ - &#8203;<!-- 05 -->[docs] Explain the purpose of renderGroup prop (#34066) @michaldudak
407
+
408
+ ### Core
409
+
410
+ - &#8203;<!-- 14 -->[core] Make useForkRef variadic (#27939) @michaldudak
411
+ - &#8203;<!-- 13 -->[core] Speedup of yarn install in the CI (#34632) @oliviertassinari
412
+ - &#8203;<!-- 12 -->[core] Fix markdown loader on Windows (#34623) @michaldudak
413
+ - &#8203;<!-- 11 -->[core] Update changelog for version v5.10.8 (#34593) @mnajdova
414
+ - &#8203;<!-- 10 -->[core] Update root package.json version (#34592) @mnajdova
415
+
416
+ All contributors of this release in alphabetical order: @HexM7, @joserodolfofreitas, @kushagra010, @michaldudak, @mnajdova, @oliviertassinari, @vanyaxk
417
+
418
+ ## 5.10.8
419
+
420
+ <!-- generated comparing v5.10.7..master -->
421
+
422
+ _Oct 3, 2022_
423
+
424
+ A big thanks to the 18 contributors who made this release possible. Here are some highlights โœจ:
425
+
426
+ - ๐Ÿš€ [SnackbarUnstyled](https://mui.com/base/react-snackbar/) component & headless hook are added to MUI Base (#33227) @ZeeshanTamboli
427
+ - ๐Ÿ“š [CSS variables documentation](https://mui.com/material-ui/experimental-api/css-theme-variables/overview/) for Material UI has been added by @siriwatknp (#33958)
428
+ - And more ๐Ÿ› bug fixes and ๐Ÿ“š documentation improvements.
429
+
430
+ ### `@mui/material@5.10.8`
431
+
432
+ - &#8203;<!-- 28 -->[Autocomplete] Skip filtering when list of options is loading (#33278) @ndebeiss
433
+ - &#8203;<!-- 13 -->[Fab] Add `disabled` class to FAB button (#34245) @meenarama
434
+ - &#8203;<!-- 09 -->[l10n] Add Arabic Saudi Arabia (ar-SA) locale (#33340) @rolule
435
+ - &#8203;<!-- 08 -->[l10n] zhTW refinement (#33391) @Aporim2051
436
+ - &#8203;<!-- 07 -->[Popover] Add `ownerState` on the paper slot (#34445) @kabernardes
437
+ - &#8203;<!-- 05 -->[Slider] Fixed incorrect marks displayed due to duplicate keys in range (#33526) @kskd1804
438
+ - &#8203;<!-- 03 -->[TextField] Fix typo in FormControlLabel declaration file (#34535) @hghmn
439
+
440
+ ### `@mui/base@5.0.0-alpha.100`
441
+
442
+ - &#8203;<!-- 04 -->[SnackbarUnstyled] Create component and `useSnackbar` hook (#33227) @ZeeshanTamboli
443
+
444
+ ### `@mui/joy@5.0.0-alpha.48`
445
+
446
+ - &#8203;<!-- 12 -->[Joy] Fix `variantPlain` classname missing in few components (#34534) @hbjORbj
447
+ - &#8203;<!-- 11 -->[Joy] Fix input decorator color and list padding (#34586) @siriwatknp
448
+ - &#8203;<!-- 10 -->[Joy] Miscellaneous fixes (#34492) @siriwatknp
449
+
450
+ ### Docs
451
+
452
+ - &#8203;<!-- 27 -->[blog] Fix 404 link in base introduction @oliviertassinari
453
+ - &#8203;<!-- 21 -->[docs] Fix CI build (#34589) @mnajdova
454
+ - &#8203;<!-- 20 -->[docs] Temporary remove date picker from home page (#34541) @siriwatknp
455
+ - &#8203;<!-- 19 -->[docs] Revise and expand Joy UI "Tutorial" doc (#34569) @samuelsycamore
456
+ - &#8203;<!-- 18 -->[docs] Fix SEO issues (#34537) @oliviertassinari
457
+ - &#8203;<!-- 17 -->[docs] Add CSS variables documentation for Material UI (#33958) @siriwatknp
458
+ - &#8203;<!-- 16 -->[docs] Capitalize Material Design on the Breakpoints page (#34481) @Dustin-Digitar
459
+ - &#8203;<!-- 15 -->[docs] Able to load doc components inside markdown files (#34243) @flaviendelangle
460
+ - &#8203;<!-- 14 -->[docs] Use mouse pointer on esc button in the search modal (#34485) @minkyngkm
461
+ - &#8203;<!-- 02 -->[website] Fix typo in pricing FAQ @oliviertassinari
462
+ - &#8203;<!-- 01 -->[website] Move the React Engineer role from open to next (#34494) @mnajdova
463
+
464
+ ### Core
465
+
466
+ - &#8203;<!-- 26 -->[core] Update root package.json version (#34592) @mnajdova
467
+ - &#8203;<!-- 25 -->[core] Remove useless comment in fixtures (#34581) @Garz4
468
+ - &#8203;<!-- 24 -->[core] Fix link to CODE_OF_CONDUCT.md (#34543) @peippo
469
+ - &#8203;<!-- 23 -->[core] Remove outdated docsearch.js dependency (#34421) @oliviertassinari
470
+ - &#8203;<!-- 22 -->[core] Add `newFeature` to the typing of MuiPage (#34511) @flaviendelangle
471
+
472
+ All contributors of this release in alphabetical order: @Aporim2051, @Dustin-Digitar, @flaviendelangle, @Garz4, @hbjORbj, @hghmn, @kabernardes, @kskd1804, @meenarama, @minkyngkm, @mnajdova, @ndebeiss, @oliviertassinari, @peippo, @rolule, @samuelsycamore, @siriwatknp, @ZeeshanTamboli
473
+
474
+ ## 5.10.7
475
+
476
+ <!-- generated comparing v5.10.6..master -->
477
+
478
+ _Sep 26, 2022_
479
+
480
+ A big thanks to the 21 contributors who made this release possible. Here are some highlights โœจ:
481
+
482
+ - ๐Ÿš€ [Divider](https://mui.com/joy-ui/react-divider/) component is added to Joy UI (#34403) @siriwatknp
483
+
484
+ ### `@mui/material@5.10.7`
485
+
486
+ - [CssVarsProvider] Exclude dark mode variables from `:root` stylesheet (#34131) @siriwatknp
487
+ - [Chip] Add chip classes (#33801) @pratikkarad
488
+ - [Slider] Fix typo in the comments in the source (#34452) @HexM7
489
+ - [SvgIcon] Fix passing an ownerState to SvgIcon changes the font size (#34429) @ZeeshanTamboli
490
+ - [Stepper] Fix optional label is not centered when `alternativeLabel` is used (#34335) @ZeeshanTamboli
491
+ - [Tooltip] Add undefined, null or false in `title` (#34289) @abhinav-22-tech
492
+ - Make @emotion/\* fully supported in all Material UI components (#34451) @garronej
493
+
494
+ ### `@mui/system@5.10.7`
495
+
496
+ - [system] Fix parsing of hsla colors in getLuminance (#34437) @ptrfrncsmrph
497
+ - [system] Fix incorrect type of `shape.borderRadius` in theme (#34076) @ZeeshanTamboli
498
+ - [system] Replace `enableSystem` with `defaultMode` (#33960) @siriwatknp
499
+
500
+ ### `@mui/material@5.0.0-alpha.101`
501
+
502
+ - [deps] Move @mui/types to dependencies (#34384) @Methuselah96
503
+
504
+ ### `@mui/base@5.0.0-alpha.99`
505
+
506
+ #### Breaking changes
507
+
508
+ - [TrapFocus] Rename TrapFocus to FocusTrap (#34216) @kabernardes
509
+
510
+ ```diff
511
+ -import TrapFocus from '@mui/base/TrapFocus';
512
+ +import FocusTrap from '@mui/base/FocusTrap';
513
+ ```
514
+
515
+ #### Changes
516
+
517
+ - [MultiSelect] Require a single tap to select an item on mobile Chrome (#33932) @michaldudak
518
+
519
+ ### `@mui/joy@5.0.0-alpha.47`
520
+
521
+ - [Checkbox] spread `value`, `required`, and `readOnly` to input (#34477) @siriwatknp
522
+ - [Chip] Fix unbinded `onClick` prop (#34455) @HexM7
523
+ - [Divider] Add `Divider` component (#34403) @siriwatknp
524
+ - [Radio] spread `readOnly` and `required` to input (#34478) @siriwatknp
525
+
526
+ ### Docs
527
+
528
+ - [blog] MUI Base announcement typo fixed (#34409) @prakhargupta1
529
+ - [blog] Fix typo in date-pickers v5 stable (#34386) @alexfauquette
530
+ - [blog] Update date on date pickers v5 release blog post (#34406) @joserodolfofreitas
531
+ - [docs] Update `useMenu` and `useMenuItem` hooks demo (#34166) @ZeeshanTamboli
532
+ - [docs] Update the guide for migrating to TSS (#34417) @garronej
533
+ - [docs] Fix typo in `Grid` docs (#34475) @Dustin-Digitar
534
+ - [docs] Fix typo in `Back to top` section in AppBar docs (#34479) @Dustin-Digitar
535
+ - [docs] Standardize all MUI Core "Installation" pages (#34168) @samuelsycamore
536
+ - [docs] Fix webpack file name to the standard: `webpack.config.js` (#34446) @CodingItWrong
537
+ - [docs] Fix Select `onChange` call (#34408) @siriwatknp
538
+ - [docs] Notification for pickers blog - v5 stable (#34400) @joserodolfofreitas
539
+ - [docs] Improve social sharing of docs pages (#34346) @oliviertassinari
540
+ - [docs] Refine the use of MUI vs. Material UI (#34345) @oliviertassinari
541
+ - [docs] Send feedback directly to a dedicated slack channel (#34196) @alexfauquette
542
+ - [website] Adds Bilal to about page (#34412) @MBilalShafi
543
+ - [website] Add date range picker to pricing table (#34399) @joserodolfofreitas
544
+
545
+ ### Core
546
+
547
+ - [core] Document some types in @mui/styled-engine-sc (#34413) @mnajdova
548
+ - [core] Add yml support to prettier (#33980) @Janpot
549
+
550
+ All contributors of this release in alphabetical order: @abhinav-22-tech, @alexfauquette, @CodingItWrong, @Dustin-Digitar, @garronej, @HexM7, @howlettt, @Janpot, @joserodolfofreitas, @kabernardes, @MBilalShafi, @Methuselah96, @michaldudak, @mnajdova, @oliviertassinari, @prakhargupta1, @pratikkarad, @ptrfrncsmrph, @samuelsycamore, @siriwatknp, @ZeeshanTamboli
551
+
3
552
  ## 5.10.6
4
553
 
5
554
  <!-- generated comparing v5.10.5..master -->
@@ -242,7 +791,7 @@ _Aug 22, 2022_
242
791
 
243
792
  A big thanks to the 11 contributors who made this release possible. Here are some highlights โœจ:
244
793
 
245
- - โœจ @michaldudak synced the Material Icons set with the latest from Google (#33988).
794
+ - โœจ @michaldudak synced the Material Icons set with the latest from Google (#33988).\
246
795
  A couple of icons changed their appearance. See the difference [on this Argos build](https://app.argos-ci.com/mui/material-ui/builds/4428]).
247
796
 
248
797
  ### `@mui/material@5.10.2`
@@ -1434,7 +1983,8 @@ All contributors of this release in alphabetical order: @abhinav-22-tech, @ainat
1434
1983
 
1435
1984
  _Apr 18, 2022_
1436
1985
 
1437
- A big thanks to the 11 contributors who made this release possible. This release is mostly about ๐Ÿ› bug fixes and ๐Ÿ“š documentation improvements.
1986
+ A big thanks to the 11 contributors who made this release possible.
1987
+ This release is mostly about ๐Ÿ› bug fixes and ๐Ÿ“š documentation improvements.
1438
1988
 
1439
1989
  ### `@mui/material@5.6.2`
1440
1990
 
@@ -1493,7 +2043,7 @@ All contributors of this release in alphabetical order: @abaker93, @cherniavskii
1493
2043
 
1494
2044
  _Apr 11, 2022_
1495
2045
 
1496
- A big thanks to the 8 contributors who made this release possible.
2046
+ A big thanks to the 8 contributors who made this release possible.
1497
2047
  This release is mostly about ๐Ÿ› bug fixes and ๐Ÿ“š documentation improvements.
1498
2048
 
1499
2049
  ### `@mui/material@5.6.1`
@@ -1656,7 +2206,7 @@ A big thanks to the 17 contributors who made this release possible. Here are som
1656
2206
  -import { Unstyled_TrapFocus } from '@mui/base';
1657
2207
  +import { TrapFocus } from '@mui/base';
1658
2208
 
1659
- // or
2209
+ // or
1660
2210
 
1661
2211
  -import TrapFocus from '@mui/base/Unstyled_TrapFocus';
1662
2212
  +import TrapFocus from '@mui/base/TrapFocus';
@@ -1832,8 +2382,8 @@ A big thanks to the 16 contributors who made this release possible. Here are som
1832
2382
  `unstable_ClassNameGenerator` has been moved from `utils` to `className` folder to prevent all MUI Base module imports. If you use the module, please update the import as suggested in the diff below:
1833
2383
 
1834
2384
  ```diff
1835
- - import { unstable_ClassNameGenerator } from '@mui/material/utils';
1836
- + import { unstable_ClassNameGenerator } from '@mui/material/className';
2385
+ -import { unstable_ClassNameGenerator } from '@mui/material/utils';
2386
+ +import { unstable_ClassNameGenerator } from '@mui/material/className';
1837
2387
  ```
1838
2388
 
1839
2389
  #### Changes
@@ -2175,8 +2725,8 @@ A big thanks to the 22 contributors who made this release possible. Here are som
2175
2725
  3. Change the import paths of unstyled components from @mui/material to @mui/base, e.g.:
2176
2726
 
2177
2727
  ```diff
2178
- - @import ButtonUnstyled from '@mui/material/ButtonUnstyled';
2179
- + @import ButtonUnstyled from '@mui/base/ButtonUnstyled';
2728
+ -import ButtonUnstyled from '@mui/material/ButtonUnstyled';
2729
+ +import ButtonUnstyled from '@mui/base/ButtonUnstyled';
2180
2730
  ```
2181
2731
 
2182
2732
  #### Changes
@@ -4219,12 +4769,12 @@ A big thanks to the 13 contributors who made this release possible. Here are som
4219
4769
  `span` element that wraps children has been removed. `wrapper` classKey is also removed. More details about [this change](https://github.com/mui/material-ui/pull/26666).
4220
4770
 
4221
4771
  ```diff
4222
- <button class="MuiTab-root">
4223
- - <span class="MuiTab-wrapper">
4772
+ <button class="MuiTab-root">
4773
+ - <span class="MuiTab-wrapper">
4224
4774
  {icon}
4225
4775
  {label}
4226
- - </span>
4227
- </button>
4776
+ - </span>
4777
+ </button>
4228
4778
  ```
4229
4779
 
4230
4780
  - [BottomNavigation] Remove wrapper from BottomNavigationAction (#26923) @siriwatknp
@@ -4232,14 +4782,14 @@ A big thanks to the 13 contributors who made this release possible. Here are som
4232
4782
  `span` element that wraps children has been removed. `wrapper` classKey is also removed. More details about [this change](https://github.com/mui/material-ui/pull/26666).
4233
4783
 
4234
4784
  ```diff
4235
- <button class="MuiBottomNavigationAction-root">
4236
- - <span class="MuiBottomNavigationAction-wrapper">
4237
- {icon}
4238
- <span class="MuiBottomNavigationAction-label">
4239
- {label}
4240
- </span>
4241
- - </span>
4242
- </button>
4785
+ <button class="MuiBottomNavigationAction-root">
4786
+ - <span class="MuiBottomNavigationAction-wrapper">
4787
+ {icon}
4788
+ <span class="MuiBottomNavigationAction-label">
4789
+ {label}
4790
+ </span>
4791
+ - </span>
4792
+ </button>
4243
4793
  ```
4244
4794
 
4245
4795
  #### Changes
@@ -4272,15 +4822,15 @@ A big thanks to the 13 contributors who made this release possible. Here are som
4272
4822
  Make the default rendered text field closer to the most common use cases (denser).
4273
4823
 
4274
4824
  ```diff
4275
- <DatePicker
4276
- label="Helper text example"
4277
- value={value}
4278
- onChange={onChange}
4279
- renderInput={(params) => (
4825
+ <DatePicker
4826
+ label="Helper text example"
4827
+ value={value}
4828
+ onChange={onChange}
4829
+ renderInput={(params) => (
4280
4830
  - <TextField {...params} />
4281
4831
  + <TextField {...params} helperText={params?.inputProps?.placeholder} />
4282
- )}
4283
- >
4832
+ )}
4833
+ >
4284
4834
  ```
4285
4835
 
4286
4836
  #### Changes
@@ -4342,7 +4892,7 @@ _Jun 23, 2021_
4342
4892
  A big thanks to the 18 contributors who made this release possible. Here are some highlights โœจ:
4343
4893
 
4344
4894
  - ๐Ÿš€ We have only 2 left in the [breaking changes](https://github.com/mui/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.
4345
- - ๐ŸŽจ We have updated `Slider` to match current [Material Design guidelines](https://material.io/components/sliders).
4895
+ - ๐ŸŽจ We have updated `Slider` to match current [Material Design guidelines](https://m2.material.io/components/sliders).
4346
4896
 
4347
4897
  <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>
4348
4898
 
@@ -4386,16 +4936,16 @@ A big thanks to the 18 contributors who made this release possible. Here are som
4386
4936
  The default breakpoints were changed to better match the common use cases. They also better match the Material Design guidelines. [Read more about the change](https://github.com/mui/material-ui/issues/21902).
4387
4937
 
4388
4938
  ```diff
4389
- {
4390
- xs: 0,
4391
- sm: 600,
4392
- - md: 960,
4393
- + md: 900,
4394
- - lg: 1280,
4395
- + lg: 1200,
4396
- - xl: 1920,
4397
- + xl: 1536,
4398
- }
4939
+ {
4940
+ xs: 0,
4941
+ sm: 600,
4942
+ - md: 960,
4943
+ + md: 900,
4944
+ - lg: 1280,
4945
+ + lg: 1200,
4946
+ - xl: 1920,
4947
+ + xl: 1536,
4948
+ }
4399
4949
  ```
4400
4950
 
4401
4951
  If you prefer the old breakpoint values, use the snippet below.
@@ -4427,7 +4977,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
4427
4977
 
4428
4978
  - &#8203;<!-- 08 -->[Slider] Adjust css to match the specification (#26632) @siriwatknp
4429
4979
 
4430
- 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/).
4980
+ Rework the CSS to match the latest [Material Design guidelines](https://m2.material.io/components/sliders) and make custom styles more intuitive. [See documentation](https://mui.com/components/slider/).
4431
4981
 
4432
4982
  <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>
4433
4983
 
@@ -4440,11 +4990,11 @@ A big thanks to the 18 contributors who made this release possible. Here are som
4440
4990
  `span` element that wraps children has been removed. `label` classKey is also removed. More details about [this change](https://github.com/mui/material-ui/pull/26666).
4441
4991
 
4442
4992
  ```diff
4443
- <button class="MuiIconButton-root">
4444
- - <span class="MuiIconButton-label">
4445
- <svg />
4446
- - </span>
4447
- </button>
4993
+ <button class="MuiIconButton-root">
4994
+ - <span class="MuiIconButton-label">
4995
+ <svg />
4996
+ - </span>
4997
+ </button>
4448
4998
  ```
4449
4999
 
4450
5000
  - &#8203;<!-- 19 -->[core] Remove `unstable_` prefix on the `useThemeProps` hook (#26777) @mnajdova
@@ -4570,11 +5120,11 @@ A big thanks to the 11 contributors who made this release possible. Here are som
4570
5120
  The `span` element that wraps children has been removed. `label` classKey is also removed. The nested span was required for fixing a flexbox issue with iOS < 11.0.
4571
5121
 
4572
5122
  ```diff
4573
- <button class="MuiButton-root">
4574
- - <span class="MuiButton-label">
4575
- children
4576
- - </span>
4577
- </button>
5123
+ <button class="MuiButton-root">
5124
+ - <span class="MuiButton-label">
5125
+ children
5126
+ - </span>
5127
+ </button>
4578
5128
  ```
4579
5129
 
4580
5130
  #### Changes
@@ -4603,7 +5153,7 @@ A big thanks to the 11 contributors who made this release possible. Here are som
4603
5153
  + const theme = useTheme();
4604
5154
  + const isRtl = theme.direction === 'rtl';
4605
5155
  //.. rest of the code
4606
- }
5156
+ }
4607
5157
  ```
4608
5158
 
4609
5159
  #### Changes
@@ -4675,7 +5225,7 @@ A big thanks to the 14 contributors who made this release possible. Here are som
4675
5225
 
4676
5226
  - &#8203;<!-- 10 -->[AppBar] Fix background color on dark mode (#26545) @siriwatknp
4677
5227
 
4678
- The `color` prop has no longer any effect in dark mode. The app bar uses the background color required by the elevation to follow the [Material Design guidelines](https://material.io/design/color/dark-theme.html). Use `enableColorOnDark` to restore the behavior of v4.
5228
+ The `color` prop has no longer any effect in dark mode. The app bar uses the background color required by the elevation to follow the [Material Design guidelines](https://m2.material.io/design/color/dark-theme.html). Use `enableColorOnDark` to restore the behavior of v4.
4679
5229
 
4680
5230
  ```jsx
4681
5231
  <AppBar enableColorOnDark />
@@ -4726,13 +5276,14 @@ A big thanks to the 14 contributors who made this release possible. Here are som
4726
5276
  - &#8203;<!-- 29 -->[pickers] Remove `openPickerIcon` prop in favor of `components.OpenPickerIcon` (#26223) @vedadeepta
4727
5277
 
4728
5278
  ```diff
4729
- <DateTimePicker
4730
- components={{
4731
- LeftArrowIcon: AlarmIcon,
4732
- RightArrowIcon: SnoozeIcon,
4733
- + OpenPickerIcon: ClockIcon,
4734
- }}
4735
- - openPickerIcon={<ClockIcon />}
5279
+ <DateTimePicker
5280
+ components={{
5281
+ LeftArrowIcon: AlarmIcon,
5282
+ RightArrowIcon: SnoozeIcon,
5283
+ + OpenPickerIcon: ClockIcon,
5284
+ }}
5285
+ - openPickerIcon={<ClockIcon />}
5286
+ >
4736
5287
  ```
4737
5288
 
4738
5289
  ### `@material-ui/system@5.0.0-alpha.36`
@@ -4836,8 +5387,8 @@ A big thanks to the 14 contributors who made this release possible. Here are som
4836
5387
 
4837
5388
  Update the implementation to better match Material Design:
4838
5389
 
4839
- - Tab `minWidth` changed from `72px` => `90px` (without media-query) according to [material-design spec](https://material.io/components/tabs#specs)
4840
- - Tab `maxWidth` changed from `264px` => `360px` according to [material-design spec](https://material.io/components/tabs#specs)
5390
+ - Tab `minWidth` changed from `72px` => `90px` (without media-query) according to [material-design spec](https://m2.material.io/components/tabs#specs)
5391
+ - Tab `maxWidth` changed from `264px` => `360px` according to [material-design spec](https://m2.material.io/components/tabs#specs)
4841
5392
 
4842
5393
  #### Changes
4843
5394
 
@@ -4955,10 +5506,10 @@ A big thanks to the 16 contributors who made this release possible. Here are som
4955
5506
  Move the custom class on `input` to `select`. The `input` key is being applied on another element.
4956
5507
 
4957
5508
  ```diff
4958
- <TablePagination
4959
- - classes={{ input: 'foo' }}
4960
- + classes={{ select: 'foo' }}
4961
- />
5509
+ <TablePagination
5510
+ - classes={{ input: 'foo' }}
5511
+ + classes={{ select: 'foo' }}
5512
+ />
4962
5513
  ```
4963
5514
 
4964
5515
  - &#8203;<!-- 45 -->[core] Move `StyledEngineProvider` to `@material-ui/core/styles` (#26265) @mnajdova
@@ -5003,10 +5554,10 @@ A big thanks to the 16 contributors who made this release possible. Here are som
5003
5554
  - &#8203;<!-- 63 -->[Autocomplete] Rename getOptionSelected to isOptionEqualToValue (#26173) @m4theushw
5004
5555
 
5005
5556
  ```diff
5006
- <Autocomplete
5557
+ <Autocomplete
5007
5558
  - getOptionSelected={(option, value) => option.title === value.title}
5008
5559
  + isOptionEqualToValue={(option, value) => option.title === value.title}
5009
- />
5560
+ />
5010
5561
  ```
5011
5562
 
5012
5563
  > Follow [this link](https://mui.com/material-ui/migration/migration-v4/) for full migration from v4 => v5
@@ -5109,18 +5660,20 @@ A big thanks to the 17 contributors who made this release possible. Here are som
5109
5660
  Replace the `innerRef` prop with the `ref` prop. Refs are now automatically forwarded to the inner component.
5110
5661
 
5111
5662
  ```diff
5112
- import * as React from 'react';
5113
- import { withStyles } from '@material-ui/core/styles';
5114
- const MyComponent = withStyles({
5115
- root: {
5116
- backgroundColor: 'red',
5117
- },
5118
- })(({ classes }) => <div className={classes.root} />);
5119
- function MyOtherComponent(props) {
5120
- const ref = React.useRef();
5121
- - return <MyComponent innerRef={ref} />;
5122
- + return <MyComponent ref={ref} />;
5123
- }
5663
+ import * as React from 'react';
5664
+ import { withStyles } from '@material-ui/core/styles';
5665
+
5666
+ const MyComponent = withStyles({
5667
+ root: {
5668
+ backgroundColor: 'red',
5669
+ },
5670
+ })(({ classes }) => <div className={classes.root} />);
5671
+
5672
+ function MyOtherComponent(props) {
5673
+ const ref = React.useRef();
5674
+ - return <MyComponent innerRef={ref} />;
5675
+ + return <MyComponent ref={ref} />;
5676
+ }
5124
5677
  ```
5125
5678
 
5126
5679
  **withTheme**
@@ -5128,14 +5681,16 @@ A big thanks to the 17 contributors who made this release possible. Here are som
5128
5681
  Replace the `innerRef` prop with the `ref` prop. Refs are now automatically forwarded to the inner component.
5129
5682
 
5130
5683
  ```diff
5131
- import * as React from 'react';
5132
- import { withTheme } from '@material-ui/core/styles';
5133
- const MyComponent = withTheme(({ theme }) => <div>{props.theme.direction}</div>);
5134
- function MyOtherComponent(props) {
5135
- const ref = React.useRef();
5136
- - return <MyComponent innerRef={ref} />;
5137
- + return <MyComponent ref={ref} />;
5138
- }
5684
+ import * as React from 'react';
5685
+ import { withTheme } from '@material-ui/core/styles';
5686
+
5687
+ const MyComponent = withTheme(({ theme }) => <div>{props.theme.direction}</div>);
5688
+
5689
+ function MyOtherComponent(props) {
5690
+ const ref = React.useRef();
5691
+ - return <MyComponent innerRef={ref} />;
5692
+ + return <MyComponent ref={ref} />;
5693
+ }
5139
5694
  ```
5140
5695
 
5141
5696
  - &#8203;<!-- 10 -->[theme] Rename `createMuiTheme` to `createTheme` (#25992) @m4theushw
@@ -5477,23 +6032,23 @@ A big thanks to the 15 contributors who made this release possible. Here are som
5477
6032
  - &#8203;<!-- 41 -->[Checkbox][switch] Remove checked argument from onChange (#25871) @m4theushw
5478
6033
 
5479
6034
  ```diff
5480
- function MyCheckbox() {
5481
- - const handleChange = (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => {
5482
- + const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
5483
- + const checked = event.target.checked;
5484
- };
5485
- return <Checkbox onChange={handleChange} />;
5486
- }
6035
+ function MyCheckbox() {
6036
+ - const handleChange = (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => {
6037
+ + const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
6038
+ + const checked = event.target.checked;
6039
+ };
6040
+ return <Checkbox onChange={handleChange} />;
6041
+ }
5487
6042
  ```
5488
6043
 
5489
6044
  ```diff
5490
- function MySwitch() {
5491
- - const handleChange = (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => {
5492
- + const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
5493
- + const checked = event.target.checked;
5494
- };
5495
- return <Switch onChange={handleChange} />;
5496
- }
6045
+ function MySwitch() {
6046
+ - const handleChange = (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => {
6047
+ + const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
6048
+ + const checked = event.target.checked;
6049
+ };
6050
+ return <Switch onChange={handleChange} />;
6051
+ }
5497
6052
  ```
5498
6053
 
5499
6054
  - &#8203;<!-- 42 -->[theme] Remove theme.breakpoints.width helper (#25918) @m4theushw
@@ -5648,12 +6203,12 @@ A big thanks to the 19 contributors who made this release possible. Here are som
5648
6203
  -import DayPicker from '@material-ui/lab/DayPicker';
5649
6204
  +import CalendarPicker from '@material-ui/lab/CalendarPicker';
5650
6205
 
5651
- createMuiTheme({
5652
- components: {
5653
- - MuiDayPicker: {},
5654
- + MuiCalendarPicker: {},
5655
- }
5656
- })
6206
+ createMuiTheme({
6207
+ components: {
6208
+ - MuiDayPicker: {},
6209
+ + MuiCalendarPicker: {},
6210
+ }
6211
+ })
5657
6212
  ```
5658
6213
 
5659
6214
  - &#8203;<!-- 04 -->[Pickers] Rename PickersCalendarSkeleton to CalendarPickerSkeleton (#25679) @eps1lon
@@ -6177,10 +6732,10 @@ A big thanks to the 26 contributors who made this release possible. Here are som
6177
6732
 
6178
6733
  - &#8203;<!-- 087 -->[icons] Synchronize icons (#25055) @eps1lon
6179
6734
 
6180
- The icons were synchronized with https://material.io/resources/icons/. This change increases the number of supported icons from 1,349 to 1,781 per theme (we support 5 themes). The breaking changes:
6735
+ The icons were synchronized with https://m2.material.io/resources/icons/. This change increases the number of supported icons from 1,349 to 1,781 per theme (we support 5 themes). The breaking changes:
6181
6736
 
6182
6737
  ```diff
6183
- // AmpStories -> Download
6738
+ // AmpStories -> Download
6184
6739
  -AmpStories
6185
6740
  +Download
6186
6741
  -AmpStoriesOutlined
@@ -6191,7 +6746,7 @@ A big thanks to the 26 contributors who made this release possible. Here are som
6191
6746
  +DownloadSharp
6192
6747
  -AmpStoriesTwoTone
6193
6748
  +DownloadTwoTone
6194
- // Outbond -> Outbound
6749
+ // Outbond -> Outbound
6195
6750
  -Outbond
6196
6751
  +Outbound
6197
6752
  -OutbondOutlined
@@ -6368,10 +6923,10 @@ A big thanks to the 30 contributors who made this release possible. Here are som
6368
6923
  If you were using a number previously, you need to provide the value in `px` to bypass the new transformation with `theme.spacing`. The change was done for consistency with the Grid spacing prop and the other system spacing properties, e.g. `<Box padding={2}>`.
6369
6924
 
6370
6925
  ```diff
6371
- <Box
6372
- - gap={2}
6373
- + gap="2px"
6374
- >
6926
+ <Box
6927
+ - gap={2}
6928
+ + gap="2px"
6929
+ >
6375
6930
  ```
6376
6931
 
6377
6932
  ### `@material-ui/styled-engine@5.0.0-alpha.25`
@@ -6612,14 +7167,14 @@ A big thanks to the 15 contributors who made this release possible. Here are som
6612
7167
  --- a/docs/src/pages/components/date-range-picker/BasicDateRangePicker.tsx
6613
7168
  +++ b/docs/src/pages/components/date-range-picker/BasicDateRangePicker.tsx
6614
7169
  @@ -3,7 +3,7 @@ import TextField from '@material-ui/core/TextField';
6615
- import DateRangePicker, { DateRange } from '@material-ui/lab/DateRangePicker';
6616
- import AdapterDateFns from '@material-ui/lab/AdapterDateFns';
6617
- import LocalizationProvider from '@material-ui/lab/LocalizationProvider';
7170
+ import DateRangePicker, { DateRange } from '@material-ui/lab/DateRangePicker';
7171
+ import AdapterDateFns from '@material-ui/lab/AdapterDateFns';
7172
+ import LocalizationProvider from '@material-ui/lab/LocalizationProvider';
6618
7173
  -import DateRangeDelimiter from '@material-ui/lab/DateRangeDelimiter';
6619
7174
  +import Box from '@material-ui/core/Box';
6620
7175
 
6621
- export default function BasicDateRangePicker() {
6622
- const [value, setValue] = React.useState<DateRange<Date>>([null, null]);
7176
+ export default function BasicDateRangePicker() {
7177
+ const [value, setValue] = React.useState<DateRange<Date>>([null, null]);
6623
7178
  @@ -20,7 +20,7 @@ export default function BasicDateRangePicker() {
6624
7179
  renderInput={(startProps, endProps) => (
6625
7180
  <React.Fragment>
@@ -7161,42 +7716,42 @@ A big thanks to the 18 contributors who made this release possible. Here are som
7161
7716
  - [Dialog] Remove the `disableBackdropClick` prop. It's redundant with the `reason` argument (#23607) @eps1lon.
7162
7717
 
7163
7718
  ```diff
7164
- <Dialog
7165
- - disableBackdropClick
7166
- - onClose={handleClose}
7167
- + onClose={(event, reason) => {
7168
- + if (reason !== 'backdropClick') {
7169
- + onClose(event, reason);
7170
- + }
7171
- + }}
7172
- />
7719
+ <Dialog
7720
+ - disableBackdropClick
7721
+ - onClose={handleClose}
7722
+ + onClose={(event, reason) => {
7723
+ + if (reason !== 'backdropClick') {
7724
+ + onClose(event, reason);
7725
+ + }
7726
+ + }}
7727
+ />
7173
7728
  ```
7174
7729
 
7175
7730
  - [Modal] Remove the `disableBackdropClick` prop. It's redundant with the `reason` argument (#23607) @eps1lon.
7176
7731
 
7177
7732
  ```diff
7178
- <Modal
7179
- - disableBackdropClick
7180
- - onClose={handleClose}
7181
- + onClose={(event, reason) => {
7182
- + if (reason !== 'backdropClick') {
7183
- + onClose(event, reason);
7184
- + }
7185
- + }}
7186
- />
7733
+ <Modal
7734
+ - disableBackdropClick
7735
+ - onClose={handleClose}
7736
+ + onClose={(event, reason) => {
7737
+ + if (reason !== 'backdropClick') {
7738
+ + onClose(event, reason);
7739
+ + }
7740
+ + }}
7741
+ />
7187
7742
  ```
7188
7743
 
7189
7744
  - [Modal] Remove the `onEscapeKeyDown` prop. It's redundant with the `reason` argument. (#23571) @eps1lon
7190
7745
 
7191
7746
  ```diff
7192
- <Modal
7747
+ <Modal
7193
7748
  - onEscapeKeyDown={handleEscapeKeyDown}
7194
7749
  + onClose={(event, reason) => {
7195
7750
  + if (reason === "escapeKeyDown") {
7196
7751
  + handleEscapeKeyDown(event);
7197
7752
  + }
7198
7753
  + }}
7199
- />;
7754
+ />;
7200
7755
  ```
7201
7756
 
7202
7757
  #### Changes
@@ -7549,10 +8104,10 @@ Here are some highlights โœจ:
7549
8104
  - The CSS prefixes have changed:
7550
8105
 
7551
8106
  ```diff
7552
- popper: {
7553
- zIndex: 1,
7554
- - '&[x-placement*="bottom"] $arrow': {
7555
- + '&[data-popper-placement*="bottom"] $arrow': {
8107
+ popper: {
8108
+ zIndex: 1,
8109
+ - '&[x-placement*="bottom"] $arrow': {
8110
+ + '&[data-popper-placement*="bottom"] $arrow': {
7556
8111
  ```
7557
8112
 
7558
8113
  - Method names have changed.
@@ -7576,13 +8131,13 @@ Here are some highlights โœจ:
7576
8131
  -import withMobileDialog from '@material-ui/core/withMobileDialog';
7577
8132
  +import {ย useTheme, useMediaQuery } from '@material-ui/core';
7578
8133
 
7579
- function ResponsiveDialog(props) {
7580
- - const { fullScreen } = props;
7581
- + const theme = useTheme();
7582
- + const fullScreen = useMediaQuery(theme.breakpoints.down('sm'));
7583
- const [open, setOpen] = React.useState(false);
8134
+ function ResponsiveDialog(props) {
8135
+ - const { fullScreen } = props;
8136
+ + const theme = useTheme();
8137
+ + const fullScreen = useMediaQuery(theme.breakpoints.down('sm'));
8138
+ const [open, setOpen] = React.useState(false);
7584
8139
 
7585
- // ...
8140
+ // ...
7586
8141
 
7587
8142
  -export default withMobileDialog()(ResponsiveDialog);
7588
8143
  +export default ResponsiveDialog;
@@ -7828,24 +8383,24 @@ Here are some highlights โœจ:
7828
8383
  The change was done to match the API convention.
7829
8384
 
7830
8385
  ```diff
7831
- <TablePagination
7832
- - onChangeRowsPerPage={()=>{}}
7833
- - onChangePage={()=>{}}
7834
- + onRowsPerPageChange={()=>{}}
7835
- + onPageChange={()=>{}}
8386
+ <TablePagination
8387
+ - onChangeRowsPerPage={()=>{}}
8388
+ - onChangePage={()=>{}}
8389
+ + onRowsPerPageChange={()=>{}}
8390
+ + onPageChange={()=>{}}
7836
8391
  ```
7837
8392
 
7838
8393
  - [theme] Rename fade to alpha (#22834) @mnajdova
7839
8394
  Better describe its functionality. The previous name was leading to confusion when the input color already had an alpha value. The helper **overrides** the alpha value of the color.
7840
8395
 
7841
8396
  ```diff
7842
- - import { fade } from '@material-ui/core/styles';
7843
- + import { alpha } from '@material-ui/core/styles';
8397
+ -import { fade } from '@material-ui/core/styles';
8398
+ +import { alpha } from '@material-ui/core/styles';
7844
8399
 
7845
- const classes = makeStyles(theme => ({
8400
+ const classes = makeStyles(theme => ({
7846
8401
  - backgroundColor: fade(theme.palette.primary.main, theme.palette.action.selectedOpacity),
7847
8402
  + backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity),
7848
- }));
8403
+ }));
7849
8404
  ```
7850
8405
 
7851
8406
  - [Tooltip] Make `interactive` default (#22382) @eps1lon
@@ -7856,7 +8411,7 @@ Here are some highlights โœจ:
7856
8411
  ```diff
7857
8412
  -<Tooltip>
7858
8413
  +<Tooltip disableInteractive>
7859
- # Interactive tooltips no longer need the `interactive` prop.
8414
+ # Interactive tooltips no longer need the `interactive` prop.
7860
8415
  -<Tooltip interactive>
7861
8416
  +<Tooltip>
7862
8417
  ```
@@ -8104,7 +8659,7 @@ Here are some highlights โœจ:
8104
8659
  Renames `theme.palette.type` to `theme.palette.mode`, to better follow the "dark mode" term that is usually used for describing this feature.
8105
8660
 
8106
8661
  ```diff
8107
- import { createMuiTheme } from '@material-ui/core/styles';
8662
+ import { createMuiTheme } from '@material-ui/core/styles';
8108
8663
 
8109
8664
  -const theme = createMuiTheme({palette: { type: 'dark' }}),
8110
8665
  +const theme = createMuiTheme({palette: { mode: 'dark' }}),
@@ -8169,22 +8724,22 @@ Here are some highlights โœจ:
8169
8724
  You can recover from the change with:
8170
8725
 
8171
8726
  ```diff
8172
- <Autocomplete
8173
- - renderOption={(option, { selected }) => (
8174
- - <React.Fragment>
8175
- + renderOption={(props, option, { selected }) => (
8176
- + <li {...props}>
8177
- <Checkbox
8178
- icon={icon}
8179
- checkedIcon={checkedIcon}
8180
- style={{ marginRight: 8 }}
8181
- checked={selected}
8182
- />
8183
- {option.title}
8184
- - </React.Fragment>
8185
- + </li>
8186
- )}
8187
- />
8727
+ <Autocomplete
8728
+ - renderOption={(option, { selected }) => (
8729
+ - <React.Fragment>
8730
+ + renderOption={(props, option, { selected }) => (
8731
+ + <li {...props}>
8732
+ <Checkbox
8733
+ icon={icon}
8734
+ checkedIcon={checkedIcon}
8735
+ style={{ marginRight: 8 }}
8736
+ checked={selected}
8737
+ />
8738
+ {option.title}
8739
+ - </React.Fragment>
8740
+ + </li>
8741
+ )}
8742
+ />
8188
8743
  ```
8189
8744
 
8190
8745
  #### Changes
@@ -8270,12 +8825,12 @@ Here are some highlights โœจ:
8270
8825
  Rename `focused` to `focusVisible` for consistency with the other components:
8271
8826
 
8272
8827
  ```diff
8273
- <Accordion
8274
- classes={{
8275
- - focused: 'custom-focus-visible-classname',
8276
- + focusVisible: 'custom-focus-visible-classname',
8277
- }}
8278
- />
8828
+ <Accordion
8829
+ classes={{
8830
+ - focused: 'custom-focus-visible-classname',
8831
+ + focusVisible: 'custom-focus-visible-classname',
8832
+ }}
8833
+ />
8279
8834
  ```
8280
8835
 
8281
8836
  - [Stepper] Remove Paper and built-in padding (#22564) @mbrookes
@@ -8355,10 +8910,10 @@ Here are some highlights โœจ:
8355
8910
  If you have a custom `icon` prop but no `emptyIcon` prop, you can restore the previous behavior with:
8356
8911
 
8357
8912
  ```diff
8358
- <Rating
8359
- icon={customIcon}
8360
- + emptyIcon={null}
8361
- />
8913
+ <Rating
8914
+ icon={customIcon}
8915
+ + emptyIcon={null}
8916
+ />
8362
8917
  ```
8363
8918
 
8364
8919
  #### Changes
@@ -8388,7 +8943,7 @@ _Sep 6, 2020_
8388
8943
  A big thanks to the 14 contributors who made this release possible.
8389
8944
  Here are some highlights โœจ:
8390
8945
 
8391
- - ๐Ÿ’Ž A new diamond sponsor: [DoiT](https://www.doit-intl.com/), thank you!
8946
+ - ๐Ÿ’Ž A new diamond sponsor: [DoiT](https://www.doit.com/), thank you!
8392
8947
  - ๐Ÿ“š Include the default value of the props in IntelliSense (#22447) @eps1lon
8393
8948
  - โš›๏ธ More source migrated to TypeScript and testing-library (#22441) @baterson
8394
8949
  - And many more ๐Ÿ› bug fixes and ๐Ÿ“š improvements.
@@ -8484,9 +9039,9 @@ const theme = createMuiTheme({
8484
9039
  1. `props`
8485
9040
 
8486
9041
  ```diff
8487
- import { createMuiTheme } from '@material-ui/core/styles';
9042
+ import { createMuiTheme } from '@material-ui/core/styles';
8488
9043
 
8489
- const theme = createMuiTheme({
9044
+ const theme = createMuiTheme({
8490
9045
  - props: {
8491
9046
  - MuiButton: {
8492
9047
  - disableRipple: true,
@@ -8499,15 +9054,15 @@ const theme = createMuiTheme({
8499
9054
  + },
8500
9055
  + },
8501
9056
  + },
8502
- });
9057
+ });
8503
9058
  ```
8504
9059
 
8505
9060
  2. `overrides`
8506
9061
 
8507
9062
  ```diff
8508
- import { createMuiTheme } from '@material-ui/core/styles';
9063
+ import { createMuiTheme } from '@material-ui/core/styles';
8509
9064
 
8510
- const theme = createMuiTheme({
9065
+ const theme = createMuiTheme({
8511
9066
  - overrides: {
8512
9067
  - MuiButton: {
8513
9068
  - root: { padding: 0 },
@@ -8520,7 +9075,7 @@ const theme = createMuiTheme({
8520
9075
  + },
8521
9076
  + },
8522
9077
  + },
8523
- });
9078
+ });
8524
9079
  ```
8525
9080
 
8526
9081
  Note that if you don't have the time to upgrade the structure of the theme, you
@@ -8631,7 +9186,7 @@ Here are some highlights โœจ:
8631
9186
  The onE\* transition props were removed. Use TransitionProps instead.
8632
9187
 
8633
9188
  ```diff
8634
- <Menu
9189
+ <Menu
8635
9190
  - onEnter={onEnter}
8636
9191
  - onEntered={onEntered},
8637
9192
  - onEntering={onEntered},
@@ -8646,14 +9201,14 @@ Here are some highlights โœจ:
8646
9201
  + onExited,
8647
9202
  + onExiting,
8648
9203
  + }}
8649
- >
9204
+ >
8650
9205
  ```
8651
9206
 
8652
9207
  - [Popover] Remove transition onX props (#22184) @mbrookes
8653
9208
  The onE\* transition props were removed. Use TransitionProps instead.
8654
9209
 
8655
9210
  ```diff
8656
- <Popover
9211
+ <Popover
8657
9212
  - onEnter={onEnter}
8658
9213
  - onEntered={onEntered},
8659
9214
  - onEntering={onEntered},
@@ -8668,7 +9223,7 @@ Here are some highlights โœจ:
8668
9223
  + onExited,
8669
9224
  + onExiting,
8670
9225
  + }}
8671
- />
9226
+ />
8672
9227
  ```
8673
9228
 
8674
9229
  - [TextField] Improve line-height reset (#22149) @imnasnainaec
@@ -8822,7 +9377,7 @@ Here are some highlights โœจ:
8822
9377
  The onE\* transition props were removed. Use TransitionProps instead.
8823
9378
 
8824
9379
  ```diff
8825
- <Dialog
9380
+ <Dialog
8826
9381
  - onEnter={onEnter}
8827
9382
  - onEntered={onEntered},
8828
9383
  - onEntering={onEntered},
@@ -8837,7 +9392,7 @@ Here are some highlights โœจ:
8837
9392
  + onExited,
8838
9393
  + onExiting,
8839
9394
  + }}
8840
- />
9395
+ />
8841
9396
  ```
8842
9397
 
8843
9398
  - [Fab] Rename round -> circular for consistency (#21903) @kodai3
@@ -8884,7 +9439,7 @@ Here are some highlights โœจ:
8884
9439
  The onE\* transition props were removed. Use TransitionProps instead.
8885
9440
 
8886
9441
  ```diff
8887
- <Snackbar
9442
+ <Snackbar
8888
9443
  - onEnter={onEnter}
8889
9444
  - onEntered={onEntered},
8890
9445
  - onEntering={onEntered},
@@ -8899,7 +9454,7 @@ Here are some highlights โœจ:
8899
9454
  + onExited,
8900
9455
  + onExiting,
8901
9456
  + }}
8902
- />
9457
+ />
8903
9458
  ```
8904
9459
 
8905
9460
  - [TextareaAutosize] Rename rowsMax->maxRows & rowsMin->minRows (#21873) @mhayk
@@ -9268,21 +9823,21 @@ A big thanks to the 33 contributors who made this release possible. Here are som
9268
9823
  It prevents inconsistent height on scaled screens. For people customizing the color of the border, the change requires changing the override CSS property:
9269
9824
 
9270
9825
  ```diff
9271
- .MuiDivider-root {
9272
- - background-color: #f00;
9273
- + border-color: #f00;
9274
- }
9826
+ .MuiDivider-root {
9827
+ - background-color: #f00;
9828
+ + border-color: #f00;
9829
+ }
9275
9830
  ```
9276
9831
 
9277
9832
  - [Rating] Rename `visuallyhidden` to `visuallyHidden` for consistency (#21413) @mnajdova.
9278
9833
 
9279
9834
  ```diff
9280
- <Rating
9281
- classes={{
9835
+ <Rating
9836
+ classes={{
9282
9837
  - visuallyhidden: 'custom-visually-hidden-classname',
9283
9838
  + visuallyHidden: 'custom-visually-hidden-classname',
9284
- }}
9285
- />
9839
+ }}
9840
+ />
9286
9841
  ```
9287
9842
 
9288
9843
  - [Typography] Replace the `srOnly` prop so as to not duplicate the capabilities of [System](https://mui.com/system/getting-started/overview/) (#21413) @mnajdova.
@@ -9302,10 +9857,10 @@ A big thanks to the 33 contributors who made this release possible. Here are som
9302
9857
  The customization of the table pagination's actions labels must be done with the `getItemAriaLabel` prop. This increases consistency with the `Pagination` component.
9303
9858
 
9304
9859
  ```diff
9305
- <TablePagination
9306
- - backIconButtonText="Avant"
9307
- - nextIconButtonText="Aprรจs
9308
- + getItemAriaLabel={โ€ฆ}
9860
+ <TablePagination
9861
+ - backIconButtonText="Avant"
9862
+ - nextIconButtonText="Aprรจs
9863
+ + getItemAriaLabel={โ€ฆ}
9309
9864
  ```
9310
9865
 
9311
9866
  - [ExpansionPanel] Rename to Accordion (#21494) @mnajdova.