@mui/system 5.10.13 → 5.10.15

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 (185) hide show
  1. package/Box/Box.js +1 -10
  2. package/Box/index.js +0 -2
  3. package/CHANGELOG.md +132 -2
  4. package/Container/Container.js +2 -17
  5. package/Container/containerClasses.js +0 -3
  6. package/Container/createContainer.js +15 -37
  7. package/Container/index.js +0 -6
  8. package/Stack/Stack.js +1 -12
  9. package/Stack/createStack.js +10 -48
  10. package/Stack/index.js +0 -9
  11. package/Stack/stackClasses.js +0 -3
  12. package/ThemeProvider/ThemeProvider.js +2 -22
  13. package/ThemeProvider/index.js +0 -2
  14. package/Unstable_Grid/Grid.js +6 -42
  15. package/Unstable_Grid/createGrid.js +19 -49
  16. package/Unstable_Grid/gridClasses.js +8 -7
  17. package/Unstable_Grid/gridGenerator.d.ts +4 -3
  18. package/Unstable_Grid/gridGenerator.js +22 -63
  19. package/Unstable_Grid/index.js +0 -9
  20. package/borders.js +0 -14
  21. package/breakpoints.js +3 -32
  22. package/colorManipulator.js +13 -55
  23. package/compose.js +0 -7
  24. package/createBox.js +5 -20
  25. package/createStyled.js +27 -71
  26. package/createTheme/createBreakpoints.js +22 -37
  27. package/createTheme/createSpacing.js +4 -8
  28. package/createTheme/createTheme.js +6 -16
  29. package/createTheme/index.js +0 -2
  30. package/cssGrid.js +0 -21
  31. package/cssVars/createCssVarsProvider.js +33 -74
  32. package/cssVars/createGetCssVar.js +2 -7
  33. package/cssVars/cssVarsParser.js +3 -15
  34. package/cssVars/getInitColorSchemeScript.js +0 -6
  35. package/cssVars/index.js +0 -3
  36. package/cssVars/useCurrentColorScheme.js +20 -49
  37. package/display.js +0 -6
  38. package/esm/Box/Box.js +1 -6
  39. package/esm/Container/Container.js +3 -14
  40. package/esm/Container/createContainer.js +15 -25
  41. package/esm/Stack/Stack.js +1 -9
  42. package/esm/Stack/createStack.js +10 -29
  43. package/esm/ThemeProvider/ThemeProvider.js +2 -11
  44. package/esm/Unstable_Grid/Grid.js +6 -39
  45. package/esm/Unstable_Grid/createGrid.js +18 -35
  46. package/esm/Unstable_Grid/gridClasses.js +8 -4
  47. package/esm/Unstable_Grid/gridGenerator.js +20 -38
  48. package/esm/borders.js +0 -6
  49. package/esm/breakpoints.js +7 -22
  50. package/esm/colorManipulator.js +13 -43
  51. package/esm/compose.js +0 -5
  52. package/esm/createBox.js +5 -7
  53. package/esm/createStyled.js +27 -64
  54. package/esm/createTheme/createBreakpoints.js +22 -34
  55. package/esm/createTheme/createSpacing.js +4 -7
  56. package/esm/createTheme/createTheme.js +6 -9
  57. package/esm/cssGrid.js +0 -9
  58. package/esm/cssVars/createCssVarsProvider.js +33 -60
  59. package/esm/cssVars/createGetCssVar.js +2 -6
  60. package/esm/cssVars/cssVarsParser.js +3 -11
  61. package/esm/cssVars/useCurrentColorScheme.js +20 -44
  62. package/esm/getThemeValue.js +0 -2
  63. package/esm/index.js +3 -3
  64. package/esm/memoize.js +0 -1
  65. package/esm/merge.js +0 -3
  66. package/esm/palette.js +0 -3
  67. package/esm/propsToClassKey.js +4 -7
  68. package/esm/sizing.js +0 -5
  69. package/esm/spacing.js +3 -23
  70. package/esm/style.js +5 -22
  71. package/esm/styleFunctionSx/extendSxProp.js +3 -10
  72. package/esm/styleFunctionSx/styleFunctionSx.js +3 -16
  73. package/esm/sx/sx.js +0 -2
  74. package/esm/useTheme.js +0 -2
  75. package/esm/useThemeProps/getThemeProps.js +0 -2
  76. package/esm/useThemeWithoutDefault.js +0 -3
  77. package/flexbox.js +0 -4
  78. package/getThemeValue.js +0 -14
  79. package/index.d.ts +2 -0
  80. package/index.js +16 -55
  81. package/legacy/Box/Box.js +1 -6
  82. package/legacy/Container/Container.js +3 -14
  83. package/legacy/Container/createContainer.js +29 -39
  84. package/legacy/Stack/Stack.js +1 -9
  85. package/legacy/Stack/createStack.js +17 -37
  86. package/legacy/ThemeProvider/ThemeProvider.js +3 -12
  87. package/legacy/Unstable_Grid/Grid.js +6 -39
  88. package/legacy/Unstable_Grid/createGrid.js +34 -53
  89. package/legacy/Unstable_Grid/gridGenerator.js +36 -58
  90. package/legacy/borders.js +0 -6
  91. package/legacy/breakpoints.js +9 -28
  92. package/legacy/colorManipulator.js +16 -48
  93. package/legacy/compose.js +0 -6
  94. package/legacy/createBox.js +9 -11
  95. package/legacy/createStyled.js +27 -68
  96. package/legacy/createTheme/createBreakpoints.js +20 -33
  97. package/legacy/createTheme/createSpacing.js +4 -9
  98. package/legacy/createTheme/createTheme.js +7 -13
  99. package/legacy/cssGrid.js +0 -9
  100. package/legacy/cssVars/createCssVarsProvider.js +98 -130
  101. package/legacy/cssVars/createGetCssVar.js +2 -10
  102. package/legacy/cssVars/cssVarsParser.js +7 -20
  103. package/legacy/cssVars/getInitColorSchemeScript.js +14 -15
  104. package/legacy/cssVars/useCurrentColorScheme.js +43 -69
  105. package/legacy/getThemeValue.js +0 -3
  106. package/legacy/index.js +4 -4
  107. package/legacy/memoize.js +0 -1
  108. package/legacy/merge.js +0 -3
  109. package/legacy/palette.js +0 -3
  110. package/legacy/propsToClassKey.js +2 -5
  111. package/legacy/sizing.js +0 -5
  112. package/legacy/spacing.js +6 -27
  113. package/legacy/style.js +9 -27
  114. package/legacy/styleFunctionSx/extendSxProp.js +3 -11
  115. package/legacy/styleFunctionSx/styleFunctionSx.js +6 -21
  116. package/legacy/sx/sx.js +0 -2
  117. package/legacy/useTheme.js +0 -2
  118. package/legacy/useThemeProps/getThemeProps.js +2 -4
  119. package/legacy/useThemeProps/useThemeProps.js +2 -2
  120. package/legacy/useThemeWithoutDefault.js +0 -3
  121. package/memoize.js +0 -2
  122. package/merge.js +0 -5
  123. package/modern/Box/Box.js +1 -6
  124. package/modern/Container/Container.js +3 -14
  125. package/modern/Container/createContainer.js +15 -25
  126. package/modern/Stack/Stack.js +1 -9
  127. package/modern/Stack/createStack.js +10 -29
  128. package/modern/ThemeProvider/ThemeProvider.js +2 -11
  129. package/modern/Unstable_Grid/Grid.js +6 -39
  130. package/modern/Unstable_Grid/createGrid.js +18 -34
  131. package/modern/Unstable_Grid/gridClasses.js +8 -4
  132. package/modern/Unstable_Grid/gridGenerator.js +20 -36
  133. package/modern/borders.js +0 -6
  134. package/modern/breakpoints.js +7 -21
  135. package/modern/colorManipulator.js +13 -43
  136. package/modern/compose.js +0 -5
  137. package/modern/createBox.js +5 -7
  138. package/modern/createStyled.js +27 -63
  139. package/modern/createTheme/createBreakpoints.js +22 -34
  140. package/modern/createTheme/createSpacing.js +4 -7
  141. package/modern/createTheme/createTheme.js +6 -9
  142. package/modern/cssGrid.js +0 -9
  143. package/modern/cssVars/createCssVarsProvider.js +33 -60
  144. package/modern/cssVars/createGetCssVar.js +2 -6
  145. package/modern/cssVars/cssVarsParser.js +3 -11
  146. package/modern/cssVars/useCurrentColorScheme.js +20 -44
  147. package/modern/getThemeValue.js +0 -2
  148. package/modern/index.js +4 -4
  149. package/modern/memoize.js +0 -1
  150. package/modern/merge.js +0 -3
  151. package/modern/palette.js +0 -3
  152. package/modern/propsToClassKey.js +4 -7
  153. package/modern/sizing.js +0 -4
  154. package/modern/spacing.js +3 -22
  155. package/modern/style.js +5 -22
  156. package/modern/styleFunctionSx/extendSxProp.js +3 -10
  157. package/modern/styleFunctionSx/styleFunctionSx.js +3 -16
  158. package/modern/sx/sx.js +0 -2
  159. package/modern/useTheme.js +0 -2
  160. package/modern/useThemeProps/getThemeProps.js +0 -2
  161. package/modern/useThemeWithoutDefault.js +0 -3
  162. package/package.json +6 -6
  163. package/palette.js +0 -6
  164. package/positions.js +0 -6
  165. package/propsToClassKey.js +4 -10
  166. package/responsivePropType.d.ts +3 -0
  167. package/responsivePropType.js +0 -3
  168. package/shadows.js +0 -3
  169. package/sizing.js +0 -11
  170. package/spacing.d.ts +14 -0
  171. package/spacing.js +3 -37
  172. package/style.d.ts +6 -0
  173. package/style.js +6 -27
  174. package/styleFunctionSx/extendSxProp.js +3 -15
  175. package/styleFunctionSx/index.js +0 -5
  176. package/styleFunctionSx/styleFunctionSx.js +3 -21
  177. package/styled.js +0 -3
  178. package/sx/index.js +0 -2
  179. package/sx/sx.js +0 -4
  180. package/typography.js +0 -4
  181. package/useTheme.js +0 -6
  182. package/useThemeProps/getThemeProps.js +0 -4
  183. package/useThemeProps/index.js +0 -3
  184. package/useThemeProps/useThemeProps.js +0 -4
  185. package/useThemeWithoutDefault.js +0 -4
