@mui/system 6.0.0-dev.240424162023-9968b4889d → 6.0.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 (270) hide show
  1. package/Box/Box.d.ts +0 -5
  2. package/Box/Box.js +2 -2
  3. package/Box/index.js +3 -3
  4. package/CHANGELOG.md +1367 -22
  5. package/Container/Container.js +1 -1
  6. package/Container/createContainer.js +42 -38
  7. package/Container/index.js +3 -3
  8. package/DefaultPropsProvider/DefaultPropsProvider.d.ts +12 -0
  9. package/DefaultPropsProvider/DefaultPropsProvider.js +64 -0
  10. package/DefaultPropsProvider/index.d.ts +1 -0
  11. package/DefaultPropsProvider/index.js +1 -0
  12. package/DefaultPropsProvider/package.json +6 -0
  13. package/GlobalStyles/GlobalStyles.js +1 -1
  14. package/GlobalStyles/index.js +2 -2
  15. package/Grid/Grid.js +101 -0
  16. package/Grid/GridProps.d.ts +100 -0
  17. package/{Unstable_Grid → Grid}/createGrid.js +61 -82
  18. package/{Unstable_Grid → Grid}/gridClasses.js +1 -1
  19. package/{Unstable_Grid → Grid}/gridGenerator.d.ts +5 -12
  20. package/{modern/Unstable_Grid → Grid}/gridGenerator.js +21 -27
  21. package/Grid/index.js +8 -0
  22. package/{Unstable_Grid → Grid}/package.json +1 -1
  23. package/{Unstable_Grid → Grid}/traverseBreakpoints.d.ts +1 -1
  24. package/{Unstable_Grid → Grid}/traverseBreakpoints.js +1 -1
  25. package/{cssVars/getInitColorSchemeScript.d.ts → InitColorSchemeScript/InitColorSchemeScript.d.ts} +13 -8
  26. package/InitColorSchemeScript/InitColorSchemeScript.js +77 -0
  27. package/InitColorSchemeScript/index.d.ts +2 -0
  28. package/InitColorSchemeScript/index.js +1 -0
  29. package/InitColorSchemeScript/package.json +6 -0
  30. package/README.md +2 -2
  31. package/RtlProvider/index.js +8 -11
  32. package/Stack/Stack.js +1 -1
  33. package/Stack/createStack.d.ts +1 -1
  34. package/Stack/createStack.js +30 -32
  35. package/Stack/index.js +5 -5
  36. package/ThemeProvider/ThemeProvider.js +16 -8
  37. package/ThemeProvider/index.js +1 -1
  38. package/borders/borders.js +5 -5
  39. package/borders/index.js +2 -2
  40. package/breakpoints/breakpoints.d.ts +1 -1
  41. package/breakpoints/breakpoints.js +10 -9
  42. package/breakpoints/index.js +2 -2
  43. package/colorManipulator/colorManipulator.js +12 -12
  44. package/colorManipulator/index.js +1 -1
  45. package/compose/compose.js +1 -1
  46. package/compose/index.js +1 -1
  47. package/createBox/createBox.js +11 -14
  48. package/createBox/index.js +1 -1
  49. package/{createTheme → createBreakpoints}/createBreakpoints.d.ts +4 -4
  50. package/{modern/createTheme → createBreakpoints}/createBreakpoints.js +24 -25
  51. package/createBreakpoints/index.d.ts +3 -0
  52. package/createBreakpoints/index.js +3 -0
  53. package/createBreakpoints/package.json +6 -0
  54. package/createStyled/createStyled.js +120 -118
  55. package/createStyled/index.js +2 -2
  56. package/createTheme/applyStyles.d.ts +1 -1
  57. package/createTheme/applyStyles.js +11 -5
  58. package/createTheme/createSpacing.d.ts +1 -1
  59. package/createTheme/createSpacing.js +1 -1
  60. package/createTheme/createTheme.d.ts +6 -2
  61. package/createTheme/createTheme.js +25 -21
  62. package/createTheme/index.js +3 -3
  63. package/cssContainerQueries/cssContainerQueries.d.ts +1 -1
  64. package/cssContainerQueries/cssContainerQueries.js +11 -9
  65. package/cssContainerQueries/index.js +2 -2
  66. package/cssGrid/cssGrid.js +5 -5
  67. package/cssGrid/index.js +2 -2
  68. package/cssVars/createCssVarsProvider.d.ts +7 -15
  69. package/cssVars/createCssVarsProvider.js +86 -106
  70. package/cssVars/createCssVarsTheme.d.ts +2 -1
  71. package/cssVars/createCssVarsTheme.js +14 -6
  72. package/cssVars/cssVarsParser.d.ts +1 -1
  73. package/cssVars/getColorSchemeSelector.d.ts +1 -0
  74. package/cssVars/getColorSchemeSelector.js +26 -0
  75. package/cssVars/index.d.ts +1 -1
  76. package/cssVars/index.js +5 -5
  77. package/cssVars/prepareCssVars.d.ts +3 -2
  78. package/cssVars/prepareCssVars.js +84 -30
  79. package/cssVars/useCurrentColorScheme.d.ts +2 -2
  80. package/cssVars/useCurrentColorScheme.js +39 -17
  81. package/display/display.js +2 -2
  82. package/display/index.js +2 -2
  83. package/flexbox/flexbox.js +2 -2
  84. package/flexbox/index.js +2 -2
  85. package/getThemeValue/getThemeValue.js +10 -10
  86. package/getThemeValue/index.js +2 -2
  87. package/index.d.ts +6 -4
  88. package/index.js +59 -58
  89. package/memoize/index.js +1 -1
  90. package/merge/index.js +1 -1
  91. package/modern/Box/Box.js +2 -2
  92. package/modern/Box/index.js +3 -3
  93. package/modern/Container/Container.js +1 -1
  94. package/modern/Container/createContainer.js +42 -38
  95. package/modern/Container/index.js +3 -3
  96. package/modern/DefaultPropsProvider/DefaultPropsProvider.js +64 -0
  97. package/modern/DefaultPropsProvider/index.js +1 -0
  98. package/modern/GlobalStyles/GlobalStyles.js +1 -1
  99. package/modern/GlobalStyles/index.js +2 -2
  100. package/modern/Grid/Grid.js +101 -0
  101. package/modern/{Unstable_Grid → Grid}/createGrid.js +61 -82
  102. package/modern/{Unstable_Grid → Grid}/gridClasses.js +1 -1
  103. package/{Unstable_Grid → modern/Grid}/gridGenerator.js +21 -27
  104. package/modern/Grid/index.js +8 -0
  105. package/modern/{Unstable_Grid → Grid}/traverseBreakpoints.js +1 -1
  106. package/modern/InitColorSchemeScript/InitColorSchemeScript.js +77 -0
  107. package/modern/InitColorSchemeScript/index.js +1 -0
  108. package/modern/RtlProvider/index.js +8 -11
  109. package/modern/Stack/Stack.js +1 -1
  110. package/modern/Stack/createStack.js +30 -32
  111. package/modern/Stack/index.js +5 -5
  112. package/modern/ThemeProvider/ThemeProvider.js +16 -8
  113. package/modern/ThemeProvider/index.js +1 -1
  114. package/modern/borders/borders.js +5 -5
  115. package/modern/borders/index.js +2 -2
  116. package/modern/breakpoints/breakpoints.js +10 -9
  117. package/modern/breakpoints/index.js +2 -2
  118. package/modern/colorManipulator/colorManipulator.js +12 -12
  119. package/modern/colorManipulator/index.js +1 -1
  120. package/modern/compose/compose.js +1 -1
  121. package/modern/compose/index.js +1 -1
  122. package/modern/createBox/createBox.js +11 -14
  123. package/modern/createBox/index.js +1 -1
  124. package/{createTheme → modern/createBreakpoints}/createBreakpoints.js +24 -25
  125. package/modern/createBreakpoints/index.js +3 -0
  126. package/modern/createStyled/createStyled.js +120 -118
  127. package/modern/createStyled/index.js +2 -2
  128. package/modern/createTheme/applyStyles.js +11 -5
  129. package/modern/createTheme/createSpacing.js +1 -1
  130. package/modern/createTheme/createTheme.js +25 -21
  131. package/modern/createTheme/index.js +3 -3
  132. package/modern/cssContainerQueries/cssContainerQueries.js +11 -9
  133. package/modern/cssContainerQueries/index.js +2 -2
  134. package/modern/cssGrid/cssGrid.js +5 -5
  135. package/modern/cssGrid/index.js +2 -2
  136. package/modern/cssVars/createCssVarsProvider.js +86 -106
  137. package/modern/cssVars/createCssVarsTheme.js +14 -6
  138. package/modern/cssVars/getColorSchemeSelector.js +26 -0
  139. package/modern/cssVars/index.js +5 -5
  140. package/modern/cssVars/prepareCssVars.js +84 -30
  141. package/modern/cssVars/useCurrentColorScheme.js +39 -17
  142. package/modern/display/display.js +2 -2
  143. package/modern/display/index.js +2 -2
  144. package/modern/flexbox/flexbox.js +2 -2
  145. package/modern/flexbox/index.js +2 -2
  146. package/modern/getThemeValue/getThemeValue.js +10 -10
  147. package/modern/getThemeValue/index.js +2 -2
  148. package/modern/index.js +59 -58
  149. package/modern/memoize/index.js +1 -1
  150. package/modern/merge/index.js +1 -1
  151. package/modern/palette/index.js +2 -2
  152. package/modern/palette/palette.js +2 -2
  153. package/modern/positions/index.js +2 -2
  154. package/modern/positions/positions.js +2 -2
  155. package/modern/propsToClassKey/index.js +1 -1
  156. package/modern/propsToClassKey/propsToClassKey.js +3 -5
  157. package/modern/responsivePropType/index.js +1 -1
  158. package/modern/shadows/index.js +1 -1
  159. package/modern/shadows/shadows.js +1 -1
  160. package/modern/sizing/index.js +2 -2
  161. package/modern/sizing/sizing.js +3 -3
  162. package/modern/spacing/index.js +2 -2
  163. package/modern/spacing/spacing.js +6 -6
  164. package/modern/style/index.js +2 -2
  165. package/modern/style/style.js +2 -2
  166. package/modern/styleFunctionSx/defaultSxConfig.js +5 -5
  167. package/modern/styleFunctionSx/extendSxProp.js +15 -11
  168. package/modern/styleFunctionSx/index.js +4 -4
  169. package/modern/styleFunctionSx/styleFunctionSx.js +5 -5
  170. package/modern/styled/index.js +1 -1
  171. package/modern/styled/styled.js +1 -1
  172. package/modern/typography/index.js +2 -2
  173. package/modern/typography/typography.js +2 -2
  174. package/modern/useMediaQuery/index.js +2 -2
  175. package/modern/useMediaQuery/useMediaQuery.js +7 -29
  176. package/modern/useTheme/index.js +2 -2
  177. package/modern/useTheme/useTheme.js +2 -2
  178. package/modern/useThemeProps/index.js +2 -2
  179. package/modern/useThemeProps/useThemeProps.js +3 -4
  180. package/modern/useThemeWithoutDefault/index.js +1 -1
  181. package/modern/version/index.js +7 -0
  182. package/node/Container/createContainer.js +39 -35
  183. package/node/DefaultPropsProvider/DefaultPropsProvider.js +73 -0
  184. package/node/DefaultPropsProvider/index.js +20 -0
  185. package/node/Grid/Grid.js +107 -0
  186. package/node/{Unstable_Grid → Grid}/createGrid.js +59 -82
  187. package/node/{Unstable_Grid → Grid}/gridClasses.js +1 -1
  188. package/node/{Unstable_Grid → Grid}/gridGenerator.js +22 -31
  189. package/node/{Unstable_Grid → Grid}/traverseBreakpoints.js +1 -1
  190. package/node/{cssVars/getInitColorSchemeScript.js → InitColorSchemeScript/InitColorSchemeScript.js} +45 -11
  191. package/node/InitColorSchemeScript/index.js +13 -0
  192. package/node/RtlProvider/index.js +9 -12
  193. package/node/Stack/createStack.js +24 -26
  194. package/node/ThemeProvider/ThemeProvider.js +14 -6
  195. package/node/breakpoints/breakpoints.js +9 -9
  196. package/node/colorManipulator/colorManipulator.js +12 -12
  197. package/node/createBox/createBox.js +9 -12
  198. package/node/{createTheme → createBreakpoints}/createBreakpoints.js +24 -26
  199. package/node/createBreakpoints/index.js +13 -0
  200. package/node/createStyled/createStyled.js +121 -119
  201. package/node/createTheme/applyStyles.js +11 -5
  202. package/node/createTheme/createTheme.js +19 -15
  203. package/node/createTheme/index.js +1 -1
  204. package/node/cssContainerQueries/cssContainerQueries.js +12 -11
  205. package/node/cssVars/createCssVarsProvider.js +88 -109
  206. package/node/cssVars/createCssVarsTheme.js +13 -5
  207. package/node/cssVars/getColorSchemeSelector.js +32 -0
  208. package/node/cssVars/index.js +6 -6
  209. package/node/cssVars/prepareCssVars.js +83 -29
  210. package/node/cssVars/useCurrentColorScheme.js +43 -22
  211. package/node/index.js +27 -15
  212. package/node/propsToClassKey/propsToClassKey.js +3 -5
  213. package/node/sizing/sizing.js +2 -3
  214. package/node/spacing/spacing.js +2 -3
  215. package/node/styleFunctionSx/extendSxProp.js +15 -12
  216. package/node/styleFunctionSx/styleFunctionSx.js +1 -2
  217. package/node/useMediaQuery/useMediaQuery.js +5 -26
  218. package/node/useThemeProps/useThemeProps.js +1 -2
  219. package/node/version/index.js +13 -0
  220. package/package.json +10 -10
  221. package/palette/index.js +2 -2
  222. package/palette/palette.js +2 -2
  223. package/positions/index.js +2 -2
  224. package/positions/positions.js +2 -2
  225. package/propsToClassKey/index.js +1 -1
  226. package/propsToClassKey/propsToClassKey.js +3 -5
  227. package/responsivePropType/index.js +1 -1
  228. package/shadows/index.js +1 -1
  229. package/shadows/shadows.js +1 -1
  230. package/sizing/index.js +2 -2
  231. package/sizing/sizing.js +3 -3
  232. package/spacing/index.js +2 -2
  233. package/spacing/spacing.js +6 -6
  234. package/style/index.js +2 -2
  235. package/style/style.js +2 -2
  236. package/styleFunctionSx/defaultSxConfig.js +5 -5
  237. package/styleFunctionSx/extendSxProp.js +15 -11
  238. package/styleFunctionSx/index.js +4 -4
  239. package/styleFunctionSx/styleFunctionSx.js +5 -5
  240. package/styled/index.js +1 -1
  241. package/styled/styled.js +1 -1
  242. package/typography/index.js +2 -2
  243. package/typography/typography.js +2 -2
  244. package/useMediaQuery/index.js +2 -2
  245. package/useMediaQuery/useMediaQuery.d.ts +0 -18
  246. package/useMediaQuery/useMediaQuery.js +7 -29
  247. package/useTheme/index.js +2 -2
  248. package/useTheme/useTheme.js +2 -2
  249. package/useThemeProps/index.js +2 -2
  250. package/useThemeProps/useThemeProps.js +3 -4
  251. package/useThemeWithoutDefault/index.js +1 -1
  252. package/version/index.d.ts +7 -0
  253. package/version/index.js +7 -0
  254. package/version/package.json +6 -0
  255. package/Unstable_Grid/Grid.js +0 -177
  256. package/Unstable_Grid/GridProps.d.ts +0 -185
  257. package/Unstable_Grid/index.js +0 -8
  258. package/cssVars/getInitColorSchemeScript.js +0 -44
  259. package/modern/Unstable_Grid/Grid.js +0 -177
  260. package/modern/Unstable_Grid/index.js +0 -8
  261. package/modern/cssVars/getInitColorSchemeScript.js +0 -44
  262. package/node/Unstable_Grid/Grid.js +0 -183
  263. /package/{Unstable_Grid → Grid}/Grid.d.ts +0 -0
  264. /package/{Unstable_Grid → Grid}/GridProps.js +0 -0
  265. /package/{Unstable_Grid → Grid}/createGrid.d.ts +0 -0
  266. /package/{Unstable_Grid → Grid}/gridClasses.d.ts +0 -0
  267. /package/{Unstable_Grid → Grid}/index.d.ts +0 -0
  268. /package/modern/{Unstable_Grid → Grid}/GridProps.js +0 -0
  269. /package/node/{Unstable_Grid → Grid}/GridProps.js +0 -0
  270. /package/node/{Unstable_Grid → Grid}/index.js +0 -0
