@mui/lab 5.0.0-alpha.64 → 5.0.0-alpha.68
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 +308 -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/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/LoadingButton/LoadingButton.js +3 -1
- package/Masonry/Masonry.js +12 -34
- package/MonthPicker/PickersMonth.js +1 -3
- package/README.md +4 -4
- 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.js +2 -6
- package/internal/pickers/PickersToolbar.js +2 -6
- package/internal/pickers/PickersToolbarButton.js +1 -3
- package/internal/pickers/PickersToolbarText.d.ts +1 -1
- package/internal/pickers/PickersToolbarText.js +1 -3
- package/internal/pickers/PureDateInput.js +6 -4
- package/internal/pickers/hooks/usePickerState.js +6 -4
- 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/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/LoadingButton/LoadingButton.js +3 -1
- package/legacy/Masonry/Masonry.js +12 -34
- 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 +2 -6
- 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/PureDateInput.js +6 -4
- package/legacy/internal/pickers/hooks/usePickerState.js +11 -6
- package/legacy/internal/pickers/test-utils.js +2 -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/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/LoadingButton/LoadingButton.js +3 -1
- package/modern/Masonry/Masonry.js +12 -30
- 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 +2 -6
- 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/PureDateInput.js +6 -4
- package/modern/internal/pickers/hooks/usePickerState.js +6 -4
- 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/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/LoadingButton/LoadingButton.js +3 -1
- package/node/Masonry/Masonry.js +12 -34
- 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 +2 -6
- 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/PureDateInput.js +6 -4
- package/node/internal/pickers/hooks/usePickerState.js +6 -4
- package/node/internal/pickers/wrappers/PickerStaticWrapper.js +1 -2
- package/package.json +9 -9
- package/themeAugmentation/components.d.ts +99 -23
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,285 @@
|
|
|
1
1
|
# [Versions](https://mui.com/versions/)
|
|
2
2
|
|
|
3
|
+
## 5.4.1
|
|
4
|
+
|
|
5
|
+
<!-- generated comparing v5.4.0..master -->
|
|
6
|
+
|
|
7
|
+
_Feb 8, 2022_
|
|
8
|
+
|
|
9
|
+
A big thanks to the 24 contributors who made this release possible. Here are some highlights ✨:
|
|
10
|
+
|
|
11
|
+
- ♿️ Snackbar messages are now announced by NVDA when using Firefox (#30774) @eps1lon
|
|
12
|
+
- Several 🐛 bug fixes and 📚 documentation improvements.
|
|
13
|
+
|
|
14
|
+
### `@mui/material@5.4.1`
|
|
15
|
+
|
|
16
|
+
- ​<!-- 37 -->[AvatarGroup] Enable targeting of additional Avatar when max props is passed (#30794) @mogrady88
|
|
17
|
+
- ​<!-- 36 -->[Badge] Fix showzero and invisible condition (#30899) @alisasanib
|
|
18
|
+
- ​<!-- 35 -->[ButtonBase] Expose ref to TouchRipple (#30901) @m4theushw
|
|
19
|
+
- ​<!-- 15 -->[Fab] Add support for the default theme colors (#30846) @alisasanib
|
|
20
|
+
- ​<!-- 11 -->[SelectInput] Only attach click handler to label if a labelId is passed (#30239) @johsunds
|
|
21
|
+
- ​<!-- 09 -->[Snackbar] Ensure messages are announced in NVDA+FF (#30774) @eps1lon
|
|
22
|
+
|
|
23
|
+
### `@mui/base@5.0.0-alpha.68`
|
|
24
|
+
|
|
25
|
+
- ​<!-- 10 -->[SelectUnstyled] Improve exported types (#30895) @michaldudak
|
|
26
|
+
|
|
27
|
+
### `@mui/lab@5.0.0-alpha.68`
|
|
28
|
+
|
|
29
|
+
- ​<!-- 12 -->[Pickers] Fix `onDismiss` handler in `MobileDatePicker` (#30768) @Ashish2097
|
|
30
|
+
- ​<!-- 06 -->[TimePicker] Add font family for clock numbers (#30738) @alisasanib
|
|
31
|
+
|
|
32
|
+
### `@mui/joy@5.0.0-alpha.14`
|
|
33
|
+
|
|
34
|
+
- ​<!-- 14 -->[Joy] Add `IconButton` component (#30864) @siriwatknp
|
|
35
|
+
- ​<!-- 13 -->[Joy] Use icon inside a Button (#30803) @siriwatknp
|
|
36
|
+
|
|
37
|
+
### Docs
|
|
38
|
+
|
|
39
|
+
- ​<!-- 16 -->[examples] Fix vitejs example and improve HMR (#30897) @mihailgaberov
|
|
40
|
+
- ​<!-- 33 -->[docs] Improve autocomplete "limit tags" demo (#30910) @danilo-leal
|
|
41
|
+
- ​<!-- 34 -->[docs] Sync translations with Crowdin (#30950) @l10nbot
|
|
42
|
+
- ​<!-- 38 -->[docs] Improve description of the disableRestoreFocus prop of the `TrapFocus` (#30912) @flaviendelangle
|
|
43
|
+
- ​<!-- 32 -->[docs] Remove ul with div children and replace with nav element (#30534) @joeframbach
|
|
44
|
+
- ​<!-- 31 -->[docs] Add Saleor to showcase (#30924) @cherniavskii
|
|
45
|
+
- ​<!-- 30 -->[docs] Include JSS in styling solution interoperability guide (#30736) @garronej
|
|
46
|
+
- ​<!-- 29 -->[docs] Fix contents of link-underline-hover (#30904) @pppp606
|
|
47
|
+
- ​<!-- 28 -->[docs] Fix markdown table format (#30947) @oliviertassinari
|
|
48
|
+
- ​<!-- 27 -->[docs] Add missing import to RTL guide (#30891) @CFarhad
|
|
49
|
+
- ​<!-- 26 -->[docs] Fix WithStyles import statement for @mui/styles (#30942) @altruity
|
|
50
|
+
- ​<!-- 25 -->[docs] Fix broken roadmap table (#30943) @cherniavskii
|
|
51
|
+
- ​<!-- 24 -->[docs] Fix broken URL in "Edit this page" button (#30923) @cherniavskii
|
|
52
|
+
- ​<!-- 23 -->[docs] Migrate content to the new location (#30757) @siriwatknp
|
|
53
|
+
- ​<!-- 22 -->[docs] Fix the link to the Vite.js example project (#30872) @GneyHabub
|
|
54
|
+
- ​<!-- 21 -->[docs] Clarify the minimum configuration for TypeScript (#30790) @mnajdova
|
|
55
|
+
- ​<!-- 20 -->[docs] Clarify what the name of @mui/material is (#30866) @oliviertassinari
|
|
56
|
+
- ​<!-- 19 -->[docs] Remove migration from the releases page (#30863) @mnajdova
|
|
57
|
+
- ​<!-- 18 -->[docs] Update Instructions for Google Maps Autocomplete (#30849) @kjschabra
|
|
58
|
+
- ​<!-- 17 -->[docs] Hotfix notification <b> (#30862) @siriwatknp
|
|
59
|
+
- ​<!-- 04 -->[website] Sample GA to avoid hit limit (#30919) @oliviertassinari
|
|
60
|
+
- ​<!-- 03 -->[website] Hide scrollbars of hero containers (#29474) @theiliad
|
|
61
|
+
- ​<!-- 02 -->[website] Polishing spacing and other small things (#30828) @danilo-leal
|
|
62
|
+
- ​<!-- 01 -->[website] Close the Developer Advocate role (#30867) @oliviertassinari
|
|
63
|
+
|
|
64
|
+
### Core
|
|
65
|
+
|
|
66
|
+
- ​<!-- 37 -->[core] Batch small fixes (#30952) @oliviertassinari
|
|
67
|
+
- ​<!-- 34 -->[core] Rename the GitHub org (#30944) @oliviertassinari
|
|
68
|
+
- ​<!-- 33 -->[core] Fix propTypes in components where OverridableStringUnion is used (#30682) @paales
|
|
69
|
+
- ​<!-- 08 -->[test] Codify the difference between keyup and keydown in SelectUnstyled (#30857) @eps1lon
|
|
70
|
+
- ​<!-- 07 -->[test] Fix typo (#30841) @caioagiani
|
|
71
|
+
- ​<!-- 05 -->[utils] Use built-in hook when available for useId (#30654) @eps1lon
|
|
72
|
+
|
|
73
|
+
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
|
|
74
|
+
|
|
75
|
+
## 5.4.0
|
|
76
|
+
|
|
77
|
+
<!-- generated comparing v5.3.1..master -->
|
|
78
|
+
|
|
79
|
+
_Feb 1, 2022_
|
|
80
|
+
|
|
81
|
+
A big thanks to the 22 contributors who made this release possible. Here are some highlights ✨:
|
|
82
|
+
|
|
83
|
+
- 🛠 @goncalovf added an example project using [MUI with Vite.js](https://github.com/mui/material-ui/tree/master/examples/vitejs) (#28241)
|
|
84
|
+
- Number of 🐛 bug fixes and 📚 documentation improvements.
|
|
85
|
+
|
|
86
|
+
### `@mui/material@5.4.0`
|
|
87
|
+
|
|
88
|
+
#### Breaking changes
|
|
89
|
+
|
|
90
|
+
- ​<!-- 27 -->[core] Do not reexport Base from Material (#30853) @michaldudak
|
|
91
|
+
|
|
92
|
+
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.
|
|
93
|
+
|
|
94
|
+
Developers are still encouraged to evaluate the Base components, but they should do so by explicitly installing the `@mui/base` package.
|
|
95
|
+
|
|
96
|
+
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`.
|
|
97
|
+
|
|
98
|
+
Note: the utility components, such as ClickAwayListener, NoSsr, Portal, and TextareaAutosize continue to be exported from both `@mui/material` and `@mui/base`.
|
|
99
|
+
|
|
100
|
+
If you're encountering build errors after upgrading @mui/material, do the following:
|
|
101
|
+
|
|
102
|
+
1. Install @mui/base: npm install @mui/base or yarn add @mui/base
|
|
103
|
+
2. Make sure the version of @mui/base match the version of @mui/material
|
|
104
|
+
3. Change the import paths of unstyled components from @mui/material to @mui/base, e.g.:
|
|
105
|
+
|
|
106
|
+
```diff
|
|
107
|
+
- @import ButtonUnstyled from '@mui/material/ButtonUnstyled';
|
|
108
|
+
+ @import ButtonUnstyled from '@mui/base/ButtonUnstyled';
|
|
109
|
+
```
|
|
110
|
+
|
|
111
|
+
#### Changes
|
|
112
|
+
|
|
113
|
+
- ​<!-- 30 -->[Autocomplete] Add `readOnly` prop (#30706) @ZeeshanTamboli
|
|
114
|
+
- ​<!-- 29 -->[Autocomplete] Fix typos in the page (#30737) @austinewuncler
|
|
115
|
+
- ​<!-- 14 -->[FormControlLabel][formgroup] add Mui-error class (#30656) @alisasanib
|
|
116
|
+
- ​<!-- 13 -->[Grid] Fix prop check for applying wrap-reverse (#30813) @Hubbz
|
|
117
|
+
- ​<!-- 07 -->[TextField] Remove notch when no label is added (#30560) @alisasanib
|
|
118
|
+
- ​<!-- 06 -->[TextField] Remove usage of dangerouslySetInnerHTML (#30776) @Jack-Works
|
|
119
|
+
- ​<!-- 05 -->[TreeView] Select node when key `Enter` is pressed (#30795) @dryrainbow
|
|
120
|
+
- ​<!-- 04 -->[useMediaQuery] Ensure no tearing in React 18 (#30655) @eps1lon
|
|
121
|
+
|
|
122
|
+
### `@mui/base@5.0.0-alpha.67`
|
|
123
|
+
|
|
124
|
+
- ​<!-- 11 -->[SelectUnstyled] Create unstyled select (+ hook) (#30113) @michaldudak
|
|
125
|
+
|
|
126
|
+
### `@mui/lab@5.0.0-alpha.67`
|
|
127
|
+
|
|
128
|
+
- ​<!-- 23 -->[DateTimePicker] Fix month view highlight wrong tab (#30773) @DiegoYungh
|
|
129
|
+
- ​<!-- 12 -->[pickers] Enable the sx props on all components (#30749) @boutahlilsoufiane
|
|
130
|
+
|
|
131
|
+
### Docs
|
|
132
|
+
|
|
133
|
+
- ​<!-- 28 -->[blog] Introducing callback support in style overrides (#30668) @siriwatknp
|
|
134
|
+
- ​<!-- 23 -->[docs] Add notifications for the blog posts (#30852) @siriwatknp
|
|
135
|
+
- ​<!-- 22 -->[docs] Improve the interoperability guide (#30785) @mnajdova
|
|
136
|
+
- ​<!-- 21 -->[docs] Improve the Getting Started documentation content (#30808) @mnajdova
|
|
137
|
+
- ​<!-- 20 -->[docs] Fix typo in ad fallback (#30823) @cherniavskii
|
|
138
|
+
- ​<!-- 19 -->[docs] Change ThemeProvider API links (#30705) @atakanzen
|
|
139
|
+
- ​<!-- 18 -->[docs] Retain vendor prefixing in rtl example (#30710) @ryancogswell
|
|
140
|
+
- ​<!-- 17 -->[docs] Fix typo in the Popper ScrollPlayground demo (#30780) @tanyabouman
|
|
141
|
+
- ​<!-- 16 -->[docs] Small fixes on the jss-to-tss migration guide (#30734) @garronej
|
|
142
|
+
- ​<!-- 15 -->[examples] Add Vite.js example (#28241) @goncalovf
|
|
143
|
+
|
|
144
|
+
### Core
|
|
145
|
+
|
|
146
|
+
- ​<!-- 29 -->[core] Clarify the label, to match with MUI X (#30831) @oliviertassinari
|
|
147
|
+
- ​<!-- 26 -->[core] Remove none code related instructions from git (#30843) @oliviertassinari
|
|
148
|
+
- ​<!-- 25 -->[core] Fix typos in comments for scripts (#30809) @aefox
|
|
149
|
+
- ​<!-- 24 -->[core] Fix 301 link in the blog @oliviertassinari
|
|
150
|
+
- ​<!-- 10 -->[test] Fix tests on Node 16 (#30819) @michaldudak
|
|
151
|
+
- ​<!-- 09 -->[test] Add explicit types to support noImplicityAny=false (#30798) @m4theushw
|
|
152
|
+
- ​<!-- 08 -->[test] Support React.useId format in \*DescriptionOf (#30657) @eps1lon
|
|
153
|
+
- ​<!-- 03 -->[website] Fix SEO issues (#30829) @oliviertassinari
|
|
154
|
+
- ​<!-- 02 -->[website] Add designer position page (#30708) @danilo-leal
|
|
155
|
+
- ​<!-- 01 -->[website] Polish /about page (#30747) @oliviertassinari
|
|
156
|
+
|
|
157
|
+
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
|
|
158
|
+
|
|
159
|
+
## 5.3.1
|
|
160
|
+
|
|
161
|
+
<!-- generated comparing v5.3.0..master -->
|
|
162
|
+
|
|
163
|
+
_Jan 24, 2022_
|
|
164
|
+
|
|
165
|
+
A big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
|
|
166
|
+
|
|
167
|
+
- 🛠 @mnajdova added interoperability guide for using Tailwind CSS (#30700)
|
|
168
|
+
- A meaningful number of 🐛 bug fixes and 📚 documentation improvements.
|
|
169
|
+
|
|
170
|
+
### `@mui/icons-material@5.3.1`
|
|
171
|
+
|
|
172
|
+
- ​<!-- 04 -->[icons] Fix naming typos (#30512) @MrHBS
|
|
173
|
+
- ​<!-- 03 -->[icons] Makes material-icons work with Joy (#30681) @siriwatknp
|
|
174
|
+
|
|
175
|
+
### `@mui/base@5.0.0-alpha.66`
|
|
176
|
+
|
|
177
|
+
- ​<!-- 02 -->[SliderUnstyled] Improve typings on some internal utils (#30614) @mnajdova
|
|
178
|
+
|
|
179
|
+
### Core
|
|
180
|
+
|
|
181
|
+
- ​<!-- 24 -->[core] Batch small changes (#30690) @oliviertassinari
|
|
182
|
+
- ​<!-- 23 -->[core] Add new structure to ignore list crowdin (#30608) @siriwatknp
|
|
183
|
+
- ​<!-- 22 -->[core] Correct version in package.json (#30677) @michaldudak
|
|
184
|
+
- ​<!-- 01 -->[test] Fix buildApiUtils tests on Windows (#30698) @michaldudak
|
|
185
|
+
|
|
186
|
+
### Docs
|
|
187
|
+
|
|
188
|
+
- ​<!-- 26 -->[blog] Enable blog index (#30724) @siriwatknp
|
|
189
|
+
- ​<!-- 25 -->[blog] Introducing the Row Grouping feature (#30598) @alexfauquette
|
|
190
|
+
- ​<!-- 21 -->[docs] Fix SEO crawl errors (#30733) @oliviertassinari
|
|
191
|
+
- ​<!-- 20 -->[docs] Update migration-v4.md (#30721) @ddecrulle
|
|
192
|
+
- ​<!-- 19 -->[docs] Fix migration issues detected by `ahrefs` (#30751) @siriwatknp
|
|
193
|
+
- ​<!-- 18 -->[docs] Add interoprability guide for using Tailwind CSS (#30700) @mnajdova
|
|
194
|
+
- ​<!-- 17 -->[docs] Fix typo in containedSizeMedium class (#30723) @aaneitchik
|
|
195
|
+
- ​<!-- 16 -->[docs] Hotfix the wrong URL in X marketing page (#30729) @siriwatknp
|
|
196
|
+
- ​<!-- 15 -->[docs] Post migration preparation fix (#30716) @siriwatknp
|
|
197
|
+
- ​<!-- 14 -->[docs] Update remix example to restore from error pages (#30592) @mnajdova
|
|
198
|
+
- ​<!-- 13 -->[docs] Use new URLs when enable_redirects is true (#30704) @siriwatknp
|
|
199
|
+
- ​<!-- 12 -->[docs] Add a missing bracket in the migration-v4 guide (#30616) @chaosmirage
|
|
200
|
+
- ​<!-- 11 -->[docs] Add Checkbox color prop change (#30697) @aaneitchik
|
|
201
|
+
- ​<!-- 10 -->[docs] Fix migration to have singular urls (#30695) @siriwatknp
|
|
202
|
+
- ​<!-- 09 -->[docs] Update UXPin link to new landing page (#30691) @Evomatic
|
|
203
|
+
- ​<!-- 08 -->[docs] Close user menu on click in the responsive app bar demo (#30664) @NoahYarian
|
|
204
|
+
- ​<!-- 07 -->[docs] Clear the difference between UI and React components (#29930) @oliviertassinari
|
|
205
|
+
- ​<!-- 06 -->[docs] Make Autocomplete docs gender neutral (#30679) @exequielbc
|
|
206
|
+
- ​<!-- 05 -->[docs] Update doc structure for X components (#30684) @siriwatknp
|
|
207
|
+
|
|
208
|
+
All contributors of this release in alphabetical order: @aaneitchik, @alexfauquette, @chaosmirage, @ddecrulle, @Evomatic, @exequielbc, @michaldudak, @mnajdova, @MrHBS, @NoahYarian, @oliviertassinari, @siriwatknp
|
|
209
|
+
|
|
210
|
+
## 5.3.0
|
|
211
|
+
|
|
212
|
+
<!-- generated comparing v5.2.8..master -->
|
|
213
|
+
|
|
214
|
+
_Jan 17, 2022_
|
|
215
|
+
|
|
216
|
+
A big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
|
|
217
|
+
|
|
218
|
+
- 🛠 @siriwatknp added support for callbacks in styleOverrides (#30524)
|
|
219
|
+
- 🧩 @ZeeshanTamboli and @VicHofs improved customization of components (#30515, #30212)
|
|
220
|
+
- 🛠 @hbjORbj fixed the use of ResizeObserver in Masonry component (#29896)
|
|
221
|
+
- 📄 @danilo-leal and @siriwatknp created our own blog home page (#30121)
|
|
222
|
+
|
|
223
|
+
### `@mui/material@5.3.0`
|
|
224
|
+
|
|
225
|
+
- [Autocomplete] Add ability to pass props to `Paper` component (#30515) @ZeeshanTamboli
|
|
226
|
+
- [Select] Add defaultOpen prop (#30212) @VicHofs
|
|
227
|
+
|
|
228
|
+
### `@mui/system@5.3.0`
|
|
229
|
+
|
|
230
|
+
- [system][box, grid, typography] `textTransform` prop should work directly on component (#30437) @hbjORbj
|
|
231
|
+
- [system] Support callback value in `styleOverrides` slot (#30524) @siriwatknp
|
|
232
|
+
|
|
233
|
+
### `@mui/lab@5.0.0-alpha.65`
|
|
234
|
+
|
|
235
|
+
- [Masonry] Observe every masonry child to trigger computation when needed (#29896) @hbjORbj
|
|
236
|
+
- [MobileDatePicker] Fix calling onOpen when readOnly is true (#30561) @alisasanib
|
|
237
|
+
|
|
238
|
+
### `@mui/codemod@5.3.0`
|
|
239
|
+
|
|
240
|
+
- [codemod] Bump `jscodeshift` to remove `colors` dependency (#30578) @siriwatknp
|
|
241
|
+
|
|
242
|
+
### `@mui/styled-engine-sc@5.3.0`
|
|
243
|
+
|
|
244
|
+
- [styled-engine-sc] Add the withConfig API to enable using the babel plugin for styled-comonents (#30589) @mnajdova
|
|
245
|
+
|
|
246
|
+
### `@mui/joy@5.0.0-alpha.11`
|
|
247
|
+
|
|
248
|
+
- [Joy] Add `SvgIcon` component (#30570) @hbjORbj
|
|
249
|
+
|
|
250
|
+
### `@mui/base@5.0.0-alpha.65`
|
|
251
|
+
|
|
252
|
+
- [SliderUnstyled] Add useSlider hook and polish (#30094) @mnajdova
|
|
253
|
+
|
|
254
|
+
### Docs
|
|
255
|
+
|
|
256
|
+
- [docs] End code block in test/README.md (#30531) @yaboi
|
|
257
|
+
- [docs] Remove redundant grouping in /components/radio-buttons/ (#30065) @eps1lon
|
|
258
|
+
- [docs] Update migration scripts and e2e tests (#30583) @siriwatknp
|
|
259
|
+
- [docs] Fix migration guides for versions older than v4 (#30595) @kkirsche
|
|
260
|
+
- [docs] Inform about specific files for DataGrid locales (#30411) @alexfauquette
|
|
261
|
+
- [docs] jss-to-tss migration advise to drop clsx in favor of cx (#30527) @garronej
|
|
262
|
+
- [docs] Fix integration with MUI X (#30593) @oliviertassinari
|
|
263
|
+
- [docs] Adding peer dependencies explanation on @mui/lab README.md (#30532) @glaucoheitor
|
|
264
|
+
- [docs] Add missing quote in migration docs (#30587) @Atralbus
|
|
265
|
+
- [docs] Update link to Doit sponsor (#30586) @oliviertassinari
|
|
266
|
+
- [docs] Add products identifier and drawer (#30283) @siriwatknp
|
|
267
|
+
- [website] Fix code button with installation command (#30622) @danilo-leal
|
|
268
|
+
- [website] Add a Blog index page (#30121) @danilo-leal
|
|
269
|
+
- [website] Migrate Twitter from @MaterialUI to @MUI_hq @oliviertassinari
|
|
270
|
+
- [website] Add Andrii to the About Us page (#30581) @cherniavskii
|
|
271
|
+
|
|
272
|
+
### Core
|
|
273
|
+
|
|
274
|
+
- [core] Revert changes to peer dependencies (#30662) @oliviertassinari
|
|
275
|
+
- [core] Renovate should not try to update node (#30659) @oliviertassinari
|
|
276
|
+
- [core] Remove dead files (#30663) @oliviertassinari
|
|
277
|
+
- [core] Fix outdated TypeScript template (#30596) @oliviertassinari
|
|
278
|
+
- [core] Remove extra `</p>` from header of README.md (#30530) @yaboi
|
|
279
|
+
- [core] Fix `docs:api` script for Windows OS (#30533) @ZeeshanTamboli
|
|
280
|
+
|
|
281
|
+
All contributors of this release in alphabetical order: @alexfauquette, @alisasanib, @Atralbus, @cherniavskii, @danilo-leal, @eps1lon, @garronej, @glaucoheitor, @hbjORbj, @kkirsche, @mnajdova, @oliviertassinari, @siriwatknp, @VicHofs, @yaboi, @ZeeshanTamboli
|
|
282
|
+
|
|
3
283
|
## 5.2.8
|
|
4
284
|
|
|
5
285
|
<!-- generated comparing v5.2.7..master -->
|
|
@@ -278,7 +558,7 @@ A big thanks to the 25 contributors who made this release possible. Here are som
|
|
|
278
558
|
|
|
279
559
|
<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>
|
|
280
560
|
|
|
281
|
-
You can follow our progress with unstyled components at https://github.com/mui
|
|
561
|
+
You can follow our progress with unstyled components at https://github.com/mui/material-ui/issues/27170.
|
|
282
562
|
|
|
283
563
|
- 🎉 We have added an example of how to use MUI with [Remix](https://remix.run/) (#29952) @mnajdova
|
|
284
564
|
|
|
@@ -1252,8 +1532,8 @@ _Sep 1, 2021_
|
|
|
1252
1532
|
|
|
1253
1533
|
A big thanks to the 18 contributors who made this release possible. Here are some highlights ✨:
|
|
1254
1534
|
|
|
1255
|
-
- 🎉 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
|
|
1256
|
-
- 🛠 Added `mui-replace` codemod for migrating `@material-ui/*` to new packages `@mui/*`. Check out this [codemod detail](https://github.com/mui
|
|
1535
|
+
- 🎉 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).
|
|
1536
|
+
- 🛠 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)
|
|
1257
1537
|
- 🧪 Added new `<Mansory>` component to the lab, [check it out](https://mui.com/components/masonry/). It has been crafted by our first intern, @hbjORbj 👏!
|
|
1258
1538
|
|
|
1259
1539
|
### `@mui/material@5.0.0-rc.0`
|
|
@@ -1285,7 +1565,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
|
|
|
1285
1565
|
|
|
1286
1566
|
> **Note**: `@mui/base` (previously `@material-ui/unstyled`) is not the same as `@material-ui/core`.
|
|
1287
1567
|
|
|
1288
|
-
We encourage you to use the [codemod](https://github.com/mui
|
|
1568
|
+
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.
|
|
1289
1569
|
|
|
1290
1570
|
#### Changes
|
|
1291
1571
|
|
|
@@ -1353,7 +1633,7 @@ _Aug 24, 2021_
|
|
|
1353
1633
|
|
|
1354
1634
|
A big thanks to the 26 contributors who made this release possible. Here are some highlights ✨:
|
|
1355
1635
|
|
|
1356
|
-
- 🐛 Fixed a lot of bugs and regressions to get us closer to the [v5 stable release milestone](https://github.com/mui
|
|
1636
|
+
- 🐛 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)
|
|
1357
1637
|
- 📚 Improved the docs and the migration guide for upgrading to v5
|
|
1358
1638
|
|
|
1359
1639
|
### `@material-ui/core@5.0.0-beta.5`
|
|
@@ -1748,7 +2028,7 @@ A big thanks to the 17 contributors who made this release possible. Here are som
|
|
|
1748
2028
|
|
|
1749
2029
|
<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>
|
|
1750
2030
|
|
|
1751
|
-
You can follow our progress at https://github.com/mui
|
|
2031
|
+
You can follow our progress at https://github.com/mui/material-ui/issues/27170.
|
|
1752
2032
|
|
|
1753
2033
|
- 💄 We have updated the default `info` `success` `warning` color to be more accessible (#26817) @siriwatknp.
|
|
1754
2034
|
You can find the new [default values](https://mui.com/customization/palette/#default-values) in the documentation.
|
|
@@ -1854,9 +2134,9 @@ _Jul 01, 2021_
|
|
|
1854
2134
|
|
|
1855
2135
|
A big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
|
|
1856
2136
|
|
|
1857
|
-
- 🎉 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
|
|
2137
|
+
- 🎉 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.
|
|
1858
2138
|
- 🚀 We have completed all the planned breaking changes.
|
|
1859
|
-
- ⚒️ We added the codemod CLI to simplify migration to v5 (#26941) @eps1lon. You can find it at [`@material-ui/codemod`](https://github.com/mui
|
|
2139
|
+
- ⚒️ 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).
|
|
1860
2140
|
- 🐛 The majority of other changes in this release were bug fixes, test utilities and docs.
|
|
1861
2141
|
|
|
1862
2142
|
### `@material-ui/core@5.0.0-beta.0`
|
|
@@ -1865,7 +2145,7 @@ A big thanks to the 13 contributors who made this release possible. Here are som
|
|
|
1865
2145
|
|
|
1866
2146
|
- [Tabs] Remove unnecessary wrapper from Tab (#26926) @siriwatknp
|
|
1867
2147
|
|
|
1868
|
-
`span` element that wraps children has been removed. `wrapper` classKey is also removed. More details about [this change](https://github.com/mui
|
|
2148
|
+
`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).
|
|
1869
2149
|
|
|
1870
2150
|
```diff
|
|
1871
2151
|
<button class="MuiTab-root">
|
|
@@ -1878,7 +2158,7 @@ A big thanks to the 13 contributors who made this release possible. Here are som
|
|
|
1878
2158
|
|
|
1879
2159
|
- [BottomNavigation] Remove wrapper from BottomNavigationAction (#26923) @siriwatknp
|
|
1880
2160
|
|
|
1881
|
-
`span` element that wraps children has been removed. `wrapper` classKey is also removed. More details about [this change](https://github.com/mui
|
|
2161
|
+
`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).
|
|
1882
2162
|
|
|
1883
2163
|
```diff
|
|
1884
2164
|
<button class="MuiBottomNavigationAction-root">
|
|
@@ -1990,7 +2270,7 @@ _Jun 23, 2021_
|
|
|
1990
2270
|
|
|
1991
2271
|
A big thanks to the 18 contributors who made this release possible. Here are some highlights ✨:
|
|
1992
2272
|
|
|
1993
|
-
- 🚀 We have only 2 left in the [breaking changes](https://github.com/mui
|
|
2273
|
+
- 🚀 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.
|
|
1994
2274
|
- 🎨 We have updated `Slider` to match current [Material Design guidelines](https://material.io/components/sliders).
|
|
1995
2275
|
|
|
1996
2276
|
<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>
|
|
@@ -2032,7 +2312,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
|
|
|
2032
2312
|
|
|
2033
2313
|
- ​<!-- 09 -->[theme] Improve default breakpoints (#26746) @siriwatknp
|
|
2034
2314
|
|
|
2035
|
-
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
|
|
2315
|
+
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).
|
|
2036
2316
|
|
|
2037
2317
|
```diff
|
|
2038
2318
|
{
|
|
@@ -2086,7 +2366,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
|
|
|
2086
2366
|
|
|
2087
2367
|
- ​<!-- 14 -->[IconButton] Remove label span (#26801) @siriwatknp
|
|
2088
2368
|
|
|
2089
|
-
`span` element that wraps children has been removed. `label` classKey is also removed. More details about [this change](https://github.com/mui
|
|
2369
|
+
`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).
|
|
2090
2370
|
|
|
2091
2371
|
```diff
|
|
2092
2372
|
<button class="MuiIconButton-root">
|
|
@@ -2207,7 +2487,7 @@ A big thanks to the 11 contributors who made this release possible. Here are som
|
|
|
2207
2487
|
|
|
2208
2488
|
- ⚒️ We've introduced a new `useTheme` and `useThemeProps` hooks in the `@material-ui/system` package.
|
|
2209
2489
|
We believe that this package can be used as a standalone styling solution for building custom design systems (#26649) @mnajdova.
|
|
2210
|
-
- 💥 Made progress with the breaking changes. We have done 105 of the 109 changes [planned](https://github.com/mui
|
|
2490
|
+
- 💥 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.
|
|
2211
2491
|
- And many more 🐛 bug fixes and 📚 improvements.
|
|
2212
2492
|
|
|
2213
2493
|
### `@material-ui/core@5.0.0-alpha.37`
|
|
@@ -2419,7 +2699,7 @@ A big thanks to the 14 contributors who made this release possible. Here are som
|
|
|
2419
2699
|
|
|
2420
2700
|
- 👩🎤 We have completed the migration to emotion of all the components (`@material-ui/core` and `@material-ui/lab`) @siriwatknp, @mnajdova.
|
|
2421
2701
|
- 📦 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.
|
|
2422
|
-
- ⚒️ Add many new [codemods](https://github.com/mui
|
|
2702
|
+
- ⚒️ 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.
|
|
2423
2703
|
- And many more 🐛 bug fixes and 📚 improvements.
|
|
2424
2704
|
|
|
2425
2705
|
### `@material-ui/core@5.0.0-alpha.35`
|
|
@@ -2580,7 +2860,7 @@ _May 18, 2021_
|
|
|
2580
2860
|
|
|
2581
2861
|
A big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:
|
|
2582
2862
|
|
|
2583
|
-
- 💥 Make progress with the breaking changes. We have done 89 of the 109 changes [planned](https://github.com/mui
|
|
2863
|
+
- 💥 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.
|
|
2584
2864
|
- 🚀 Make progress with components migration to emotion. We have done 153 of the 168 components (almost there!)
|
|
2585
2865
|
- And many more 🐛 bug fixes and 📚 improvements.
|
|
2586
2866
|
|
|
@@ -2744,7 +3024,7 @@ _May 9, 2021_
|
|
|
2744
3024
|
|
|
2745
3025
|
A big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:
|
|
2746
3026
|
|
|
2747
|
-
- 💥 Make progress with the breaking changes. We have done 81 of the 109 changes [planned](https://github.com/mui
|
|
3027
|
+
- 💥 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.
|
|
2748
3028
|
- And many more 🐛 bug fixes and 📚 improvements.
|
|
2749
3029
|
|
|
2750
3030
|
### `@material-ui/core@5.0.0-alpha.33`
|
|
@@ -3249,7 +3529,7 @@ A big thanks to the 19 contributors who made this release possible. Here are som
|
|
|
3249
3529
|
#### Breaking changes
|
|
3250
3530
|
|
|
3251
3531
|
- [FormControl] Change default variant from standard to outlined (#24895) @petyosi
|
|
3252
|
-
Standard has been removed from the Material Design guidelines. [This codemod](https://github.com/mui
|
|
3532
|
+
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.
|
|
3253
3533
|
|
|
3254
3534
|
```diff
|
|
3255
3535
|
-<FormControl value="Standard" />
|
|
@@ -3261,7 +3541,7 @@ A big thanks to the 19 contributors who made this release possible. Here are som
|
|
|
3261
3541
|
- [Menu] The `selectedMenu` variant will not vertically align the selected item with the anchor anymore. (#25691) @m4theushw
|
|
3262
3542
|
- [Popover] Remove the `getContentAnchorEl` prop to simplify the positioning logic. (#25691) @m4theushw
|
|
3263
3543
|
- [Select] Change default variant from standard to outlined (#24895) @petyosi
|
|
3264
|
-
Standard has been removed from the Material Design guidelines. [This codemod](https://github.com/mui
|
|
3544
|
+
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.
|
|
3265
3545
|
|
|
3266
3546
|
```diff
|
|
3267
3547
|
-<Select value="Standard" />
|
|
@@ -3465,7 +3745,7 @@ A big thanks to the 26 contributors who made this release possible. Here are som
|
|
|
3465
3745
|
```
|
|
3466
3746
|
|
|
3467
3747
|
This feature was made possible by the recent migration to emotion.
|
|
3468
|
-
You can [find the other issues](https://github.com/mui
|
|
3748
|
+
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.
|
|
3469
3749
|
|
|
3470
3750
|
- 👩🎤 Convert 3 components to emotion (#25541, #25516, #25521) @rajzik, @praveenkumar-kalidass, @siriwatknp.
|
|
3471
3751
|
- 📚 Migrate 8 component demo pages to the `sx`, `Stack`, and `styled` API @vicasas.
|
|
@@ -4683,7 +4963,7 @@ A big thanks to the 17 contributors who made this release possible. Here are som
|
|
|
4683
4963
|
|
|
4684
4964
|
- [Box] Remove deprecated props (#23716) @mnajdova
|
|
4685
4965
|
All props are now available under the `sx` prop. A deprecation will be landing in v4.
|
|
4686
|
-
Thanks to @mbrookes developers can automate the migration with a [codemod](https://github.com/mui
|
|
4966
|
+
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).
|
|
4687
4967
|
|
|
4688
4968
|
```diff
|
|
4689
4969
|
-<Box p={2} bgColor="primary.main">
|
|
@@ -4934,9 +5214,9 @@ _Nov 14, 2020_
|
|
|
4934
5214
|
A big thanks to the 34 contributors who made this release possible. Here are some highlights ✨:
|
|
4935
5215
|
|
|
4936
5216
|
- 📅 Migrate the date picker to the lab (#22692) @dmtrKovalenko.
|
|
4937
|
-
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
|
|
5217
|
+
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/).
|
|
4938
5218
|
|
|
4939
|
-
While the source code is currently hosted in the [main repository](https://github.com/mui
|
|
5219
|
+
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.
|
|
4940
5220
|
|
|
4941
5221
|
- 📚 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.
|
|
4942
5222
|
- 👩🎨 Upgrade emotion to v11 (#23007) @mnajdova.
|
|
@@ -4947,7 +5227,7 @@ A big thanks to the 34 contributors who made this release possible. Here are som
|
|
|
4947
5227
|
#### Breaking changes
|
|
4948
5228
|
|
|
4949
5229
|
- [TextField] Change default variant from standard to outlined (#23503) @mbrookes
|
|
4950
|
-
Standard has been removed from the Material Design guidelines. [This codemod](https://github.com/mui
|
|
5230
|
+
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.
|
|
4951
5231
|
|
|
4952
5232
|
```diff
|
|
4953
5233
|
-<TextField value="Standard" />
|
|
@@ -5044,11 +5324,11 @@ A big thanks to the 20 contributors who made this release possible. Here are som
|
|
|
5044
5324
|
|
|
5045
5325
|
**Why an unstyled package?**
|
|
5046
5326
|
|
|
5047
|
-
While engineering teams are successfully building custom design systems by wrapping Material-UI, we [occasionally hear](https://github.com/mui
|
|
5327
|
+
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.
|
|
5048
5328
|
|
|
5049
5329
|
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).
|
|
5050
5330
|
|
|
5051
|
-
Another reason for introducing this package is to prepare the groundwork for a [second theme](https://github.com/mui
|
|
5331
|
+
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).
|
|
5052
5332
|
|
|
5053
5333
|
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).
|
|
5054
5334
|
|
|
@@ -5684,7 +5964,7 @@ Here are some highlights ✨:
|
|
|
5684
5964
|
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/)).
|
|
5685
5965
|
|
|
5686
5966
|
This change has been in our roadmap for more than a year.
|
|
5687
|
-
We announced it in the [v4 release blog post](https://
|
|
5967
|
+
We announced it in the [v4 release blog post](https://mui.com/blog/material-ui-v4-is-out/) as a direction v5 would take.
|
|
5688
5968
|
|
|
5689
5969
|
- 🛠 A first iteration on the unstyled components.
|
|
5690
5970
|
|
|
@@ -7104,4 +7384,4 @@ A big thanks to the 33 contributors who made this release possible. Here are som
|
|
|
7104
7384
|
|
|
7105
7385
|
## Older versions
|
|
7106
7386
|
|
|
7107
|
-
Changes before 5.x are listed in our [changelog for older versions](https://github.com/mui
|
|
7387
|
+
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', {
|