@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.
Files changed (113) hide show
  1. package/Box/Box.js +1 -0
  2. package/Box/index.js +1 -0
  3. package/CHANGELOG.md +162 -10
  4. package/Container/Container.d.ts +13 -13
  5. package/Container/Container.js +1 -0
  6. package/Container/ContainerProps.d.ts +40 -40
  7. package/Container/containerClasses.d.ts +22 -22
  8. package/Container/createContainer.d.ts +18 -18
  9. package/Container/index.js +1 -0
  10. package/GlobalStyles/GlobalStyles.d.ts +13 -13
  11. package/GlobalStyles/GlobalStyles.js +1 -0
  12. package/GlobalStyles/index.d.ts +2 -2
  13. package/GlobalStyles/index.js +1 -0
  14. package/README.md +2 -2
  15. package/Stack/Stack.d.ts +14 -14
  16. package/Stack/Stack.js +1 -0
  17. package/Stack/StackProps.d.ts +53 -53
  18. package/Stack/createStack.d.ts +21 -21
  19. package/Stack/createStack.js +1 -1
  20. package/Stack/index.d.ts +5 -5
  21. package/Stack/index.js +1 -0
  22. package/Stack/stackClasses.d.ts +8 -8
  23. package/ThemeProvider/ThemeProvider.js +1 -0
  24. package/ThemeProvider/index.js +1 -0
  25. package/Unstable_Grid/Grid.d.ts +12 -12
  26. package/Unstable_Grid/Grid.js +1 -0
  27. package/Unstable_Grid/GridProps.d.ts +185 -185
  28. package/Unstable_Grid/createGrid.d.ts +11 -11
  29. package/Unstable_Grid/gridClasses.d.ts +20 -20
  30. package/Unstable_Grid/gridGenerator.d.ts +33 -33
  31. package/Unstable_Grid/index.d.ts +6 -6
  32. package/Unstable_Grid/index.js +1 -0
  33. package/Unstable_Grid/traverseBreakpoints.d.ts +7 -7
  34. package/createBox.js +1 -0
  35. package/createTheme/createSpacing.d.ts +10 -10
  36. package/cssVars/createCssVarsTheme.d.ts +15 -15
  37. package/cssVars/createGetCssVar.d.ts +5 -5
  38. package/cssVars/cssVarsParser.d.ts +64 -64
  39. package/cssVars/getInitColorSchemeScript.d.ts +42 -42
  40. package/cssVars/index.d.ts +5 -5
  41. package/cssVars/index.js +1 -0
  42. package/cssVars/prepareCssVars.d.ts +16 -16
  43. package/cssVars/useCurrentColorScheme.d.ts +53 -53
  44. package/cssVars/useCurrentColorScheme.js +1 -0
  45. package/esm/Box/Box.js +2 -0
  46. package/esm/Box/index.js +2 -0
  47. package/esm/Container/Container.js +2 -0
  48. package/esm/Container/index.js +2 -0
  49. package/esm/GlobalStyles/GlobalStyles.js +2 -0
  50. package/esm/GlobalStyles/index.js +2 -0
  51. package/esm/Stack/Stack.js +2 -0
  52. package/esm/Stack/createStack.js +1 -1
  53. package/esm/Stack/index.js +2 -0
  54. package/esm/ThemeProvider/ThemeProvider.js +2 -0
  55. package/esm/ThemeProvider/index.js +2 -0
  56. package/esm/Unstable_Grid/Grid.js +2 -0
  57. package/esm/Unstable_Grid/index.js +2 -0
  58. package/esm/createBox.js +2 -0
  59. package/esm/cssVars/index.js +2 -0
  60. package/esm/cssVars/useCurrentColorScheme.js +2 -0
  61. package/esm/index.js +2 -0
  62. package/esm/useTheme.js +2 -0
  63. package/esm/useThemeProps/index.js +2 -0
  64. package/esm/useThemeProps/useThemeProps.js +2 -0
  65. package/esm/useThemeWithoutDefault.js +2 -0
  66. package/index.js +2 -1
  67. package/legacy/Box/Box.js +2 -0
  68. package/legacy/Box/index.js +2 -0
  69. package/legacy/Container/Container.js +2 -0
  70. package/legacy/Container/index.js +2 -0
  71. package/legacy/GlobalStyles/GlobalStyles.js +2 -0
  72. package/legacy/GlobalStyles/index.js +2 -0
  73. package/legacy/Stack/Stack.js +2 -0
  74. package/legacy/Stack/createStack.js +1 -1
  75. package/legacy/Stack/index.js +2 -0
  76. package/legacy/ThemeProvider/ThemeProvider.js +2 -0
  77. package/legacy/ThemeProvider/index.js +2 -0
  78. package/legacy/Unstable_Grid/Grid.js +2 -0
  79. package/legacy/Unstable_Grid/index.js +2 -0
  80. package/legacy/createBox.js +2 -0
  81. package/legacy/cssVars/index.js +2 -0
  82. package/legacy/cssVars/useCurrentColorScheme.js +2 -0
  83. package/legacy/index.js +3 -1
  84. package/legacy/useTheme.js +2 -0
  85. package/legacy/useThemeProps/index.js +2 -0
  86. package/legacy/useThemeProps/useThemeProps.js +2 -0
  87. package/legacy/useThemeWithoutDefault.js +2 -0
  88. package/modern/Box/Box.js +2 -0
  89. package/modern/Box/index.js +2 -0
  90. package/modern/Container/Container.js +2 -0
  91. package/modern/Container/index.js +2 -0
  92. package/modern/GlobalStyles/GlobalStyles.js +2 -0
  93. package/modern/GlobalStyles/index.js +2 -0
  94. package/modern/Stack/Stack.js +2 -0
  95. package/modern/Stack/createStack.js +1 -1
  96. package/modern/Stack/index.js +2 -0
  97. package/modern/ThemeProvider/ThemeProvider.js +2 -0
  98. package/modern/ThemeProvider/index.js +2 -0
  99. package/modern/Unstable_Grid/Grid.js +2 -0
  100. package/modern/Unstable_Grid/index.js +2 -0
  101. package/modern/createBox.js +2 -0
  102. package/modern/cssVars/index.js +2 -0
  103. package/modern/cssVars/useCurrentColorScheme.js +2 -0
  104. package/modern/index.js +3 -1
  105. package/modern/useTheme.js +2 -0
  106. package/modern/useThemeProps/index.js +2 -0
  107. package/modern/useThemeProps/useThemeProps.js +2 -0
  108. package/modern/useThemeWithoutDefault.js +2 -0
  109. package/package.json +4 -4
  110. package/useTheme.js +1 -0
  111. package/useThemeProps/index.js +1 -0
  112. package/useThemeProps/useThemeProps.js +1 -0
  113. package/useThemeWithoutDefault.js +1 -0
