@mui/system 5.3.0 → 5.4.3
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/Box/Box.d.ts +1 -1
- package/Box/Box.spec.d.ts +1 -1
- package/CHANGELOG.md +347 -28
- package/ThemeProvider/ThemeProvider.d.ts +1 -1
- package/createBox.d.ts +2 -0
- package/createBox.js +3 -2
- package/createBox.spec.d.ts +1 -1
- package/createStyled.d.ts +2 -1
- package/createStyled.js +7 -5
- package/createTheme/createBreakpoints.js +21 -6
- package/createTheme/createSpacing.d.ts +10 -10
- package/cssVars/createCssVarsProvider.d.ts +34 -94
- package/cssVars/createCssVarsProvider.js +4 -2
- package/cssVars/createCssVarsProvider.spec.d.ts +1 -1
- package/cssVars/createGetCssVar.d.ts +5 -5
- package/cssVars/createGetCssVar.js +7 -1
- package/cssVars/cssVarsParser.d.ts +68 -68
- package/cssVars/cssVarsParser.js +4 -3
- package/cssVars/getInitColorSchemeScript.d.ts +12 -12
- package/cssVars/index.d.ts +1 -2
- package/cssVars/useCurrentColorScheme.d.ts +50 -50
- package/esm/createBox.js +3 -2
- package/esm/createStyled.js +5 -3
- package/esm/createTheme/createBreakpoints.js +20 -4
- package/esm/cssVars/createCssVarsProvider.js +4 -2
- package/esm/cssVars/createGetCssVar.js +7 -1
- package/esm/cssVars/cssVarsParser.js +4 -3
- package/esm/getThemeValue.js +1 -1
- package/esm/index.js +1 -1
- package/esm/styleFunctionSx/index.js +1 -0
- package/esm/styleFunctionSx/styleFunctionSx.js +78 -51
- package/getThemeValue.js +2 -1
- package/index.d.ts +1 -0
- package/index.js +8 -1
- package/index.spec.d.ts +1 -1
- package/legacy/createBox.js +4 -2
- package/legacy/createStyled.js +6 -3
- package/legacy/createTheme/createBreakpoints.js +23 -4
- package/legacy/cssVars/createCssVarsProvider.js +4 -2
- package/legacy/cssVars/createGetCssVar.js +7 -1
- package/legacy/cssVars/cssVarsParser.js +4 -3
- package/legacy/getThemeValue.js +1 -1
- package/legacy/index.js +2 -2
- package/legacy/styleFunctionSx/index.js +1 -0
- package/legacy/styleFunctionSx/styleFunctionSx.js +76 -51
- package/modern/createBox.js +3 -2
- package/modern/createStyled.js +5 -3
- package/modern/createTheme/createBreakpoints.js +20 -4
- package/modern/cssVars/createCssVarsProvider.js +4 -2
- package/modern/cssVars/createGetCssVar.js +7 -1
- package/modern/cssVars/cssVarsParser.js +4 -3
- package/modern/getThemeValue.js +1 -1
- package/modern/index.js +2 -2
- package/modern/styleFunctionSx/index.js +1 -0
- package/modern/styleFunctionSx/styleFunctionSx.js +78 -51
- package/package.json +8 -8
- package/style.d.ts +1 -1
- package/styleFunctionSx/index.js +12 -2
- package/styleFunctionSx/styleFunctionSx.d.ts +12 -1
- package/styleFunctionSx/styleFunctionSx.js +79 -54
- package/styleFunctionSx/styleFunctionSx.spec.d.ts +1 -1
package/Box/Box.d.ts
CHANGED
|
@@ -15,7 +15,7 @@ export type PropsFor<SomeStyleFunction> = SomeStyleFunction extends StyleFunctio
|
|
|
15
15
|
export type StyleFunction<Props> = (props: Props) => any;
|
|
16
16
|
export type SimpleStyleFunction<PropKey extends keyof any> = StyleFunction<
|
|
17
17
|
Partial<Record<PropKey, any>>
|
|
18
|
-
|
|
18
|
+
> & { filterProps: string[] };
|
|
19
19
|
|
|
20
20
|
// borders.js
|
|
21
21
|
export const borders: SimpleStyleFunction<
|
package/Box/Box.spec.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export {};
|
|
1
|
+
export {};
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,324 @@
|
|
|
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
|
+
|
|
271
|
+
## 5.3.1
|
|
272
|
+
|
|
273
|
+
<!-- generated comparing v5.3.0..master -->
|
|
274
|
+
|
|
275
|
+
_Jan 24, 2022_
|
|
276
|
+
|
|
277
|
+
A big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
|
|
278
|
+
|
|
279
|
+
- 🛠 @mnajdova added interoperability guide for using Tailwind CSS (#30700)
|
|
280
|
+
- A meaningful number of 🐛 bug fixes and 📚 documentation improvements.
|
|
281
|
+
|
|
282
|
+
### `@mui/icons-material@5.3.1`
|
|
283
|
+
|
|
284
|
+
- ​<!-- 04 -->[icons] Fix naming typos (#30512) @MrHBS
|
|
285
|
+
- ​<!-- 03 -->[icons] Makes material-icons work with Joy (#30681) @siriwatknp
|
|
286
|
+
|
|
287
|
+
### `@mui/base@5.0.0-alpha.66`
|
|
288
|
+
|
|
289
|
+
- ​<!-- 02 -->[SliderUnstyled] Improve typings on some internal utils (#30614) @mnajdova
|
|
290
|
+
|
|
291
|
+
### Core
|
|
292
|
+
|
|
293
|
+
- ​<!-- 24 -->[core] Batch small changes (#30690) @oliviertassinari
|
|
294
|
+
- ​<!-- 23 -->[core] Add new structure to ignore list crowdin (#30608) @siriwatknp
|
|
295
|
+
- ​<!-- 22 -->[core] Correct version in package.json (#30677) @michaldudak
|
|
296
|
+
- ​<!-- 01 -->[test] Fix buildApiUtils tests on Windows (#30698) @michaldudak
|
|
297
|
+
|
|
298
|
+
### Docs
|
|
299
|
+
|
|
300
|
+
- ​<!-- 26 -->[blog] Enable blog index (#30724) @siriwatknp
|
|
301
|
+
- ​<!-- 25 -->[blog] Introducing the Row Grouping feature (#30598) @alexfauquette
|
|
302
|
+
- ​<!-- 21 -->[docs] Fix SEO crawl errors (#30733) @oliviertassinari
|
|
303
|
+
- ​<!-- 20 -->[docs] Update migration-v4.md (#30721) @ddecrulle
|
|
304
|
+
- ​<!-- 19 -->[docs] Fix migration issues detected by `ahrefs` (#30751) @siriwatknp
|
|
305
|
+
- ​<!-- 18 -->[docs] Add interoprability guide for using Tailwind CSS (#30700) @mnajdova
|
|
306
|
+
- ​<!-- 17 -->[docs] Fix typo in containedSizeMedium class (#30723) @aaneitchik
|
|
307
|
+
- ​<!-- 16 -->[docs] Hotfix the wrong URL in X marketing page (#30729) @siriwatknp
|
|
308
|
+
- ​<!-- 15 -->[docs] Post migration preparation fix (#30716) @siriwatknp
|
|
309
|
+
- ​<!-- 14 -->[docs] Update remix example to restore from error pages (#30592) @mnajdova
|
|
310
|
+
- ​<!-- 13 -->[docs] Use new URLs when enable_redirects is true (#30704) @siriwatknp
|
|
311
|
+
- ​<!-- 12 -->[docs] Add a missing bracket in the migration-v4 guide (#30616) @chaosmirage
|
|
312
|
+
- ​<!-- 11 -->[docs] Add Checkbox color prop change (#30697) @aaneitchik
|
|
313
|
+
- ​<!-- 10 -->[docs] Fix migration to have singular urls (#30695) @siriwatknp
|
|
314
|
+
- ​<!-- 09 -->[docs] Update UXPin link to new landing page (#30691) @Evomatic
|
|
315
|
+
- ​<!-- 08 -->[docs] Close user menu on click in the responsive app bar demo (#30664) @NoahYarian
|
|
316
|
+
- ​<!-- 07 -->[docs] Clear the difference between UI and React components (#29930) @oliviertassinari
|
|
317
|
+
- ​<!-- 06 -->[docs] Make Autocomplete docs gender neutral (#30679) @exequielbc
|
|
318
|
+
- ​<!-- 05 -->[docs] Update doc structure for X components (#30684) @siriwatknp
|
|
319
|
+
|
|
320
|
+
All contributors of this release in alphabetical order: @aaneitchik, @alexfauquette, @chaosmirage, @ddecrulle, @Evomatic, @exequielbc, @michaldudak, @mnajdova, @MrHBS, @NoahYarian, @oliviertassinari, @siriwatknp
|
|
321
|
+
|
|
3
322
|
## 5.3.0
|
|
4
323
|
|
|
5
324
|
<!-- generated comparing v5.2.8..master -->
|
|
@@ -351,7 +670,7 @@ A big thanks to the 25 contributors who made this release possible. Here are som
|
|
|
351
670
|
|
|
352
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>
|
|
353
672
|
|
|
354
|
-
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.
|
|
355
674
|
|
|
356
675
|
- 🎉 We have added an example of how to use MUI with [Remix](https://remix.run/) (#29952) @mnajdova
|
|
357
676
|
|
|
@@ -1325,8 +1644,8 @@ _Sep 1, 2021_
|
|
|
1325
1644
|
|
|
1326
1645
|
A big thanks to the 18 contributors who made this release possible. Here are some highlights ✨:
|
|
1327
1646
|
|
|
1328
|
-
- 🎉 Renamed packages to `@mui/*` as part of rebranding the company, following the strategy of expanding the library scope beyond Material Design. For more details about it, check the [GitHub discussion](https://github.com/mui
|
|
1329
|
-
- 🛠 Added `mui-replace` codemod for migrating `@material-ui/*` to new packages `@mui/*`. Check out this [codemod detail](https://github.com/mui
|
|
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)
|
|
1330
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 👏!
|
|
1331
1650
|
|
|
1332
1651
|
### `@mui/material@5.0.0-rc.0`
|
|
@@ -1358,7 +1677,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
|
|
|
1358
1677
|
|
|
1359
1678
|
> **Note**: `@mui/base` (previously `@material-ui/unstyled`) is not the same as `@material-ui/core`.
|
|
1360
1679
|
|
|
1361
|
-
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.
|
|
1362
1681
|
|
|
1363
1682
|
#### Changes
|
|
1364
1683
|
|
|
@@ -1426,7 +1745,7 @@ _Aug 24, 2021_
|
|
|
1426
1745
|
|
|
1427
1746
|
A big thanks to the 26 contributors who made this release possible. Here are some highlights ✨:
|
|
1428
1747
|
|
|
1429
|
-
- 🐛 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)
|
|
1430
1749
|
- 📚 Improved the docs and the migration guide for upgrading to v5
|
|
1431
1750
|
|
|
1432
1751
|
### `@material-ui/core@5.0.0-beta.5`
|
|
@@ -1821,7 +2140,7 @@ A big thanks to the 17 contributors who made this release possible. Here are som
|
|
|
1821
2140
|
|
|
1822
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>
|
|
1823
2142
|
|
|
1824
|
-
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.
|
|
1825
2144
|
|
|
1826
2145
|
- 💄 We have updated the default `info` `success` `warning` color to be more accessible (#26817) @siriwatknp.
|
|
1827
2146
|
You can find the new [default values](https://mui.com/customization/palette/#default-values) in the documentation.
|
|
@@ -1927,9 +2246,9 @@ _Jul 01, 2021_
|
|
|
1927
2246
|
|
|
1928
2247
|
A big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
|
|
1929
2248
|
|
|
1930
|
-
- 🎉 This is the first beta release of v5! A huge thanks to everyone who helped to make this happen! We're targeting the 1st of September for a stable release, and will use the next two months to polish v5, and ease the migration from v4. You can follow [the v5 stable milestone](https://github.com/mui
|
|
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.
|
|
1931
2250
|
- 🚀 We have completed all the planned breaking changes.
|
|
1932
|
-
- ⚒️ We added the codemod CLI to simplify migration to v5 (#26941) @eps1lon. You can find it at [`@material-ui/codemod`](https://github.com/mui
|
|
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).
|
|
1933
2252
|
- 🐛 The majority of other changes in this release were bug fixes, test utilities and docs.
|
|
1934
2253
|
|
|
1935
2254
|
### `@material-ui/core@5.0.0-beta.0`
|
|
@@ -1938,7 +2257,7 @@ A big thanks to the 13 contributors who made this release possible. Here are som
|
|
|
1938
2257
|
|
|
1939
2258
|
- [Tabs] Remove unnecessary wrapper from Tab (#26926) @siriwatknp
|
|
1940
2259
|
|
|
1941
|
-
`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).
|
|
1942
2261
|
|
|
1943
2262
|
```diff
|
|
1944
2263
|
<button class="MuiTab-root">
|
|
@@ -1951,7 +2270,7 @@ A big thanks to the 13 contributors who made this release possible. Here are som
|
|
|
1951
2270
|
|
|
1952
2271
|
- [BottomNavigation] Remove wrapper from BottomNavigationAction (#26923) @siriwatknp
|
|
1953
2272
|
|
|
1954
|
-
`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).
|
|
1955
2274
|
|
|
1956
2275
|
```diff
|
|
1957
2276
|
<button class="MuiBottomNavigationAction-root">
|
|
@@ -2063,7 +2382,7 @@ _Jun 23, 2021_
|
|
|
2063
2382
|
|
|
2064
2383
|
A big thanks to the 18 contributors who made this release possible. Here are some highlights ✨:
|
|
2065
2384
|
|
|
2066
|
-
- 🚀 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.
|
|
2067
2386
|
- 🎨 We have updated `Slider` to match current [Material Design guidelines](https://material.io/components/sliders).
|
|
2068
2387
|
|
|
2069
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>
|
|
@@ -2105,7 +2424,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
|
|
|
2105
2424
|
|
|
2106
2425
|
- ​<!-- 09 -->[theme] Improve default breakpoints (#26746) @siriwatknp
|
|
2107
2426
|
|
|
2108
|
-
The default breakpoints were changed to better match the common use cases. They also better match the Material Design guidelines. [Read more about the change](https://github.com/mui
|
|
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).
|
|
2109
2428
|
|
|
2110
2429
|
```diff
|
|
2111
2430
|
{
|
|
@@ -2159,7 +2478,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
|
|
|
2159
2478
|
|
|
2160
2479
|
- ​<!-- 14 -->[IconButton] Remove label span (#26801) @siriwatknp
|
|
2161
2480
|
|
|
2162
|
-
`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).
|
|
2163
2482
|
|
|
2164
2483
|
```diff
|
|
2165
2484
|
<button class="MuiIconButton-root">
|
|
@@ -2280,7 +2599,7 @@ A big thanks to the 11 contributors who made this release possible. Here are som
|
|
|
2280
2599
|
|
|
2281
2600
|
- ⚒️ We've introduced a new `useTheme` and `useThemeProps` hooks in the `@material-ui/system` package.
|
|
2282
2601
|
We believe that this package can be used as a standalone styling solution for building custom design systems (#26649) @mnajdova.
|
|
2283
|
-
- 💥 Made progress with the breaking changes. We have done 105 of the 109 changes [planned](https://github.com/mui
|
|
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.
|
|
2284
2603
|
- And many more 🐛 bug fixes and 📚 improvements.
|
|
2285
2604
|
|
|
2286
2605
|
### `@material-ui/core@5.0.0-alpha.37`
|
|
@@ -2492,7 +2811,7 @@ A big thanks to the 14 contributors who made this release possible. Here are som
|
|
|
2492
2811
|
|
|
2493
2812
|
- 👩🎤 We have completed the migration to emotion of all the components (`@material-ui/core` and `@material-ui/lab`) @siriwatknp, @mnajdova.
|
|
2494
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.
|
|
2495
|
-
- ⚒️ 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.
|
|
2496
2815
|
- And many more 🐛 bug fixes and 📚 improvements.
|
|
2497
2816
|
|
|
2498
2817
|
### `@material-ui/core@5.0.0-alpha.35`
|
|
@@ -2653,7 +2972,7 @@ _May 18, 2021_
|
|
|
2653
2972
|
|
|
2654
2973
|
A big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:
|
|
2655
2974
|
|
|
2656
|
-
- 💥 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.
|
|
2657
2976
|
- 🚀 Make progress with components migration to emotion. We have done 153 of the 168 components (almost there!)
|
|
2658
2977
|
- And many more 🐛 bug fixes and 📚 improvements.
|
|
2659
2978
|
|
|
@@ -2817,7 +3136,7 @@ _May 9, 2021_
|
|
|
2817
3136
|
|
|
2818
3137
|
A big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:
|
|
2819
3138
|
|
|
2820
|
-
- 💥 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.
|
|
2821
3140
|
- And many more 🐛 bug fixes and 📚 improvements.
|
|
2822
3141
|
|
|
2823
3142
|
### `@material-ui/core@5.0.0-alpha.33`
|
|
@@ -3322,7 +3641,7 @@ A big thanks to the 19 contributors who made this release possible. Here are som
|
|
|
3322
3641
|
#### Breaking changes
|
|
3323
3642
|
|
|
3324
3643
|
- [FormControl] Change default variant from standard to outlined (#24895) @petyosi
|
|
3325
|
-
Standard has been removed from the Material Design guidelines. [This codemod](https://github.com/mui
|
|
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.
|
|
3326
3645
|
|
|
3327
3646
|
```diff
|
|
3328
3647
|
-<FormControl value="Standard" />
|
|
@@ -3334,7 +3653,7 @@ A big thanks to the 19 contributors who made this release possible. Here are som
|
|
|
3334
3653
|
- [Menu] The `selectedMenu` variant will not vertically align the selected item with the anchor anymore. (#25691) @m4theushw
|
|
3335
3654
|
- [Popover] Remove the `getContentAnchorEl` prop to simplify the positioning logic. (#25691) @m4theushw
|
|
3336
3655
|
- [Select] Change default variant from standard to outlined (#24895) @petyosi
|
|
3337
|
-
Standard has been removed from the Material Design guidelines. [This codemod](https://github.com/mui
|
|
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.
|
|
3338
3657
|
|
|
3339
3658
|
```diff
|
|
3340
3659
|
-<Select value="Standard" />
|
|
@@ -3538,7 +3857,7 @@ A big thanks to the 26 contributors who made this release possible. Here are som
|
|
|
3538
3857
|
```
|
|
3539
3858
|
|
|
3540
3859
|
This feature was made possible by the recent migration to emotion.
|
|
3541
|
-
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.
|
|
3542
3861
|
|
|
3543
3862
|
- 👩🎤 Convert 3 components to emotion (#25541, #25516, #25521) @rajzik, @praveenkumar-kalidass, @siriwatknp.
|
|
3544
3863
|
- 📚 Migrate 8 component demo pages to the `sx`, `Stack`, and `styled` API @vicasas.
|
|
@@ -4756,7 +5075,7 @@ A big thanks to the 17 contributors who made this release possible. Here are som
|
|
|
4756
5075
|
|
|
4757
5076
|
- [Box] Remove deprecated props (#23716) @mnajdova
|
|
4758
5077
|
All props are now available under the `sx` prop. A deprecation will be landing in v4.
|
|
4759
|
-
Thanks to @mbrookes developers can automate the migration with a [codemod](https://github.com/mui
|
|
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).
|
|
4760
5079
|
|
|
4761
5080
|
```diff
|
|
4762
5081
|
-<Box p={2} bgColor="primary.main">
|
|
@@ -5007,9 +5326,9 @@ _Nov 14, 2020_
|
|
|
5007
5326
|
A big thanks to the 34 contributors who made this release possible. Here are some highlights ✨:
|
|
5008
5327
|
|
|
5009
5328
|
- 📅 Migrate the date picker to the lab (#22692) @dmtrKovalenko.
|
|
5010
|
-
We have integrated the components with the code infrastructure. Next we will migrate all the GitHub issues from [material-ui-pickers](https://github.com/mui
|
|
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/).
|
|
5011
5330
|
|
|
5012
|
-
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.
|
|
5013
5332
|
|
|
5014
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.
|
|
5015
5334
|
- 👩🎨 Upgrade emotion to v11 (#23007) @mnajdova.
|
|
@@ -5020,7 +5339,7 @@ A big thanks to the 34 contributors who made this release possible. Here are som
|
|
|
5020
5339
|
#### Breaking changes
|
|
5021
5340
|
|
|
5022
5341
|
- [TextField] Change default variant from standard to outlined (#23503) @mbrookes
|
|
5023
|
-
Standard has been removed from the Material Design guidelines. [This codemod](https://github.com/mui
|
|
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.
|
|
5024
5343
|
|
|
5025
5344
|
```diff
|
|
5026
5345
|
-<TextField value="Standard" />
|
|
@@ -5117,11 +5436,11 @@ A big thanks to the 20 contributors who made this release possible. Here are som
|
|
|
5117
5436
|
|
|
5118
5437
|
**Why an unstyled package?**
|
|
5119
5438
|
|
|
5120
|
-
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.
|
|
5121
5440
|
|
|
5122
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).
|
|
5123
5442
|
|
|
5124
|
-
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).
|
|
5125
5444
|
|
|
5126
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).
|
|
5127
5446
|
|
|
@@ -5757,7 +6076,7 @@ Here are some highlights ✨:
|
|
|
5757
6076
|
Last but not least, the change allows us to take advantage dynamic style props. We will use them for dynamic color props, variant props, and new style props (an improved [system](https://mui.com/system/basics/)).
|
|
5758
6077
|
|
|
5759
6078
|
This change has been in our roadmap for more than a year.
|
|
5760
|
-
We announced it in the [v4 release blog post](https://
|
|
6079
|
+
We announced it in the [v4 release blog post](https://mui.com/blog/material-ui-v4-is-out/) as a direction v5 would take.
|
|
5761
6080
|
|
|
5762
6081
|
- 🛠 A first iteration on the unstyled components.
|
|
5763
6082
|
|
|
@@ -7177,4 +7496,4 @@ A big thanks to the 33 contributors who made this release possible. Here are som
|
|
|
7177
7496
|
|
|
7178
7497
|
## Older versions
|
|
7179
7498
|
|
|
7180
|
-
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).
|
|
@@ -10,7 +10,7 @@ export interface ThemeProviderProps<Theme = DefaultTheme> {
|
|
|
10
10
|
* It should preferably be used at **the root of your component tree**.
|
|
11
11
|
* API:
|
|
12
12
|
*
|
|
13
|
-
* - [ThemeProvider API](
|
|
13
|
+
* - [ThemeProvider API](/customization/theming/#themeprovider)
|
|
14
14
|
*/
|
|
15
15
|
export default function ThemeProvider<T = DefaultTheme>(
|
|
16
16
|
props: ThemeProviderProps<T>,
|
package/createBox.d.ts
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import Box from './Box';
|
|
2
|
+
import styleFunctionSx from './styleFunctionSx';
|
|
2
3
|
|
|
3
4
|
export default function createBox(options?: {
|
|
4
5
|
defaultTheme: object;
|
|
5
6
|
defaultClassName?: string;
|
|
6
7
|
generateClassName?: (componentName: string) => string;
|
|
8
|
+
styleFunctionSx?: typeof styleFunctionSx;
|
|
7
9
|
}): typeof Box;
|
package/createBox.js
CHANGED
|
@@ -35,9 +35,10 @@ function createBox(options = {}) {
|
|
|
35
35
|
const {
|
|
36
36
|
defaultTheme,
|
|
37
37
|
defaultClassName = 'MuiBox-root',
|
|
38
|
-
generateClassName
|
|
38
|
+
generateClassName,
|
|
39
|
+
styleFunctionSx = _styleFunctionSx.default
|
|
39
40
|
} = options;
|
|
40
|
-
const BoxRoot = (0, _styledEngine.default)('div')(
|
|
41
|
+
const BoxRoot = (0, _styledEngine.default)('div')(styleFunctionSx);
|
|
41
42
|
const Box = /*#__PURE__*/React.forwardRef(function Box(inProps, ref) {
|
|
42
43
|
const theme = (0, _useTheme.default)(defaultTheme);
|
|
43
44
|
|
package/createBox.spec.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export {};
|
|
1
|
+
export {};
|
package/createStyled.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import {
|
|
|
3
3
|
CreateMUIStyled as CreateMUIStyledStyledEngine,
|
|
4
4
|
CSSInterpolation,
|
|
5
5
|
} from '@mui/styled-engine';
|
|
6
|
-
import { SxProps } from './styleFunctionSx';
|
|
6
|
+
import styleFunctionSx, { SxProps } from './styleFunctionSx';
|
|
7
7
|
import { Theme as DefaultTheme } from './createTheme';
|
|
8
8
|
|
|
9
9
|
export function shouldForwardProp(propName: PropertyKey): boolean;
|
|
@@ -34,4 +34,5 @@ export default function createStyled<T extends object = DefaultTheme>(options?:
|
|
|
34
34
|
defaultTheme?: T;
|
|
35
35
|
rootShouldForwardProp?: (prop: PropertyKey) => boolean;
|
|
36
36
|
slotShouldForwardProp?: (prop: PropertyKey) => boolean;
|
|
37
|
+
styleFunctionSx?: typeof styleFunctionSx;
|
|
37
38
|
}): CreateMUIStyled<T>;
|