package/Box/Box.d.ts CHANGED
@@ -183,11 +183,6 @@ export type SystemProps<Theme extends object = {}> = {
183
183
 
184
184
  export interface BoxOwnProps<Theme extends object = SystemTheme> extends SystemProps<Theme> {
185
185
  children?: React.ReactNode;
186
- /**
187
- * The component used for the root node.
188
- * Either a string to use a HTML element or a component.
189
- */
190
- component?: React.ElementType;
191
186
  ref?: React.Ref<unknown>;
192
187
  /**
193
188
  * The system prop that allows defining system overrides as well as additional CSS styles.
package/Box/Box.js CHANGED
@@ -2,8 +2,8 @@
2
2
 
3
3
  import PropTypes from 'prop-types';
4
4
  import ClassNameGenerator from '@mui/utils/ClassNameGenerator';
5
- import createBox from '../createBox';
6
- import boxClasses from './boxClasses';
5
+ import createBox from "../createBox/index.js";
6
+ import boxClasses from "./boxClasses.js";
7
7
  const Box = createBox({
8
8
  defaultClassName: boxClasses.root,
9
9
  generateClassName: ClassNameGenerator.generate
package/Box/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  'use client';
2
2
 
3
- export { default } from './Box';
4
- export { default as boxClasses } from './boxClasses';
5
- export * from './boxClasses';
3
+ export { default } from "./Box.js";
4
+ export { default as boxClasses } from "./boxClasses.js";
5
+ export * from "./boxClasses.js";