@mui/lab 5.0.0-alpha.66 → 5.0.0-alpha.70
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 +295 -27
- 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,273 @@
|
|
|
1
1
|
# [Versions](https://mui.com/versions/)
|
|
2
2
|
|
|
3
|
+
## 5.4.3
|
|
4
|
+
|
|
5
|
+
<!-- generated comparing v5.4.2..master -->
|
|
6
|
+
|
|
7
|
+
_Feb 21, 2022_
|
|
8
|
+
|
|
9
|
+
A big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
|
|
10
|
+
|
|
11
|
+
- 🛠 @hbjORbj made components use theme duration/easing values by default (#30894)
|
|
12
|
+
- A meaningful number of 🐛 bug fixes and 📚 documentation improvements
|
|
13
|
+
|
|
14
|
+
### `@mui/material@5.4.3`
|
|
15
|
+
|
|
16
|
+
- ​<!-- 18 -->[ButtonBase] Fix typo (#31135) @Jastor11
|
|
17
|
+
- ​<!-- 05 -->[Stepper] Export useStepContext (#31021) @michaldudak
|
|
18
|
+
- ​<!-- 04 -->[Transitions] Some components do not use transition duration/easing values from theme (#30894) @hbjORbj
|
|
19
|
+
|
|
20
|
+
### `@mui/icons-material@5.4.3`
|
|
21
|
+
|
|
22
|
+
- ​<!-- 11 -->[icons] Add "circle" icon synonyms (#31118) @gnowland
|
|
23
|
+
|
|
24
|
+
### `@mui/joy@5.0.0-alpha.16`
|
|
25
|
+
|
|
26
|
+
- ​<!-- 10 -->[Joy] `List` second iteration (#31134) @siriwatknp
|
|
27
|
+
- ​<!-- 09 -->[Joy] Fix typings (#31120) @siriwatknp
|
|
28
|
+
- ​<!-- 08 -->[Joy] Add initial `List` components (#30987) @siriwatknp
|
|
29
|
+
|
|
30
|
+
### Docs
|
|
31
|
+
|
|
32
|
+
- ​<!-- 19 -->[website] Improve full-stack role job description (#31160) @Janpot
|
|
33
|
+
- ​<!-- 14 -->[docs] Fix typo of migration guides v4 (#31136) @pppp606
|
|
34
|
+
- ​<!-- 13 -->[docs] Update on the support page to account for v4 LTS support (#31029) @danilo-leal
|
|
35
|
+
- ​<!-- 12 -->[docs] Fix small typo in chips.md (#31092) @cameliaben
|
|
36
|
+
- ​<!-- 07 -->[l10n] Add it-IT translation for labelDisplayedRows (#31131) @frab90
|
|
37
|
+
- ​<!-- 06 -->[l10n] Add pl-PL translation for labelDisplayedRows (#31088) @ThomasTheHuman
|
|
38
|
+
- ​<!-- 03 -->[website] Sync MUI X table feature (#30913) @alexfauquette
|
|
39
|
+
- ​<!-- 02 -->[website] Prefill source in job application links (#31036) @oliviertassinari
|
|
40
|
+
- ​<!-- 01 -->[website] Fix a grammar mistake (#31099) @huyenltnguyen
|
|
41
|
+
|
|
42
|
+
### Core
|
|
43
|
+
|
|
44
|
+
- ​<!-- 17 -->[core] Add jsx, html, css and prisma to prettier extensions (#31161) @Janpot
|
|
45
|
+
- ​<!-- 16 -->[core] Allow to run material-ui.com/store alongside mui.com/store (#31065) @oliviertassinari
|
|
46
|
+
- ​<!-- 15 -->[core] Polish design tokens (#31095) @oliviertassinari
|
|
47
|
+
|
|
48
|
+
All contributors of this release in alphabetical order: @alexfauquette, @cameliaben, @danilo-leal, @frab90, @gnowland, @hbjORbj, @huyenltnguyen, @Janpot, @Jastor11, @michaldudak, @oliviertassinari, @pppp606, @siriwatknp, @ThomasTheHuman
|
|
49
|
+
|
|
50
|
+
## 5.4.2
|
|
51
|
+
|
|
52
|
+
_Feb 15, 2022_
|
|
53
|
+
|
|
54
|
+
A big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:
|
|
55
|
+
|
|
56
|
+
- 🛠 @sydneyjodon-wk improved propTypes of the ToggleButton components (#30883)
|
|
57
|
+
- Several 🐛 bug fixes and 📚 documentation improvements
|
|
58
|
+
|
|
59
|
+
### `@mui/material@5.4.2`
|
|
60
|
+
|
|
61
|
+
- [Select] Allow customizing Select based on its variant (#30788) @michaldudak
|
|
62
|
+
- [Portal] Re-export 'Portal' in material (#31003) @liradb2000
|
|
63
|
+
- [ToggleButton] Add prop types for `onClick` and `onChange` (#30883) @sydneyjodon-wk
|
|
64
|
+
- [Typescript] Added TypeText declaration to the exports file (#30890) @agauravdev
|
|
65
|
+
|
|
66
|
+
### `@mui/system@5.4.2`
|
|
67
|
+
|
|
68
|
+
- [system] Fix broken behavior when breakpoints input are not ordered (#30996) @mnajdova
|
|
69
|
+
|
|
70
|
+
### `@mui/lab@5.0.0-alpha.69`
|
|
71
|
+
|
|
72
|
+
- [DatePicker] Fix passing clearable prop (#30786) @alisasanib
|
|
73
|
+
|
|
74
|
+
### `@mui/joy@5.0.0-alpha.15`
|
|
75
|
+
|
|
76
|
+
- [Joy] Improve variant customization experience (#30878) @siriwatknp
|
|
77
|
+
- [Joy] Make `sx` prop work in Joy (#30955) @siriwatknp
|
|
78
|
+
|
|
79
|
+
### Framer
|
|
80
|
+
|
|
81
|
+
- [design] Remove framer components (#30983) @mbrookes
|
|
82
|
+
- [design] Remove framer leftovers (#31070) @michaldudak
|
|
83
|
+
|
|
84
|
+
### Docs
|
|
85
|
+
|
|
86
|
+
- [docs] Update installation guide of the icons package (#31026) @huyenltnguyen
|
|
87
|
+
- [docs] Improve the indication for the legacy APIs (#30995) @mnajdova
|
|
88
|
+
- [docs] Specify which props are added in the default `shouldForwardProp` option (#30978) @mnajdova
|
|
89
|
+
- [docs] Fix layout shift on loading (#31017) @oliviertassinari
|
|
90
|
+
- [docs] Increase scroll affordance in wide tables (#30713) @danilo-leal
|
|
91
|
+
- [docs] Fix look & feel of the Masonry demos (#30971) @oliviertassinari
|
|
92
|
+
- [docs] Improve Base component demos (#30884) @danilo-leal
|
|
93
|
+
- [docs] Use full product names (Material UI, MUI System) (#30960) @oliviertassinari
|
|
94
|
+
- [docs] Prefer useEnhancedEffect to avoid server side warnings (#30977) @mnajdova
|
|
95
|
+
- [docs] Fix force redirection to a different locale (#30967) @oliviertassinari
|
|
96
|
+
- [docs] Add live Tailwind CSS demo (#30966) @oliviertassinari
|
|
97
|
+
- [website] Add banner for promoting priority open roles (#31076) @danilo-leal
|
|
98
|
+
- [website] Open Full-stack Engineer role for studio (#31038) @newguy-123
|
|
99
|
+
- [website] Minor security improvements (#31062) @oliviertassinari
|
|
100
|
+
- [website] Improve title of open roles (#30963) @DanailH
|
|
101
|
+
- [website] Add BIMI avatar (#30444) @oliviertassinari
|
|
102
|
+
- [website] Add Sycamore to About page (#31000) @samuelsycamore
|
|
103
|
+
|
|
104
|
+
### Core
|
|
105
|
+
|
|
106
|
+
- [benchmark] Add missing dependency (#30994) @michaldudak
|
|
107
|
+
- [core] Bump date-io version (#31016) @michaldudak
|
|
108
|
+
- [core] Fix typo in useSlider (#31061) @ryohey
|
|
109
|
+
- [core] Remove unused draft-js types package (#30993) @michaldudak
|
|
110
|
+
- [test] Test if certain Base members are exported from Material UI (#31067) @michaldudak
|
|
111
|
+
- [core] Remove dead code (#31064) @oliviertassinari
|
|
112
|
+
|
|
113
|
+
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
|
|
114
|
+
|
|
115
|
+
## 5.4.1
|
|
116
|
+
|
|
117
|
+
<!-- generated comparing v5.4.0..master -->
|
|
118
|
+
|
|
119
|
+
_Feb 8, 2022_
|
|
120
|
+
|
|
121
|
+
A big thanks to the 24 contributors who made this release possible. Here are some highlights ✨:
|
|
122
|
+
|
|
123
|
+
- ♿️ Snackbar messages are now announced by NVDA when using Firefox (#30774) @eps1lon
|
|
124
|
+
- Several 🐛 bug fixes and 📚 documentation improvements.
|
|
125
|
+
|
|
126
|
+
### `@mui/material@5.4.1`
|
|
127
|
+
|
|
128
|
+
- ​<!-- 37 -->[AvatarGroup] Enable targeting of additional Avatar when max props is passed (#30794) @mogrady88
|
|
129
|
+
- ​<!-- 36 -->[Badge] Fix showzero and invisible condition (#30899) @alisasanib
|
|
130
|
+
- ​<!-- 35 -->[ButtonBase] Expose ref to TouchRipple (#30901) @m4theushw
|
|
131
|
+
- ​<!-- 15 -->[Fab] Add support for the default theme colors (#30846) @alisasanib
|
|
132
|
+
- ​<!-- 11 -->[SelectInput] Only attach click handler to label if a labelId is passed (#30239) @johsunds
|
|
133
|
+
- ​<!-- 09 -->[Snackbar] Ensure messages are announced in NVDA+FF (#30774) @eps1lon
|
|
134
|
+
|
|
135
|
+
### `@mui/base@5.0.0-alpha.68`
|
|
136
|
+
|
|
137
|
+
- ​<!-- 10 -->[SelectUnstyled] Improve exported types (#30895) @michaldudak
|
|
138
|
+
|
|
139
|
+
### `@mui/lab@5.0.0-alpha.68`
|
|
140
|
+
|
|
141
|
+
- ​<!-- 12 -->[Pickers] Fix `onDismiss` handler in `MobileDatePicker` (#30768) @Ashish2097
|
|
142
|
+
- ​<!-- 06 -->[TimePicker] Add font family for clock numbers (#30738) @alisasanib
|
|
143
|
+
|
|
144
|
+
### `@mui/joy@5.0.0-alpha.14`
|
|
145
|
+
|
|
146
|
+
- ​<!-- 14 -->[Joy] Add `IconButton` component (#30864) @siriwatknp
|
|
147
|
+
- ​<!-- 13 -->[Joy] Use icon inside a Button (#30803) @siriwatknp
|
|
148
|
+
|
|
149
|
+
### Docs
|
|
150
|
+
|
|
151
|
+
- ​<!-- 16 -->[examples] Fix vitejs example and improve HMR (#30897) @mihailgaberov
|
|
152
|
+
- ​<!-- 33 -->[docs] Improve autocomplete "limit tags" demo (#30910) @danilo-leal
|
|
153
|
+
- ​<!-- 34 -->[docs] Sync translations with Crowdin (#30950) @l10nbot
|
|
154
|
+
- ​<!-- 38 -->[docs] Improve description of the disableRestoreFocus prop of the `TrapFocus` (#30912) @flaviendelangle
|
|
155
|
+
- ​<!-- 32 -->[docs] Remove ul with div children and replace with nav element (#30534) @joeframbach
|
|
156
|
+
- ​<!-- 31 -->[docs] Add Saleor to showcase (#30924) @cherniavskii
|
|
157
|
+
- ​<!-- 30 -->[docs] Include JSS in styling solution interoperability guide (#30736) @garronej
|
|
158
|
+
- ​<!-- 29 -->[docs] Fix contents of link-underline-hover (#30904) @pppp606
|
|
159
|
+
- ​<!-- 28 -->[docs] Fix markdown table format (#30947) @oliviertassinari
|
|
160
|
+
- ​<!-- 27 -->[docs] Add missing import to RTL guide (#30891) @CFarhad
|
|
161
|
+
- ​<!-- 26 -->[docs] Fix WithStyles import statement for @mui/styles (#30942) @altruity
|
|
162
|
+
- ​<!-- 25 -->[docs] Fix broken roadmap table (#30943) @cherniavskii
|
|
163
|
+
- ​<!-- 24 -->[docs] Fix broken URL in "Edit this page" button (#30923) @cherniavskii
|
|
164
|
+
- ​<!-- 23 -->[docs] Migrate content to the new location (#30757) @siriwatknp
|
|
165
|
+
- ​<!-- 22 -->[docs] Fix the link to the Vite.js example project (#30872) @GneyHabub
|
|
166
|
+
- ​<!-- 21 -->[docs] Clarify the minimum configuration for TypeScript (#30790) @mnajdova
|
|
167
|
+
- ​<!-- 20 -->[docs] Clarify what the name of @mui/material is (#30866) @oliviertassinari
|
|
168
|
+
- ​<!-- 19 -->[docs] Remove migration from the releases page (#30863) @mnajdova
|
|
169
|
+
- ​<!-- 18 -->[docs] Update Instructions for Google Maps Autocomplete (#30849) @kjschabra
|
|
170
|
+
- ​<!-- 17 -->[docs] Hotfix notification <b> (#30862) @siriwatknp
|
|
171
|
+
- ​<!-- 04 -->[website] Sample GA to avoid hit limit (#30919) @oliviertassinari
|
|
172
|
+
- ​<!-- 03 -->[website] Hide scrollbars of hero containers (#29474) @theiliad
|
|
173
|
+
- ​<!-- 02 -->[website] Polishing spacing and other small things (#30828) @danilo-leal
|
|
174
|
+
- ​<!-- 01 -->[website] Close the Developer Advocate role (#30867) @oliviertassinari
|
|
175
|
+
|
|
176
|
+
### Core
|
|
177
|
+
|
|
178
|
+
- ​<!-- 37 -->[core] Batch small fixes (#30952) @oliviertassinari
|
|
179
|
+
- ​<!-- 34 -->[core] Rename the GitHub org (#30944) @oliviertassinari
|
|
180
|
+
- ​<!-- 33 -->[core] Fix propTypes in components where OverridableStringUnion is used (#30682) @paales
|
|
181
|
+
- ​<!-- 08 -->[test] Codify the difference between keyup and keydown in SelectUnstyled (#30857) @eps1lon
|
|
182
|
+
- ​<!-- 07 -->[test] Fix typo (#30841) @caioagiani
|
|
183
|
+
- ​<!-- 05 -->[utils] Use built-in hook when available for useId (#30654) @eps1lon
|
|
184
|
+
|
|
185
|
+
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
|
|
186
|
+
|
|
187
|
+
## 5.4.0
|
|
188
|
+
|
|
189
|
+
<!-- generated comparing v5.3.1..master -->
|
|
190
|
+
|
|
191
|
+
_Feb 1, 2022_
|
|
192
|
+
|
|
193
|
+
A big thanks to the 22 contributors who made this release possible. Here are some highlights ✨:
|
|
194
|
+
|
|
195
|
+
- 🛠 @goncalovf added an example project using [MUI with Vite.js](https://github.com/mui/material-ui/tree/master/examples/vitejs) (#28241)
|
|
196
|
+
- Number of 🐛 bug fixes and 📚 documentation improvements.
|
|
197
|
+
|
|
198
|
+
### `@mui/material@5.4.0`
|
|
199
|
+
|
|
200
|
+
#### Breaking changes
|
|
201
|
+
|
|
202
|
+
- ​<!-- 27 -->[core] Do not reexport Base from Material (#30853) @michaldudak
|
|
203
|
+
|
|
204
|
+
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.
|
|
205
|
+
|
|
206
|
+
Developers are still encouraged to evaluate the Base components, but they should do so by explicitly installing the `@mui/base` package.
|
|
207
|
+
|
|
208
|
+
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`.
|
|
209
|
+
|
|
210
|
+
Note: the utility components, such as ClickAwayListener, NoSsr, Portal, and TextareaAutosize continue to be exported from both `@mui/material` and `@mui/base`.
|
|
211
|
+
|
|
212
|
+
If you're encountering build errors after upgrading @mui/material, do the following:
|
|
213
|
+
|
|
214
|
+
1. Install @mui/base: npm install @mui/base or yarn add @mui/base
|
|
215
|
+
2. Make sure the version of @mui/base match the version of @mui/material
|
|
216
|
+
3. Change the import paths of unstyled components from @mui/material to @mui/base, e.g.:
|
|
217
|
+
|
|
218
|
+
```diff
|
|
219
|
+
- @import ButtonUnstyled from '@mui/material/ButtonUnstyled';
|
|
220
|
+
+ @import ButtonUnstyled from '@mui/base/ButtonUnstyled';
|
|
221
|
+
```
|
|
222
|
+
|
|
223
|
+
#### Changes
|
|
224
|
+
|
|
225
|
+
- ​<!-- 30 -->[Autocomplete] Add `readOnly` prop (#30706) @ZeeshanTamboli
|
|
226
|
+
- ​<!-- 29 -->[Autocomplete] Fix typos in the page (#30737) @austinewuncler
|
|
227
|
+
- ​<!-- 14 -->[FormControlLabel][formgroup] add Mui-error class (#30656) @alisasanib
|
|
228
|
+
- ​<!-- 13 -->[Grid] Fix prop check for applying wrap-reverse (#30813) @Hubbz
|
|
229
|
+
- ​<!-- 07 -->[TextField] Remove notch when no label is added (#30560) @alisasanib
|
|
230
|
+
- ​<!-- 06 -->[TextField] Remove usage of dangerouslySetInnerHTML (#30776) @Jack-Works
|
|
231
|
+
- ​<!-- 05 -->[TreeView] Select node when key `Enter` is pressed (#30795) @dryrainbow
|
|
232
|
+
- ​<!-- 04 -->[useMediaQuery] Ensure no tearing in React 18 (#30655) @eps1lon
|
|
233
|
+
|
|
234
|
+
### `@mui/base@5.0.0-alpha.67`
|
|
235
|
+
|
|
236
|
+
- ​<!-- 11 -->[SelectUnstyled] Create unstyled select (+ hook) (#30113) @michaldudak
|
|
237
|
+
|
|
238
|
+
### `@mui/lab@5.0.0-alpha.67`
|
|
239
|
+
|
|
240
|
+
- ​<!-- 23 -->[DateTimePicker] Fix month view highlight wrong tab (#30773) @DiegoYungh
|
|
241
|
+
- ​<!-- 12 -->[pickers] Enable the sx props on all components (#30749) @boutahlilsoufiane
|
|
242
|
+
|
|
243
|
+
### Docs
|
|
244
|
+
|
|
245
|
+
- ​<!-- 28 -->[blog] Introducing callback support in style overrides (#30668) @siriwatknp
|
|
246
|
+
- ​<!-- 23 -->[docs] Add notifications for the blog posts (#30852) @siriwatknp
|
|
247
|
+
- ​<!-- 22 -->[docs] Improve the interoperability guide (#30785) @mnajdova
|
|
248
|
+
- ​<!-- 21 -->[docs] Improve the Getting Started documentation content (#30808) @mnajdova
|
|
249
|
+
- ​<!-- 20 -->[docs] Fix typo in ad fallback (#30823) @cherniavskii
|
|
250
|
+
- ​<!-- 19 -->[docs] Change ThemeProvider API links (#30705) @atakanzen
|
|
251
|
+
- ​<!-- 18 -->[docs] Retain vendor prefixing in rtl example (#30710) @ryancogswell
|
|
252
|
+
- ​<!-- 17 -->[docs] Fix typo in the Popper ScrollPlayground demo (#30780) @tanyabouman
|
|
253
|
+
- ​<!-- 16 -->[docs] Small fixes on the jss-to-tss migration guide (#30734) @garronej
|
|
254
|
+
- ​<!-- 15 -->[examples] Add Vite.js example (#28241) @goncalovf
|
|
255
|
+
|
|
256
|
+
### Core
|
|
257
|
+
|
|
258
|
+
- ​<!-- 29 -->[core] Clarify the label, to match with MUI X (#30831) @oliviertassinari
|
|
259
|
+
- ​<!-- 26 -->[core] Remove none code related instructions from git (#30843) @oliviertassinari
|
|
260
|
+
- ​<!-- 25 -->[core] Fix typos in comments for scripts (#30809) @aefox
|
|
261
|
+
- ​<!-- 24 -->[core] Fix 301 link in the blog @oliviertassinari
|
|
262
|
+
- ​<!-- 10 -->[test] Fix tests on Node 16 (#30819) @michaldudak
|
|
263
|
+
- ​<!-- 09 -->[test] Add explicit types to support noImplicityAny=false (#30798) @m4theushw
|
|
264
|
+
- ​<!-- 08 -->[test] Support React.useId format in \*DescriptionOf (#30657) @eps1lon
|
|
265
|
+
- ​<!-- 03 -->[website] Fix SEO issues (#30829) @oliviertassinari
|
|
266
|
+
- ​<!-- 02 -->[website] Add designer position page (#30708) @danilo-leal
|
|
267
|
+
- ​<!-- 01 -->[website] Polish /about page (#30747) @oliviertassinari
|
|
268
|
+
|
|
269
|
+
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
|
|
270
|
+
|
|
3
271
|
## 5.3.1
|
|
4
272
|
|
|
5
273
|
<!-- generated comparing v5.3.0..master -->
|
|
@@ -402,7 +670,7 @@ A big thanks to the 25 contributors who made this release possible. Here are som
|
|
|
402
670
|
|
|
403
671
|
<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>
|
|
404
672
|
|
|
405
|
-
You can follow our progress with unstyled components at https://github.com/mui
|
|
673
|
+
You can follow our progress with unstyled components at https://github.com/mui/material-ui/issues/27170.
|
|
406
674
|
|
|
407
675
|
- 🎉 We have added an example of how to use MUI with [Remix](https://remix.run/) (#29952) @mnajdova
|
|
408
676
|
|
|
@@ -1376,8 +1644,8 @@ _Sep 1, 2021_
|
|
|
1376
1644
|
|
|
1377
1645
|
A big thanks to the 18 contributors who made this release possible. Here are some highlights ✨:
|
|
1378
1646
|
|
|
1379
|
-
- 🎉 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
|
|
1380
|
-
- 🛠 Added `mui-replace` codemod for migrating `@material-ui/*` to new packages `@mui/*`. Check out this [codemod detail](https://github.com/mui
|
|
1647
|
+
- 🎉 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).
|
|
1648
|
+
- 🛠 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)
|
|
1381
1649
|
- 🧪 Added new `<Mansory>` component to the lab, [check it out](https://mui.com/components/masonry/). It has been crafted by our first intern, @hbjORbj 👏!
|
|
1382
1650
|
|
|
1383
1651
|
### `@mui/material@5.0.0-rc.0`
|
|
@@ -1409,7 +1677,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
|
|
|
1409
1677
|
|
|
1410
1678
|
> **Note**: `@mui/base` (previously `@material-ui/unstyled`) is not the same as `@material-ui/core`.
|
|
1411
1679
|
|
|
1412
|
-
We encourage you to use the [codemod](https://github.com/mui
|
|
1680
|
+
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.
|
|
1413
1681
|
|
|
1414
1682
|
#### Changes
|
|
1415
1683
|
|
|
@@ -1477,7 +1745,7 @@ _Aug 24, 2021_
|
|
|
1477
1745
|
|
|
1478
1746
|
A big thanks to the 26 contributors who made this release possible. Here are some highlights ✨:
|
|
1479
1747
|
|
|
1480
|
-
- 🐛 Fixed a lot of bugs and regressions to get us closer to the [v5 stable release milestone](https://github.com/mui
|
|
1748
|
+
- 🐛 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)
|
|
1481
1749
|
- 📚 Improved the docs and the migration guide for upgrading to v5
|
|
1482
1750
|
|
|
1483
1751
|
### `@material-ui/core@5.0.0-beta.5`
|
|
@@ -1872,7 +2140,7 @@ A big thanks to the 17 contributors who made this release possible. Here are som
|
|
|
1872
2140
|
|
|
1873
2141
|
<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>
|
|
1874
2142
|
|
|
1875
|
-
You can follow our progress at https://github.com/mui
|
|
2143
|
+
You can follow our progress at https://github.com/mui/material-ui/issues/27170.
|
|
1876
2144
|
|
|
1877
2145
|
- 💄 We have updated the default `info` `success` `warning` color to be more accessible (#26817) @siriwatknp.
|
|
1878
2146
|
You can find the new [default values](https://mui.com/customization/palette/#default-values) in the documentation.
|
|
@@ -1978,9 +2246,9 @@ _Jul 01, 2021_
|
|
|
1978
2246
|
|
|
1979
2247
|
A big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
|
|
1980
2248
|
|
|
1981
|
-
- 🎉 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
|
|
2249
|
+
- 🎉 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.
|
|
1982
2250
|
- 🚀 We have completed all the planned breaking changes.
|
|
1983
|
-
- ⚒️ We added the codemod CLI to simplify migration to v5 (#26941) @eps1lon. You can find it at [`@material-ui/codemod`](https://github.com/mui
|
|
2251
|
+
- ⚒️ 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).
|
|
1984
2252
|
- 🐛 The majority of other changes in this release were bug fixes, test utilities and docs.
|
|
1985
2253
|
|
|
1986
2254
|
### `@material-ui/core@5.0.0-beta.0`
|
|
@@ -1989,7 +2257,7 @@ A big thanks to the 13 contributors who made this release possible. Here are som
|
|
|
1989
2257
|
|
|
1990
2258
|
- [Tabs] Remove unnecessary wrapper from Tab (#26926) @siriwatknp
|
|
1991
2259
|
|
|
1992
|
-
`span` element that wraps children has been removed. `wrapper` classKey is also removed. More details about [this change](https://github.com/mui
|
|
2260
|
+
`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).
|
|
1993
2261
|
|
|
1994
2262
|
```diff
|
|
1995
2263
|
<button class="MuiTab-root">
|
|
@@ -2002,7 +2270,7 @@ A big thanks to the 13 contributors who made this release possible. Here are som
|
|
|
2002
2270
|
|
|
2003
2271
|
- [BottomNavigation] Remove wrapper from BottomNavigationAction (#26923) @siriwatknp
|
|
2004
2272
|
|
|
2005
|
-
`span` element that wraps children has been removed. `wrapper` classKey is also removed. More details about [this change](https://github.com/mui
|
|
2273
|
+
`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).
|
|
2006
2274
|
|
|
2007
2275
|
```diff
|
|
2008
2276
|
<button class="MuiBottomNavigationAction-root">
|
|
@@ -2114,7 +2382,7 @@ _Jun 23, 2021_
|
|
|
2114
2382
|
|
|
2115
2383
|
A big thanks to the 18 contributors who made this release possible. Here are some highlights ✨:
|
|
2116
2384
|
|
|
2117
|
-
- 🚀 We have only 2 left in the [breaking changes](https://github.com/mui
|
|
2385
|
+
- 🚀 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.
|
|
2118
2386
|
- 🎨 We have updated `Slider` to match current [Material Design guidelines](https://material.io/components/sliders).
|
|
2119
2387
|
|
|
2120
2388
|
<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>
|
|
@@ -2156,7 +2424,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
|
|
|
2156
2424
|
|
|
2157
2425
|
- ​<!-- 09 -->[theme] Improve default breakpoints (#26746) @siriwatknp
|
|
2158
2426
|
|
|
2159
|
-
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
|
|
2427
|
+
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).
|
|
2160
2428
|
|
|
2161
2429
|
```diff
|
|
2162
2430
|
{
|
|
@@ -2210,7 +2478,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
|
|
|
2210
2478
|
|
|
2211
2479
|
- ​<!-- 14 -->[IconButton] Remove label span (#26801) @siriwatknp
|
|
2212
2480
|
|
|
2213
|
-
`span` element that wraps children has been removed. `label` classKey is also removed. More details about [this change](https://github.com/mui
|
|
2481
|
+
`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).
|
|
2214
2482
|
|
|
2215
2483
|
```diff
|
|
2216
2484
|
<button class="MuiIconButton-root">
|
|
@@ -2331,7 +2599,7 @@ A big thanks to the 11 contributors who made this release possible. Here are som
|
|
|
2331
2599
|
|
|
2332
2600
|
- ⚒️ We've introduced a new `useTheme` and `useThemeProps` hooks in the `@material-ui/system` package.
|
|
2333
2601
|
We believe that this package can be used as a standalone styling solution for building custom design systems (#26649) @mnajdova.
|
|
2334
|
-
- 💥 Made progress with the breaking changes. We have done 105 of the 109 changes [planned](https://github.com/mui
|
|
2602
|
+
- 💥 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.
|
|
2335
2603
|
- And many more 🐛 bug fixes and 📚 improvements.
|
|
2336
2604
|
|
|
2337
2605
|
### `@material-ui/core@5.0.0-alpha.37`
|
|
@@ -2543,7 +2811,7 @@ A big thanks to the 14 contributors who made this release possible. Here are som
|
|
|
2543
2811
|
|
|
2544
2812
|
- 👩🎤 We have completed the migration to emotion of all the components (`@material-ui/core` and `@material-ui/lab`) @siriwatknp, @mnajdova.
|
|
2545
2813
|
- 📦 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.
|
|
2546
|
-
- ⚒️ Add many new [codemods](https://github.com/mui
|
|
2814
|
+
- ⚒️ 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.
|
|
2547
2815
|
- And many more 🐛 bug fixes and 📚 improvements.
|
|
2548
2816
|
|
|
2549
2817
|
### `@material-ui/core@5.0.0-alpha.35`
|
|
@@ -2704,7 +2972,7 @@ _May 18, 2021_
|
|
|
2704
2972
|
|
|
2705
2973
|
A big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:
|
|
2706
2974
|
|
|
2707
|
-
- 💥 Make progress with the breaking changes. We have done 89 of the 109 changes [planned](https://github.com/mui
|
|
2975
|
+
- 💥 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.
|
|
2708
2976
|
- 🚀 Make progress with components migration to emotion. We have done 153 of the 168 components (almost there!)
|
|
2709
2977
|
- And many more 🐛 bug fixes and 📚 improvements.
|
|
2710
2978
|
|
|
@@ -2868,7 +3136,7 @@ _May 9, 2021_
|
|
|
2868
3136
|
|
|
2869
3137
|
A big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:
|
|
2870
3138
|
|
|
2871
|
-
- 💥 Make progress with the breaking changes. We have done 81 of the 109 changes [planned](https://github.com/mui
|
|
3139
|
+
- 💥 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.
|
|
2872
3140
|
- And many more 🐛 bug fixes and 📚 improvements.
|
|
2873
3141
|
|
|
2874
3142
|
### `@material-ui/core@5.0.0-alpha.33`
|
|
@@ -3373,7 +3641,7 @@ A big thanks to the 19 contributors who made this release possible. Here are som
|
|
|
3373
3641
|
#### Breaking changes
|
|
3374
3642
|
|
|
3375
3643
|
- [FormControl] Change default variant from standard to outlined (#24895) @petyosi
|
|
3376
|
-
Standard has been removed from the Material Design guidelines. [This codemod](https://github.com/mui
|
|
3644
|
+
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.
|
|
3377
3645
|
|
|
3378
3646
|
```diff
|
|
3379
3647
|
-<FormControl value="Standard" />
|
|
@@ -3385,7 +3653,7 @@ A big thanks to the 19 contributors who made this release possible. Here are som
|
|
|
3385
3653
|
- [Menu] The `selectedMenu` variant will not vertically align the selected item with the anchor anymore. (#25691) @m4theushw
|
|
3386
3654
|
- [Popover] Remove the `getContentAnchorEl` prop to simplify the positioning logic. (#25691) @m4theushw
|
|
3387
3655
|
- [Select] Change default variant from standard to outlined (#24895) @petyosi
|
|
3388
|
-
Standard has been removed from the Material Design guidelines. [This codemod](https://github.com/mui
|
|
3656
|
+
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.
|
|
3389
3657
|
|
|
3390
3658
|
```diff
|
|
3391
3659
|
-<Select value="Standard" />
|
|
@@ -3589,7 +3857,7 @@ A big thanks to the 26 contributors who made this release possible. Here are som
|
|
|
3589
3857
|
```
|
|
3590
3858
|
|
|
3591
3859
|
This feature was made possible by the recent migration to emotion.
|
|
3592
|
-
You can [find the other issues](https://github.com/mui
|
|
3860
|
+
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.
|
|
3593
3861
|
|
|
3594
3862
|
- 👩🎤 Convert 3 components to emotion (#25541, #25516, #25521) @rajzik, @praveenkumar-kalidass, @siriwatknp.
|
|
3595
3863
|
- 📚 Migrate 8 component demo pages to the `sx`, `Stack`, and `styled` API @vicasas.
|
|
@@ -4807,7 +5075,7 @@ A big thanks to the 17 contributors who made this release possible. Here are som
|
|
|
4807
5075
|
|
|
4808
5076
|
- [Box] Remove deprecated props (#23716) @mnajdova
|
|
4809
5077
|
All props are now available under the `sx` prop. A deprecation will be landing in v4.
|
|
4810
|
-
Thanks to @mbrookes developers can automate the migration with a [codemod](https://github.com/mui
|
|
5078
|
+
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).
|
|
4811
5079
|
|
|
4812
5080
|
```diff
|
|
4813
5081
|
-<Box p={2} bgColor="primary.main">
|
|
@@ -5058,9 +5326,9 @@ _Nov 14, 2020_
|
|
|
5058
5326
|
A big thanks to the 34 contributors who made this release possible. Here are some highlights ✨:
|
|
5059
5327
|
|
|
5060
5328
|
- 📅 Migrate the date picker to the lab (#22692) @dmtrKovalenko.
|
|
5061
|
-
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
|
|
5329
|
+
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/).
|
|
5062
5330
|
|
|
5063
|
-
While the source code is currently hosted in the [main repository](https://github.com/mui
|
|
5331
|
+
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.
|
|
5064
5332
|
|
|
5065
5333
|
- 📚 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.
|
|
5066
5334
|
- 👩🎨 Upgrade emotion to v11 (#23007) @mnajdova.
|
|
@@ -5071,7 +5339,7 @@ A big thanks to the 34 contributors who made this release possible. Here are som
|
|
|
5071
5339
|
#### Breaking changes
|
|
5072
5340
|
|
|
5073
5341
|
- [TextField] Change default variant from standard to outlined (#23503) @mbrookes
|
|
5074
|
-
Standard has been removed from the Material Design guidelines. [This codemod](https://github.com/mui
|
|
5342
|
+
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.
|
|
5075
5343
|
|
|
5076
5344
|
```diff
|
|
5077
5345
|
-<TextField value="Standard" />
|
|
@@ -5168,11 +5436,11 @@ A big thanks to the 20 contributors who made this release possible. Here are som
|
|
|
5168
5436
|
|
|
5169
5437
|
**Why an unstyled package?**
|
|
5170
5438
|
|
|
5171
|
-
While engineering teams are successfully building custom design systems by wrapping Material-UI, we [occasionally hear](https://github.com/mui
|
|
5439
|
+
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.
|
|
5172
5440
|
|
|
5173
5441
|
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).
|
|
5174
5442
|
|
|
5175
|
-
Another reason for introducing this package is to prepare the groundwork for a [second theme](https://github.com/mui
|
|
5443
|
+
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).
|
|
5176
5444
|
|
|
5177
5445
|
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).
|
|
5178
5446
|
|
|
@@ -7228,4 +7496,4 @@ A big thanks to the 33 contributors who made this release possible. Here are som
|
|
|
7228
7496
|
|
|
7229
7497
|
## Older versions
|
|
7230
7498
|
|
|
7231
|
-
Changes before 5.x are listed in our [changelog for older versions](https://github.com/mui
|
|
7499
|
+
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', {
|