@mui/lab 5.0.0-alpha.93 → 5.0.0-alpha.96

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 (101) hide show
  1. package/AdapterDateFns/AdapterDateFns.d.ts +3 -3
  2. package/AdapterDateFns/index.d.ts +1 -1
  3. package/AdapterDayjs/AdapterDayjs.d.ts +3 -3
  4. package/AdapterDayjs/index.d.ts +1 -1
  5. package/AdapterLuxon/AdapterLuxon.d.ts +3 -3
  6. package/AdapterLuxon/index.d.ts +1 -1
  7. package/AdapterMoment/AdapterMoment.d.ts +3 -3
  8. package/AdapterMoment/index.d.ts +1 -1
  9. package/CHANGELOG.md +179 -4
  10. package/CalendarPicker/CalendarPicker.d.ts +14 -14
  11. package/CalendarPicker/index.d.ts +2 -2
  12. package/CalendarPickerSkeleton/CalendarPickerSkeleton.d.ts +13 -13
  13. package/CalendarPickerSkeleton/index.d.ts +2 -2
  14. package/ClockPicker/ClockPicker.d.ts +14 -14
  15. package/ClockPicker/index.d.ts +2 -2
  16. package/DatePicker/DatePicker.d.ts +10 -10
  17. package/DatePicker/index.d.ts +2 -2
  18. package/DateRangePicker/DateRangePicker.d.ts +11 -11
  19. package/DateRangePicker/index.d.ts +2 -2
  20. package/DateRangePickerDay/DateRangePickerDay.d.ts +13 -13
  21. package/DateRangePickerDay/index.d.ts +2 -2
  22. package/DateTimePicker/DateTimePicker.d.ts +10 -10
  23. package/DateTimePicker/index.d.ts +2 -2
  24. package/DesktopDatePicker/DesktopDatePicker.d.ts +10 -10
  25. package/DesktopDatePicker/index.d.ts +2 -2
  26. package/DesktopDateRangePicker/DesktopDateRangePicker.d.ts +10 -10
  27. package/DesktopDateRangePicker/index.d.ts +2 -2
  28. package/DesktopDateTimePicker/DesktopDateTimePicker.d.ts +10 -10
  29. package/DesktopDateTimePicker/index.d.ts +2 -2
  30. package/DesktopTimePicker/DesktopTimePicker.d.ts +10 -10
  31. package/DesktopTimePicker/index.d.ts +2 -2
  32. package/LoadingButton/LoadingButton.js +1 -1
  33. package/LoadingButton/loadingButtonClasses.d.ts +22 -22
  34. package/LocalizationProvider/LocalizationProvider.d.ts +10 -10
  35. package/LocalizationProvider/index.d.ts +2 -2
  36. package/Masonry/masonryClasses.d.ts +8 -8
  37. package/MobileDatePicker/MobileDatePicker.d.ts +10 -10
  38. package/MobileDatePicker/index.d.ts +2 -2
  39. package/MobileDateRangePicker/MobileDateRangePicker.d.ts +10 -10
  40. package/MobileDateRangePicker/index.d.ts +2 -2
  41. package/MobileDateTimePicker/MobileDateTimePicker.d.ts +10 -10
  42. package/MobileDateTimePicker/index.d.ts +2 -2
  43. package/MobileTimePicker/MobileTimePicker.d.ts +10 -10
  44. package/MobileTimePicker/index.d.ts +2 -2
  45. package/MonthPicker/MonthPicker.d.ts +13 -13
  46. package/MonthPicker/index.d.ts +2 -2
  47. package/PickersDay/PickersDay.d.ts +13 -13
  48. package/PickersDay/index.d.ts +2 -2
  49. package/StaticDatePicker/StaticDatePicker.d.ts +10 -10
  50. package/StaticDatePicker/index.d.ts +2 -2
  51. package/StaticDateRangePicker/StaticDateRangePicker.d.ts +10 -10
  52. package/StaticDateRangePicker/index.d.ts +2 -2
  53. package/StaticDateTimePicker/StaticDateTimePicker.d.ts +10 -10
  54. package/StaticDateTimePicker/index.d.ts +2 -2
  55. package/StaticTimePicker/StaticTimePicker.d.ts +10 -10
  56. package/StaticTimePicker/index.d.ts +2 -2
  57. package/TabPanel/tabPanelClasses.d.ts +8 -8
  58. package/TimePicker/TimePicker.d.ts +10 -10
  59. package/TimePicker/index.d.ts +2 -2
  60. package/Timeline/Timeline.d.ts +59 -59
  61. package/Timeline/TimelineContext.d.ts +6 -6
  62. package/Timeline/index.d.ts +5 -5
  63. package/Timeline/timelineClasses.d.ts +3 -3
  64. package/TimelineConnector/TimelineConnector.js +1 -1
  65. package/TimelineConnector/timelineConnectorClasses.d.ts +8 -8
  66. package/TimelineContent/timelineContentClasses.d.ts +14 -14
  67. package/TimelineDot/TimelineDot.js +7 -7
  68. package/TimelineDot/timelineDotClasses.d.ts +24 -24
  69. package/TimelineItem/timelineItemClasses.d.ts +16 -16
  70. package/TimelineOppositeContent/timelineOppositeContentClasses.d.ts +14 -14
  71. package/TimelineSeparator/timelineSeparatorClasses.d.ts +8 -8
  72. package/TreeItem/TreeItem.js +7 -7
  73. package/TreeItem/treeItemClasses.d.ts +24 -24
  74. package/TreeView/treeViewClasses.d.ts +8 -8
  75. package/YearPicker/YearPicker.d.ts +14 -14
  76. package/YearPicker/index.d.ts +2 -2
  77. package/index.js +1 -1
  78. package/internal/svg-icons/ArrowDropDown.d.ts +7 -7
  79. package/internal/svg-icons/ArrowLeft.d.ts +7 -7
  80. package/internal/svg-icons/ArrowRight.d.ts +7 -7
  81. package/internal/svg-icons/Calendar.d.ts +7 -7
  82. package/internal/svg-icons/Clock.d.ts +7 -7
  83. package/internal/svg-icons/DateRange.d.ts +7 -7
  84. package/internal/svg-icons/Pen.d.ts +7 -7
  85. package/internal/svg-icons/Time.d.ts +7 -7
  86. package/legacy/LoadingButton/LoadingButton.js +1 -1
  87. package/legacy/TimelineConnector/TimelineConnector.js +1 -1
  88. package/legacy/TimelineDot/TimelineDot.js +7 -7
  89. package/legacy/TreeItem/TreeItem.js +7 -7
  90. package/legacy/index.js +1 -1
  91. package/modern/LoadingButton/LoadingButton.js +1 -1
  92. package/modern/TimelineConnector/TimelineConnector.js +1 -1
  93. package/modern/TimelineDot/TimelineDot.js +7 -7
  94. package/modern/TreeItem/TreeItem.js +7 -7
  95. package/modern/index.js +1 -1
  96. package/node/LoadingButton/LoadingButton.js +1 -1
  97. package/node/TimelineConnector/TimelineConnector.js +1 -1
  98. package/node/TimelineDot/TimelineDot.js +7 -7
  99. package/node/TreeItem/TreeItem.js +7 -7
  100. package/node/index.js +1 -1
  101. package/package.json +3 -3
