@mui/lab 5.0.0-alpha.65 → 5.0.0-alpha.69
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +300 -28
- package/CalendarPicker/PickersCalendar.js +6 -18
- package/CalendarPicker/PickersCalendarHeader.js +5 -15
- package/CalendarPicker/PickersFadeTransitionGroup.js +1 -3
- package/CalendarPicker/PickersSlideTransition.js +1 -3
- package/ClockPicker/Clock.js +6 -18
- package/ClockPicker/ClockNumber.js +2 -3
- package/ClockPicker/ClockPointer.js +2 -6
- package/DatePicker/DatePicker.js +3 -1
- package/DatePicker/DatePickerToolbar.js +2 -6
- package/DateRangePicker/DateRangePickerInput.js +1 -3
- package/DateRangePicker/DateRangePickerToolbar.js +2 -6
- package/DateRangePicker/DateRangePickerViewDesktop.js +4 -12
- package/DateTimePicker/DateTimePickerTabs.js +2 -4
- package/DateTimePicker/DateTimePickerToolbar.js +4 -12
- package/DesktopDatePicker/DesktopDatePicker.js +18 -2
- package/DesktopDateRangePicker/DesktopDateRangePicker.js +12 -0
- package/DesktopDateTimePicker/DesktopDateTimePicker.js +12 -0
- package/DesktopTimePicker/DesktopTimePicker.js +12 -0
- package/LoadingButton/LoadingButton.js +3 -1
- package/MonthPicker/PickersMonth.js +1 -3
- package/TimePicker/TimePickerToolbar.js +4 -12
- package/TreeItem/TreeItem.js +1 -1
- package/TreeView/TreeView.js +4 -0
- package/YearPicker/PickersYear.js +2 -6
- package/index.js +1 -1
- package/internal/pickers/Picker/Picker.js +1 -3
- package/internal/pickers/PickersArrowSwitcher.js +2 -6
- package/internal/pickers/PickersModalDialog.js +4 -10
- package/internal/pickers/PickersPopper.d.ts +11 -0
- package/internal/pickers/PickersPopper.js +28 -8
- package/internal/pickers/PickersToolbar.js +2 -6
- package/internal/pickers/PickersToolbarButton.js +1 -3
- package/internal/pickers/PickersToolbarText.js +1 -3
- package/internal/pickers/hooks/usePickerState.js +6 -4
- package/internal/pickers/wrappers/DesktopWrapper.js +7 -1
- package/internal/pickers/wrappers/PickerStaticWrapper.js +1 -2
- package/legacy/CalendarPicker/PickersCalendar.js +6 -18
- package/legacy/CalendarPicker/PickersCalendarHeader.js +5 -15
- package/legacy/CalendarPicker/PickersFadeTransitionGroup.js +1 -3
- package/legacy/CalendarPicker/PickersSlideTransition.js +1 -3
- package/legacy/ClockPicker/Clock.js +6 -18
- package/legacy/ClockPicker/ClockNumber.js +2 -3
- package/legacy/ClockPicker/ClockPointer.js +2 -6
- package/legacy/DatePicker/DatePicker.js +3 -1
- package/legacy/DatePicker/DatePickerToolbar.js +2 -6
- package/legacy/DateRangePicker/DateRangePickerInput.js +1 -3
- package/legacy/DateRangePicker/DateRangePickerToolbar.js +2 -6
- package/legacy/DateRangePicker/DateRangePickerViewDesktop.js +4 -12
- package/legacy/DateTimePicker/DateTimePickerTabs.js +2 -4
- package/legacy/DateTimePicker/DateTimePickerToolbar.js +4 -12
- package/legacy/DesktopDatePicker/DesktopDatePicker.js +17 -1
- package/legacy/DesktopDateRangePicker/DesktopDateRangePicker.js +12 -0
- package/legacy/DesktopDateTimePicker/DesktopDateTimePicker.js +12 -0
- package/legacy/DesktopTimePicker/DesktopTimePicker.js +12 -0
- package/legacy/LoadingButton/LoadingButton.js +3 -1
- package/legacy/MonthPicker/PickersMonth.js +1 -3
- package/legacy/TimePicker/TimePickerToolbar.js +4 -12
- package/legacy/TreeItem/TreeItem.js +1 -1
- package/legacy/TreeView/TreeView.js +4 -0
- package/legacy/YearPicker/PickersYear.js +2 -6
- package/legacy/index.js +1 -1
- package/legacy/internal/pickers/Picker/Picker.js +1 -3
- package/legacy/internal/pickers/PickersArrowSwitcher.js +2 -6
- package/legacy/internal/pickers/PickersModalDialog.js +4 -10
- package/legacy/internal/pickers/PickersPopper.js +34 -11
- package/legacy/internal/pickers/PickersToolbar.js +2 -6
- package/legacy/internal/pickers/PickersToolbarButton.js +1 -3
- package/legacy/internal/pickers/PickersToolbarText.js +1 -3
- package/legacy/internal/pickers/hooks/usePickerState.js +11 -6
- package/legacy/internal/pickers/wrappers/DesktopWrapper.js +7 -1
- package/legacy/internal/pickers/wrappers/PickerStaticWrapper.js +1 -2
- package/modern/CalendarPicker/PickersCalendar.js +6 -18
- package/modern/CalendarPicker/PickersCalendarHeader.js +5 -15
- package/modern/CalendarPicker/PickersFadeTransitionGroup.js +1 -3
- package/modern/CalendarPicker/PickersSlideTransition.js +1 -3
- package/modern/ClockPicker/Clock.js +6 -18
- package/modern/ClockPicker/ClockNumber.js +2 -3
- package/modern/ClockPicker/ClockPointer.js +2 -6
- package/modern/DatePicker/DatePicker.js +3 -1
- package/modern/DatePicker/DatePickerToolbar.js +2 -6
- package/modern/DateRangePicker/DateRangePickerInput.js +1 -3
- package/modern/DateRangePicker/DateRangePickerToolbar.js +2 -6
- package/modern/DateRangePicker/DateRangePickerViewDesktop.js +4 -12
- package/modern/DateTimePicker/DateTimePickerTabs.js +2 -4
- package/modern/DateTimePicker/DateTimePickerToolbar.js +4 -12
- package/modern/DesktopDatePicker/DesktopDatePicker.js +18 -2
- package/modern/DesktopDateRangePicker/DesktopDateRangePicker.js +12 -0
- package/modern/DesktopDateTimePicker/DesktopDateTimePicker.js +12 -0
- package/modern/DesktopTimePicker/DesktopTimePicker.js +12 -0
- package/modern/LoadingButton/LoadingButton.js +3 -1
- package/modern/MonthPicker/PickersMonth.js +1 -3
- package/modern/TimePicker/TimePickerToolbar.js +4 -12
- package/modern/TreeItem/TreeItem.js +1 -1
- package/modern/TreeView/TreeView.js +4 -0
- package/modern/YearPicker/PickersYear.js +2 -6
- package/modern/index.js +1 -1
- package/modern/internal/pickers/Picker/Picker.js +1 -3
- package/modern/internal/pickers/PickersArrowSwitcher.js +2 -6
- package/modern/internal/pickers/PickersModalDialog.js +4 -10
- package/modern/internal/pickers/PickersPopper.js +28 -8
- package/modern/internal/pickers/PickersToolbar.js +2 -6
- package/modern/internal/pickers/PickersToolbarButton.js +1 -3
- package/modern/internal/pickers/PickersToolbarText.js +1 -3
- package/modern/internal/pickers/hooks/usePickerState.js +6 -4
- package/modern/internal/pickers/wrappers/DesktopWrapper.js +7 -1
- package/modern/internal/pickers/wrappers/PickerStaticWrapper.js +1 -2
- package/node/CalendarPicker/PickersCalendar.js +6 -18
- package/node/CalendarPicker/PickersCalendarHeader.js +5 -15
- package/node/CalendarPicker/PickersFadeTransitionGroup.js +1 -3
- package/node/CalendarPicker/PickersSlideTransition.js +1 -3
- package/node/ClockPicker/Clock.js +6 -18
- package/node/ClockPicker/ClockNumber.js +2 -3
- package/node/ClockPicker/ClockPointer.js +2 -6
- package/node/DatePicker/DatePicker.js +3 -1
- package/node/DatePicker/DatePickerToolbar.js +2 -6
- package/node/DateRangePicker/DateRangePickerInput.js +1 -3
- package/node/DateRangePicker/DateRangePickerToolbar.js +2 -6
- package/node/DateRangePicker/DateRangePickerViewDesktop.js +4 -12
- package/node/DateTimePicker/DateTimePickerTabs.js +2 -4
- package/node/DateTimePicker/DateTimePickerToolbar.js +4 -12
- package/node/DesktopDatePicker/DesktopDatePicker.js +18 -2
- package/node/DesktopDateRangePicker/DesktopDateRangePicker.js +12 -0
- package/node/DesktopDateTimePicker/DesktopDateTimePicker.js +12 -0
- package/node/DesktopTimePicker/DesktopTimePicker.js +12 -0
- package/node/LoadingButton/LoadingButton.js +3 -1
- package/node/MonthPicker/PickersMonth.js +1 -3
- package/node/TimePicker/TimePickerToolbar.js +4 -12
- package/node/TreeItem/TreeItem.js +1 -1
- package/node/TreeView/TreeView.js +4 -0
- package/node/YearPicker/PickersYear.js +2 -6
- package/node/index.js +1 -1
- package/node/internal/pickers/Picker/Picker.js +1 -3
- package/node/internal/pickers/PickersArrowSwitcher.js +2 -6
- package/node/internal/pickers/PickersModalDialog.js +4 -10
- package/node/internal/pickers/PickersPopper.js +29 -8
- package/node/internal/pickers/PickersToolbar.js +2 -6
- package/node/internal/pickers/PickersToolbarButton.js +1 -3
- package/node/internal/pickers/PickersToolbarText.js +1 -3
- package/node/internal/pickers/hooks/usePickerState.js +6 -4
- package/node/internal/pickers/wrappers/DesktopWrapper.js +7 -1
- package/node/internal/pickers/wrappers/PickerStaticWrapper.js +1 -2
- package/package.json +11 -11
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,277 @@
|
|
|
1
1
|
# [Versions](https://mui.com/versions/)
|
|
2
2
|
|
|
3
|
+
## 5.4.2
|
|
4
|
+
|
|
5
|
+
_Feb 15, 2022_
|
|
6
|
+
|
|
7
|
+
A big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:
|
|
8
|
+
|
|
9
|
+
- 🛠 @sydneyjodon-wk improved propTypes of the ToggleButton components (#30883)
|
|
10
|
+
- Several 🐛 bug fixes and 📚 documentation improvements
|
|
11
|
+
|
|
12
|
+
### `@mui/material@5.4.2`
|
|
13
|
+
|
|
14
|
+
- [Select] Allow customizing Select based on its variant (#30788) @michaldudak
|
|
15
|
+
- [Portal] Re-export 'Portal' in material (#31003) @liradb2000
|
|
16
|
+
- [ToggleButton] Add prop types for `onClick` and `onChange` (#30883) @sydneyjodon-wk
|
|
17
|
+
- [Typescript] Added TypeText declaration to the exports file (#30890) @agauravdev
|
|
18
|
+
|
|
19
|
+
### `@mui/system@5.4.2`
|
|
20
|
+
|
|
21
|
+
- [system] Fix broken behavior when breakpoints input are not ordered (#30996) @mnajdova
|
|
22
|
+
|
|
23
|
+
### `@mui/lab@5.0.0-alpha.69`
|
|
24
|
+
|
|
25
|
+
- [DatePicker] Fix passing clearable prop (#30786) @alisasanib
|
|
26
|
+
|
|
27
|
+
### `@mui/joy@5.0.0-alpha.15`
|
|
28
|
+
|
|
29
|
+
- [Joy] Improve variant customization experience (#30878) @siriwatknp
|
|
30
|
+
- [Joy] Make `sx` prop work in Joy (#30955) @siriwatknp
|
|
31
|
+
|
|
32
|
+
### Framer
|
|
33
|
+
|
|
34
|
+
- [design] Remove framer components (#30983) @mbrookes
|
|
35
|
+
- [design] Remove framer leftovers (#31070) @michaldudak
|
|
36
|
+
|
|
37
|
+
### Docs
|
|
38
|
+
|
|
39
|
+
- [docs] Update installation guide of the icons package (#31026) @huyenltnguyen
|
|
40
|
+
- [docs] Improve the indication for the legacy APIs (#30995) @mnajdova
|
|
41
|
+
- [docs] Specify which props are added in the default `shouldForwardProp` option (#30978) @mnajdova
|
|
42
|
+
- [docs] Fix layout shift on loading (#31017) @oliviertassinari
|
|
43
|
+
- [docs] Increase scroll affordance in wide tables (#30713) @danilo-leal
|
|
44
|
+
- [docs] Fix look & feel of the Masonry demos (#30971) @oliviertassinari
|
|
45
|
+
- [docs] Improve Base component demos (#30884) @danilo-leal
|
|
46
|
+
- [docs] Use full product names (Material UI, MUI System) (#30960) @oliviertassinari
|
|
47
|
+
- [docs] Prefer useEnhancedEffect to avoid server side warnings (#30977) @mnajdova
|
|
48
|
+
- [docs] Fix force redirection to a different locale (#30967) @oliviertassinari
|
|
49
|
+
- [docs] Add live Tailwind CSS demo (#30966) @oliviertassinari
|
|
50
|
+
- [website] Add banner for promoting priority open roles (#31076) @danilo-leal
|
|
51
|
+
- [website] Open Full-stack Engineer role for studio (#31038) @newguy-123
|
|
52
|
+
- [website] Minor security improvements (#31062) @oliviertassinari
|
|
53
|
+
- [website] Improve title of open roles (#30963) @DanailH
|
|
54
|
+
- [website] Add BIMI avatar (#30444) @oliviertassinari
|
|
55
|
+
- [website] Add Sycamore to About page (#31000) @samuelsycamore
|
|
56
|
+
|
|
57
|
+
### Core
|
|
58
|
+
|
|
59
|
+
- [benchmark] Add missing dependency (#30994) @michaldudak
|
|
60
|
+
- [core] Bump date-io version (#31016) @michaldudak
|
|
61
|
+
- [core] Fix typo in useSlider (#31061) @ryohey
|
|
62
|
+
- [core] Remove unused draft-js types package (#30993) @michaldudak
|
|
63
|
+
- [test] Test if certain Base members are exported from Material UI (#31067) @michaldudak
|
|
64
|
+
- [core] Remove dead code (#31064) @oliviertassinari
|
|
65
|
+
|
|
66
|
+
All contributors of this release in alphabetical order: @agauravdev, @alisasanib, @DanailH, @danilo-leal, @huyenltnguyen, @l10nbot, @liradb2000, @mbrookes, @michaldudak, @mnajdova, @newguy-123, @oliviertassinari, @ryohey, @samuelsycamore, @siriwatknp, @sydneyjodon-wk
|
|
67
|
+
|
|
68
|
+
## 5.4.1
|
|
69
|
+
|
|
70
|
+
<!-- generated comparing v5.4.0..master -->
|
|
71
|
+
|
|
72
|
+
_Feb 8, 2022_
|
|
73
|
+
|
|
74
|
+
A big thanks to the 24 contributors who made this release possible. Here are some highlights ✨:
|
|
75
|
+
|
|
76
|
+
- ♿️ Snackbar messages are now announced by NVDA when using Firefox (#30774) @eps1lon
|
|
77
|
+
- Several 🐛 bug fixes and 📚 documentation improvements.
|
|
78
|
+
|
|
79
|
+
### `@mui/material@5.4.1`
|
|
80
|
+
|
|
81
|
+
- ​<!-- 37 -->[AvatarGroup] Enable targeting of additional Avatar when max props is passed (#30794) @mogrady88
|
|
82
|
+
- ​<!-- 36 -->[Badge] Fix showzero and invisible condition (#30899) @alisasanib
|
|
83
|
+
- ​<!-- 35 -->[ButtonBase] Expose ref to TouchRipple (#30901) @m4theushw
|
|
84
|
+
- ​<!-- 15 -->[Fab] Add support for the default theme colors (#30846) @alisasanib
|
|
85
|
+
- ​<!-- 11 -->[SelectInput] Only attach click handler to label if a labelId is passed (#30239) @johsunds
|
|
86
|
+
- ​<!-- 09 -->[Snackbar] Ensure messages are announced in NVDA+FF (#30774) @eps1lon
|
|
87
|
+
|
|
88
|
+
### `@mui/base@5.0.0-alpha.68`
|
|
89
|
+
|
|
90
|
+
- ​<!-- 10 -->[SelectUnstyled] Improve exported types (#30895) @michaldudak
|
|
91
|
+
|
|
92
|
+
### `@mui/lab@5.0.0-alpha.68`
|
|
93
|
+
|
|
94
|
+
- ​<!-- 12 -->[Pickers] Fix `onDismiss` handler in `MobileDatePicker` (#30768) @Ashish2097
|
|
95
|
+
- ​<!-- 06 -->[TimePicker] Add font family for clock numbers (#30738) @alisasanib
|
|
96
|
+
|
|
97
|
+
### `@mui/joy@5.0.0-alpha.14`
|
|
98
|
+
|
|
99
|
+
- ​<!-- 14 -->[Joy] Add `IconButton` component (#30864) @siriwatknp
|
|
100
|
+
- ​<!-- 13 -->[Joy] Use icon inside a Button (#30803) @siriwatknp
|
|
101
|
+
|
|
102
|
+
### Docs
|
|
103
|
+
|
|
104
|
+
- ​<!-- 16 -->[examples] Fix vitejs example and improve HMR (#30897) @mihailgaberov
|
|
105
|
+
- ​<!-- 33 -->[docs] Improve autocomplete "limit tags" demo (#30910) @danilo-leal
|
|
106
|
+
- ​<!-- 34 -->[docs] Sync translations with Crowdin (#30950) @l10nbot
|
|
107
|
+
- ​<!-- 38 -->[docs] Improve description of the disableRestoreFocus prop of the `TrapFocus` (#30912) @flaviendelangle
|
|
108
|
+
- ​<!-- 32 -->[docs] Remove ul with div children and replace with nav element (#30534) @joeframbach
|
|
109
|
+
- ​<!-- 31 -->[docs] Add Saleor to showcase (#30924) @cherniavskii
|
|
110
|
+
- ​<!-- 30 -->[docs] Include JSS in styling solution interoperability guide (#30736) @garronej
|
|
111
|
+
- ​<!-- 29 -->[docs] Fix contents of link-underline-hover (#30904) @pppp606
|
|
112
|
+
- ​<!-- 28 -->[docs] Fix markdown table format (#30947) @oliviertassinari
|
|
113
|
+
- ​<!-- 27 -->[docs] Add missing import to RTL guide (#30891) @CFarhad
|
|
114
|
+
- ​<!-- 26 -->[docs] Fix WithStyles import statement for @mui/styles (#30942) @altruity
|
|
115
|
+
- ​<!-- 25 -->[docs] Fix broken roadmap table (#30943) @cherniavskii
|
|
116
|
+
- ​<!-- 24 -->[docs] Fix broken URL in "Edit this page" button (#30923) @cherniavskii
|
|
117
|
+
- ​<!-- 23 -->[docs] Migrate content to the new location (#30757) @siriwatknp
|
|
118
|
+
- ​<!-- 22 -->[docs] Fix the link to the Vite.js example project (#30872) @GneyHabub
|
|
119
|
+
- ​<!-- 21 -->[docs] Clarify the minimum configuration for TypeScript (#30790) @mnajdova
|
|
120
|
+
- ​<!-- 20 -->[docs] Clarify what the name of @mui/material is (#30866) @oliviertassinari
|
|
121
|
+
- ​<!-- 19 -->[docs] Remove migration from the releases page (#30863) @mnajdova
|
|
122
|
+
- ​<!-- 18 -->[docs] Update Instructions for Google Maps Autocomplete (#30849) @kjschabra
|
|
123
|
+
- ​<!-- 17 -->[docs] Hotfix notification <b> (#30862) @siriwatknp
|
|
124
|
+
- ​<!-- 04 -->[website] Sample GA to avoid hit limit (#30919) @oliviertassinari
|
|
125
|
+
- ​<!-- 03 -->[website] Hide scrollbars of hero containers (#29474) @theiliad
|
|
126
|
+
- ​<!-- 02 -->[website] Polishing spacing and other small things (#30828) @danilo-leal
|
|
127
|
+
- ​<!-- 01 -->[website] Close the Developer Advocate role (#30867) @oliviertassinari
|
|
128
|
+
|
|
129
|
+
### Core
|
|
130
|
+
|
|
131
|
+
- ​<!-- 37 -->[core] Batch small fixes (#30952) @oliviertassinari
|
|
132
|
+
- ​<!-- 34 -->[core] Rename the GitHub org (#30944) @oliviertassinari
|
|
133
|
+
- ​<!-- 33 -->[core] Fix propTypes in components where OverridableStringUnion is used (#30682) @paales
|
|
134
|
+
- ​<!-- 08 -->[test] Codify the difference between keyup and keydown in SelectUnstyled (#30857) @eps1lon
|
|
135
|
+
- ​<!-- 07 -->[test] Fix typo (#30841) @caioagiani
|
|
136
|
+
- ​<!-- 05 -->[utils] Use built-in hook when available for useId (#30654) @eps1lon
|
|
137
|
+
|
|
138
|
+
All contributors of this release in alphabetical order: @alisasanib, @altruity, @Ashish2097, @caioagiani, @CFarhad, @cherniavskii, @danilo-leal, @eps1lon, @flaviendelangle, @garronej, @GneyHabub, @joeframbach, @johsunds, @kjschabra, @m4theushw, @michaldudak, @mihailgaberov, @mnajdova, @mogrady88, @oliviertassinari, @paales, @pppp606, @siriwatknp, @theiliad
|
|
139
|
+
|
|
140
|
+
## 5.4.0
|
|
141
|
+
|
|
142
|
+
<!-- generated comparing v5.3.1..master -->
|
|
143
|
+
|
|
144
|
+
_Feb 1, 2022_
|
|
145
|
+
|
|
146
|
+
A big thanks to the 22 contributors who made this release possible. Here are some highlights ✨:
|
|
147
|
+
|
|
148
|
+
- 🛠 @goncalovf added an example project using [MUI with Vite.js](https://github.com/mui/material-ui/tree/master/examples/vitejs) (#28241)
|
|
149
|
+
- Number of 🐛 bug fixes and 📚 documentation improvements.
|
|
150
|
+
|
|
151
|
+
### `@mui/material@5.4.0`
|
|
152
|
+
|
|
153
|
+
#### Breaking changes
|
|
154
|
+
|
|
155
|
+
- ​<!-- 27 -->[core] Do not reexport Base from Material (#30853) @michaldudak
|
|
156
|
+
|
|
157
|
+
All Base components were exported from the `@mui/material` package and treated as stable even though the `@mui/base` package is in development. It could create a lot of confusion if developers start using Base components, depend on them, and demand quality found in "proper" Material components. We admit it was a mistake to reexport these components without marking them as unstable.
|
|
158
|
+
|
|
159
|
+
Developers are still encouraged to evaluate the Base components, but they should do so by explicitly installing the `@mui/base` package.
|
|
160
|
+
|
|
161
|
+
This is technically a breaking change as it removes a number of components from the `@mui/material` package. However, we believe that removing the components now and potentially breaking the codebases will do less harm than introducing "silent" breaking changes to Base components while continuing reexporting them from `@mui/material`.
|
|
162
|
+
|
|
163
|
+
Note: the utility components, such as ClickAwayListener, NoSsr, Portal, and TextareaAutosize continue to be exported from both `@mui/material` and `@mui/base`.
|
|
164
|
+
|
|
165
|
+
If you're encountering build errors after upgrading @mui/material, do the following:
|
|
166
|
+
|
|
167
|
+
1. Install @mui/base: npm install @mui/base or yarn add @mui/base
|
|
168
|
+
2. Make sure the version of @mui/base match the version of @mui/material
|
|
169
|
+
3. Change the import paths of unstyled components from @mui/material to @mui/base, e.g.:
|
|
170
|
+
|
|
171
|
+
```diff
|
|
172
|
+
- @import ButtonUnstyled from '@mui/material/ButtonUnstyled';
|
|
173
|
+
+ @import ButtonUnstyled from '@mui/base/ButtonUnstyled';
|
|
174
|
+
```
|
|
175
|
+
|
|
176
|
+
#### Changes
|
|
177
|
+
|
|
178
|
+
- ​<!-- 30 -->[Autocomplete] Add `readOnly` prop (#30706) @ZeeshanTamboli
|
|
179
|
+
- ​<!-- 29 -->[Autocomplete] Fix typos in the page (#30737) @austinewuncler
|
|
180
|
+
- ​<!-- 14 -->[FormControlLabel][formgroup] add Mui-error class (#30656) @alisasanib
|
|
181
|
+
- ​<!-- 13 -->[Grid] Fix prop check for applying wrap-reverse (#30813) @Hubbz
|
|
182
|
+
- ​<!-- 07 -->[TextField] Remove notch when no label is added (#30560) @alisasanib
|
|
183
|
+
- ​<!-- 06 -->[TextField] Remove usage of dangerouslySetInnerHTML (#30776) @Jack-Works
|
|
184
|
+
- ​<!-- 05 -->[TreeView] Select node when key `Enter` is pressed (#30795) @dryrainbow
|
|
185
|
+
- ​<!-- 04 -->[useMediaQuery] Ensure no tearing in React 18 (#30655) @eps1lon
|
|
186
|
+
|
|
187
|
+
### `@mui/base@5.0.0-alpha.67`
|
|
188
|
+
|
|
189
|
+
- ​<!-- 11 -->[SelectUnstyled] Create unstyled select (+ hook) (#30113) @michaldudak
|
|
190
|
+
|
|
191
|
+
### `@mui/lab@5.0.0-alpha.67`
|
|
192
|
+
|
|
193
|
+
- ​<!-- 23 -->[DateTimePicker] Fix month view highlight wrong tab (#30773) @DiegoYungh
|
|
194
|
+
- ​<!-- 12 -->[pickers] Enable the sx props on all components (#30749) @boutahlilsoufiane
|
|
195
|
+
|
|
196
|
+
### Docs
|
|
197
|
+
|
|
198
|
+
- ​<!-- 28 -->[blog] Introducing callback support in style overrides (#30668) @siriwatknp
|
|
199
|
+
- ​<!-- 23 -->[docs] Add notifications for the blog posts (#30852) @siriwatknp
|
|
200
|
+
- ​<!-- 22 -->[docs] Improve the interoperability guide (#30785) @mnajdova
|
|
201
|
+
- ​<!-- 21 -->[docs] Improve the Getting Started documentation content (#30808) @mnajdova
|
|
202
|
+
- ​<!-- 20 -->[docs] Fix typo in ad fallback (#30823) @cherniavskii
|
|
203
|
+
- ​<!-- 19 -->[docs] Change ThemeProvider API links (#30705) @atakanzen
|
|
204
|
+
- ​<!-- 18 -->[docs] Retain vendor prefixing in rtl example (#30710) @ryancogswell
|
|
205
|
+
- ​<!-- 17 -->[docs] Fix typo in the Popper ScrollPlayground demo (#30780) @tanyabouman
|
|
206
|
+
- ​<!-- 16 -->[docs] Small fixes on the jss-to-tss migration guide (#30734) @garronej
|
|
207
|
+
- ​<!-- 15 -->[examples] Add Vite.js example (#28241) @goncalovf
|
|
208
|
+
|
|
209
|
+
### Core
|
|
210
|
+
|
|
211
|
+
- ​<!-- 29 -->[core] Clarify the label, to match with MUI X (#30831) @oliviertassinari
|
|
212
|
+
- ​<!-- 26 -->[core] Remove none code related instructions from git (#30843) @oliviertassinari
|
|
213
|
+
- ​<!-- 25 -->[core] Fix typos in comments for scripts (#30809) @aefox
|
|
214
|
+
- ​<!-- 24 -->[core] Fix 301 link in the blog @oliviertassinari
|
|
215
|
+
- ​<!-- 10 -->[test] Fix tests on Node 16 (#30819) @michaldudak
|
|
216
|
+
- ​<!-- 09 -->[test] Add explicit types to support noImplicityAny=false (#30798) @m4theushw
|
|
217
|
+
- ​<!-- 08 -->[test] Support React.useId format in \*DescriptionOf (#30657) @eps1lon
|
|
218
|
+
- ​<!-- 03 -->[website] Fix SEO issues (#30829) @oliviertassinari
|
|
219
|
+
- ​<!-- 02 -->[website] Add designer position page (#30708) @danilo-leal
|
|
220
|
+
- ​<!-- 01 -->[website] Polish /about page (#30747) @oliviertassinari
|
|
221
|
+
|
|
222
|
+
All contributors of this release in alphabetical order: @aefox, @alisasanib, @atakanzen, @austinewuncler, @boutahlilsoufiane, @cherniavskii, @danilo-leal, @DiegoYungh, @dryrainbow, @eps1lon, @garronej, @goncalovf, @Hubbz, @Jack-Works, @m4theushw, @michaldudak, @mnajdova, @oliviertassinari, @ryancogswell, @siriwatknp, @tanyabouman, @ZeeshanTamboli
|
|
223
|
+
|
|
224
|
+
## 5.3.1
|
|
225
|
+
|
|
226
|
+
<!-- generated comparing v5.3.0..master -->
|
|
227
|
+
|
|
228
|
+
_Jan 24, 2022_
|
|
229
|
+
|
|
230
|
+
A big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
|
|
231
|
+
|
|
232
|
+
- 🛠 @mnajdova added interoperability guide for using Tailwind CSS (#30700)
|
|
233
|
+
- A meaningful number of 🐛 bug fixes and 📚 documentation improvements.
|
|
234
|
+
|
|
235
|
+
### `@mui/icons-material@5.3.1`
|
|
236
|
+
|
|
237
|
+
- ​<!-- 04 -->[icons] Fix naming typos (#30512) @MrHBS
|
|
238
|
+
- ​<!-- 03 -->[icons] Makes material-icons work with Joy (#30681) @siriwatknp
|
|
239
|
+
|
|
240
|
+
### `@mui/base@5.0.0-alpha.66`
|
|
241
|
+
|
|
242
|
+
- ​<!-- 02 -->[SliderUnstyled] Improve typings on some internal utils (#30614) @mnajdova
|
|
243
|
+
|
|
244
|
+
### Core
|
|
245
|
+
|
|
246
|
+
- ​<!-- 24 -->[core] Batch small changes (#30690) @oliviertassinari
|
|
247
|
+
- ​<!-- 23 -->[core] Add new structure to ignore list crowdin (#30608) @siriwatknp
|
|
248
|
+
- ​<!-- 22 -->[core] Correct version in package.json (#30677) @michaldudak
|
|
249
|
+
- ​<!-- 01 -->[test] Fix buildApiUtils tests on Windows (#30698) @michaldudak
|
|
250
|
+
|
|
251
|
+
### Docs
|
|
252
|
+
|
|
253
|
+
- ​<!-- 26 -->[blog] Enable blog index (#30724) @siriwatknp
|
|
254
|
+
- ​<!-- 25 -->[blog] Introducing the Row Grouping feature (#30598) @alexfauquette
|
|
255
|
+
- ​<!-- 21 -->[docs] Fix SEO crawl errors (#30733) @oliviertassinari
|
|
256
|
+
- ​<!-- 20 -->[docs] Update migration-v4.md (#30721) @ddecrulle
|
|
257
|
+
- ​<!-- 19 -->[docs] Fix migration issues detected by `ahrefs` (#30751) @siriwatknp
|
|
258
|
+
- ​<!-- 18 -->[docs] Add interoprability guide for using Tailwind CSS (#30700) @mnajdova
|
|
259
|
+
- ​<!-- 17 -->[docs] Fix typo in containedSizeMedium class (#30723) @aaneitchik
|
|
260
|
+
- ​<!-- 16 -->[docs] Hotfix the wrong URL in X marketing page (#30729) @siriwatknp
|
|
261
|
+
- ​<!-- 15 -->[docs] Post migration preparation fix (#30716) @siriwatknp
|
|
262
|
+
- ​<!-- 14 -->[docs] Update remix example to restore from error pages (#30592) @mnajdova
|
|
263
|
+
- ​<!-- 13 -->[docs] Use new URLs when enable_redirects is true (#30704) @siriwatknp
|
|
264
|
+
- ​<!-- 12 -->[docs] Add a missing bracket in the migration-v4 guide (#30616) @chaosmirage
|
|
265
|
+
- ​<!-- 11 -->[docs] Add Checkbox color prop change (#30697) @aaneitchik
|
|
266
|
+
- ​<!-- 10 -->[docs] Fix migration to have singular urls (#30695) @siriwatknp
|
|
267
|
+
- ​<!-- 09 -->[docs] Update UXPin link to new landing page (#30691) @Evomatic
|
|
268
|
+
- ​<!-- 08 -->[docs] Close user menu on click in the responsive app bar demo (#30664) @NoahYarian
|
|
269
|
+
- ​<!-- 07 -->[docs] Clear the difference between UI and React components (#29930) @oliviertassinari
|
|
270
|
+
- ​<!-- 06 -->[docs] Make Autocomplete docs gender neutral (#30679) @exequielbc
|
|
271
|
+
- ​<!-- 05 -->[docs] Update doc structure for X components (#30684) @siriwatknp
|
|
272
|
+
|
|
273
|
+
All contributors of this release in alphabetical order: @aaneitchik, @alexfauquette, @chaosmirage, @ddecrulle, @Evomatic, @exequielbc, @michaldudak, @mnajdova, @MrHBS, @NoahYarian, @oliviertassinari, @siriwatknp
|
|
274
|
+
|
|
3
275
|
## 5.3.0
|
|
4
276
|
|
|
5
277
|
<!-- generated comparing v5.2.8..master -->
|
|
@@ -351,7 +623,7 @@ A big thanks to the 25 contributors who made this release possible. Here are som
|
|
|
351
623
|
|
|
352
624
|
<a href="https://mui.com/components/tables/#unstyled-table"><img width="800" alt="unstyled table" src="https://user-images.githubusercontent.com/4512430/144862194-584356ef-7d9d-462c-a631-186a7e716193.png"></a>
|
|
353
625
|
|
|
354
|
-
You can follow our progress with unstyled components at https://github.com/mui
|
|
626
|
+
You can follow our progress with unstyled components at https://github.com/mui/material-ui/issues/27170.
|
|
355
627
|
|
|
356
628
|
- 🎉 We have added an example of how to use MUI with [Remix](https://remix.run/) (#29952) @mnajdova
|
|
357
629
|
|
|
@@ -1325,8 +1597,8 @@ _Sep 1, 2021_
|
|
|
1325
1597
|
|
|
1326
1598
|
A big thanks to the 18 contributors who made this release possible. Here are some highlights ✨:
|
|
1327
1599
|
|
|
1328
|
-
- 🎉 Renamed packages to `@mui/*` as part of rebranding the company, following the strategy of expanding the library scope beyond Material Design. For more details about it, check the [GitHub discussion](https://github.com/mui
|
|
1329
|
-
- 🛠 Added `mui-replace` codemod for migrating `@material-ui/*` to new packages `@mui/*`. Check out this [codemod detail](https://github.com/mui
|
|
1600
|
+
- 🎉 Renamed packages to `@mui/*` as part of rebranding the company, following the strategy of expanding the library scope beyond Material Design. For more details about it, check the [GitHub discussion](https://github.com/mui/material-ui/discussions/27803).
|
|
1601
|
+
- 🛠 Added `mui-replace` codemod for migrating `@material-ui/*` to new packages `@mui/*`. Check out this [codemod detail](https://github.com/mui/material-ui/blob/next/packages/mui-codemod/README.md#mui-replace) or head to [migration guide](https://mui.com/guides/migration-v4/#preset-safe)
|
|
1330
1602
|
- 🧪 Added new `<Mansory>` component to the lab, [check it out](https://mui.com/components/masonry/). It has been crafted by our first intern, @hbjORbj 👏!
|
|
1331
1603
|
|
|
1332
1604
|
### `@mui/material@5.0.0-rc.0`
|
|
@@ -1358,7 +1630,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
|
|
|
1358
1630
|
|
|
1359
1631
|
> **Note**: `@mui/base` (previously `@material-ui/unstyled`) is not the same as `@material-ui/core`.
|
|
1360
1632
|
|
|
1361
|
-
We encourage you to use the [codemod](https://github.com/mui
|
|
1633
|
+
We encourage you to use the [codemod](https://github.com/mui/material-ui/blob/next/packages/mui-codemod/README.md#mui-replace) for smooth migration.
|
|
1362
1634
|
|
|
1363
1635
|
#### Changes
|
|
1364
1636
|
|
|
@@ -1426,7 +1698,7 @@ _Aug 24, 2021_
|
|
|
1426
1698
|
|
|
1427
1699
|
A big thanks to the 26 contributors who made this release possible. Here are some highlights ✨:
|
|
1428
1700
|
|
|
1429
|
-
- 🐛 Fixed a lot of bugs and regressions to get us closer to the [v5 stable release milestone](https://github.com/mui
|
|
1701
|
+
- 🐛 Fixed a lot of bugs and regressions to get us closer to the [v5 stable release milestone](https://github.com/mui/material-ui/milestone/44)
|
|
1430
1702
|
- 📚 Improved the docs and the migration guide for upgrading to v5
|
|
1431
1703
|
|
|
1432
1704
|
### `@material-ui/core@5.0.0-beta.5`
|
|
@@ -1821,7 +2093,7 @@ A big thanks to the 17 contributors who made this release possible. Here are som
|
|
|
1821
2093
|
|
|
1822
2094
|
<a href="https://mui.com/components/switches/#unstyled"><img width="832" alt="switch" src="https://user-images.githubusercontent.com/3165635/125192249-236f8a80-e247-11eb-9df9-17d476379a32.png"></a>
|
|
1823
2095
|
|
|
1824
|
-
You can follow our progress at https://github.com/mui
|
|
2096
|
+
You can follow our progress at https://github.com/mui/material-ui/issues/27170.
|
|
1825
2097
|
|
|
1826
2098
|
- 💄 We have updated the default `info` `success` `warning` color to be more accessible (#26817) @siriwatknp.
|
|
1827
2099
|
You can find the new [default values](https://mui.com/customization/palette/#default-values) in the documentation.
|
|
@@ -1927,9 +2199,9 @@ _Jul 01, 2021_
|
|
|
1927
2199
|
|
|
1928
2200
|
A big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
|
|
1929
2201
|
|
|
1930
|
-
- 🎉 This is the first beta release of v5! A huge thanks to everyone who helped to make this happen! We're targeting the 1st of September for a stable release, and will use the next two months to polish v5, and ease the migration from v4. You can follow [the v5 stable milestone](https://github.com/mui
|
|
2202
|
+
- 🎉 This is the first beta release of v5! A huge thanks to everyone who helped to make this happen! We're targeting the 1st of September for a stable release, and will use the next two months to polish v5, and ease the migration from v4. You can follow [the v5 stable milestone](https://github.com/mui/material-ui/milestone/44) for more details. We now encourage any new projects to start on v5.
|
|
1931
2203
|
- 🚀 We have completed all the planned breaking changes.
|
|
1932
|
-
- ⚒️ We added the codemod CLI to simplify migration to v5 (#26941) @eps1lon. You can find it at [`@material-ui/codemod`](https://github.com/mui
|
|
2204
|
+
- ⚒️ We added the codemod CLI to simplify migration to v5 (#26941) @eps1lon. You can find it at [`@material-ui/codemod`](https://github.com/mui/material-ui/tree/HEAD/packages/mui-codemod).
|
|
1933
2205
|
- 🐛 The majority of other changes in this release were bug fixes, test utilities and docs.
|
|
1934
2206
|
|
|
1935
2207
|
### `@material-ui/core@5.0.0-beta.0`
|
|
@@ -1938,7 +2210,7 @@ A big thanks to the 13 contributors who made this release possible. Here are som
|
|
|
1938
2210
|
|
|
1939
2211
|
- [Tabs] Remove unnecessary wrapper from Tab (#26926) @siriwatknp
|
|
1940
2212
|
|
|
1941
|
-
`span` element that wraps children has been removed. `wrapper` classKey is also removed. More details about [this change](https://github.com/mui
|
|
2213
|
+
`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).
|
|
1942
2214
|
|
|
1943
2215
|
```diff
|
|
1944
2216
|
<button class="MuiTab-root">
|
|
@@ -1951,7 +2223,7 @@ A big thanks to the 13 contributors who made this release possible. Here are som
|
|
|
1951
2223
|
|
|
1952
2224
|
- [BottomNavigation] Remove wrapper from BottomNavigationAction (#26923) @siriwatknp
|
|
1953
2225
|
|
|
1954
|
-
`span` element that wraps children has been removed. `wrapper` classKey is also removed. More details about [this change](https://github.com/mui
|
|
2226
|
+
`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).
|
|
1955
2227
|
|
|
1956
2228
|
```diff
|
|
1957
2229
|
<button class="MuiBottomNavigationAction-root">
|
|
@@ -2063,7 +2335,7 @@ _Jun 23, 2021_
|
|
|
2063
2335
|
|
|
2064
2336
|
A big thanks to the 18 contributors who made this release possible. Here are some highlights ✨:
|
|
2065
2337
|
|
|
2066
|
-
- 🚀 We have only 2 left in the [breaking changes](https://github.com/mui
|
|
2338
|
+
- 🚀 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.
|
|
2067
2339
|
- 🎨 We have updated `Slider` to match current [Material Design guidelines](https://material.io/components/sliders).
|
|
2068
2340
|
|
|
2069
2341
|
<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>
|
|
@@ -2105,7 +2377,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
|
|
|
2105
2377
|
|
|
2106
2378
|
- ​<!-- 09 -->[theme] Improve default breakpoints (#26746) @siriwatknp
|
|
2107
2379
|
|
|
2108
|
-
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
|
|
2380
|
+
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).
|
|
2109
2381
|
|
|
2110
2382
|
```diff
|
|
2111
2383
|
{
|
|
@@ -2159,7 +2431,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
|
|
|
2159
2431
|
|
|
2160
2432
|
- ​<!-- 14 -->[IconButton] Remove label span (#26801) @siriwatknp
|
|
2161
2433
|
|
|
2162
|
-
`span` element that wraps children has been removed. `label` classKey is also removed. More details about [this change](https://github.com/mui
|
|
2434
|
+
`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).
|
|
2163
2435
|
|
|
2164
2436
|
```diff
|
|
2165
2437
|
<button class="MuiIconButton-root">
|
|
@@ -2280,7 +2552,7 @@ A big thanks to the 11 contributors who made this release possible. Here are som
|
|
|
2280
2552
|
|
|
2281
2553
|
- ⚒️ We've introduced a new `useTheme` and `useThemeProps` hooks in the `@material-ui/system` package.
|
|
2282
2554
|
We believe that this package can be used as a standalone styling solution for building custom design systems (#26649) @mnajdova.
|
|
2283
|
-
- 💥 Made progress with the breaking changes. We have done 105 of the 109 changes [planned](https://github.com/mui
|
|
2555
|
+
- 💥 Made progress with the breaking changes. We have done 105 of the 109 changes [planned](https://github.com/mui/material-ui/issues/20012). We are getting closer to our goal of releasing 5.0.0-beta.0 on July 1st and start to promote its usage over v4. You can also follow [our milestone](https://github.com/mui/material-ui/milestone/35) for more details.
|
|
2284
2556
|
- And many more 🐛 bug fixes and 📚 improvements.
|
|
2285
2557
|
|
|
2286
2558
|
### `@material-ui/core@5.0.0-alpha.37`
|
|
@@ -2492,7 +2764,7 @@ A big thanks to the 14 contributors who made this release possible. Here are som
|
|
|
2492
2764
|
|
|
2493
2765
|
- 👩🎤 We have completed the migration to emotion of all the components (`@material-ui/core` and `@material-ui/lab`) @siriwatknp, @mnajdova.
|
|
2494
2766
|
- 📦 Save [10 kB gzipped](https://bundlephobia.com/package/@material-ui/core@5.0.0-alpha.34) by removing the dependency on `@material-ui/styles` (JSS) from the core and the lab (#26377, #26382, #26376) @mnajdova.
|
|
2495
|
-
- ⚒️ Add many new [codemods](https://github.com/mui
|
|
2767
|
+
- ⚒️ Add many new [codemods](https://github.com/mui/material-ui/blob/HEAD/packages/mui-codemod/README.md) to automate the migration from v4 to v5 (#24867) @mbrookes.
|
|
2496
2768
|
- And many more 🐛 bug fixes and 📚 improvements.
|
|
2497
2769
|
|
|
2498
2770
|
### `@material-ui/core@5.0.0-alpha.35`
|
|
@@ -2653,7 +2925,7 @@ _May 18, 2021_
|
|
|
2653
2925
|
|
|
2654
2926
|
A big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:
|
|
2655
2927
|
|
|
2656
|
-
- 💥 Make progress with the breaking changes. We have done 89 of the 109 changes [planned](https://github.com/mui
|
|
2928
|
+
- 💥 Make progress with the breaking changes. We have done 89 of the 109 changes [planned](https://github.com/mui/material-ui/issues/20012). We will release 5.0.0-beta.0 on July 1st and start to promote its usage over v4. You can also follow [our milestone](https://github.com/mui/material-ui/milestone/35) for more details.
|
|
2657
2929
|
- 🚀 Make progress with components migration to emotion. We have done 153 of the 168 components (almost there!)
|
|
2658
2930
|
- And many more 🐛 bug fixes and 📚 improvements.
|
|
2659
2931
|
|
|
@@ -2817,7 +3089,7 @@ _May 9, 2021_
|
|
|
2817
3089
|
|
|
2818
3090
|
A big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:
|
|
2819
3091
|
|
|
2820
|
-
- 💥 Make progress with the breaking changes. We have done 81 of the 109 changes [planned](https://github.com/mui
|
|
3092
|
+
- 💥 Make progress with the breaking changes. We have done 81 of the 109 changes [planned](https://github.com/mui/material-ui/issues/20012). We will release 5.0.0-beta.0 on July 1st and start to promote its usage over v4. You can also follow [our milestone](https://github.com/mui/material-ui/milestone/35) for more details.
|
|
2821
3093
|
- And many more 🐛 bug fixes and 📚 improvements.
|
|
2822
3094
|
|
|
2823
3095
|
### `@material-ui/core@5.0.0-alpha.33`
|
|
@@ -3322,7 +3594,7 @@ A big thanks to the 19 contributors who made this release possible. Here are som
|
|
|
3322
3594
|
#### Breaking changes
|
|
3323
3595
|
|
|
3324
3596
|
- [FormControl] Change default variant from standard to outlined (#24895) @petyosi
|
|
3325
|
-
Standard has been removed from the Material Design guidelines. [This codemod](https://github.com/mui
|
|
3597
|
+
Standard has been removed from the Material Design guidelines. [This codemod](https://github.com/mui/material-ui/tree/next/packages/mui-codemod#variant-prop) will automatically update your code.
|
|
3326
3598
|
|
|
3327
3599
|
```diff
|
|
3328
3600
|
-<FormControl value="Standard" />
|
|
@@ -3334,7 +3606,7 @@ A big thanks to the 19 contributors who made this release possible. Here are som
|
|
|
3334
3606
|
- [Menu] The `selectedMenu` variant will not vertically align the selected item with the anchor anymore. (#25691) @m4theushw
|
|
3335
3607
|
- [Popover] Remove the `getContentAnchorEl` prop to simplify the positioning logic. (#25691) @m4theushw
|
|
3336
3608
|
- [Select] Change default variant from standard to outlined (#24895) @petyosi
|
|
3337
|
-
Standard has been removed from the Material Design guidelines. [This codemod](https://github.com/mui
|
|
3609
|
+
Standard has been removed from the Material Design guidelines. [This codemod](https://github.com/mui/material-ui/tree/next/packages/mui-codemod#variant-prop) will automatically update your code.
|
|
3338
3610
|
|
|
3339
3611
|
```diff
|
|
3340
3612
|
-<Select value="Standard" />
|
|
@@ -3538,7 +3810,7 @@ A big thanks to the 26 contributors who made this release possible. Here are som
|
|
|
3538
3810
|
```
|
|
3539
3811
|
|
|
3540
3812
|
This feature was made possible by the recent migration to emotion.
|
|
3541
|
-
You can [find the other issues](https://github.com/mui
|
|
3813
|
+
You can [find the other issues](https://github.com/mui/material-ui/issues?q=is%3Aopen+is%3Aissue+label%3A%22component%3A+Grid%22) unlocked by the migration to emotion on the Grid component that are left to be solved.
|
|
3542
3814
|
|
|
3543
3815
|
- 👩🎤 Convert 3 components to emotion (#25541, #25516, #25521) @rajzik, @praveenkumar-kalidass, @siriwatknp.
|
|
3544
3816
|
- 📚 Migrate 8 component demo pages to the `sx`, `Stack`, and `styled` API @vicasas.
|
|
@@ -4756,7 +5028,7 @@ A big thanks to the 17 contributors who made this release possible. Here are som
|
|
|
4756
5028
|
|
|
4757
5029
|
- [Box] Remove deprecated props (#23716) @mnajdova
|
|
4758
5030
|
All props are now available under the `sx` prop. A deprecation will be landing in v4.
|
|
4759
|
-
Thanks to @mbrookes developers can automate the migration with a [codemod](https://github.com/mui
|
|
5031
|
+
Thanks to @mbrookes developers can automate the migration with a [codemod](https://github.com/mui/material-ui/blob/next/packages/mui-codemod/README.md#box-sx-prop).
|
|
4760
5032
|
|
|
4761
5033
|
```diff
|
|
4762
5034
|
-<Box p={2} bgColor="primary.main">
|
|
@@ -5007,9 +5279,9 @@ _Nov 14, 2020_
|
|
|
5007
5279
|
A big thanks to the 34 contributors who made this release possible. Here are some highlights ✨:
|
|
5008
5280
|
|
|
5009
5281
|
- 📅 Migrate the date picker to the lab (#22692) @dmtrKovalenko.
|
|
5010
|
-
We have integrated the components with the code infrastructure. Next we will migrate all the GitHub issues from [material-ui-pickers](https://github.com/mui
|
|
5282
|
+
We have integrated the components with the code infrastructure. Next we will migrate all the GitHub issues from [material-ui-pickers](https://github.com/mui/material-ui-pickers) and archive the repository. This migration will help provide first-class support for the date picker components. The component will stay in the lab as long as necessary to reach the high quality bar we have for core components. You can find the [new documentation here](https://mui.com/components/pickers/).
|
|
5011
5283
|
|
|
5012
|
-
While the source code is currently hosted in the [main repository](https://github.com/mui
|
|
5284
|
+
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.
|
|
5013
5285
|
|
|
5014
5286
|
- 📚 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.
|
|
5015
5287
|
- 👩🎨 Upgrade emotion to v11 (#23007) @mnajdova.
|
|
@@ -5020,7 +5292,7 @@ A big thanks to the 34 contributors who made this release possible. Here are som
|
|
|
5020
5292
|
#### Breaking changes
|
|
5021
5293
|
|
|
5022
5294
|
- [TextField] Change default variant from standard to outlined (#23503) @mbrookes
|
|
5023
|
-
Standard has been removed from the Material Design guidelines. [This codemod](https://github.com/mui
|
|
5295
|
+
Standard has been removed from the Material Design guidelines. [This codemod](https://github.com/mui/material-ui/tree/next/packages/mui-codemod#variant-prop) will automatically update your code.
|
|
5024
5296
|
|
|
5025
5297
|
```diff
|
|
5026
5298
|
-<TextField value="Standard" />
|
|
@@ -5117,11 +5389,11 @@ A big thanks to the 20 contributors who made this release possible. Here are som
|
|
|
5117
5389
|
|
|
5118
5390
|
**Why an unstyled package?**
|
|
5119
5391
|
|
|
5120
|
-
While engineering teams are successfully building custom design systems by wrapping Material-UI, we [occasionally hear](https://github.com/mui
|
|
5392
|
+
While engineering teams are successfully building custom design systems by wrapping Material-UI, we [occasionally hear](https://github.com/mui/material-ui/issues/6218) that Material Design or our styling solution are something they don't need. Some teams prefer SASS, others prefer to customize the components starting from a pristine state. What all these teams have in common is that they value the features coming from the components, such as accessibility.
|
|
5121
5393
|
|
|
5122
5394
|
The unstyled package goes one step down in the abstraction layer, providing more flexibility. Angular Material introduced this approach two years ago. Today their unstyled components account for [25% of the usage](https://npm-stat.com/charts.html?package=%40angular%2Fmaterial&package=%40angular%2Fcdk&from=2017-11-03&to=2020-11-03).
|
|
5123
5395
|
|
|
5124
|
-
Another reason for introducing this package is to prepare the groundwork for a [second theme](https://github.com/mui
|
|
5396
|
+
Another reason for introducing this package is to prepare the groundwork for a [second theme](https://github.com/mui/material-ui/issues/22485) (not Material Design based).
|
|
5125
5397
|
|
|
5126
5398
|
A note on the terminology: "unstyled" means that the components have the same API as the "styled" components but come without CSS. Material-UI also contains "headless" components that exposes a hook API, e.g. [useAutocomplete](https://mui.com/components/autocomplete/#useautocomplete) or [usePagination](https://mui.com/components/pagination/#usepagination).
|
|
5127
5399
|
|
|
@@ -5757,7 +6029,7 @@ Here are some highlights ✨:
|
|
|
5757
6029
|
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/)).
|
|
5758
6030
|
|
|
5759
6031
|
This change has been in our roadmap for more than a year.
|
|
5760
|
-
We announced it in the [v4 release blog post](https://
|
|
6032
|
+
We announced it in the [v4 release blog post](https://mui.com/blog/material-ui-v4-is-out/) as a direction v5 would take.
|
|
5761
6033
|
|
|
5762
6034
|
- 🛠 A first iteration on the unstyled components.
|
|
5763
6035
|
|
|
@@ -7177,4 +7449,4 @@ A big thanks to the 33 contributors who made this release possible. Here are som
|
|
|
7177
7449
|
|
|
7178
7450
|
## Older versions
|
|
7179
7451
|
|
|
7180
|
-
Changes before 5.x are listed in our [changelog for older versions](https://github.com/mui
|
|
7452
|
+
Changes before 5.x are listed in our [changelog for older versions](https://github.com/mui/material-ui/blob/HEAD/CHANGELOG.old.md).
|
|
@@ -12,16 +12,12 @@ import SlideTransition from './PickersSlideTransition';
|
|
|
12
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
13
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
14
|
const weeksContainerHeight = (DAY_SIZE + DAY_MARGIN * 4) * 6;
|
|
15
|
-
const PickersCalendarDayHeader = styled('div'
|
|
16
|
-
skipSx: true
|
|
17
|
-
})({
|
|
15
|
+
const PickersCalendarDayHeader = styled('div')({
|
|
18
16
|
display: 'flex',
|
|
19
17
|
justifyContent: 'center',
|
|
20
18
|
alignItems: 'center'
|
|
21
19
|
});
|
|
22
|
-
const PickersCalendarWeekDayLabel = styled(Typography
|
|
23
|
-
skipSx: true
|
|
24
|
-
})(({
|
|
20
|
+
const PickersCalendarWeekDayLabel = styled(Typography)(({
|
|
25
21
|
theme
|
|
26
22
|
}) => ({
|
|
27
23
|
width: 36,
|
|
@@ -33,27 +29,19 @@ const PickersCalendarWeekDayLabel = styled(Typography, {
|
|
|
33
29
|
alignItems: 'center',
|
|
34
30
|
color: theme.palette.text.secondary
|
|
35
31
|
}));
|
|
36
|
-
const PickersCalendarLoadingContainer = styled('div'
|
|
37
|
-
skipSx: true
|
|
38
|
-
})({
|
|
32
|
+
const PickersCalendarLoadingContainer = styled('div')({
|
|
39
33
|
display: 'flex',
|
|
40
34
|
justifyContent: 'center',
|
|
41
35
|
alignItems: 'center',
|
|
42
36
|
minHeight: weeksContainerHeight
|
|
43
37
|
});
|
|
44
|
-
const PickersCalendarSlideTransition = styled(SlideTransition
|
|
45
|
-
skipSx: true
|
|
46
|
-
})({
|
|
38
|
+
const PickersCalendarSlideTransition = styled(SlideTransition)({
|
|
47
39
|
minHeight: weeksContainerHeight
|
|
48
40
|
});
|
|
49
|
-
const PickersCalendarWeekContainer = styled('div'
|
|
50
|
-
skipSx: true
|
|
51
|
-
})({
|
|
41
|
+
const PickersCalendarWeekContainer = styled('div')({
|
|
52
42
|
overflow: 'hidden'
|
|
53
43
|
});
|
|
54
|
-
const PickersCalendarWeek = styled('div'
|
|
55
|
-
skipSx: true
|
|
56
|
-
})({
|
|
44
|
+
const PickersCalendarWeek = styled('div')({
|
|
57
45
|
margin: `${DAY_MARGIN}px 0`,
|
|
58
46
|
display: 'flex',
|
|
59
47
|
justifyContent: 'center'
|
|
@@ -11,9 +11,7 @@ import PickersArrowSwitcher from '../internal/pickers/PickersArrowSwitcher';
|
|
|
11
11
|
import { usePreviousMonthDisabled, useNextMonthDisabled } from '../internal/pickers/hooks/date-helpers-hooks';
|
|
12
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
13
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
|
-
const PickersCalendarHeaderRoot = styled('div'
|
|
15
|
-
skipSx: true
|
|
16
|
-
})({
|
|
14
|
+
const PickersCalendarHeaderRoot = styled('div')({
|
|
17
15
|
display: 'flex',
|
|
18
16
|
alignItems: 'center',
|
|
19
17
|
marginTop: 16,
|
|
@@ -24,9 +22,7 @@ const PickersCalendarHeaderRoot = styled('div', {
|
|
|
24
22
|
maxHeight: 30,
|
|
25
23
|
minHeight: 30
|
|
26
24
|
});
|
|
27
|
-
const PickersCalendarHeaderLabel = styled('div'
|
|
28
|
-
skipSx: true
|
|
29
|
-
})(({
|
|
25
|
+
const PickersCalendarHeaderLabel = styled('div')(({
|
|
30
26
|
theme
|
|
31
27
|
}) => _extends({
|
|
32
28
|
display: 'flex',
|
|
@@ -38,19 +34,13 @@ const PickersCalendarHeaderLabel = styled('div', {
|
|
|
38
34
|
}, theme.typography.body1, {
|
|
39
35
|
fontWeight: theme.typography.fontWeightMedium
|
|
40
36
|
}));
|
|
41
|
-
const PickersCalendarHeaderLabelItem = styled('div'
|
|
42
|
-
skipSx: true
|
|
43
|
-
})({
|
|
37
|
+
const PickersCalendarHeaderLabelItem = styled('div')({
|
|
44
38
|
marginRight: 6
|
|
45
39
|
});
|
|
46
|
-
const PickersCalendarHeaderSwitchViewButton = styled(IconButton
|
|
47
|
-
skipSx: true
|
|
48
|
-
})({
|
|
40
|
+
const PickersCalendarHeaderSwitchViewButton = styled(IconButton)({
|
|
49
41
|
marginRight: 'auto'
|
|
50
42
|
});
|
|
51
|
-
const PickersCalendarHeaderSwitchView = styled(ArrowDropDownIcon
|
|
52
|
-
skipSx: true
|
|
53
|
-
})(({
|
|
43
|
+
const PickersCalendarHeaderSwitchView = styled(ArrowDropDownIcon)(({
|
|
54
44
|
theme,
|
|
55
45
|
ownerState
|
|
56
46
|
}) => _extends({
|
|
@@ -7,9 +7,7 @@ import { TransitionGroup } from 'react-transition-group';
|
|
|
7
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
8
|
const classes = generateUtilityClasses('PrivatePickersFadeTransitionGroup', ['root']);
|
|
9
9
|
const animationDuration = 500;
|
|
10
|
-
const PickersFadeTransitionGroupRoot = styled(TransitionGroup
|
|
11
|
-
skipSx: true
|
|
12
|
-
})({
|
|
10
|
+
const PickersFadeTransitionGroupRoot = styled(TransitionGroup)({
|
|
13
11
|
display: 'block',
|
|
14
12
|
position: 'relative'
|
|
15
13
|
});
|
|
@@ -9,9 +9,7 @@ import { CSSTransition, TransitionGroup } from 'react-transition-group';
|
|
|
9
9
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
10
|
const classes = generateUtilityClasses('PrivatePickersSlideTransition', ['root', 'slideEnter-left', 'slideEnter-right', 'slideEnterActive', 'slideEnterActive', 'slideExit', 'slideExitActiveLeft-left', 'slideExitActiveLeft-right']);
|
|
11
11
|
export const slideAnimationDuration = 350;
|
|
12
|
-
const PickersSlideTransitionRoot = styled(TransitionGroup
|
|
13
|
-
skipSx: true
|
|
14
|
-
})(({
|
|
12
|
+
const PickersSlideTransitionRoot = styled(TransitionGroup)(({
|
|
15
13
|
theme
|
|
16
14
|
}) => {
|
|
17
15
|
const slideTransition = theme.transitions.create('transform', {
|