@mui/system 5.13.6 → 5.14.0
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.js +1 -0
- package/Box/index.js +1 -0
- package/CHANGELOG.md +162 -10
- package/Container/Container.d.ts +13 -13
- package/Container/Container.js +1 -0
- package/Container/ContainerProps.d.ts +40 -40
- package/Container/containerClasses.d.ts +22 -22
- package/Container/createContainer.d.ts +18 -18
- package/Container/index.js +1 -0
- package/GlobalStyles/GlobalStyles.d.ts +13 -13
- package/GlobalStyles/GlobalStyles.js +1 -0
- package/GlobalStyles/index.d.ts +2 -2
- package/GlobalStyles/index.js +1 -0
- package/README.md +2 -2
- package/Stack/Stack.d.ts +14 -14
- package/Stack/Stack.js +1 -0
- package/Stack/StackProps.d.ts +53 -53
- package/Stack/createStack.d.ts +21 -21
- package/Stack/createStack.js +1 -1
- package/Stack/index.d.ts +5 -5
- package/Stack/index.js +1 -0
- package/Stack/stackClasses.d.ts +8 -8
- package/ThemeProvider/ThemeProvider.js +1 -0
- package/ThemeProvider/index.js +1 -0
- package/Unstable_Grid/Grid.d.ts +12 -12
- package/Unstable_Grid/Grid.js +1 -0
- package/Unstable_Grid/GridProps.d.ts +185 -185
- package/Unstable_Grid/createGrid.d.ts +11 -11
- package/Unstable_Grid/gridClasses.d.ts +20 -20
- package/Unstable_Grid/gridGenerator.d.ts +33 -33
- package/Unstable_Grid/index.d.ts +6 -6
- package/Unstable_Grid/index.js +1 -0
- package/Unstable_Grid/traverseBreakpoints.d.ts +7 -7
- package/createBox.js +1 -0
- package/createTheme/createSpacing.d.ts +10 -10
- package/cssVars/createCssVarsTheme.d.ts +15 -15
- package/cssVars/createGetCssVar.d.ts +5 -5
- package/cssVars/cssVarsParser.d.ts +64 -64
- package/cssVars/getInitColorSchemeScript.d.ts +42 -42
- package/cssVars/index.d.ts +5 -5
- package/cssVars/index.js +1 -0
- package/cssVars/prepareCssVars.d.ts +16 -16
- package/cssVars/useCurrentColorScheme.d.ts +53 -53
- package/cssVars/useCurrentColorScheme.js +1 -0
- package/esm/Box/Box.js +2 -0
- package/esm/Box/index.js +2 -0
- package/esm/Container/Container.js +2 -0
- package/esm/Container/index.js +2 -0
- package/esm/GlobalStyles/GlobalStyles.js +2 -0
- package/esm/GlobalStyles/index.js +2 -0
- package/esm/Stack/Stack.js +2 -0
- package/esm/Stack/createStack.js +1 -1
- package/esm/Stack/index.js +2 -0
- package/esm/ThemeProvider/ThemeProvider.js +2 -0
- package/esm/ThemeProvider/index.js +2 -0
- package/esm/Unstable_Grid/Grid.js +2 -0
- package/esm/Unstable_Grid/index.js +2 -0
- package/esm/createBox.js +2 -0
- package/esm/cssVars/index.js +2 -0
- package/esm/cssVars/useCurrentColorScheme.js +2 -0
- package/esm/index.js +2 -0
- package/esm/useTheme.js +2 -0
- package/esm/useThemeProps/index.js +2 -0
- package/esm/useThemeProps/useThemeProps.js +2 -0
- package/esm/useThemeWithoutDefault.js +2 -0
- package/index.js +2 -1
- package/legacy/Box/Box.js +2 -0
- package/legacy/Box/index.js +2 -0
- package/legacy/Container/Container.js +2 -0
- package/legacy/Container/index.js +2 -0
- package/legacy/GlobalStyles/GlobalStyles.js +2 -0
- package/legacy/GlobalStyles/index.js +2 -0
- package/legacy/Stack/Stack.js +2 -0
- package/legacy/Stack/createStack.js +1 -1
- package/legacy/Stack/index.js +2 -0
- package/legacy/ThemeProvider/ThemeProvider.js +2 -0
- package/legacy/ThemeProvider/index.js +2 -0
- package/legacy/Unstable_Grid/Grid.js +2 -0
- package/legacy/Unstable_Grid/index.js +2 -0
- package/legacy/createBox.js +2 -0
- package/legacy/cssVars/index.js +2 -0
- package/legacy/cssVars/useCurrentColorScheme.js +2 -0
- package/legacy/index.js +3 -1
- package/legacy/useTheme.js +2 -0
- package/legacy/useThemeProps/index.js +2 -0
- package/legacy/useThemeProps/useThemeProps.js +2 -0
- package/legacy/useThemeWithoutDefault.js +2 -0
- package/modern/Box/Box.js +2 -0
- package/modern/Box/index.js +2 -0
- package/modern/Container/Container.js +2 -0
- package/modern/Container/index.js +2 -0
- package/modern/GlobalStyles/GlobalStyles.js +2 -0
- package/modern/GlobalStyles/index.js +2 -0
- package/modern/Stack/Stack.js +2 -0
- package/modern/Stack/createStack.js +1 -1
- package/modern/Stack/index.js +2 -0
- package/modern/ThemeProvider/ThemeProvider.js +2 -0
- package/modern/ThemeProvider/index.js +2 -0
- package/modern/Unstable_Grid/Grid.js +2 -0
- package/modern/Unstable_Grid/index.js +2 -0
- package/modern/createBox.js +2 -0
- package/modern/cssVars/index.js +2 -0
- package/modern/cssVars/useCurrentColorScheme.js +2 -0
- package/modern/index.js +3 -1
- package/modern/useTheme.js +2 -0
- package/modern/useThemeProps/index.js +2 -0
- package/modern/useThemeProps/useThemeProps.js +2 -0
- package/modern/useThemeWithoutDefault.js +2 -0
- package/package.json +4 -4
- package/useTheme.js +1 -0
- package/useThemeProps/index.js +1 -0
- package/useThemeProps/useThemeProps.js +1 -0
- package/useThemeWithoutDefault.js +1 -0
package/Box/Box.js
CHANGED
package/Box/index.js
CHANGED
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,157 @@
|
|
|
1
1
|
# [Versions](https://mui.com/versions/)
|
|
2
2
|
|
|
3
|
+
## 5.14.0
|
|
4
|
+
|
|
5
|
+
<!-- generated comparing v5.13.7..master -->
|
|
6
|
+
|
|
7
|
+
_Jul 11, 2023_
|
|
8
|
+
|
|
9
|
+
A big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
|
|
10
|
+
|
|
11
|
+
- 💫 Material UI, Joy UI, and Base UI are compatible with [NextJS App Router](https://nextjs.org/docs/app) (#37656) @mj12albert
|
|
12
|
+
- 📚 Added new guides for integrating with Next.js 13 App Router (#37656) @mj12albert
|
|
13
|
+
- Ⓜ️ [Material UI guide](https://mui.com/material-ui/guides/next-js-app-router/)
|
|
14
|
+
- 🅙 [Joy UI guide](https://mui.com/joy-ui/guides/next-js-app-router/)
|
|
15
|
+
- 🅱️ [Base UI guide](https://mui.com/base-ui/guides/next-js-app-router/)
|
|
16
|
+
- 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements.
|
|
17
|
+
|
|
18
|
+
### `@mui/material@5.14.0`
|
|
19
|
+
|
|
20
|
+
- [Autocomplete] Enable global customization of different options (#36971) @nicolas-ot
|
|
21
|
+
|
|
22
|
+
### `@mui/material-next@6.0.0-alpha.92`
|
|
23
|
+
|
|
24
|
+
- [Slider][material-next] Slider restructure and style improvements (#37644) @DiegoAndai
|
|
25
|
+
|
|
26
|
+
### `@mui/joy@5.0.0-alpha.87`
|
|
27
|
+
|
|
28
|
+
- [ButtonGroup] Fix style for single Button (#37692) @MaybePixem
|
|
29
|
+
- Fix theme typography fallback value (#37845) @siriwatknp
|
|
30
|
+
|
|
31
|
+
### `@mui/icons-material@5.14.0`
|
|
32
|
+
|
|
33
|
+
- [icons-material] Rebuild icons with `"use client"` (#37894) @mj12albert
|
|
34
|
+
|
|
35
|
+
### Docs
|
|
36
|
+
|
|
37
|
+
- [docs] Polish ukraine banner (#37905) @oliviertassinari
|
|
38
|
+
- [docs] Reduce ukraine banner size (#34795) @oliviertassinari
|
|
39
|
+
- [docs] Add callouts about controlled vs uncontrolled components in Core docs (#37849) @samuelsycamore
|
|
40
|
+
- [docs] Add missing Portal elements to Tailwind CSS interoperability guide (#37807) @enrique-ramirez
|
|
41
|
+
- [docs] Small pickers migration improvement (#37815) @alexfauquette
|
|
42
|
+
- [docs] Fix pickers product name (#37825) @LukasTy
|
|
43
|
+
- [docs][Joy][Link] Set `variant` and `color` defaults for the playground (#37817) @Studio384
|
|
44
|
+
- [docs][Joy][Table] Add `undefined` as an option to `stripe` (#37816) @Studio384
|
|
45
|
+
- [docs][base] Add Tailwind CSS & plain CSS demo on the Snackbar page (#37812) @mnajdova
|
|
46
|
+
- [docs][base] Add Tailwind CSS & plain CSS demo on Badge page (#37768) @mnajdova
|
|
47
|
+
- [docs][base] Fix Nested modal demo positioning (#37506) @gitstart
|
|
48
|
+
- [docs][base] Add Tailwind CSS & plain CSS demo on the Switch page (#37728) @mnajdova
|
|
49
|
+
- [docs-infra] Remove code tags in ToC (#37834) @cherniavskii
|
|
50
|
+
- [docs-infra] Fixes in API pages generation (#37813) @mnajdova
|
|
51
|
+
- [docs-infra] Add test case when using sh (#37818) @oliviertassinari
|
|
52
|
+
- [docs-infra] Use icons instead of words for the code copy button (#37664) @danilo-leal
|
|
53
|
+
- [docs-infra] Fix code parser (#37828) @alexfauquette
|
|
54
|
+
- [docs-infra] Fix `marked` deprecation warning (#37769) @alexfauquette
|
|
55
|
+
- [docs-infra] Allows to use codeblock in the docs (#37643) @alexfauquette
|
|
56
|
+
- [docs-infra][joy] Change Joy UI's playground variant selector (#37821) @danilo-leal
|
|
57
|
+
|
|
58
|
+
### Core
|
|
59
|
+
|
|
60
|
+
- [core] Prepend "use-client" directive + add docs and examples for using MUI libraries with Next.js App Router (#37656) @mj12albert
|
|
61
|
+
- [core] Fix imports to React (#37863) @oliviertassinari
|
|
62
|
+
- [core] Disambiguate eslint plugin name @oliviertassinari
|
|
63
|
+
- [core] Sync the lint script name with the other repositories @oliviertassinari
|
|
64
|
+
- [core] Point to Crowdin directly @oliviertassinari
|
|
65
|
+
- [website] Sync career page (#37847) @oliviertassinari
|
|
66
|
+
|
|
67
|
+
All contributors of this release in alphabetical order: @alexfauquette, @cherniavskii, @danilo-leal, @DiegoAndai, @enrique-ramirez, @gitstart, @LukasTy, @MaybePixem, @mj12albert, @mnajdova, @nicolas-ot, @oliviertassinari, @samuelsycamore, @siriwatknp, @Studio384
|
|
68
|
+
|
|
69
|
+
## 5.13.7
|
|
70
|
+
|
|
71
|
+
<!-- generated comparing v5.13.6..master -->
|
|
72
|
+
|
|
73
|
+
_Jul 4, 2023_
|
|
74
|
+
|
|
75
|
+
A big thanks to the 21 contributors who made this release possible.
|
|
76
|
+
This release focuses primarily on 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements.
|
|
77
|
+
|
|
78
|
+
### `@mui/material@5.13.7`
|
|
79
|
+
|
|
80
|
+
- [OutlinedInput] Fix form control properties in `ownerState` (#37668) @vonagam
|
|
81
|
+
|
|
82
|
+
### `@mui/system@5.13.7`
|
|
83
|
+
|
|
84
|
+
- [Stack] Fix spacing when there are `<style>` children (#34966) @cmd-johnson
|
|
85
|
+
|
|
86
|
+
### `@mui/icons-material@5.13.7`
|
|
87
|
+
|
|
88
|
+
- [icons] Add Microsoft logo (#37717) @zephyrus21
|
|
89
|
+
|
|
90
|
+
### `@mui/joy@5.0.0-alpha.86`
|
|
91
|
+
|
|
92
|
+
- [Autocomplete][joy] Fix Autocomplete and Modal components to work together (#37515) @saikathalderr
|
|
93
|
+
- [Menu][Joy] Improve UX of `Menu` usage demo (#37797) @sai6855
|
|
94
|
+
|
|
95
|
+
### `@mui/base@5.0.0-beta.6`
|
|
96
|
+
|
|
97
|
+
- [Slider][base][material][joy] Fix not draggable on the edge when `disableSwap={true}` (#35998) @sai6855
|
|
98
|
+
- [Slider][base] Provide slot state to Slider's thumb slot props callback (#37749) @mnajdova
|
|
99
|
+
- [Tabs] Wrap TabsList context creation in useMemo (#37370) @michaldudak
|
|
100
|
+
- [TextareaAutosize] Fix wrong height measurement (#37185) @bigteech
|
|
101
|
+
|
|
102
|
+
### `@mui/lab@5.0.0-alpha.135`
|
|
103
|
+
|
|
104
|
+
- [Timeline] Fix position `alternate-reverse` generated classname (#37678) @ZeeshanTamboli
|
|
105
|
+
|
|
106
|
+
### Docs
|
|
107
|
+
|
|
108
|
+
- [docs][base] Add demo for using the Button as a link (#37317) @AdamSundberg
|
|
109
|
+
- [docs][base] Add Tailwind CSS + plain CSS demo on the Select page (#37725) @mnajdova
|
|
110
|
+
- [docs][base] Make Base UI input demos denser (#37750) @zanivan
|
|
111
|
+
- [docs][base] Make Base UI button demos denser (#37689) @zanivan
|
|
112
|
+
- [docs][base] Add Tailwind CSS & plain CSS demos on the Input page (#37685) @mnajdova
|
|
113
|
+
- [docs][base] Fix horizontal scrolling on the mobile input page (#37688) @zanivan
|
|
114
|
+
- [docs] Improve Base UI index page (#37761) @oliviertassinari
|
|
115
|
+
- [docs] Fix incorrect package URL in README of example material-vite (#37755) @Dlouxgit
|
|
116
|
+
- [docs] Explain how to disable Base Select's portal (#37684) @michaldudak
|
|
117
|
+
- [docs] Shorten overview page URLs (#37660) @oliviertassinari
|
|
118
|
+
- [docs][material] Rename custom tab panel in Tabs demo to prevent confusion with @mui/lab (#37638) @MUK-Dev
|
|
119
|
+
- [docs][tabs] Document how to use routing with Tabs in Base UI (#37369) @michaldudak
|
|
120
|
+
- [docs] Rename product to productId (#37801) @siriwatknp
|
|
121
|
+
- [docs][base] Add Tailwind CSS & plain CSS demo on the Slider page (#37736) @mnajdova
|
|
122
|
+
|
|
123
|
+
### Core
|
|
124
|
+
|
|
125
|
+
- [docs–infra] Prevent displaying multiple ads (#37696) @oliviertassinari
|
|
126
|
+
- [blog] Fix mismatch between plan and link @oliviertassinari
|
|
127
|
+
- [core] Update yarn lockfile (#37802) @michaldudak
|
|
128
|
+
- [core] Add bundle size Toolpad app link to PRs (#36311) @Janpot
|
|
129
|
+
- [core] Fix priority support prompt action flow (#37726) @DanailH
|
|
130
|
+
- [core] Fix typo in priority support @oliviertassinari
|
|
131
|
+
- [core][docs] add Eslint rule to ensure main demo component match file… (#37278) @alexfauquette
|
|
132
|
+
- [docs-infra] Fix truncated TOCs scrollbar (#37770) @oliviertassinari
|
|
133
|
+
- [docs-infra] Adjust demo container to be glued to the toolbar (#37744) @danilo-leal
|
|
134
|
+
- [docs-infra] Fix layout shift ad (#37694) @oliviertassinari
|
|
135
|
+
- [docs-infra] Improve demos toolbar (#37762) @oliviertassinari
|
|
136
|
+
- [docs-infra] Make the GitHub link in the nav bar open in a new tab (#37766) @gateremark
|
|
137
|
+
- [docs-infra] Allow to persist icons in ToC (#37731) @cherniavskii
|
|
138
|
+
- [docs-infra] Improve product mapping (#37729) @oliviertassinari
|
|
139
|
+
- [docs-infra] Add design polish to the comment and anchor buttons (#37734) @danilo-leal
|
|
140
|
+
- [docs-infra] Tweak editable code blocks callout design (#37681) @danilo-leal
|
|
141
|
+
- [docs-infra] Improve the edit page experience (#37695) @oliviertassinari
|
|
142
|
+
- [docs-infra] Support rendering markdown outside of docs (#37691) @oliviertassinari
|
|
143
|
+
- [docs-infra] Polish demo toolbar button designs (#37680) @danilo-leal
|
|
144
|
+
- [docs-infra] Adjust demo component container design (#37659) @danilo-leal
|
|
145
|
+
- [test] Fix test:e2e local run (#37719) @oliviertassinari
|
|
146
|
+
- [test] Remove failing test in dev @oliviertassinari
|
|
147
|
+
- [website] Add no-op service worker to fix stale cache issue (#37607) @cherniavskii
|
|
148
|
+
- [website] Transition the Core page to be Material UI instead (#37583) @danilo-leal
|
|
149
|
+
- [website] Update the pricing page to reflect sales (#37751) @oliviertassinari
|
|
150
|
+
- [website] Match Copyright with the rest of the website @oliviertassinari
|
|
151
|
+
- [website] Support deep linking to pricing FAQ @oliviertassinari
|
|
152
|
+
|
|
153
|
+
All contributors of this release in alphabetical order: @AdamSundberg, @alexfauquette, @bigteech, @cherniavskii, @cmd-johnson, @DanailH, @danilo-leal, @Dlouxgit, @gateremark, @Janpot, @michaldudak, @mnajdova, @MUK-Dev, @oliviertassinari, @sai6855, @saikathalderr, @siriwatknp, @vonagam, @zanivan, @ZeeshanTamboli, @zephyrus21
|
|
154
|
+
|
|
3
155
|
## 5.13.6
|
|
4
156
|
|
|
5
157
|
_Jun 21, 2023_
|
|
@@ -435,7 +587,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
|
|
|
435
587
|
|
|
436
588
|
There is codemod that you can run in your project to do the transformation:
|
|
437
589
|
|
|
438
|
-
```
|
|
590
|
+
```bash
|
|
439
591
|
npx @mui/codemod v5.0.0/base-remove-component-prop <path>
|
|
440
592
|
```
|
|
441
593
|
|
|
@@ -534,7 +686,7 @@ A big thanks to the 12 contributors who made this release possible. Here are som
|
|
|
534
686
|
|
|
535
687
|
You can use this [codemod](https://github.com/mui/material-ui/blob/master/packages/mui-codemod/src/v5.0.0/base-remove-unstyled-suffix.js) to help with the migration:
|
|
536
688
|
|
|
537
|
-
```
|
|
689
|
+
```bash
|
|
538
690
|
npx @mui/codemod v5.0.0/base-remove-unstyled-suffix <path>
|
|
539
691
|
```
|
|
540
692
|
|
|
@@ -6179,7 +6331,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
|
|
|
6179
6331
|
|
|
6180
6332
|
replace `@material-ui/*` prefix with `@mui/*`:
|
|
6181
6333
|
|
|
6182
|
-
```
|
|
6334
|
+
```bash
|
|
6183
6335
|
@material-ui/system -> @mui/system
|
|
6184
6336
|
@material-ui/styles -> @mui/styles
|
|
6185
6337
|
@material-ui/lab -> @mui/lab
|
|
@@ -6192,7 +6344,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
|
|
|
6192
6344
|
|
|
6193
6345
|
except these 3 packages that are renamed.
|
|
6194
6346
|
|
|
6195
|
-
```
|
|
6347
|
+
```bash
|
|
6196
6348
|
@material-ui/core => @mui/material // represents Material Design components.
|
|
6197
6349
|
@material-ui/icons => @mui/icons-material // represents Material Design icons.
|
|
6198
6350
|
@material-ui/unstyled => @mui/base // fully functional components with minimum styles.
|
|
@@ -9858,7 +10010,7 @@ A big thanks to the 34 contributors who made this release possible. Here are som
|
|
|
9858
10010
|
|
|
9859
10011
|
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.
|
|
9860
10012
|
|
|
9861
|
-
- 📚 Revamp the documentation for [the system](https://mui.com/system/getting-started/
|
|
10013
|
+
- 📚 Revamp the documentation for [the system](https://mui.com/system/getting-started/). 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.
|
|
9862
10014
|
- 👩🎨 Upgrade emotion to v11 (#23007) @mnajdova.
|
|
9863
10015
|
- And many more 🐛 bug fixes and 📚 improvements.
|
|
9864
10016
|
|
|
@@ -10260,7 +10412,7 @@ Here are some highlights ✨:
|
|
|
10260
10412
|
If you target IE11, you need to use the new bundle (`legacy`). We are treating IE11 as a second class-citizen, which is a continuation of the direction taken in #22873.
|
|
10261
10413
|
|
|
10262
10414
|
- 🚀 Improve the internal benchmark suite (#22923, #23058) @mnajdova.
|
|
10263
|
-
This was a prerequisite step to improve the [system](https://mui.com/system/getting-started/
|
|
10415
|
+
This was a prerequisite step to improve the [system](https://mui.com/system/getting-started/). We needed to be able to measure performance. After #22945, we have measured that the `Box` component is x3 faster in v5-alpha compared to v4.
|
|
10264
10416
|
- ✏️ A new blog post: [Q3 2020 Update](https://mui.com/blog/2020-q3-update/) (#23055) @oliviertassinari.
|
|
10265
10417
|
- 🐙 Migrate more tests to react-testing-library @deiga, @Morteza-Jenabzadeh, @nicholas-l.
|
|
10266
10418
|
- And many more 🐛 bug fixes and 📚 improvements.
|
|
@@ -10601,7 +10753,7 @@ Here are some highlights ✨:
|
|
|
10601
10753
|
|
|
10602
10754
|
The new styling solution saves 2kB gzipped in the bundle compared to JSS, and about 14 kB gzipped if you were already using emotion or styled-components.
|
|
10603
10755
|
|
|
10604
|
-
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/getting-started/
|
|
10756
|
+
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/getting-started/)).
|
|
10605
10757
|
|
|
10606
10758
|
This change has been in our roadmap for more than a year.
|
|
10607
10759
|
We announced it in the [v4 release blog post](https://mui.com/blog/material-ui-v4-is-out/) as a direction v5 would take.
|
|
@@ -10887,13 +11039,13 @@ Here are some highlights ✨:
|
|
|
10887
11039
|
|
|
10888
11040
|
Before:
|
|
10889
11041
|
|
|
10890
|
-
```
|
|
11042
|
+
```bash
|
|
10891
11043
|
theme.spacing(2) => 16
|
|
10892
11044
|
```
|
|
10893
11045
|
|
|
10894
11046
|
After:
|
|
10895
11047
|
|
|
10896
|
-
```
|
|
11048
|
+
```bash
|
|
10897
11049
|
theme.spacing(2) => '16px'
|
|
10898
11050
|
```
|
|
10899
11051
|
|
|
@@ -11854,7 +12006,7 @@ A big thanks to the 33 contributors who made this release possible. Here are som
|
|
|
11854
12006
|
/>
|
|
11855
12007
|
```
|
|
11856
12008
|
|
|
11857
|
-
- [Typography] Replace the `srOnly` prop so as to not duplicate the capabilities of [System](https://mui.com/system/getting-started/
|
|
12009
|
+
- [Typography] Replace the `srOnly` prop so as to not duplicate the capabilities of [System](https://mui.com/system/getting-started/) (#21413) @mnajdova.
|
|
11858
12010
|
|
|
11859
12011
|
```diff
|
|
11860
12012
|
-import Typography from '@material-ui/core/Typography';
|
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;
|
package/Container/Container.js
CHANGED
|
@@ -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 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 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 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 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
|
-
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
|
+
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/Container/index.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { Interpolation } from '@mui/styled-engine';
|
|
3
|
-
import { Theme as SystemTheme } from '../createTheme';
|
|
4
|
-
export interface GlobalStylesProps<Theme = SystemTheme> {
|
|
5
|
-
styles: Interpolation<Theme>;
|
|
6
|
-
defaultTheme?: object;
|
|
7
|
-
themeId?: string;
|
|
8
|
-
}
|
|
9
|
-
declare function GlobalStyles<Theme = SystemTheme>({ styles, themeId, defaultTheme, }: GlobalStylesProps<Theme>): React.JSX.Element;
|
|
10
|
-
declare namespace GlobalStyles {
|
|
11
|
-
var propTypes: any;
|
|
12
|
-
}
|
|
13
|
-
export default GlobalStyles;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Interpolation } from '@mui/styled-engine';
|
|
3
|
+
import { Theme as SystemTheme } from '../createTheme';
|
|
4
|
+
export interface GlobalStylesProps<Theme = SystemTheme> {
|
|
5
|
+
styles: Interpolation<Theme>;
|
|
6
|
+
defaultTheme?: object;
|
|
7
|
+
themeId?: string;
|
|
8
|
+
}
|
|
9
|
+
declare function GlobalStyles<Theme = SystemTheme>({ styles, themeId, defaultTheme, }: GlobalStylesProps<Theme>): React.JSX.Element;
|
|
10
|
+
declare namespace GlobalStyles {
|
|
11
|
+
var propTypes: any;
|
|
12
|
+
}
|
|
13
|
+
export default GlobalStyles;
|
package/GlobalStyles/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default } from './GlobalStyles';
|
|
2
|
-
export * from './GlobalStyles';
|
|
1
|
+
export { default } from './GlobalStyles';
|
|
2
|
+
export * from './GlobalStyles';
|
package/GlobalStyles/index.js
CHANGED
package/README.md
CHANGED
|
@@ -8,7 +8,7 @@ Install the package in your project directory with:
|
|
|
8
8
|
|
|
9
9
|
<!-- #default-branch-switch -->
|
|
10
10
|
|
|
11
|
-
```
|
|
11
|
+
```bash
|
|
12
12
|
// with npm
|
|
13
13
|
npm install @mui/system @emotion/react @emotion/styled
|
|
14
14
|
|
|
@@ -20,4 +20,4 @@ yarn add @mui/system @emotion/react @emotion/styled
|
|
|
20
20
|
|
|
21
21
|
<!-- #default-branch-switch -->
|
|
22
22
|
|
|
23
|
-
[The documentation](https://mui.com/system/getting-started/
|
|
23
|
+
[The documentation](https://mui.com/system/getting-started/)
|
package/Stack/Stack.d.ts
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
/**
|
|
2
|
-
*
|
|
3
|
-
* Demos:
|
|
4
|
-
*
|
|
5
|
-
* - [Stack (Joy UI)](https://mui.com/joy-ui/react-stack/)
|
|
6
|
-
* - [Stack (Material UI)](https://mui.com/material-ui/react-stack/)
|
|
7
|
-
* - [Stack (MUI System)](https://mui.com/system/react-stack/)
|
|
8
|
-
*
|
|
9
|
-
* API:
|
|
10
|
-
*
|
|
11
|
-
* - [Stack API](https://mui.com/system/api/stack/)
|
|
12
|
-
*/
|
|
13
|
-
declare const Stack: import("@mui/types").OverridableComponent<import("./StackProps").StackTypeMap<{}, "div">>;
|
|
14
|
-
export default Stack;
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Demos:
|
|
4
|
+
*
|
|
5
|
+
* - [Stack (Joy UI)](https://mui.com/joy-ui/react-stack/)
|
|
6
|
+
* - [Stack (Material UI)](https://mui.com/material-ui/react-stack/)
|
|
7
|
+
* - [Stack (MUI System)](https://mui.com/system/react-stack/)
|
|
8
|
+
*
|
|
9
|
+
* API:
|
|
10
|
+
*
|
|
11
|
+
* - [Stack API](https://mui.com/system/api/stack/)
|
|
12
|
+
*/
|
|
13
|
+
declare const Stack: import("@mui/types").OverridableComponent<import("./StackProps").StackTypeMap<{}, "div">>;
|
|
14
|
+
export default Stack;
|