@mui/lab 5.0.0-alpha.92 → 5.0.0-alpha.95

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 (85) 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 +196 -5
  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/loadingButtonClasses.d.ts +22 -22
  33. package/LocalizationProvider/LocalizationProvider.d.ts +10 -10
  34. package/LocalizationProvider/index.d.ts +2 -2
  35. package/Masonry/masonryClasses.d.ts +8 -8
  36. package/MobileDatePicker/MobileDatePicker.d.ts +10 -10
  37. package/MobileDatePicker/index.d.ts +2 -2
  38. package/MobileDateRangePicker/MobileDateRangePicker.d.ts +10 -10
  39. package/MobileDateRangePicker/index.d.ts +2 -2
  40. package/MobileDateTimePicker/MobileDateTimePicker.d.ts +10 -10
  41. package/MobileDateTimePicker/index.d.ts +2 -2
  42. package/MobileTimePicker/MobileTimePicker.d.ts +10 -10
  43. package/MobileTimePicker/index.d.ts +2 -2
  44. package/MonthPicker/MonthPicker.d.ts +13 -13
  45. package/MonthPicker/index.d.ts +2 -2
  46. package/PickersDay/PickersDay.d.ts +13 -13
  47. package/PickersDay/index.d.ts +2 -2
  48. package/StaticDatePicker/StaticDatePicker.d.ts +10 -10
  49. package/StaticDatePicker/index.d.ts +2 -2
  50. package/StaticDateRangePicker/StaticDateRangePicker.d.ts +10 -10
  51. package/StaticDateRangePicker/index.d.ts +2 -2
  52. package/StaticDateTimePicker/StaticDateTimePicker.d.ts +10 -10
  53. package/StaticDateTimePicker/index.d.ts +2 -2
  54. package/StaticTimePicker/StaticTimePicker.d.ts +10 -10
  55. package/StaticTimePicker/index.d.ts +2 -2
  56. package/TabPanel/tabPanelClasses.d.ts +8 -8
  57. package/TimePicker/TimePicker.d.ts +10 -10
  58. package/TimePicker/index.d.ts +2 -2
  59. package/Timeline/Timeline.d.ts +59 -59
  60. package/Timeline/TimelineContext.d.ts +6 -6
  61. package/Timeline/index.d.ts +5 -5
  62. package/Timeline/timelineClasses.d.ts +3 -3
  63. package/TimelineConnector/timelineConnectorClasses.d.ts +8 -8
  64. package/TimelineContent/timelineContentClasses.d.ts +14 -14
  65. package/TimelineDot/timelineDotClasses.d.ts +24 -24
  66. package/TimelineItem/timelineItemClasses.d.ts +16 -16
  67. package/TimelineOppositeContent/timelineOppositeContentClasses.d.ts +14 -14
  68. package/TimelineSeparator/timelineSeparatorClasses.d.ts +8 -8
  69. package/TreeItem/treeItemClasses.d.ts +24 -24
  70. package/TreeView/treeViewClasses.d.ts +8 -8
  71. package/YearPicker/YearPicker.d.ts +14 -14
  72. package/YearPicker/index.d.ts +2 -2
  73. package/index.js +1 -1
  74. package/internal/svg-icons/ArrowDropDown.d.ts +7 -7
  75. package/internal/svg-icons/ArrowLeft.d.ts +7 -7
  76. package/internal/svg-icons/ArrowRight.d.ts +7 -7
  77. package/internal/svg-icons/Calendar.d.ts +7 -7
  78. package/internal/svg-icons/Clock.d.ts +7 -7
  79. package/internal/svg-icons/DateRange.d.ts +7 -7
  80. package/internal/svg-icons/Pen.d.ts +7 -7
  81. package/internal/svg-icons/Time.d.ts +7 -7
  82. package/legacy/index.js +1 -1
  83. package/modern/index.js +1 -1
  84. package/node/index.js +1 -1
  85. package/package.json +4 -4
@@ -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,196 @@
1
1
  # [Versions](https://mui.com/versions/)
2
2
 