package/Box/Box.js CHANGED
@@ -1,36 +1,27 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
9
  var _createBox = _interopRequireDefault(require("../createBox"));
13
-
14
10
  const Box = (0, _createBox.default)();
15
- process.env.NODE_ENV !== "production" ? Box.propTypes
16
- /* remove-proptypes */
17
- = {
11
+ process.env.NODE_ENV !== "production" ? Box.propTypes /* remove-proptypes */ = {
18
12
  // ----------------------------- Warning --------------------------------
19
13
  // | These PropTypes are generated from the TypeScript type definitions |
20
14
  // | To update them edit the d.ts file and run "yarn proptypes" |
21
15
  // ----------------------------------------------------------------------
22
-
23
16
  /**
24
17
  * @ignore
25
18
  */
26
19
  children: _propTypes.default.node,
27
-
28
20
  /**
29
21
  * The component used for the root node.
30
22
  * Either a string to use a HTML element or a component.
31
23
  */
32
24
  component: _propTypes.default.elementType,
33
-
34
25
  /**
35
26
  * The system prop that allows defining system overrides as well as additional CSS styles.
36
27
  */
package/Box/index.js CHANGED
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
11
10
  return _Box.default;
12
11
  }
13
12
  });
14
-
15
13
  var _Box = _interopRequireDefault(require("./Box"));