@@ -1,3 +1,3 @@
1
- export default class AdapterDateFns {
2
- constructor();
3
- }
1
+ export default class AdapterDateFns {
2
+ constructor();
3
+ }
@@ -1 +1 @@
1
- export { default } from './AdapterDateFns';
1
+ export { default } from './AdapterDateFns';
@@ -1,3 +1,3 @@
1
- export default class AdapterDayjs {
2
- constructor();
3
- }
1
+ export default class AdapterDayjs {
2
+ constructor();
3
+ }
@@ -1 +1 @@
1
- export { default } from './AdapterDayjs';
1
+ export { default } from './AdapterDayjs';
@@ -1,3 +1,3 @@
1
- export default class AdapterLuxon {
2
- constructor();
3
- }
1
+ export default class AdapterLuxon {
2
+ constructor();
3
+ }
@@ -1 +1 @@
1
- export { default } from './AdapterLuxon';
1
+ export { default } from './AdapterLuxon';
@@ -1,3 +1,3 @@
1
- export default class AdapterMoment {
2
- constructor();
3
- }
1
+ export default class AdapterMoment {
2
+ constructor();
3
+ }
@@ -1 +1 @@
1
- export { default } from './AdapterMoment';
1
+ export { default } from './AdapterMoment';
package/CHANGELOG.md CHANGED
@@ -1,5 +1,180 @@
1
1
  # [Versions](https://mui.com/versions/)
2
2
 
