@mui/system 5.9.0 → 5.9.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.spec.d.ts +1 -1
- package/CHANGELOG.md +196 -6
- package/Container/Container.d.ts +13 -13
- package/Container/ContainerProps.d.ts +40 -40
- package/Container/containerClasses.d.ts +22 -22
- package/Container/createContainer.d.ts +18 -18
- package/Unstable_Grid/Grid.d.ts +12 -12
- package/Unstable_Grid/Grid.js +5 -0
- package/Unstable_Grid/GridProps.d.ts +162 -158
- package/Unstable_Grid/createGrid.d.ts +11 -11
- package/Unstable_Grid/createGrid.js +30 -5
- package/Unstable_Grid/gridClasses.d.ts +20 -20
- package/Unstable_Grid/gridGenerator.d.ts +26 -26
- package/Unstable_Grid/gridGenerator.js +10 -4
- package/Unstable_Grid/index.d.ts +5 -5
- package/breakpoints.js +1 -1
- package/createBox.spec.d.ts +1 -1
- package/createTheme/createSpacing.d.ts +10 -10
- package/cssVars/createCssVarsProvider.js +1 -1
- package/cssVars/createCssVarsProvider.spec.d.ts +1 -1
- package/cssVars/createGetCssVar.d.ts +5 -5
- package/cssVars/cssVarsParser.d.ts +65 -65
- package/cssVars/getInitColorSchemeScript.d.ts +45 -45
- package/cssVars/index.d.ts +3 -3
- package/cssVars/useCurrentColorScheme.d.ts +53 -53
- package/esm/Unstable_Grid/Grid.js +5 -0
- package/esm/Unstable_Grid/createGrid.js +30 -5
- package/esm/Unstable_Grid/gridGenerator.js +10 -4
- package/esm/breakpoints.js +1 -1
- package/esm/cssVars/createCssVarsProvider.js +1 -1
- package/index.js +1 -1
- package/index.spec.d.ts +1 -1
- package/legacy/Unstable_Grid/Grid.js +5 -0
- package/legacy/Unstable_Grid/createGrid.js +28 -3
- package/legacy/Unstable_Grid/gridGenerator.js +10 -4
- package/legacy/breakpoints.js +1 -1
- package/legacy/cssVars/createCssVarsProvider.js +1 -1
- package/legacy/index.js +1 -1
- package/modern/Unstable_Grid/Grid.js +5 -0
- package/modern/Unstable_Grid/createGrid.js +29 -4
- package/modern/Unstable_Grid/gridGenerator.js +10 -4
- package/modern/breakpoints.js +1 -1
- package/modern/cssVars/createCssVarsProvider.js +1 -1
- package/modern/index.js +1 -1
- package/package.json +4 -4
- package/styleFunctionSx/styleFunctionSx.spec.d.ts +1 -1
package/Box/Box.spec.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export {};
|
|
1
|
+
export {};
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,187 @@
|
|
|
1
1
|
# [Versions](https://mui.com/versions/)
|
|
2
2
|
|
|
3
|
+
## 5.9.3
|
|
4
|
+
|
|
5
|
+
<!-- generated comparing v5.9.2..master -->
|
|
6
|
+
|
|
7
|
+
_Aug 1, 2022_
|
|
8
|
+
|
|
9
|
+
A big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
|
|
10
|
+
|
|
11
|
+
- 🖼️ @garronej worked on improving the support of Emotion packages in the System (#33205)
|
|
12
|
+
- Many other 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements
|
|
13
|
+
|
|
14
|
+
### `@mui/material@5.9.3`
|
|
15
|
+
|
|
16
|
+
- [Chip] Assign classnames and associated styles for `filled` variant (#33587) @hbjORbj
|
|
17
|
+
- [Grid] Fix `columnSpacing` and `rowSpacing` props ignore higher breakpoints with 0 (#33480) @ZeeshanTamboli
|
|
18
|
+
- [Input] Add the readOnly state class (#33654) @michaldudak
|
|
19
|
+
- [Stack] Responsive styles based on breakpoints should be in the correct order (#33552) @hbjORbj
|
|
20
|
+
|
|
21
|
+
### `@mui/system@5.9.3`
|
|
22
|
+
|
|
23
|
+
- [system] Make @emotion/\* fully supported in the System (#33205) @garronej
|
|
24
|
+
|
|
25
|
+
### `@mui/codemod@5.9.3`
|
|
26
|
+
|
|
27
|
+
- [codemod] Fix theme-spacing performance (#33691) @siriwatknp
|
|
28
|
+
- [codemod] Support @mui import for variant-prop (#33692) @siriwatknp
|
|
29
|
+
|
|
30
|
+
### `@mui/styled-engine-sc@5.9.3`
|
|
31
|
+
|
|
32
|
+
- [styled-engine-sc] Add missing @babel/runtime dependency (#33741) @MonstraG
|
|
33
|
+
|
|
34
|
+
### `@mui/joy@5.0.0-alpha.38`
|
|
35
|
+
|
|
36
|
+
- [Joy] Add Tabs components (#33664) @siriwatknp
|
|
37
|
+
- [Joy] Miscellaneous fixes (#33685) @siriwatknp
|
|
38
|
+
- [Joy] Update read.me content (#33643) @danilo-leal
|
|
39
|
+
|
|
40
|
+
### Docs
|
|
41
|
+
|
|
42
|
+
- [blog] Add blog post about company retreat in Tenerife 🏝 (#33566) @samuelsycamore
|
|
43
|
+
- [blog] Add blog post to announce the aggregation feature (#33595) @joserodolfofreitas
|
|
44
|
+
- [blog] Fix horizontal scrollbar with code snippets (#33648) @joserodolfofreitas
|
|
45
|
+
- [docs] Fix a typo in the code in `Sorting & selecting` Table demo (#33674) @mracette
|
|
46
|
+
- [docs] Fix en-US format in the Skeleton demo (#33699) @husseinsaad98
|
|
47
|
+
- [docs] Update module reference for `usePagination` (#33675) @fullstackzach
|
|
48
|
+
- [docs] Fix code examples in `styled` API vs `sx` prop docs (#33665) @ZeeshanTamboli
|
|
49
|
+
- [docs][system] Throw an informative error when `theme.vars` is used in `createTheme` and mention this in the theming docs (#33619) @hbjORbj
|
|
50
|
+
- [website] Remove legacy redirect @oliviertassinari
|
|
51
|
+
- [website] Add new legal pages (#33650) @oliviertassinari
|
|
52
|
+
- [website] Clarify when a license in development is required (#33668) @oliviertassinari
|
|
53
|
+
- [website] Update links to rows pages (#33739) @cherniavskii
|
|
54
|
+
- [website] Update pricing table to add aggregation and row pinning (#33659) @joserodolfofreitas
|
|
55
|
+
|
|
56
|
+
### Core
|
|
57
|
+
|
|
58
|
+
- [core] Replace `getInitialProps` with `getStaticProps` (#33684) @mnajdova
|
|
59
|
+
- [core] Remove accidentally added files (#33636) @michaldudak
|
|
60
|
+
- [core] Update packages with security issues (#33679) @michaldudak
|
|
61
|
+
- [core] Add React 17 nightly build (#33594) @mnajdova
|
|
62
|
+
- [core] Update lerna to 5.2.0 (#33635) @michaldudak
|
|
63
|
+
- [core] Prepare isolation of Next.js X app (#33649) @oliviertassinari
|
|
64
|
+
- [core] Remove thenify version override from package.json resolutions (#33638) @michaldudak
|
|
65
|
+
- [core] Update Node.js to 14 on CircleCI, CodeSandbox, and Netlify (#33642) @michaldudak
|
|
66
|
+
- [test] Replace istanbul-instrumenter-loader with babel-plugin-istanbul (#33666) @michaldudak
|
|
67
|
+
- [test] Run TypeScript module augmentation tests for Joy UI in CI (#33667) @ZeeshanTamboli
|
|
68
|
+
|
|
69
|
+
All contributors of this release in alphabetical order: @cherniavskii, @danilo-leal, @fullstackzach, @garronej, @hbjORbj, @husseinsaad98, @joserodolfofreitas, @michaldudak, @mnajdova, @MonstraG, @mracette, @oliviertassinari, @samuelsycamore, @siriwatknp, @ZeeshanTamboli
|
|
70
|
+
|
|
71
|
+
## 5.9.2
|
|
72
|
+
|
|
73
|
+
<!-- generated comparing v5.9.1..master -->
|
|
74
|
+
|
|
75
|
+
_Jul 25, 2022_
|
|
76
|
+
|
|
77
|
+
A big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:
|
|
78
|
+
|
|
79
|
+
- 🧪 Ensure all Base components are `OverridableComponent` (#33506) @michaldudak
|
|
80
|
+
- 🧪 Various improvements on the Material `Stack` component (#33548, #33588, #33549) @hbjORbj
|
|
81
|
+
- Many other 🐛 bug fixes and 📚 documentation improvements
|
|
82
|
+
|
|
83
|
+
### `@mui/material@5.9.2`
|
|
84
|
+
|
|
85
|
+
- ​<!-- 34 -->Revert "[Tooltip] Fix children mouse over detection (#32321)" @oliviertassinari
|
|
86
|
+
- ​<!-- 19 -->[FormHelperText] Fix unable to create new variants (#33589) @DinhBaoTran
|
|
87
|
+
- ​<!-- 18 -->[ImageList] Remove vertical spacing between items in masonry layout (#33593) @michaldudak
|
|
88
|
+
- ​<!-- 13 -->[LoadingButton] Refactor duplicate code (#33570) @ZeeshanTamboli
|
|
89
|
+
- ​<!-- 12 -->[Modal] Explain the meaning of deprecation of the BackdropComponent prop (#33591) @michaldudak
|
|
90
|
+
- ​<!-- 11 -->[Stack] Fix unit test failure (#33588) @hbjORbj
|
|
91
|
+
- ​<!-- 10 -->[Stack] Fix default `flexDirection` value with responsive prop (#33549) @hbjORbj
|
|
92
|
+
- ​<!-- 09 -->[Stack] Ensure that `marginundefined` doesn't occur in styling (#33548) @hbjORbj
|
|
93
|
+
- ​<!-- 08 -->[Tabs] Fix `indicatorColor` prop type (#33569) @ZeeshanTamboli
|
|
94
|
+
- ​<!-- 07 -->[Tabs] Add TypeScript interface to augment tab indicator color in theme (#33333) @AHeiming
|
|
95
|
+
|
|
96
|
+
### `@mui/base@5.0.0-alpha.91`
|
|
97
|
+
|
|
98
|
+
- ​<!-- 33 -->[Base] Make PopperUnstyled `component` overridable (#33573) @siriwatknp
|
|
99
|
+
- ​<!-- 32 -->[Base] Ensure all components are OverridableComponent (#33506) @michaldudak
|
|
100
|
+
|
|
101
|
+
### `@mui/joy@5.0.0-alpha.38`
|
|
102
|
+
|
|
103
|
+
- ​<!-- 17 -->[Select] Add new component in Joy (#33630) @siriwatknp
|
|
104
|
+
- ​<!-- 15 -->[Joy] Add Text field documentation (#33430, #33631) @danilo-leal
|
|
105
|
+
- ​<!-- 14 -->[Joy] Add menu components (#31789) @siriwatknp
|
|
106
|
+
|
|
107
|
+
### Docs
|
|
108
|
+
|
|
109
|
+
- ​<!-- 31 -->[blog] Fix 404 link to Algolia docs search (dd4308d) @oliviertassinari
|
|
110
|
+
- ​<!-- 28 -->[docs] Add accessibility tips (#33633) @siriwatknp
|
|
111
|
+
- ​<!-- 27 -->[docs] Fix production deploy of codesandboxes (#33608) @oliviertassinari
|
|
112
|
+
- ​<!-- 26 -->[docs] Show border on `palette.background.paper` in dark mode docs (#33611) @ZeeshanTamboli
|
|
113
|
+
- ​<!-- 25 -->[docs] Fix typo in Joy UI dark mode page (#33620) @bairamau
|
|
114
|
+
- ​<!-- 24 -->[docs] Final polish on Base docs - formatting and style consistency (#33156) @samuelsycamore
|
|
115
|
+
- ​<!-- 23 -->[docs] Fix `CssBaseline` import in example code (#33614) @dd-ssc
|
|
116
|
+
- ​<!-- 22 -->[docs] Fix Toolpad docs redirection (#33524) @bharatkashyap
|
|
117
|
+
- ​<!-- 21 -->[docs] Fix link to Snackbar customization section in Alert docs (#33586) @ZeeshanTamboli
|
|
118
|
+
- ​<!-- 20 -->[docs] Fix `placement choices` typo in Tooltip docs (#33571) @MonstraG
|
|
119
|
+
- ​<!-- 05 -->[website] Update home page's sponsor grid (#33528) @danilo-leal
|
|
120
|
+
- ​<!-- 04 -->[website] Add Vytautas to the about page (#33567) @bytasv
|
|
121
|
+
- ​<!-- 03 -->[website] Improve newsletter input design (#33585) @danilo-leal
|
|
122
|
+
- ​<!-- 02 -->[website] Add YouTube link to footer (#33580) @gerdadesign
|
|
123
|
+
- ​<!-- 01 -->[website] Clarify scope of technical support (#33435) @joserodolfofreitas
|
|
124
|
+
|
|
125
|
+
### Core
|
|
126
|
+
|
|
127
|
+
- ​<!-- 30 -->[core] Swallow ad blocker fetch fail (#33617) @oliviertassinari
|
|
128
|
+
- ​<!-- 29 -->[core] Fix dep security by resolving `thenify` to latest (#33612) @siriwatknp
|
|
129
|
+
- ​<!-- 06 -->[test] Remove `view` option from Event in Snackbar tests (#33555) @ZeeshanTamboli
|
|
130
|
+
|
|
131
|
+
All contributors of this release in alphabetical order: @AHeiming, @bairamau, @bharatkashyap, @bytasv, @danilo-leal, @dd-ssc, @DinhBaoTran, @gerdadesign, @hbjORbj, @joserodolfofreitas, @michaldudak, @MonstraG, @oliviertassinari, @samuelsycamore, @siriwatknp, @ZeeshanTamboli
|
|
132
|
+
|
|
133
|
+
## 5.9.1
|
|
134
|
+
|
|
135
|
+
<!-- generated comparing v5.9.0..master -->
|
|
136
|
+
|
|
137
|
+
_Jul 18, 2022_
|
|
138
|
+
|
|
139
|
+
A big thanks to the 17 contributors who made this release possible. This release is mainly about 🐛 bug fixes and 📚 documentation improvements
|
|
140
|
+
|
|
141
|
+
### `@mui/material@5.9.1`
|
|
142
|
+
|
|
143
|
+
- ​<!-- 24 -->[Autocomplete] Fix disabling component crashing when focused (#31313) @mzedel
|
|
144
|
+
- ​<!-- 07 -->[Grid] Avoid scrollbar in demo (#33527) @oliviertassinari
|
|
145
|
+
- ​<!-- 05 -->[Slider] Fix transition of tooltips on vertical slider (#33009) @abhinav-22-tech
|
|
146
|
+
- ​<!-- 01 -->[TouchRipple] Fix crash on android where `event.touches` are an empty array (#32974) @lukeggchapman
|
|
147
|
+
|
|
148
|
+
### `@mui/system@5.9.1`
|
|
149
|
+
|
|
150
|
+
- ​<!-- 04 -->[system] Add flag to switch negative margin approach in Grid (#33484) @siriwatknp
|
|
151
|
+
- ​<!-- 03 -->[system] Remove needless optional chaining check in `createEmptyBreakpointObject` method (#33482) @ZeeshanTamboli
|
|
152
|
+
|
|
153
|
+
### `@mui/base@5.0.0-alpha.90`
|
|
154
|
+
|
|
155
|
+
- ​<!-- 23 -->[base] Export types used by components' props (#33522) @michaldudak
|
|
156
|
+
- ​<!-- 22 -->[base] Add missing type definitions in useControllableReducer (#33496) @michaldudak
|
|
157
|
+
- ​<!-- 06 -->[SelectUnstyled] Do not call onChange unnecessarily (#33408) @michaldudak
|
|
158
|
+
|
|
159
|
+
### `@mui/lab@5.0.0-alpha.91`
|
|
160
|
+
|
|
161
|
+
- ​<!-- 02 -->[TimelineDot] Add TimelineDotPropsColorOverrides interface to extend color options (#33466) @lolaignatova
|
|
162
|
+
|
|
163
|
+
### Docs
|
|
164
|
+
|
|
165
|
+
- ​<!-- 19 -->[docs] Add note about CssBaseline in the dark mode page (#33108) @GabrielaLokelani
|
|
166
|
+
- ​<!-- 18 -->[docs] Fix typos in the Interoperability page (#33273) @HexM7
|
|
167
|
+
- ​<!-- 17 -->[docs] Improve the `useTheme` documentation (#33508) @rickstaa
|
|
168
|
+
- ​<!-- 16 -->[docs] Fix 301 redirections (#33521) @oliviertassinari
|
|
169
|
+
- ​<!-- 15 -->[docs] Link the same codesandbox as in the docs (#33472) @oliviertassinari
|
|
170
|
+
- ​<!-- 14 -->[docs] Fix copy search false positives (#33438) @oliviertassinari
|
|
171
|
+
- ​<!-- 13 -->[docs] Fix typo (#33520) @aravindpanicker
|
|
172
|
+
- ​<!-- 12 -->[docs] Update Tailwind docs to include step about updating popover containers (#33315) @ajhenry
|
|
173
|
+
- ​<!-- 11 -->[docs] Add yarn command for Roboto font in Material UI's typography.md (#33485) @anthonypz
|
|
174
|
+
- ​<!-- 10 -->[docs] Add new community content to the Material UI Learn page (#32927) @Nikhilthadani
|
|
175
|
+
- ​<!-- 09 -->[examples] Change createEmotionCache to use `insertionPoint` (#32104) @ANTARES-KOR
|
|
176
|
+
- ​<!-- 08 -->[examples] Fix error in Next.js example with @mui/styles (#33456) @paustria
|
|
177
|
+
|
|
178
|
+
### Core
|
|
179
|
+
|
|
180
|
+
- ​<!-- 21 -->[core] Cleanup experiments (#33547) @siriwatknp
|
|
181
|
+
- ​<!-- 20 -->[core] Update CHANGELOG to include pickers breaking change (#33486) @siriwatknp
|
|
182
|
+
|
|
183
|
+
All contributors of this release in alphabetical order: @abhinav-22-tech, @ajhenry, @ANTARES-KOR, @anthonypz, @aravindpanicker, @GabrielaLokelani, @HexM7, @lolaignatova, @lukeggchapman, @michaldudak, @mzedel, @Nikhilthadani, @oliviertassinari, @paustria, @rickstaa, @siriwatknp, @ZeeshanTamboli
|
|
184
|
+
|
|
3
185
|
## 5.9.0
|
|
4
186
|
|
|
5
187
|
<!-- generated comparing v5.8.7..master -->
|
|
@@ -11,6 +193,7 @@ A big thanks to the 19 contributors who made this release possible. Here are som
|
|
|
11
193
|
- 🧪 Exported Grid v2 as `Unstable_Grid2` (#33479) @siriwatknp
|
|
12
194
|
- 📖 Added a guide for using Joy UI and Material UI together (#33396) @siriwatknp
|
|
13
195
|
- 🐛 Fixed a few bugs in Material UI components. Thanks to @ZeeshanTamboli, @ivan-ngchakming, and @joebingham-wk.
|
|
196
|
+
- ⚠️ **[BREAKING CHANGE]** Date pickers were removed from the lab. Learn how to migrate by visiting the [migration guide](https://mui.com/x/react-date-pickers/migration-lab/). (#33386) @flaviendelangle
|
|
14
197
|
- many other 🐛 bug fixes and 📚 documentation improvements
|
|
15
198
|
- our documentation site is now running with React 18! (#33196) @mnajdova
|
|
16
199
|
|
|
@@ -32,12 +215,19 @@ A big thanks to the 19 contributors who made this release possible. Here are som
|
|
|
32
215
|
|
|
33
216
|
### `@mui/lab@5.0.0-alpha.90`
|
|
34
217
|
|
|
218
|
+
**⚠️ Breaking changes**
|
|
219
|
+
|
|
35
220
|
- [lab] Remove the pickers (#33386) @flaviendelangle
|
|
36
|
-
|
|
221
|
+
|
|
222
|
+
The pickers are moved to MUI X, check out the [migration guide](https://mui.com/x/react-date-pickers/migration-lab/).
|
|
223
|
+
|
|
224
|
+
**Changes**
|
|
225
|
+
|
|
226
|
+
- [Masonry] Support rem/em values for spacing prop (#33384) @hbjORbj
|
|
37
227
|
|
|
38
228
|
### `@mui/base@5.0.0-alpha.89`
|
|
39
229
|
|
|
40
|
-
- Base] Change the order of class names merged in useSlotProps (#33383) @michaldudak
|
|
230
|
+
- [Base] Change the order of class names merged in useSlotProps (#33383) @michaldudak
|
|
41
231
|
- [ModalUnstyled] Accept callbacks in componentsProps (#33181) @michaldudak
|
|
42
232
|
- [SelectUnstyled] Accept callbacks in componentsProps (#33197) @michaldudak
|
|
43
233
|
- [TabsUnstyled] Accept callbacks in componentsProps (#33284) @michaldudak
|
|
@@ -2004,7 +2194,7 @@ A big thanks to the 16 contributors who made this release possible. Here are som
|
|
|
2004
2194
|
- ​<!-- 19 -->[docs] Sync translations with Crowdin (#30067) @l10nbot
|
|
2005
2195
|
- ​<!-- 18 -->[docs] Fix link on "Custom variables" section in the Theming page #30100 @danilo-leal
|
|
2006
2196
|
- ​<!-- 17 -->[docs] Fix justifyContent option in the Grid interactive demo (#30117) @danilo-leal
|
|
2007
|
-
- ​<!-- 16 -->[docs] Add tip to help access the docs of a previous version when finding answers in
|
|
2197
|
+
- ​<!-- 16 -->[docs] Add tip to help access the docs of a previous version when finding answers in Stack Overflow (#30101) @danilo-leal
|
|
2008
2198
|
- ​<!-- 15 -->[docs] Fix import example inside Unstyled Backdrop section (#30098) @TheodosiouTh
|
|
2009
2199
|
- ​<!-- 01 -->[website] Column pinning and Tree data are out (#30136) @oliviertassinari
|
|
2010
2200
|
- ​<!-- 07 -->[survey] Remove survey promotion items (#30122) @danilo-leal
|
|
@@ -2085,7 +2275,7 @@ A big thanks to the 25 contributors who made this release possible. Here are som
|
|
|
2085
2275
|
- ​<!-- 21 -->[docs] Update nextjs-typescript-example (#29974) @huydhoang
|
|
2086
2276
|
- ​<!-- 20 -->[docs] Add missing global state classes to API docs generator (#29945) @michaldudak
|
|
2087
2277
|
- ​<!-- 19 -->[docs] Fix benchmarks folder link (#29981) @fourjr
|
|
2088
|
-
- ​<!-- 18 -->[docs] Improve wording in
|
|
2278
|
+
- ​<!-- 18 -->[docs] Improve wording in Stack Overflow section of support page (#29956) @ronwarner
|
|
2089
2279
|
- ​<!-- 17 -->[docs] Remove Black Friday sale notification (#29936) @mbrookes
|
|
2090
2280
|
- ​<!-- 16 -->[examples] Fix typos in the Remix example (#30071) @MichaelDeBoey
|
|
2091
2281
|
- ​<!-- 15 -->[examples] Add Remix example (#29952) @mnajdova
|
|
@@ -2098,7 +2288,7 @@ A big thanks to the 25 contributors who made this release possible. Here are som
|
|
|
2098
2288
|
### Core
|
|
2099
2289
|
|
|
2100
2290
|
- ​<!-- 31 -->[core] Batch small changes (#30042) @oliviertassinari
|
|
2101
|
-
- ​<!-- 28 -->[core] Transition to a new
|
|
2291
|
+
- ​<!-- 28 -->[core] Transition to a new Stack Overflow tag (#29967) @oliviertassinari
|
|
2102
2292
|
|
|
2103
2293
|
All contributors of this release in alphabetical order: @chao813, @daniel-sachs, @danilo-leal, @Domino987, @eduardomcv, @flaviendelangle, @fourjr, @genzyy, @hbjORbj, @huydhoang, @jayeclark, @jonathanrtuck, @kkorach, @l10nbot, @mbrookes, @MichaelDeBoey, @michaldudak, @mnajdova, @oliviertassinari, @ronwarner, @Semigradsky, @siriwatknp, @tasugi, @ThewBear, @ZeeshanTamboli
|
|
2104
2294
|
|
|
@@ -5784,7 +5974,7 @@ A big thanks to the 30 contributors who made this release possible. Here are som
|
|
|
5784
5974
|
#### Breaking changes
|
|
5785
5975
|
|
|
5786
5976
|
- ​<!-- 91 -->[types] Rename the exported `Omit` type in `@material-ui/types`. (#24795) @petyosi
|
|
5787
|
-
The module is now called `DistributiveOmit`. The change removes the confusion with the built-in `Omit` helper introduced in TypeScript v3.5. The built-in `Omit`, while similar, is non-distributive. This leads to differences when applied to union types. [See this
|
|
5977
|
+
The module is now called `DistributiveOmit`. The change removes the confusion with the built-in `Omit` helper introduced in TypeScript v3.5. The built-in `Omit`, while similar, is non-distributive. This leads to differences when applied to union types. [See this Stack Overflow answer for further details](https://stackoverflow.com/a/57103940/1009797).
|
|
5788
5978
|
|
|
5789
5979
|
```diff
|
|
5790
5980
|
-import { Omit } from '@material-ui/types';
|
package/Container/Container.d.ts
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
/**
|
|
2
|
-
*
|
|
3
|
-
* Demos:
|
|
4
|
-
*
|
|
5
|
-
* - [Container (Material UI)](https://mui.com/material-ui/react-container/)
|
|
6
|
-
* - [Container (MUI System)](https://mui.com/system/react-container/)
|
|
7
|
-
*
|
|
8
|
-
* API:
|
|
9
|
-
*
|
|
10
|
-
* - [Container API](https://mui.com/system/api/container/)
|
|
11
|
-
*/
|
|
12
|
-
declare const Container: import("@mui/types").OverridableComponent<import("./ContainerProps").ContainerTypeMap<{}, "div">>;
|
|
13
|
-
export default Container;
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Demos:
|
|
4
|
+
*
|
|
5
|
+
* - [Container (Material UI)](https://mui.com/material-ui/react-container/)
|
|
6
|
+
* - [Container (MUI System)](https://mui.com/system/react-container/)
|
|
7
|
+
*
|
|
8
|
+
* API:
|
|
9
|
+
*
|
|
10
|
+
* - [Container API](https://mui.com/system/api/container/)
|
|
11
|
+
*/
|
|
12
|
+
declare const Container: import("@mui/types").OverridableComponent<import("./ContainerProps").ContainerTypeMap<{}, "div">>;
|
|
13
|
+
export default Container;
|
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { OverrideProps } from '@mui/types';
|
|
3
|
-
import { SxProps } from '../styleFunctionSx';
|
|
4
|
-
import { Theme, Breakpoint } from '../createTheme';
|
|
5
|
-
import { ContainerClasses } from './containerClasses';
|
|
6
|
-
export interface ContainerTypeMap<P = {}, D extends React.ElementType = 'div'> {
|
|
7
|
-
props: P & {
|
|
8
|
-
children?: React.ReactNode;
|
|
9
|
-
/**
|
|
10
|
-
* Override or extend the styles applied to the component.
|
|
11
|
-
*/
|
|
12
|
-
classes?: Partial<ContainerClasses>;
|
|
13
|
-
/**
|
|
14
|
-
* If `true`, the left and right padding is removed.
|
|
15
|
-
* @default false
|
|
16
|
-
*/
|
|
17
|
-
disableGutters?: boolean;
|
|
18
|
-
/**
|
|
19
|
-
* Set the max-width to match the min-width of the current breakpoint.
|
|
20
|
-
* This is useful if you'd prefer to design for a fixed set of sizes
|
|
21
|
-
* instead of trying to accommodate a fully fluid viewport.
|
|
22
|
-
* It's fluid by default.
|
|
23
|
-
* @default false
|
|
24
|
-
*/
|
|
25
|
-
fixed?: boolean;
|
|
26
|
-
/**
|
|
27
|
-
* Determine the max-width of the container.
|
|
28
|
-
* The container width grows with the size of the screen.
|
|
29
|
-
* Set to `false` to disable `maxWidth`.
|
|
30
|
-
* @default 'lg'
|
|
31
|
-
*/
|
|
32
|
-
maxWidth?: Breakpoint | false;
|
|
33
|
-
/**
|
|
34
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
35
|
-
*/
|
|
36
|
-
sx?: SxProps<Theme>;
|
|
37
|
-
};
|
|
38
|
-
defaultComponent: D;
|
|
39
|
-
}
|
|
40
|
-
export declare type ContainerProps<D extends React.ElementType = ContainerTypeMap['defaultComponent'], P = {}> = OverrideProps<ContainerTypeMap<P, D>, D>;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { OverrideProps } from '@mui/types';
|
|
3
|
+
import { SxProps } from '../styleFunctionSx';
|
|
4
|
+
import { Theme, Breakpoint } from '../createTheme';
|
|
5
|
+
import { ContainerClasses } from './containerClasses';
|
|
6
|
+
export interface ContainerTypeMap<P = {}, D extends React.ElementType = 'div'> {
|
|
7
|
+
props: P & {
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
/**
|
|
10
|
+
* Override or extend the styles applied to the component.
|
|
11
|
+
*/
|
|
12
|
+
classes?: Partial<ContainerClasses>;
|
|
13
|
+
/**
|
|
14
|
+
* If `true`, the left and right padding is removed.
|
|
15
|
+
* @default false
|
|
16
|
+
*/
|
|
17
|
+
disableGutters?: boolean;
|
|
18
|
+
/**
|
|
19
|
+
* Set the max-width to match the min-width of the current breakpoint.
|
|
20
|
+
* This is useful if you'd prefer to design for a fixed set of sizes
|
|
21
|
+
* instead of trying to accommodate a fully fluid viewport.
|
|
22
|
+
* It's fluid by default.
|
|
23
|
+
* @default false
|
|
24
|
+
*/
|
|
25
|
+
fixed?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* Determine the max-width of the container.
|
|
28
|
+
* The container width grows with the size of the screen.
|
|
29
|
+
* Set to `false` to disable `maxWidth`.
|
|
30
|
+
* @default 'lg'
|
|
31
|
+
*/
|
|
32
|
+
maxWidth?: Breakpoint | false;
|
|
33
|
+
/**
|
|
34
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
35
|
+
*/
|
|
36
|
+
sx?: SxProps<Theme>;
|
|
37
|
+
};
|
|
38
|
+
defaultComponent: D;
|
|
39
|
+
}
|
|
40
|
+
export declare type ContainerProps<D extends React.ElementType = ContainerTypeMap['defaultComponent'], P = {}> = OverrideProps<ContainerTypeMap<P, D>, D>;
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
export interface ContainerClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `disableGutters={true}`. */
|
|
5
|
-
disableGutters: string;
|
|
6
|
-
/** Styles applied to the root element if `fixed={true}`. */
|
|
7
|
-
fixed: string;
|
|
8
|
-
/** Styles applied to the root element if `maxWidth="xs"`. */
|
|
9
|
-
maxWidthXs: string;
|
|
10
|
-
/** Styles applied to the root element if `maxWidth="sm"`. */
|
|
11
|
-
maxWidthSm: string;
|
|
12
|
-
/** Styles applied to the root element if `maxWidth="md"`. */
|
|
13
|
-
maxWidthMd: string;
|
|
14
|
-
/** Styles applied to the root element if `maxWidth="lg"`. */
|
|
15
|
-
maxWidthLg: string;
|
|
16
|
-
/** Styles applied to the root element if `maxWidth="xl"`. */
|
|
17
|
-
maxWidthXl: string;
|
|
18
|
-
}
|
|
19
|
-
export declare type ContainerClassKey = keyof ContainerClasses;
|
|
20
|
-
export declare function getContainerUtilityClass(slot: string): string;
|
|
21
|
-
declare const containerClasses: ContainerClasses;
|
|
22
|
-
export default containerClasses;
|
|
1
|
+
export interface ContainerClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `disableGutters={true}`. */
|
|
5
|
+
disableGutters: string;
|
|
6
|
+
/** Styles applied to the root element if `fixed={true}`. */
|
|
7
|
+
fixed: string;
|
|
8
|
+
/** Styles applied to the root element if `maxWidth="xs"`. */
|
|
9
|
+
maxWidthXs: string;
|
|
10
|
+
/** Styles applied to the root element if `maxWidth="sm"`. */
|
|
11
|
+
maxWidthSm: string;
|
|
12
|
+
/** Styles applied to the root element if `maxWidth="md"`. */
|
|
13
|
+
maxWidthMd: string;
|
|
14
|
+
/** Styles applied to the root element if `maxWidth="lg"`. */
|
|
15
|
+
maxWidthLg: string;
|
|
16
|
+
/** Styles applied to the root element if `maxWidth="xl"`. */
|
|
17
|
+
maxWidthXl: string;
|
|
18
|
+
}
|
|
19
|
+
export declare type ContainerClassKey = keyof ContainerClasses;
|
|
20
|
+
export declare function getContainerUtilityClass(slot: string): string;
|
|
21
|
+
declare const containerClasses: ContainerClasses;
|
|
22
|
+
export default containerClasses;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { Interpolation, StyledComponent } from '@mui/styled-engine';
|
|
3
|
-
import { OverridableComponent } from '@mui/types';
|
|
4
|
-
import { ContainerProps, ContainerTypeMap } from './ContainerProps';
|
|
5
|
-
import { Theme as DefaultTheme } from '../createTheme';
|
|
6
|
-
interface StyleFnProps<Theme> extends ContainerProps {
|
|
7
|
-
theme: Theme;
|
|
8
|
-
ownerState: ContainerProps;
|
|
9
|
-
}
|
|
10
|
-
declare type RequiredThemeStructure = Pick<DefaultTheme, 'breakpoints' | 'spacing'>;
|
|
11
|
-
export default function createContainer<Theme extends RequiredThemeStructure = DefaultTheme>(options?: {
|
|
12
|
-
createStyledComponent?: (...styles: Array<Interpolation<StyleFnProps<Theme>>>) => StyledComponent<ContainerProps>;
|
|
13
|
-
useThemeProps?: (inProps: ContainerProps) => ContainerProps & {
|
|
14
|
-
component?: React.ElementType;
|
|
15
|
-
};
|
|
16
|
-
componentName?: string;
|
|
17
|
-
}): OverridableComponent<ContainerTypeMap<{}, "div">>;
|
|
18
|
-
export {};
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Interpolation, StyledComponent } from '@mui/styled-engine';
|
|
3
|
+
import { OverridableComponent } from '@mui/types';
|
|
4
|
+
import { ContainerProps, ContainerTypeMap } from './ContainerProps';
|
|
5
|
+
import { Theme as DefaultTheme } from '../createTheme';
|
|
6
|
+
interface StyleFnProps<Theme> extends ContainerProps {
|
|
7
|
+
theme: Theme;
|
|
8
|
+
ownerState: ContainerProps;
|
|
9
|
+
}
|
|
10
|
+
declare type RequiredThemeStructure = Pick<DefaultTheme, 'breakpoints' | 'spacing'>;
|
|
11
|
+
export default function createContainer<Theme extends RequiredThemeStructure = DefaultTheme>(options?: {
|
|
12
|
+
createStyledComponent?: (...styles: Array<Interpolation<StyleFnProps<Theme>>>) => StyledComponent<ContainerProps>;
|
|
13
|
+
useThemeProps?: (inProps: ContainerProps) => ContainerProps & {
|
|
14
|
+
component?: React.ElementType;
|
|
15
|
+
};
|
|
16
|
+
componentName?: string;
|
|
17
|
+
}): OverridableComponent<ContainerTypeMap<{}, "div">>;
|
|
18
|
+
export {};
|
package/Unstable_Grid/Grid.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
/**
|
|
2
|
-
*
|
|
3
|
-
* Demos:
|
|
4
|
-
*
|
|
5
|
-
* - [Grid (Material UI)](https://mui.com/material-ui/react-grid/)
|
|
6
|
-
*
|
|
7
|
-
* API:
|
|
8
|
-
*
|
|
9
|
-
* - [Grid API](https://mui.com/system/api/grid/)
|
|
10
|
-
*/
|
|
11
|
-
declare const Grid: import("@mui/types").OverridableComponent<import("./GridProps").GridTypeMap<{}, "div">>;
|
|
12
|
-
export default Grid;
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Demos:
|
|
4
|
+
*
|
|
5
|
+
* - [Grid (Material UI)](https://mui.com/material-ui/react-grid/)
|
|
6
|
+
*
|
|
7
|
+
* API:
|
|
8
|
+
*
|
|
9
|
+
* - [Grid API](https://mui.com/system/api/grid/)
|
|
10
|
+
*/
|
|
11
|
+
declare const Grid: import("@mui/types").OverridableComponent<import("./GridProps").GridTypeMap<{}, "div">>;
|
|
12
|
+
export default Grid;
|
package/Unstable_Grid/Grid.js
CHANGED
|
@@ -67,6 +67,11 @@ process.env.NODE_ENV !== "production" ? Grid.propTypes
|
|
|
67
67
|
/* @typescript-to-proptypes-ignore */
|
|
68
68
|
.oneOfType([_propTypes.default.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), _propTypes.default.arrayOf(_propTypes.default.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), _propTypes.default.object]),
|
|
69
69
|
|
|
70
|
+
/**
|
|
71
|
+
* If `true`, the negative margin and padding are apply only to the top and left sides of the grid.
|
|
72
|
+
*/
|
|
73
|
+
disableEqualOverflow: _propTypes.default.bool,
|
|
74
|
+
|
|
70
75
|
/**
|
|
71
76
|
* If a number, it sets the number of columns the grid item uses.
|
|
72
77
|
* It can't be greater than the total number of columns of the container (12 by default).
|