package/CHANGELOG.md CHANGED
@@ -1,5 +1,135 @@
1
1
  # [Versions](https://mui.com/versions/)
2
2
 
3
+ ## 5.10.15
4
+
5
+ <!-- generated comparing v5.10.14..master -->
6
+
7
+ _Nov 21, 2022_
8
+
9
+ A big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
10
+
11
+ - 🚀 @mnajdova added the button as the first component that implements [Material You](https://m3.material.io/) design (MD3)
12
+ - 🌐 @MBilalShafi added Urdu (Pakistan) localization
13
+ - Many other 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements
14
+
15
+ ### `@mui/material@5.10.15`
16
+
17
+ - [Autocomplete] Fix keyboard navigation when using custom popover (#35160) @sai6855
18
+ - [typescript] Add `background.defaultChannel` to `CssVarsPalette` (#35174) @alexfauquette
19
+ - [l10n] Add Urdu (ur-PK) locale (#35154) @MBilalShafi
20
+
21
+ ### `@mui/icons-material@5.10.15`
22
+
23
+ - [icons] Update the Material Design icons (#35194) @michaldudak
24
+
25
+ ### `@mui/material-next@6.0.0-alpha.63`
26
+
27
+ - [Material You] Add theme structure & Button component (#34650) @mnajdova
28
+
29
+ ### `@mui/base@5.0.0-alpha.106`
30
+
31
+ - [Select] Add attributes to conform with ARIA 1.2 (#35182) @michaldudak
32
+
33
+ ### Docs
34
+
35
+ - [docs] Fix a couple documentation errors (#35217) @danilo-leal
36
+ - [docs] Change MUI -> Material UI in icons-material's readme (#35220) @michaldudak
37
+ - [docs] the pages have no <link rel=canonical so we need to tell Google to not index the staging envs @oliviertassinari
38
+ - [docs] Fix confusion in TOCs when reaching scroll bottom (#35214) @oliviertassinari
39
+ - [docs] Fix typos in section titles (#35025) @iamxukai
40
+ - [docs] Fix typo in legacy date picker migration guide @oliviertassinari
41
+ - [docs] Iterating on recent Joy UI Component page updates (#35162) @samuelsycamore
42
+ - [docs] Inform that pickers are in X repository (#35189) @alexfauquette
43
+ - [docs] Explain how the `error` prop works in the Unstyled Input (#35171) @michaldudak
44
+ - [docs] Hotfix missing styles in dark mode (#35179) @siriwatknp
45
+ - [docs] Add Joy UI theme typography page (#34811) @siriwatknp
46
+ - [docs] Fix undo/redo in live editor (#35163) @oliviertassinari
47
+ - [docs] Revise the Joy UI "Avatar" component page (#35152) @samuelsycamore
48
+ - [docs] Make navbar backdrop filter consistent with website (#35157) @danilo-leal
49
+ - [docs] Host CodeSandbox on MUI org (#35110) @oliviertassinari
50
+ - [docs] Uplift introduction demos & make consistent with Base (#34316) @danilo-leal
51
+ - [website] Add Security questionnaire in pricing (#35172) @oliviertassinari
52
+ - [website] Fix theme mode toggle state (#35216) @siriwatknp
53
+ - [website] Exclude experiment pages in production (#35180) @siriwatknp
54
+ - [website] Disable SEO for performance pages (#35173) @oliviertassinari
55
+
56
+ ### Core
57
+
58
+ - [core] Convert icons scripts to ESM (#35101) @Janpot
59
+ - [core] Group renovate GitHub Action dependency updates @oliviertassinari
60
+ - [core] Upgrade eslint-config-airbnb-typescript (#34642) @Janpot
61
+ - [core] Ensure that prettier CI step fails when code is badly formatted (#35170) @michaldudak
62
+
63
+ All contributors of this release in alphabetical order: @alexfauquette, @danilo-leal, @iamxukai, @Janpot, @MBilalShafi, @michaldudak, @oliviertassinari, @samuelsycamore, @siriwatknp
64
+
65
+ ## v5.10.14
66
+
67
+ <!-- generated comparing v5.10.13..master -->
68
+
69
+ _Nov 14, 2022_
70
+
71
+ A big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:
72
+
73
+ - 🚀 @siriwatknp added the Autocomplete component to the Joy UI (#34315)
74
+ - ♿ @sfavello improved the accessibility of the Material UI's Autocomplete by adding support for the Delete key (#33822)
75
+ - Many other 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements.
76
+
77
+ ### `@mui/material@5.10.14`
78
+
79
+ - [Material UI] Add `palette.background.defaultChannel` token (#35061) @siriwatknp
80
+ - [Autocomplete] Remove tags with the Delete key (#33822) @sfavello
81
+ - [IconButton] custom color causes type error (#34521) @kushagra010
82
+
83
+ ### `@mui/system@5.10.14`
84
+
85
+ - [Unstable_Gridv2] sorted responsize keys based on breakpoint value (#34987) @sai6855
86
+
87
+ ### `@mui/joy@5.0.0-alpha.54`
88
+
89
+ - [Joy] Export `FormControl`, `LinearProgress` and `ListSubheader` components from `@mui/joy` (#35003) @Studio384
90
+ - [Joy] Miscellaneous fixes (#35044) @siriwatknp
91
+ - [Joy] Add `Autocomplete` component (#34315) @siriwatknp
92
+ - [Joy] Saturate a bit the gray palette (#35148) @danilo-leal
93
+ - [Autocomplete][joy] Fix types (#35153) @siriwatknp
94
+
95
+ ### Docs
96
+
97
+ - [blog] Fix font size of code blocks on iOS @oliviertassinari
98
+ - [docs] Accessibility - increase default contrastThreshold for WCAG AA compliance (#34901) @kennethbigler
99
+ - [docs] Correct the keepMounted section on the Drawer page (#35076) @michaldudak
100
+ - [docs] Fix code editor styles mismatches (#35108) @oliviertassinari
101
+ - [docs] Allows to access the next MUI-X (#34798) @alexfauquette
102
+ - [docs] Fix bugs with live edit demos (#35106) @oliviertassinari
103
+ - [docs] Fix `MarkdownElement` regression from adding CSS variables (#35096) @siriwatknp
104
+ - [docs] Add a new gold sponsor (#35089) @hbjORbj
105
+ - [docs] Fix scroll issue on expanded live demos (#35064) @bharatkashyap
106
+ - [docs] Improve alignment of the sponsors @oliviertassinari
107
+ - [docs] Improve code font family v2 (#35053) @oliviertassinari
108
+ - [docs] Upgrade to Next.js 13 (#35001) @mnajdova
109
+ - [docs] Fix typo in changelog @oliviertassinari
110
+ - [docs] Update Joy UI templates to use latest components (#35058) @siriwatknp
111
+ - [website] Fix design kits showcase throwing an error (#35093) @cherniavskii
112
+ - [website] Fix margin bug on CTA @oliviertassinari
113
+ - [website] Link respective repositories in product pages (#35046) @sidtohan
114
+ - [website] Migrate blog pages to use CSS theme variables (#34976) @siriwatknp
115
+ - [website] Update DoiT International logo and links with new brand (#35030) @ofir5300
116
+ - [website] Improve visual design app bar (#35111) @oliviertassinari
117
+
118
+ ### Core
119
+
120
+ - [core] Convert scripts to ES modules (#35036) @michaldudak
121
+ - [core] Show the whole version to make blame easier @oliviertassinari
122
+ - [core] Polish GitHub Action version @oliviertassinari
123
+ - [core] Ignore icons to speed up CodeQL @oliviertassinari
124
+ - [core] Feedback on branch protection @oliviertassinari
125
+ - [core] Revert CI (#35098) @siriwatknp
126
+ - [core] Fix job name to match the CI (#35097) @siriwatknp
127
+ - [core] ESLint fixes for tests (#34924) @Janpot
128
+ - [core] Ignore unrelated folders from github actions (#35028) @siriwatknp
129
+ - [core] Use pretty-quick instead of custom script (#34062) @Janpot
130
+
131
+ All contributors of this release in alphabetical order: @alexfauquette, @bharatkashyap, @cherniavskii, @danilo-leal, @hbjORbj, @Janpot, @kennethbigler, @kushagra010, @michaldudak, @mnajdova, @ofir5300, @oliviertassinari, @sai6855, @sfavello, @sidtohan, @siriwatknp, @Studio384
132
+
3
133
  ## v5.10.13
4
134
 
5
135
  <!-- generated comparing v5.10.12..master -->
@@ -9,7 +139,7 @@ _Nov 7, 2022_
9
139
  A big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
10
140
 
11
141
  - 🚀 The slots API has been introduced to the Material UI package by @michaldudak (#34873).
12
- - 🔥 Live editting of demos is stabilized by @oliviertassinari (#34870).
142
+ - 🔥 Live editing of demos is stabilized by @oliviertassinari (#34870).
13
143
  - Many other 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements.
14
144
 
15
145
  ### `@mui/material@5.10.13`
@@ -8875,7 +9005,7 @@ _Sep 6, 2020_
8875
9005
  A big thanks to the 14 contributors who made this release possible.
8876
9006
  Here are some highlights ✨:
8877
9007
 
8878
- - 💎 A new diamond sponsor: [DoiT](https://www.doit-intl.com/), thank you!
9008
+ - 💎 A new diamond sponsor: [DoiT](https://www.doit.com/), thank you!
8879
9009
  - 📚 Include the default value of the props in IntelliSense (#22447) @eps1lon
8880
9010
  - ⚛️ More source migrated to TypeScript and testing-library (#22441) @baterson
8881
9011
  - And many more 🐛 bug fixes and 📚 improvements.
@@ -1,16 +1,12 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
9
  var _createContainer = _interopRequireDefault(require("./createContainer"));
13
-
14
10
  /**
15
11
  *
16
12
  * Demos:
@@ -23,36 +19,29 @@ var _createContainer = _interopRequireDefault(require("./createContainer"));
23
19
  * - [Container API](https://mui.com/system/api/container/)
24
20
  */
25
21
  const Container = (0, _createContainer.default)();
26
- process.env.NODE_ENV !== "production" ? Container.propTypes
27
- /* remove-proptypes */
28
- = {
22
+ process.env.NODE_ENV !== "production" ? Container.propTypes /* remove-proptypes */ = {
29
23
  // ----------------------------- Warning --------------------------------
30
24
  // | These PropTypes are generated from the TypeScript type definitions |
31
25
  // | To update them edit TypeScript types and run "yarn proptypes" |
32
26
  // ----------------------------------------------------------------------
33
-
34
27
  /**
35
28
  * @ignore
36
29
  */
37
30
  children: _propTypes.default.node,
38
-
39
31
  /**
40
32
  * Override or extend the styles applied to the component.
41
33
  */
42
34
  classes: _propTypes.default.object,
43
-
44
35
  /**
45
36
  * The component used for the root node.
46
37
  * Either a string to use a HTML element or a component.
47
38
  */
48
39
  component: _propTypes.default.elementType,
49
-
50
40
  /**
51
41
  * If `true`, the left and right padding is removed.
52
42
  * @default false
53
43
  */
54
44
  disableGutters: _propTypes.default.bool,
55
-
56
45
  /**
57
46
  * Set the max-width to match the min-width of the current breakpoint.
58
47
  * This is useful if you'd prefer to design for a fixed set of sizes
@@ -61,17 +50,13 @@ process.env.NODE_ENV !== "production" ? Container.propTypes
61
50
  * @default false
62
51
  */
63
52
  fixed: _propTypes.default.bool,
64
-
65
53
  /**
66
54
  * Determine the max-width of the container.
67
55
  * The container width grows with the size of the screen.
68
56
  * Set to `false` to disable `maxWidth`.
69
57
  * @default 'lg'
70
58
  */
71
- maxWidth: _propTypes.default
72
- /* @typescript-to-proptypes-ignore */
73
- .oneOfType([_propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl', false]), _propTypes.default.string]),
74
-
59
+ maxWidth: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl', false]), _propTypes.default.string]),
75
60
  /**
76
61
  * The system prop that allows defining system overrides as well as additional CSS styles.
77
62
  */
@@ -5,13 +5,10 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
  exports.getContainerUtilityClass = getContainerUtilityClass;
8
-
9
8
  var _utils = require("@mui/utils");
10
-
11
9
  function getContainerUtilityClass(slot) {
12
10
  return (0, _utils.unstable_generateUtilityClass)('MuiContainer', slot);
13
11
  }
14
-
15
12
  const containerClasses = (0, _utils.unstable_generateUtilityClasses)('MuiContainer', ['root', 'disableGutters', 'fixed', 'maxWidthXs', 'maxWidthSm', 'maxWidthMd', 'maxWidthLg', 'maxWidthXl']);
16
13
  var _default = containerClasses;
17
14
  exports.default = _default;
@@ -1,38 +1,23 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = createContainer;
9
-
10
8
  var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
11
-
12
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
-
14
10
  var React = _interopRequireWildcard(require("react"));
15
-
16
11
  var _propTypes = _interopRequireDefault(require("prop-types"));
17
-
18
12
  var _clsx = _interopRequireDefault(require("clsx"));
19
-
20
13
  var _utils = require("@mui/utils");
21
-
22
14
  var _useThemeProps = _interopRequireDefault(require("../useThemeProps"));
23
-
24
15
  var _styled = _interopRequireDefault(require("../styled"));
25
-
26
16
  var _createTheme = _interopRequireDefault(require("../createTheme"));
27
-
28
17
  var _jsxRuntime = require("react/jsx-runtime");
29
-
30
18
  const _excluded = ["className", "component", "disableGutters", "fixed", "maxWidth", "classes"];
31
-
32
19
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
33
-
34
20
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
35
-
36
21
  const defaultTheme = (0, _createTheme.default)();
37
22
  const defaultCreateStyledComponent = (0, _styled.default)('div', {
38
23
  name: 'MuiContainer',
@@ -44,18 +29,15 @@ const defaultCreateStyledComponent = (0, _styled.default)('div', {
44
29
  return [styles.root, styles[`maxWidth${(0, _utils.unstable_capitalize)(String(ownerState.maxWidth))}`], ownerState.fixed && styles.fixed, ownerState.disableGutters && styles.disableGutters];
45
30
  }
46
31
  });
47
-
48
32
  const useThemePropsDefault = inProps => (0, _useThemeProps.default)({
49
33
  props: inProps,
50
34
  name: 'MuiContainer',
51
35
  defaultTheme
52
36
  });
53
-
54
37
  const useUtilityClasses = (ownerState, componentName) => {
55
38
  const getContainerUtilityClass = slot => {
56
39
  return (0, _utils.unstable_generateUtilityClass)(componentName, slot);
57
40
  };
58
-
59
41
  const {
60
42
  classes,
61
43
  fixed,
@@ -67,7 +49,6 @@ const useUtilityClasses = (ownerState, componentName) => {
67
49
  };
68
50
  return (0, _utils.unstable_composeClasses)(slots, getContainerUtilityClass, classes);
69
51
  };
70
-
71
52
  function createContainer(options = {}) {
72
53
  const {
73
54
  // This will allow adding custom styled fn (for example for custom sx style function)
@@ -98,14 +79,12 @@ function createContainer(options = {}) {
98
79
  }) => ownerState.fixed && Object.keys(theme.breakpoints.values).reduce((acc, breakpointValueKey) => {
99
80
  const breakpoint = breakpointValueKey;
100
81
  const value = theme.breakpoints.values[breakpoint];
101
-
102
82
  if (value !== 0) {
103
83
  // @ts-ignore
104
84
  acc[theme.breakpoints.up(breakpoint)] = {
105
85
  maxWidth: `${value}${theme.breakpoints.unit}`
106
86
  };
107
87
  }
108
-
109
88
  return acc;
110
89
  }, {}), ({
111
90
  theme,
@@ -116,7 +95,8 @@ function createContainer(options = {}) {
116
95
  // @ts-ignore module augmentation fails if custom breakpoints are used
117
96
  maxWidth: Math.max(theme.breakpoints.values.xs, 444)
118
97
  }
119
- }, ownerState.maxWidth && // @ts-ignore module augmentation fails if custom breakpoints are used
98
+ }, ownerState.maxWidth &&
99
+ // @ts-ignore module augmentation fails if custom breakpoints are used
120
100
  ownerState.maxWidth !== 'xs' && {
121
101
  // @ts-ignore module augmentation fails if custom breakpoints are used
122
102
  [theme.breakpoints.up(ownerState.maxWidth)]: {
@@ -127,26 +107,28 @@ function createContainer(options = {}) {
127
107
  const Container = /*#__PURE__*/React.forwardRef(function Container(inProps, ref) {
128
108
  const props = useThemeProps(inProps);
129
109
  const {
130
- className,
131
- component = 'div',
132
- disableGutters = false,
133
- fixed = false,
134
- maxWidth = 'lg'
135
- } = props,
136
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
110
+ className,
111
+ component = 'div',
112
+ disableGutters = false,
113
+ fixed = false,
114
+ maxWidth = 'lg'
115
+ } = props,
116
+ other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
137
117
  const ownerState = (0, _extends2.default)({}, props, {
138
118
  component,
139
119
  disableGutters,
140
120
  fixed,
141
121
  maxWidth
142
- }); // @ts-ignore module augmentation fails if custom breakpoints are used
122
+ });
143
123
 
124
+ // @ts-ignore module augmentation fails if custom breakpoints are used
144
125
  const classes = useUtilityClasses(ownerState, componentName);
145
126
  return (
146
127
  /*#__PURE__*/
147
128
  // @ts-ignore theme is injected by the styled util
148
129
  (0, _jsxRuntime.jsx)(ContainerRoot, (0, _extends2.default)({
149
- as: component // @ts-ignore module augmentation fails if custom breakpoints are used
130
+ as: component
131
+ // @ts-ignore module augmentation fails if custom breakpoints are used
150
132
  ,
151
133
  ownerState: ownerState,
152
134
  className: (0, _clsx.default)(classes.root, className),
@@ -154,18 +136,14 @@ function createContainer(options = {}) {
154
136
  }, other))
155
137
  );
156
138
  });
157
- process.env.NODE_ENV !== "production" ? Container.propTypes
158
- /* remove-proptypes */
159
- = {
139
+ process.env.NODE_ENV !== "production" ? Container.propTypes /* remove-proptypes */ = {
160
140
  children: _propTypes.default.node,
161
141
  classes: _propTypes.default.object,
162
142
  className: _propTypes.default.string,
163
143
  component: _propTypes.default.elementType,
164
144
  disableGutters: _propTypes.default.bool,
165
145
  fixed: _propTypes.default.bool,
166
- maxWidth: _propTypes.default
167
- /* @typescript-to-proptypes-ignore */
168
- .oneOfType([_propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl', false]), _propTypes.default.string]),
146
+ maxWidth: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl', false]), _propTypes.default.string]),
169
147
  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
170
148
  } : void 0;
171
149
  return Container;
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -20,11 +19,8 @@ Object.defineProperty(exports, "default", {
20
19
  return _Container.default;
21
20
  }
22
21
  });
23
-
24
22
  var _Container = _interopRequireDefault(require("./Container"));
25
-
26
23
  var _containerClasses = _interopRequireWildcard(require("./containerClasses"));
27
-
28
24
  Object.keys(_containerClasses).forEach(function (key) {
29
25
  if (key === "default" || key === "__esModule") return;
30
26
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -36,7 +32,5 @@ Object.keys(_containerClasses).forEach(function (key) {
36
32
  }
37
33
  });
38
34
  });
39
-
40
35
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
41
-
42
36
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
package/Stack/Stack.js CHANGED
@@ -1,16 +1,12 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
9
  var _createStack = _interopRequireDefault(require("./createStack"));
13
-
14
10
  /**
15
11
  *
16
12
  * Demos:
@@ -23,37 +19,30 @@ var _createStack = _interopRequireDefault(require("./createStack"));
23
19
  * - [Stack API](https://mui.com/system/api/stack/)
24
20
  */
25
21
  const Stack = (0, _createStack.default)();
26
- process.env.NODE_ENV !== "production" ? Stack.propTypes
27
- /* remove-proptypes */
28
- = {
22
+ process.env.NODE_ENV !== "production" ? Stack.propTypes /* remove-proptypes */ = {
29
23
  // ----------------------------- Warning --------------------------------
30
24
  // | These PropTypes are generated from the TypeScript type definitions |
31
25
  // | To update them edit TypeScript types and run "yarn proptypes" |
32
26
  // ----------------------------------------------------------------------
33
-
34
27
  /**
35
28
  * The content of the component.
36
29
  */
37
30
  children: _propTypes.default.node,
38
-
39
31
  /**
40
32
  * Defines the `flex-direction` style property.
41
33
  * It is applied for all screen sizes.
42
34
  * @default 'column'
43
35
  */
44
36
  direction: _propTypes.default.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]),
45
-
46
37
  /**
47
38
  * Add an element between each child.
48
39
  */
49
40
  divider: _propTypes.default.node,
50
-
51
41
  /**
52
42
  * Defines the space between immediate children.
53
43
  * @default 0
54
44
  */
55
45
  spacing: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.string]),
56
-
57
46
  /**
58
47
  * The system prop, which allows defining system overrides as well as additional CSS styles.
59
48
  */