3
+ ## 5.10.1
4
+
5
+ <!-- generated comparing v5.10.0..master -->
6
+
7
+ _Aug 15, 2022_
8
+
9
+ A big thanks to the 18 contributors who made this release possible. This release was mostly around 🐛 bug fixes and 📚 documentation improvements.
10
+
11
+ ### `@mui/material@5.10.1`
12
+
13
+ - &#8203;<!-- 04 -->[TableCell] Enable variant overrides via TypeScript module augmentation (#33856) @arjunvijayanathakurup
14
+
15
+ ### `@mui/system@5.10.1`
16
+
17
+ - &#8203;<!-- 05 -->[system] Fix `ContainerProps` export (#33923) @bugzpodder
18
+
19
+ ### `@mui/base@5.0.0-alpha.93`
20
+
21
+ - &#8203;<!-- 31 -->[TrapFocus] Removes invisible tabbable elements from (#33543) @EthanStandel
22
+ - &#8203;<!-- 30 -->[Input][base] Pass the rows prop to the underlying textarea (#33873) @michaldudak
23
+ - &#8203;<!-- 06 -->[SelectUnstyled] Add ability to post the select's value when submitting a form (#33697) @michaldudak
24
+
25
+ ### `@mui/joy@5.0.0-alpha.41`
26
+
27
+ - &#8203;<!-- 07 -->[IconButton][joy] Fix large IconButton scaling (#33885) @cherewaty
28
+
29
+ ### Docs
30
+
31
+ - &#8203;<!-- 23 -->[docs] Expand on a11y section for Material UI `Link` component (#32839) @TKrishnasamy
32
+ - &#8203;<!-- 22 -->[docs] Fix typo in Joy UI's `AspectRatio` docs (#33895) @IsaacInsoll
33
+ - &#8203;<!-- 21 -->[docs] Improve the Base Usage page (#33272) @samuelsycamore
34
+ - &#8203;<!-- 20 -->[docs] Avoid refreshing the page when button on demo is clicked (#33852) @PunitSoniME
35
+ - &#8203;<!-- 19 -->[docs] Improve the HorizontalNonLinearStepper demo styling (#33886) @hayawata3626
36
+ - &#8203;<!-- 18 -->[docs] Remove dead NoSsr in the demos (#33910) @oliviertassinari
37
+ - &#8203;<!-- 17 -->[docs] Fix the reopening menu problem in MenuUnstyled demo (#33890) @michaldudak
38
+ - &#8203;<!-- 24 -->[docs] Fix a few link issues (#33909) @oliviertassinari
39
+ - &#8203;<!-- 16 -->[docs] Explain the icons package dependencies (#33592) @michaldudak
40
+ - &#8203;<!-- 15 -->[docs] Fix reported SEO issues (#33818) @oliviertassinari
41
+ - &#8203;<!-- 14 -->[docs] Add permanent notifications back (#33843) @oliviertassinari
42
+ - &#8203;<!-- 13 -->[docs] Enforce description for all pages (#33698) @oliviertassinari
43
+ - &#8203;<!-- 12 -->[docs] Clarify difference in startup times between named and default imports (#33109) @cmdcolin
44
+ - &#8203;<!-- 11 -->[docs] Update transform function in the sx prop sizing docs (#33850) @ZeeshanTamboli
45
+ - &#8203;<!-- 10 -->[docs] Adding missing accessibility labels (#33782) @PunitSoniME
46
+ - &#8203;<!-- 09 -->[docs] Fix `/system/getting-started/advanced/` does not exist (#33867) @MonstraG
47
+ - &#8203;<!-- 32 -->[docs] New Crowdin updates (#32213) @l10nbot
48
+ - &#8203;<!-- 08 -->[examples] Fix broken path to favicon.ico (#33906) @mmostafavi
49
+ - &#8203;<!-- 02 -->[website] Add new FAQ to pricing page (#33553) @oliviertassinari
50
+ - &#8203;<!-- 03 -->[website] Miscellaneous improvements to the marketing pages (#33897) @danilo-leal
51
+
52
+ ### Core
53
+
54
+ - &#8203;<!-- 29 -->[core] Add the download tracker package (#33899) @michaldudak
55
+ - &#8203;<!-- 28 -->[core] Use proper external build id for Argos uploads (#33929) @cherniavskii
56
+ - &#8203;<!-- 27 -->[core] Enforce 70 as the max width on the title on the docs (#33819) @oliviertassinari
57
+ - &#8203;<!-- 26 -->[core] Clear yarn installation warning (#33776) @michaldudak
58
+ - &#8203;<!-- 25 -->[core] Bump yarn to 1.22.19 (#33656) @michaldudak
59
+ - &#8203;<!-- 24 -->[core] Remove outdated Next.js options (#33845) @oliviertassinari
60
+ - &#8203;<!-- 34 -->[core] Add the download tracker build script (#33941) @michaldudak
61
+ - &#8203;<!-- 01 -->[website] Allow /r/store- redirection pattern @oliviertassinari
62
+
63
+ 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
64
+
65
+ ## 5.10.0
66
+
67
+ <!-- generated comparing v5.9.3..master -->
68
+
69
+ _Aug 8, 2022_
70
+
71
+ A big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:
72
+
73
+ - ✨ [Stack](https://mui.com/system/react-stack/) component is added to MUI System and Joy UI #33760 #33800 @mnajdova
74
+ - ✨ [Breadcrumbs](https://mui.com/joy-ui/react-breadcrumbs/) component is added to Joy UI (#32697) @hbjORbj
75
+ - Many other 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements
76
+
77
+ ### `@mui/material@5.10.0`
78
+
79
+ - [Grid] Prevent crash if spacing is set to zero in theme (#33777) @PunitSoniME
80
+ - [Grid] Export interface `RegularBreakpoints` to fix type error (#33751) @ZeeshanTamboli
81
+ - [Skeleton] Add `rounded` variant (#33687) @siriwatknp
82
+ - [Stepper] Fix classes for icon container (#33734) @pratikkarad
83
+ - [TableCell] Enable size prop overrides via module augmentation (#33816) @brentertz
84
+ - [Tooltip] Fix tooltip arrow css var background (#33753) @TimoWilhelm
85
+ - [useScrollTrigger] Add passive flag to scroll trigger event listener #32437 (#33749) @Dsalazar1685
86
+
87
+ ### `@mui/system@5.10.0`
88
+
89
+ - Fix unnecessary styles created from `sx` (#33752) @siriwatknp
90
+ - Fix duplicated styles in Box (#33774) @iamxukai
91
+ - Don't spread props to DOM for string tags (#33761) @siriwatknp
92
+ - Add `Stack` component (#33760) @mnajdova
93
+
94
+ ### `@mui/joy@5.0.0-alpha.40`
95
+
96
+ - [Stack] Add new component (#33800) @mnajdova
97
+ - [Breadcrumbs] Add `Breadcrumbs` component (#32697) @hbjORbj
98
+ - [Card] Fix wrong api description for `size` prop (#33862) @hbjORbj
99
+ - Miscellaneous fixes (#33796, #33750) @siriwatknp
100
+
101
+ ### Docs
102
+
103
+ - [docs] Create, revise, and expand System "Getting started" docs (#33503) @samuelsycamore
104
+ - [docs] Test new image best practice @oliviertassinari
105
+ - [docs] Fix typo in the ClickAwayListerner name (#33813) @pawelsmigielski
106
+ - [docs] Fix link to `Basics` section in `Trap Focus` docs (#33772) @ZeeshanTamboli
107
+ - [docs] z-index added in popper when used by split button (#33763) @PunitSoniME
108
+ - [docs] Improve the guide for using @mui/base with Tailwind CSS (#33670) @mnajdova
109
+ - [docs] Fix warnings related to Next.js' links (#33693) @mnajdova
110
+ - [docs] Add notification to aggregation blogpost (#33745) @joserodolfofreitas
111
+ - [docs] Add Grid version 2 docs (#33554) @siriwatknp
112
+ - [examples] Fix `NextLinkComposedProps` type error (#33842) @adham618
113
+
114
+ ### Core
115
+
116
+ - [blog] Add social card to Tenerife retreat post (#33764)
117
+ - [blog] Fix blue outline bug (#33707) @oliviertassinari
118
+ - [blog] Improve the width of the layout (#33706) @oliviertassinari@samuelsycamore
119
+ - [core] Remove unnecessary packageName attribute from pages (#33488) @cherniavskii
120
+ - [core] Remove duplicated CODE_OF_CONDUCT (#33702) @oliviertassinari
121
+ - [core] Update Playwright packages together (#33737) @michaldudak
122
+ - [website] Fix notifications not being marked as read in production (#33756) @cherniavskii
123
+
124
+ All contributors of this release in alphabetical order: @adham618, @brentertz, @cherniavskii, @Dsalazar1685, @hbjORbj, @iamxukai, @joserodolfofreitas, @michaldudak, @mnajdova, @oliviertassinari, @pawelsmigielski, @pratikkarad, @PunitSoniME, @siriwatknp, @TimoWilhelm, @ZeeshanTamboli
125
+
126
+ ## 5.9.3
127
+
128
+ <!-- generated comparing v5.9.2..master -->
129
+
130
+ _Aug 1, 2022_
131
+
132
+ A big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
133
+
134
+ - 🖼️ @garronej worked on improving the support of Emotion packages in the System (#33205)
135
+ - Many other 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements
136
+
137
+ ### `@mui/material@5.9.3`
138
+
139
+ - [Chip] Assign classnames and associated styles for `filled` variant (#33587) @hbjORbj
140
+ - [Grid] Fix `columnSpacing` and `rowSpacing` props ignore higher breakpoints with 0 (#33480) @ZeeshanTamboli
141
+ - [Input] Add the readOnly state class (#33654) @michaldudak
142
+ - [Stack] Responsive styles based on breakpoints should be in the correct order (#33552) @hbjORbj
143
+
144
+ ### `@mui/system@5.9.3`
145
+
146
+ - [system] Make @emotion/\* fully supported in the System (#33205) @garronej
147
+
148
+ ### `@mui/codemod@5.9.3`
149
+
150
+ - [codemod] Fix theme-spacing performance (#33691) @siriwatknp
151
+ - [codemod] Support @mui import for variant-prop (#33692) @siriwatknp
152
+
153
+ ### `@mui/styled-engine-sc@5.9.3`
154
+
155
+ - [styled-engine-sc] Add missing @babel/runtime dependency (#33741) @MonstraG
156
+
157
+ ### `@mui/joy@5.0.0-alpha.38`
158
+
159
+ - [Joy] Add Tabs components (#33664) @siriwatknp
160
+ - [Joy] Miscellaneous fixes (#33685) @siriwatknp
161
+ - [Joy] Update read.me content (#33643) @danilo-leal
162
+
163
+ ### Docs
164
+
165
+ - [blog] Add blog post about company retreat in Tenerife 🏝 (#33566) @samuelsycamore
166
+ - [blog] Add blog post to announce the aggregation feature (#33595) @joserodolfofreitas
167
+ - [blog] Fix horizontal scrollbar with code snippets (#33648) @joserodolfofreitas
168
+ - [docs] Fix a typo in the code in `Sorting & selecting` Table demo (#33674) @mracette
169
+ - [docs] Fix en-US format in the Skeleton demo (#33699) @husseinsaad98
170
+ - [docs] Update module reference for `usePagination` (#33675) @fullstackzach
171
+ - [docs] Fix code examples in `styled` API vs `sx` prop docs (#33665) @ZeeshanTamboli
172
+ - [docs][system] Throw an informative error when `theme.vars` is used in `createTheme` and mention this in the theming docs (#33619) @hbjORbj
173
+ - [website] Remove legacy redirect @oliviertassinari
174
+ - [website] Add new legal pages (#33650) @oliviertassinari
175
+ - [website] Clarify when a license in development is required (#33668) @oliviertassinari
176
+ - [website] Update links to rows pages (#33739) @cherniavskii
177
+ - [website] Update pricing table to add aggregation and row pinning (#33659) @joserodolfofreitas
178
+
179
+ ### Core
180
+
181
+ - [core] Replace `getInitialProps` with `getStaticProps` (#33684) @mnajdova
182
+ - [core] Remove accidentally added files (#33636) @michaldudak
183
+ - [core] Update packages with security issues (#33679) @michaldudak
184
+ - [core] Add React 17 nightly build (#33594) @mnajdova
185
+ - [core] Update lerna to 5.2.0 (#33635) @michaldudak
186
+ - [core] Prepare isolation of Next.js X app (#33649) @oliviertassinari
187
+ - [core] Remove thenify version override from package.json resolutions (#33638) @michaldudak
188
+ - [core] Update Node.js to 14 on CircleCI, CodeSandbox, and Netlify (#33642) @michaldudak
189
+ - [test] Replace istanbul-instrumenter-loader with babel-plugin-istanbul (#33666) @michaldudak
190
+ - [test] Run TypeScript module augmentation tests for Joy UI in CI (#33667) @ZeeshanTamboli
191
+
192
+ All contributors of this release in alphabetical order: @cherniavskii, @danilo-leal, @fullstackzach, @garronej, @hbjORbj, @husseinsaad98, @joserodolfofreitas, @michaldudak, @mnajdova, @MonstraG, @mracette, @oliviertassinari, @samuelsycamore, @siriwatknp, @ZeeshanTamboli
193
+
3
194
  ## 5.9.2
4
195
 
5
196
  <!-- generated comparing v5.9.1..master -->
@@ -159,7 +350,7 @@ A big thanks to the 19 contributors who made this release possible. Here are som
159
350
 
160
351
  ### `@mui/base@5.0.0-alpha.89`
161
352
 
162
- - Base] Change the order of class names merged in useSlotProps (#33383) @michaldudak
353
+ - [Base] Change the order of class names merged in useSlotProps (#33383) @michaldudak
163
354
  - [ModalUnstyled] Accept callbacks in componentsProps (#33181) @michaldudak
164
355
  - [SelectUnstyled] Accept callbacks in componentsProps (#33197) @michaldudak
165
356
  - [TabsUnstyled] Accept callbacks in componentsProps (#33284) @michaldudak
@@ -6812,7 +7003,7 @@ A big thanks to the 34 contributors who made this release possible. Here are som
6812
7003
 
6813
7004
  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.
6814
7005
 
6815
- - 📚 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.
7006
+ - 📚 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.
6816
7007
  - 👩‍🎨 Upgrade emotion to v11 (#23007) @mnajdova.
6817
7008
  - And many more 🐛 bug fixes and 📚 improvements.
6818
7009
 
@@ -7214,7 +7405,7 @@ Here are some highlights ✨:
7214
7405
  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.
7215
7406
 
7216
7407
  - 🚀 Improve the internal benchmark suite (#22923, #23058) @mnajdova.
7217
- 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.
7408
+ 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.
7218
7409
  - ✏️ A new blog post: [Q3 2020 Update](https://mui.com/blog/2020-q3-update/) (#23055) @oliviertassinari.
7219
7410
  - 🐙 Migrate more tests to react-testing-library @deiga, @Morteza-Jenabzadeh, @nicholas-l.
7220
7411
  - And many more 🐛 bug fixes and 📚 improvements.
@@ -7555,7 +7746,7 @@ Here are some highlights ✨:
7555
7746
 
7556
7747
  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.
7557
7748
 
7558
- 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/)).
7749
+ 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/)).
7559
7750
 
7560
7751
  This change has been in our roadmap for more than a year.
7561
7752
  We announced it in the [v4 release blog post](https://mui.com/blog/material-ui-v4-is-out/) as a direction v5 would take.
@@ -8808,7 +8999,7 @@ A big thanks to the 33 contributors who made this release possible. Here are som
8808
8999
  />
8809
9000
  ```
8810
9001
 
8811
- - [Typography] Replace the `srOnly` prop so as to not duplicate the capabilities of [System](https://mui.com/system/basics/) (#21413) @mnajdova.
9002
+ - [Typography] Replace the `srOnly` prop so as to not duplicate the capabilities of [System](https://mui.com/system/getting-started/overview/) (#21413) @mnajdova.
8812
9003
 
8813
9004
  ```diff
8814
9005
  -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';