package/Box/Box.js CHANGED
@@ -1,4 +1,5 @@
1
1
  "use strict";
2
+ 'use client';
2
3
 
3
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
5
  Object.defineProperty(exports, "__esModule", {
package/Box/index.js CHANGED
@@ -1,4 +1,5 @@
1
1
  "use strict";
2
+ 'use client';
2
3
 
3
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
5
  Object.defineProperty(exports, "__esModule", {
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
- ```sh
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
- ```sh
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
- ```sh
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
- ```sh
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/overview/). 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.
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/overview/). 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.
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/overview/)).
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
- ```sh
11042
+ ```bash
10891
11043
  theme.spacing(2) => 16
10892
11044
  ```
10893
11045
 
10894
11046
  After:
10895
11047
 
10896
- ```sh
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/overview/) (#21413) @mnajdova.
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';
@@ -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,4 +1,5 @@
1
1
  "use strict";
2
+ 'use client';
2
3
 
3
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
5
  Object.defineProperty(exports, "__esModule", {
@@ -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 {};
@@ -1,4 +1,5 @@
1
1
  "use strict";
2
+ 'use client';
2
3
 
3
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
5
  Object.defineProperty(exports, "__esModule", {
@@ -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;
@@ -1,4 +1,5 @@
1
1
  "use strict";
2
+ 'use client';
2
3
 
3
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
5
  Object.defineProperty(exports, "__esModule", {
@@ -1,2 +1,2 @@
1
- export { default } from './GlobalStyles';
2
- export * from './GlobalStyles';
1
+ export { default } from './GlobalStyles';
2
+ export * from './GlobalStyles';
@@ -1,4 +1,5 @@
1
1
  "use strict";
2
+ 'use client';
2
3
 
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
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
- ```sh
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/overview/)
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;
package/Stack/Stack.js CHANGED
@@ -1,4 +1,5 @@
1
1
  "use strict";
2
+ 'use client';
2
3
 
3
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
5
  Object.defineProperty(exports, "__esModule", {