3
+ ## 5.10.2
4
+
5
+ <!-- generated comparing v5.10.1..master -->
6
+
7
+ _Aug 22, 2022_
8
+
9
+ A big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
10
+
11
+ - ✨ @michaldudak synced the Material Icons set with the latest from Google (#33988).
12
+ A couple of icons changed their appearance. See the difference [on this Argos build](https://app.argos-ci.com/mui/material-ui/builds/4428]).
13
+
14
+ ### `@mui/material@5.10.2`
15
+
16
+ - &#8203;<!-- 16 -->[Autocomplete] Fix `keepMounted` Popper prop not working (#33957) @ZeeshanTamboli
17
+ - &#8203;<!-- 10 -->[IconButton] Fix hover effect when CSS Variables are enabled (#33971) @TheUnlocked
18
+ - &#8203;<!-- 07 -->[LoadingButton] Add support for CSS variables (#34001) @ZeeshanTamboli
19
+ - &#8203;<!-- 05 -->[TimelineConnector] Add support for CSS variables (#34002) @ZeeshanTamboli
20
+ - &#8203;<!-- 04 -->[TimelineDot] Add support for CSS variables (#34003) @ZeeshanTamboli
21
+ - &#8203;<!-- 03 -->[TreeItem] Add support for CSS variables (#34004) @ZeeshanTamboli
22
+
23
+ ### `@mui/system@5.10.2`
24
+
25
+ - &#8203;<!-- 06 -->[system] catch localStorage errors (#34027) @jsakas
26
+
27
+ ### `@mui/joy@5.0.0-alpha.42`
28
+
29
+ - &#8203;<!-- 08 -->[Joy] Add missing global exports (#33982) @tomasz-sodzawiczny
30
+
31
+ ### `@mui/icons-material@5.8.5`
32
+
33
+ - &#8203;<!-- 09 -->[icons] Sync the Material Icons (#33988) @michaldudak
34
+
35
+ ### Docs
36
+
37
+ - &#8203;<!-- 21 -->[docs] Fix typo in using-joy-ui-and-material-ui.md (#33997) @djohalo2 @danilo-leal
38
+ - &#8203;<!-- 20 -->[docs] Fix typo in the Transition docs (#34040) @alirezahekmati
39
+ - &#8203;<!-- 19 -->[docs] Typo fix in Joy UI Aspect Ratio doc (#33984) @AjeetSingh2016
40
+ - &#8203;<!-- 15 -->[docs] Fix broken Joy UI codesandbox export (#34007) @oliviertassinari
41
+ - &#8203;<!-- 14 -->[docs] Fix typos in `test` folder's README (#33976) @ropereraLK
42
+ - &#8203;<!-- 13 -->[docs] Fix interior section links in Base docs that feature hooks (#33948) @samuelsycamore
43
+ - &#8203;<!-- 12 -->[docs] Fix typo in Joy UI's List Component docs (#33956) @Cerebro92
44
+ - &#8203;<!-- 11 -->[docs] Fix typo in Joy UI's docs (#33938) @AjeetSingh2016
45
+
46
+ ### Core
47
+
48
+ - &#8203;<!-- 18 -->[website] Optimize meta description length (#34006) @oliviertassinari
49
+ - &#8203;<!-- 17 -->Revert "[core] Replace `getInitialProps` with `getStaticProps`" (#33991) @mnajdova
50
+ - &#8203;<!-- 02 -->[website] Move the React Engineer - X to next roles (#34030) @mnajdova
51
+ - &#8203;<!-- 01 -->[website] Add Icons8 gold sponsor (#33978) @michaldudak
52
+
53
+ All contributors of this release in alphabetical order: @AjeetSingh2016, @alirezahekmati, @Cerebro92, @danilo-leal, @djohalo2, @jsakas, @michaldudak, @mnajdova, @oliviertassinari, @ropereraLK, @samuelsycamore, @TheUnlocked, @tomasz-sodzawiczny, @ZeeshanTamboli
54
+
55
+ ## 5.10.1
56
+
57
+ <!-- generated comparing v5.10.0..master -->
58
+
59
+ _Aug 15, 2022_
60
+
61
+ A big thanks to the 18 contributors who made this release possible. This release was mostly around 🐛 bug fixes and 📚 documentation improvements.
62
+
63
+ ### `@mui/material@5.10.1`
64
+
65
+ - &#8203;<!-- 04 -->[TableCell] Enable variant overrides via TypeScript module augmentation (#33856) @arjunvijayanathakurup
66
+
67
+ ### `@mui/system@5.10.1`
68
+
69
+ - &#8203;<!-- 05 -->[system] Fix `ContainerProps` export (#33923) @bugzpodder
70
+
71
+ ### `@mui/base@5.0.0-alpha.93`
72
+
73
+ - &#8203;<!-- 31 -->[TrapFocus] Removes invisible tabbable elements from (#33543) @EthanStandel
74
+ - &#8203;<!-- 30 -->[Input][base] Pass the rows prop to the underlying textarea (#33873) @michaldudak
75
+ - &#8203;<!-- 06 -->[SelectUnstyled] Add ability to post the select's value when submitting a form (#33697) @michaldudak
76
+
77
+ ### `@mui/joy@5.0.0-alpha.41`
78
+
79
+ - &#8203;<!-- 07 -->[IconButton][joy] Fix large IconButton scaling (#33885) @cherewaty
80
+
81
+ ### Docs
82
+
83
+ - &#8203;<!-- 23 -->[docs] Expand on a11y section for Material UI `Link` component (#32839) @TKrishnasamy
84
+ - &#8203;<!-- 22 -->[docs] Fix typo in Joy UI's `AspectRatio` docs (#33895) @IsaacInsoll
85
+ - &#8203;<!-- 21 -->[docs] Improve the Base Usage page (#33272) @samuelsycamore
86
+ - &#8203;<!-- 20 -->[docs] Avoid refreshing the page when button on demo is clicked (#33852) @PunitSoniME
87
+ - &#8203;<!-- 19 -->[docs] Improve the HorizontalNonLinearStepper demo styling (#33886) @hayawata3626
88
+ - &#8203;<!-- 18 -->[docs] Remove dead NoSsr in the demos (#33910) @oliviertassinari
89
+ - &#8203;<!-- 17 -->[docs] Fix the reopening menu problem in MenuUnstyled demo (#33890) @michaldudak
90
+ - &#8203;<!-- 24 -->[docs] Fix a few link issues (#33909) @oliviertassinari
91
+ - &#8203;<!-- 16 -->[docs] Explain the icons package dependencies (#33592) @michaldudak
92
+ - &#8203;<!-- 15 -->[docs] Fix reported SEO issues (#33818) @oliviertassinari
93
+ - &#8203;<!-- 14 -->[docs] Add permanent notifications back (#33843) @oliviertassinari
94
+ - &#8203;<!-- 13 -->[docs] Enforce description for all pages (#33698) @oliviertassinari
95
+ - &#8203;<!-- 12 -->[docs] Clarify difference in startup times between named and default imports (#33109) @cmdcolin
96
+ - &#8203;<!-- 11 -->[docs] Update transform function in the sx prop sizing docs (#33850) @ZeeshanTamboli
97
+ - &#8203;<!-- 10 -->[docs] Adding missing accessibility labels (#33782) @PunitSoniME
98
+ - &#8203;<!-- 09 -->[docs] Fix `/system/getting-started/advanced/` does not exist (#33867) @MonstraG
99
+ - &#8203;<!-- 32 -->[docs] New Crowdin updates (#32213) @l10nbot
100
+ - &#8203;<!-- 08 -->[examples] Fix broken path to favicon.ico (#33906) @mmostafavi
101
+ - &#8203;<!-- 02 -->[website] Add new FAQ to pricing page (#33553) @oliviertassinari
102
+ - &#8203;<!-- 03 -->[website] Miscellaneous improvements to the marketing pages (#33897) @danilo-leal
103
+
104
+ ### Core
105
+
106
+ - &#8203;<!-- 29 -->[core] Add the download tracker package (#33899) @michaldudak
107
+ - &#8203;<!-- 28 -->[core] Use proper external build id for Argos uploads (#33929) @cherniavskii
108
+ - &#8203;<!-- 27 -->[core] Enforce 70 as the max width on the title on the docs (#33819) @oliviertassinari
109
+ - &#8203;<!-- 26 -->[core] Clear yarn installation warning (#33776) @michaldudak
110
+ - &#8203;<!-- 25 -->[core] Bump yarn to 1.22.19 (#33656) @michaldudak
111
+ - &#8203;<!-- 24 -->[core] Remove outdated Next.js options (#33845) @oliviertassinari
112
+ - &#8203;<!-- 34 -->[core] Add the download tracker build script (#33941) @michaldudak
113
+ - &#8203;<!-- 01 -->[website] Allow /r/store- redirection pattern @oliviertassinari
114
+
115
+ All contributors of this release in alphabetical order: @arjunvijayanathakurup, @bugzpodder, @cherewaty, @cherniavskii, @cmdcolin, @danilo-leal, @EthanStandel, @hayawata3626, @IsaacInsoll, @l10nbot, @michaldudak, @mmostafavi, @MonstraG, @oliviertassinari, @PunitSoniME, @samuelsycamore, @TKrishnasamy, @ZeeshanTamboli
116
+
117
+ ## 5.10.0
118
+
119
+ <!-- generated comparing v5.9.3..master -->
120
+
121
+ _Aug 8, 2022_
122
+
123
+ A big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:
124
+
125
+ - ✨ [Stack](https://mui.com/system/react-stack/) component is added to MUI System and Joy UI #33760 #33800 @mnajdova
126
+ - ✨ [Breadcrumbs](https://mui.com/joy-ui/react-breadcrumbs/) component is added to Joy UI (#32697) @hbjORbj
127
+ - Many other 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements
128
+
129
+ ### `@mui/material@5.10.0`
130
+
131
+ - [Grid] Prevent crash if spacing is set to zero in theme (#33777) @PunitSoniME
132
+ - [Grid] Export interface `RegularBreakpoints` to fix type error (#33751) @ZeeshanTamboli
133
+ - [Skeleton] Add `rounded` variant (#33687) @siriwatknp
134
+ - [Stepper] Fix classes for icon container (#33734) @pratikkarad
135
+ - [TableCell] Enable size prop overrides via module augmentation (#33816) @brentertz
136
+ - [Tooltip] Fix tooltip arrow css var background (#33753) @TimoWilhelm
137
+ - [useScrollTrigger] Add passive flag to scroll trigger event listener #32437 (#33749) @Dsalazar1685
138
+
139
+ ### `@mui/system@5.10.0`
140
+
141
+ - Fix unnecessary styles created from `sx` (#33752) @siriwatknp
142
+ - Fix duplicated styles in Box (#33774) @iamxukai
143
+ - Don't spread props to DOM for string tags (#33761) @siriwatknp
144
+ - Add `Stack` component (#33760) @mnajdova
145
+
146
+ ### `@mui/joy@5.0.0-alpha.40`
147
+
148
+ - [Stack] Add new component (#33800) @mnajdova
149
+ - [Breadcrumbs] Add `Breadcrumbs` component (#32697) @hbjORbj
150
+ - [Card] Fix wrong api description for `size` prop (#33862) @hbjORbj
151
+ - Miscellaneous fixes (#33796, #33750) @siriwatknp
152
+
153
+ ### Docs
154
+
155
+ - [docs] Create, revise, and expand System "Getting started" docs (#33503) @samuelsycamore
156
+ - [docs] Test new image best practice @oliviertassinari
157
+ - [docs] Fix typo in the ClickAwayListerner name (#33813) @pawelsmigielski
158
+ - [docs] Fix link to `Basics` section in `Trap Focus` docs (#33772) @ZeeshanTamboli
159
+ - [docs] z-index added in popper when used by split button (#33763) @PunitSoniME
160
+ - [docs] Improve the guide for using @mui/base with Tailwind CSS (#33670) @mnajdova
161
+ - [docs] Fix warnings related to Next.js' links (#33693) @mnajdova
162
+ - [docs] Add notification to aggregation blogpost (#33745) @joserodolfofreitas
163
+ - [docs] Add Grid version 2 docs (#33554) @siriwatknp
164
+ - [examples] Fix `NextLinkComposedProps` type error (#33842) @adham618
165
+
166
+ ### Core
167
+
168
+ - [blog] Add social card to Tenerife retreat post (#33764)
169
+ - [blog] Fix blue outline bug (#33707) @oliviertassinari
170
+ - [blog] Improve the width of the layout (#33706) @oliviertassinari@samuelsycamore
171
+ - [core] Remove unnecessary packageName attribute from pages (#33488) @cherniavskii
172
+ - [core] Remove duplicated CODE_OF_CONDUCT (#33702) @oliviertassinari
173
+ - [core] Update Playwright packages together (#33737) @michaldudak
174
+ - [website] Fix notifications not being marked as read in production (#33756) @cherniavskii
175
+
176
+ All contributors of this release in alphabetical order: @adham618, @brentertz, @cherniavskii, @Dsalazar1685, @hbjORbj, @iamxukai, @joserodolfofreitas, @michaldudak, @mnajdova, @oliviertassinari, @pawelsmigielski, @pratikkarad, @PunitSoniME, @siriwatknp, @TimoWilhelm, @ZeeshanTamboli
177
+
3
178
  ## 5.9.3
4
179
 
5
180
  <!-- generated comparing v5.9.2..master -->
@@ -6880,7 +7055,7 @@ A big thanks to the 34 contributors who made this release possible. Here are som
6880
7055
 
6881
7056
  While the source code is currently hosted in the [main repository](https://github.com/mui/material-ui), we might move it to the [x repository](https://github.com/mui/mui-x) in the future, depending on what is easier for the commercial date range picker. The date picker will stay open source no matter what.
6882
7057
 
6883
- - 📚 Revamp the documentation for [the system](https://mui.com/system/basics/). The System contains CSS utilities. The documentation now promotes the use of the `sx` prop. It's ideal for adding one-off styles, e.g. padding, but when pushed to its limits, it can be used to implement quickly a complete page.
7058
+ - 📚 Revamp the documentation for [the system](https://mui.com/system/getting-started/overview/). The System contains CSS utilities. The documentation now promotes the use of the `sx` prop. It's ideal for adding one-off styles, e.g. padding, but when pushed to its limits, it can be used to implement quickly a complete page.
6884
7059
  - 👩‍🎨 Upgrade emotion to v11 (#23007) @mnajdova.
6885
7060
  - And many more 🐛 bug fixes and 📚 improvements.
6886
7061
 
@@ -7282,7 +7457,7 @@ Here are some highlights ✨:
7282
7457
  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.
7283
7458
 
7284
7459
  - 🚀 Improve the internal benchmark suite (#22923, #23058) @mnajdova.
7285
- This was a prerequisite step to improve the [system](https://mui.com/system/basics/). We needed to be able to measure performance. After #22945, we have measured that the `Box` component is x3 faster in v5-alpha compared to v4.
7460
+ This was a prerequisite step to improve the [system](https://mui.com/system/getting-started/overview/). We needed to be able to measure performance. After #22945, we have measured that the `Box` component is x3 faster in v5-alpha compared to v4.
7286
7461
  - ✏️ A new blog post: [Q3 2020 Update](https://mui.com/blog/2020-q3-update/) (#23055) @oliviertassinari.
7287
7462
  - 🐙 Migrate more tests to react-testing-library @deiga, @Morteza-Jenabzadeh, @nicholas-l.
7288
7463
  - And many more 🐛 bug fixes and 📚 improvements.
@@ -7623,7 +7798,7 @@ Here are some highlights ✨:
7623
7798
 
7624
7799
  The new styling solution saves 2kB gzipped in the bundle compared to JSS, and about 14 kB gzipped if you were already using emotion or styled-components.
7625
7800
 
7626
- Last but not least, the change allows us to take advantage dynamic style props. We will use them for dynamic color props, variant props, and new style props (an improved [system](https://mui.com/system/basics/)).
7801
+ Last but not least, the change allows us to take advantage dynamic style props. We will use them for dynamic color props, variant props, and new style props (an improved [system](https://mui.com/system/getting-started/overview/)).
7627
7802
 
7628
7803
  This change has been in our roadmap for more than a year.
7629
7804
  We announced it in the [v4 release blog post](https://mui.com/blog/material-ui-v4-is-out/) as a direction v5 would take.
@@ -8876,7 +9051,7 @@ A big thanks to the 33 contributors who made this release possible. Here are som
8876
9051
  />
8877
9052
  ```
8878
9053
 
8879
- - [Typography] Replace the `srOnly` prop so as to not duplicate the capabilities of [System](https://mui.com/system/basics/) (#21413) @mnajdova.
9054
+ - [Typography] Replace the `srOnly` prop so as to not duplicate the capabilities of [System](https://mui.com/system/getting-started/overview/) (#21413) @mnajdova.
8880
9055
 
8881
9056
  ```diff
8882
9057
  -import Typography from '@material-ui/core/Typography';
@@ -1,14 +1,14 @@
1
- import * as React from 'react';
2
- declare type CalendarPickerComponent = (<TDate>(props: CalendarPickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
3
- propTypes?: any;
4
- };
5
- /**
6
- * @ignore - do not document.
7
- */
8
- declare const CalendarPicker: CalendarPickerComponent;
9
- export default CalendarPicker;
10
- export declare const calendarPickerClasses: {};
11
- export declare type CalendarPickerClassKey = any;
12
- export declare type CalendarPickerClasses = any;
13
- export declare type CalendarPickerProps<TDate> = Record<any, any>;
14
- export declare type CalendarPickerView = 'year' | 'day' | 'month';
1
+ import * as React from 'react';
2
+ declare type CalendarPickerComponent = (<TDate>(props: CalendarPickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
3
+ propTypes?: any;
4
+ };
5
+ /**
6
+ * @ignore - do not document.
7
+ */
8
+ declare const CalendarPicker: CalendarPickerComponent;
9
+ export default CalendarPicker;
10
+ export declare const calendarPickerClasses: {};
11
+ export declare type CalendarPickerClassKey = any;
12
+ export declare type CalendarPickerClasses = any;
13
+ export declare type CalendarPickerProps<TDate> = Record<any, any>;
14
+ export declare type CalendarPickerView = 'year' | 'day' | 'month';
@@ -1,2 +1,2 @@
1
- export { default } from './CalendarPicker';
2
- export * from './CalendarPicker';
1
+ export { default } from './CalendarPicker';
2
+ export * from './CalendarPicker';
@@ -1,13 +1,13 @@
1
- import * as React from 'react';
2
- declare type CalendarPickerSkeletonComponent = ((props: CalendarPickerSkeletonProps & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
3
- propTypes?: any;
4
- };
5
- /**
6
- * @ignore - do not document.
7
- */
8
- declare const CalendarPickerSkeleton: CalendarPickerSkeletonComponent;
9
- export default CalendarPickerSkeleton;
10
- export declare const calendarPickerSkeletonClasses: {};
11
- export declare const getCalendarPickerSkeletonUtilityClass: (slot: string) => string;
12
- export declare type CalendarPickerSkeletonProps = Record<any, any>;
13
- export declare type CalendarPickerSkeletonClassKey = any;
1
+ import * as React from 'react';
2
+ declare type CalendarPickerSkeletonComponent = ((props: CalendarPickerSkeletonProps & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
3
+ propTypes?: any;
4
+ };
5
+ /**
6
+ * @ignore - do not document.
7
+ */
8
+ declare const CalendarPickerSkeleton: CalendarPickerSkeletonComponent;
9
+ export default CalendarPickerSkeleton;
10
+ export declare const calendarPickerSkeletonClasses: {};
11
+ export declare const getCalendarPickerSkeletonUtilityClass: (slot: string) => string;
12
+ export declare type CalendarPickerSkeletonProps = Record<any, any>;
13
+ export declare type CalendarPickerSkeletonClassKey = any;
@@ -1,2 +1,2 @@
1
- export { default } from './CalendarPickerSkeleton';
2
- export * from './CalendarPickerSkeleton';
1
+ export { default } from './CalendarPickerSkeleton';
2
+ export * from './CalendarPickerSkeleton';
@@ -1,14 +1,14 @@
1
- import * as React from 'react';
2
- declare type ClockPickerComponent = (<TDate>(props: ClockPickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
3
- propTypes?: any;
4
- };
5
- /**
6
- * @ignore - do not document.
7
- */
8
- declare const ClockPicker: ClockPickerComponent;
9
- export default ClockPicker;
10
- export declare const clockPickerClasses: {};
11
- export declare type ClockPickerProps<TDate> = Record<any, any>;
12
- export declare type ClockPickerView = 'hours' | 'minutes' | 'seconds';
13
- export declare type ClockPickerClasses = any;
14
- export declare type ClockPickerClassKey = any;
1
+ import * as React from 'react';
2
+ declare type ClockPickerComponent = (<TDate>(props: ClockPickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
3
+ propTypes?: any;
4
+ };
5
+ /**
6
+ * @ignore - do not document.
7
+ */
8
+ declare const ClockPicker: ClockPickerComponent;
9
+ export default ClockPicker;
10
+ export declare const clockPickerClasses: {};
11
+ export declare type ClockPickerProps<TDate> = Record<any, any>;
12
+ export declare type ClockPickerView = 'hours' | 'minutes' | 'seconds';
13
+ export declare type ClockPickerClasses = any;
14
+ export declare type ClockPickerClassKey = any;
@@ -1,2 +1,2 @@
1
- export { default } from './ClockPicker';
2
- export * from './ClockPicker';
1
+ export { default } from './ClockPicker';
2
+ export * from './ClockPicker';
@@ -1,10 +1,10 @@
1
- import * as React from 'react';
2
- declare type DatePickerComponent = (<TDate>(props: DatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
3
- propTypes?: any;
4
- };
5
- /**
6
- * @ignore - do not document.
7
- */
8
- declare const DatePicker: DatePickerComponent;
9
- export default DatePicker;
10
- export declare type DatePickerProps<TDate> = Record<any, any>;
1
+ import * as React from 'react';
2
+ declare type DatePickerComponent = (<TDate>(props: DatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
3
+ propTypes?: any;
4
+ };
5
+ /**
6
+ * @ignore - do not document.
7
+ */
8
+ declare const DatePicker: DatePickerComponent;
9
+ export default DatePicker;
10
+ export declare type DatePickerProps<TDate> = Record<any, any>;
@@ -1,2 +1,2 @@
1
- export { default } from './DatePicker';
2
- export * from './DatePicker';
1
+ export { default } from './DatePicker';
2
+ export * from './DatePicker';
@@ -1,11 +1,11 @@
1
- import * as React from 'react';
2
- declare type DateRangePickerComponent = (<TDate>(props: DateRangePickerProps & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
3
- propTypes?: any;
4
- };
5
- /**
6
- * @ignore - do not document.
7
- */
8
- declare const DateRangePicker: DateRangePickerComponent;
9
- export default DateRangePicker;
10
- export declare type DateRangePickerProps = Record<any, any>;
11
- export declare type DateRange<TDate> = [TDate | null, TDate | null];
1
+ import * as React from 'react';
2
+ declare type DateRangePickerComponent = (<TDate>(props: DateRangePickerProps & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
3
+ propTypes?: any;
4
+ };
5
+ /**
6
+ * @ignore - do not document.
7
+ */
8
+ declare const DateRangePicker: DateRangePickerComponent;
9
+ export default DateRangePicker;
10
+ export declare type DateRangePickerProps = Record<any, any>;
11
+ export declare type DateRange<TDate> = [TDate | null, TDate | null];
@@ -1,2 +1,2 @@
1
- export { default } from './DateRangePicker';
2
- export * from './DateRangePicker';
1
+ export { default } from './DateRangePicker';
2
+ export * from './DateRangePicker';
@@ -1,13 +1,13 @@
1
- import * as React from 'react';
2
- declare type DateRangePickerDayComponent = (<TDate>(props: DateRangePickerDayProps & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
3
- propTypes?: any;
4
- };
5
- /**
6
- * @ignore - do not document.
7
- */
8
- declare const DateRangePickerDay: DateRangePickerDayComponent;
9
- export default DateRangePickerDay;
10
- export declare const getDateRangePickerDayUtilityClass: (slot: string) => string;
11
- export declare type DateRangePickerDayProps = Record<any, any>;
12
- export declare type DateRangePickerDayClasses = any;
13
- export declare type DateRangePickerDayClassKey = any;
1
+ import * as React from 'react';
2
+ declare type DateRangePickerDayComponent = (<TDate>(props: DateRangePickerDayProps & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
3
+ propTypes?: any;
4
+ };
5
+ /**
6
+ * @ignore - do not document.
7
+ */
8
+ declare const DateRangePickerDay: DateRangePickerDayComponent;
9
+ export default DateRangePickerDay;
10
+ export declare const getDateRangePickerDayUtilityClass: (slot: string) => string;
11
+ export declare type DateRangePickerDayProps = Record<any, any>;
12
+ export declare type DateRangePickerDayClasses = any;
13
+ export declare type DateRangePickerDayClassKey = any;
@@ -1,2 +1,2 @@
1
- export { default } from './DateRangePickerDay';
2
- export * from './DateRangePickerDay';
1
+ export { default } from './DateRangePickerDay';
2
+ export * from './DateRangePickerDay';
@@ -1,10 +1,10 @@
1
- import * as React from 'react';
2
- declare type DateTimePickerComponent = (<TDate>(props: DateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
3
- propTypes?: any;
4
- };
5
- /**
6
- * @ignore - do not document.
7
- */
8
- declare const DateTimePicker: DateTimePickerComponent;
9
- export default DateTimePicker;
10
- export declare type DateTimePickerProps<TDate> = Record<any, any>;
1
+ import * as React from 'react';
2
+ declare type DateTimePickerComponent = (<TDate>(props: DateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
3
+ propTypes?: any;
4
+ };
5
+ /**
6
+ * @ignore - do not document.
7
+ */
8
+ declare const DateTimePicker: DateTimePickerComponent;
9
+ export default DateTimePicker;
10
+ export declare type DateTimePickerProps<TDate> = Record<any, any>;
@@ -1,2 +1,2 @@
1
- export { default } from './DateTimePicker';
2
- export * from './DateTimePicker';
1
+ export { default } from './DateTimePicker';
2
+ export * from './DateTimePicker';
@@ -1,10 +1,10 @@
1
- import * as React from 'react';
2
- declare type DesktopDatePickerComponent = (<TDate>(props: DesktopDatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
3
- propTypes?: any;
4
- };
5
- /**
6
- * @ignore - do not document.
7
- */
8
- declare const DesktopDatePicker: DesktopDatePickerComponent;
9
- export default DesktopDatePicker;
10
- export declare type DesktopDatePickerProps<TDate> = Record<any, any>;
1
+ import * as React from 'react';
2
+ declare type DesktopDatePickerComponent = (<TDate>(props: DesktopDatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
3
+ propTypes?: any;
4
+ };
5
+ /**
6
+ * @ignore - do not document.
7
+ */
8
+ declare const DesktopDatePicker: DesktopDatePickerComponent;
9
+ export default DesktopDatePicker;
10
+ export declare type DesktopDatePickerProps<TDate> = Record<any, any>;
@@ -1,2 +1,2 @@
1
- export { default } from './DesktopDatePicker';
2
- export * from './DesktopDatePicker';
1
+ export { default } from './DesktopDatePicker';
2
+ export * from './DesktopDatePicker';
@@ -1,10 +1,10 @@
1
- import * as React from 'react';
2
- declare type DesktopDateRangePickerComponent = (<TDate>(props: DesktopDateRangePickerProps & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
3
- propTypes?: any;
4
- };
5
- /**
6
- * @ignore - do not document.
7
- */
8
- declare const DesktopDateRangePicker: DesktopDateRangePickerComponent;
9
- export default DesktopDateRangePicker;
10
- export declare type DesktopDateRangePickerProps = Record<any, any>;
1
+ import * as React from 'react';
2
+ declare type DesktopDateRangePickerComponent = (<TDate>(props: DesktopDateRangePickerProps & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
3
+ propTypes?: any;
4
+ };
5
+ /**
6
+ * @ignore - do not document.
7
+ */
8
+ declare const DesktopDateRangePicker: DesktopDateRangePickerComponent;
9
+ export default DesktopDateRangePicker;
10
+ export declare type DesktopDateRangePickerProps = Record<any, any>;
@@ -1,2 +1,2 @@
1
- export { default } from './DesktopDateRangePicker';
2
- export * from './DesktopDateRangePicker';
1
+ export { default } from './DesktopDateRangePicker';
2
+ export * from './DesktopDateRangePicker';
@@ -1,10 +1,10 @@
1
- import * as React from 'react';
2
- declare type DesktopDateTimePickerComponent = (<TDate>(props: DesktopDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
3
- propTypes?: any;
4
- };
5
- /**
6
- * @ignore - do not document.
7
- */
8
- declare const DesktopDateTimePicker: DesktopDateTimePickerComponent;
9
- export default DesktopDateTimePicker;
10
- export declare type DesktopDateTimePickerProps<TDate> = Record<any, any>;
1
+ import * as React from 'react';
2
+ declare type DesktopDateTimePickerComponent = (<TDate>(props: DesktopDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
3
+ propTypes?: any;
4
+ };
5
+ /**
6
+ * @ignore - do not document.
7
+ */
8
+ declare const DesktopDateTimePicker: DesktopDateTimePickerComponent;
9
+ export default DesktopDateTimePicker;
10
+ export declare type DesktopDateTimePickerProps<TDate> = Record<any, any>;
@@ -1,2 +1,2 @@
1
- export { default } from './DesktopDateTimePicker';
2
- export * from './DesktopDateTimePicker';
1
+ export { default } from './DesktopDateTimePicker';
2
+ export * from './DesktopDateTimePicker';
@@ -1,10 +1,10 @@
1
- import * as React from 'react';
2
- declare type DesktopTimePickerComponent = (<TDate>(props: DesktopTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
3
- propTypes?: any;
4
- };
5
- /**
6
- * @ignore - do not document.
7
- */
8
- declare const DesktopTimePicker: DesktopTimePickerComponent;
9
- export default DesktopTimePicker;
10
- export declare type DesktopTimePickerProps<TDate> = Record<any, any>;
1
+ import * as React from 'react';
2
+ declare type DesktopTimePickerComponent = (<TDate>(props: DesktopTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
3
+ propTypes?: any;
4
+ };
5
+ /**
6
+ * @ignore - do not document.
7
+ */
8
+ declare const DesktopTimePicker: DesktopTimePickerComponent;
9
+ export default DesktopTimePicker;
10
+ export declare type DesktopTimePickerProps<TDate> = Record<any, any>;
@@ -1,2 +1,2 @@
1
- export { default } from './DesktopTimePicker';
2
- export * from './DesktopTimePicker';
1
+ export { default } from './DesktopTimePicker';
2
+ export * from './DesktopTimePicker';
@@ -100,7 +100,7 @@ const LoadingButtonLoadingIndicator = styled('div', {
100
100
  }, ownerState.loadingPosition === 'center' && {
101
101
  left: '50%',
102
102
  transform: 'translate(-50%)',
103
- color: theme.palette.action.disabled
103
+ color: (theme.vars || theme).palette.action.disabled
104
104
  }, ownerState.loadingPosition === 'end' && (ownerState.variant === 'outlined' || ownerState.variant === 'contained') && {
105
105
  right: ownerState.size === 'small' ? 10 : 14
106
106
  }, ownerState.loadingPosition === 'end' && ownerState.variant === 'text' && {