@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
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import PropTypes from 'prop-types';
2
4
  import createStack from './createStack';
3
5
  /**
@@ -101,7 +101,7 @@ export const style = ({
101
101
  };
102
102
  }
103
103
  return {
104
- '& > :not(style) + :not(style)': {
104
+ '& > :not(style) ~ :not(style)': {
105
105
  margin: 0,
106
106
  [`margin${getSideFromDirection(breakpoint ? directionValues[breakpoint] : ownerState.direction)}`]: getValue(transformer, propValue)
107
107
  }
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  export { default } from './Stack';
2
4
  export { default as createStack } from './createStack';
3
5
  export * from './StackProps';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import * as React from 'react';
3
5
  import PropTypes from 'prop-types';
@@ -1 +1,3 @@
1
+ 'use client';
2
+
1
3
  export { default } from './ThemeProvider';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import PropTypes from 'prop-types';
2
4
  import createGrid from './createGrid';
3
5
  /**
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  export { default } from './Grid';
2
4
  export { default as createGrid } from './createGrid';
3
5
  export * from './GridProps';
package/esm/createBox.js CHANGED
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
3
5
  const _excluded = ["className", "component"];
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  export { default } from './createCssVarsProvider';
2
4
  export { default as getInitColorSchemeScript } from './getInitColorSchemeScript';
3
5
  export { default as prepareCssVars } from './prepareCssVars';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import * as React from 'react';
3
5
  import { DEFAULT_MODE_STORAGE_KEY, DEFAULT_COLOR_SCHEME_STORAGE_KEY } from './getInitColorSchemeScript';
package/esm/index.js CHANGED
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import { formatMuiErrorMessage as _formatMuiErrorMessage } from "@mui/utils";
2
4
  export { css, keyframes, StyledEngineProvider } from '@mui/styled-engine';
3
5
  export { default as GlobalStyles } from './GlobalStyles';
package/esm/useTheme.js CHANGED
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import createTheme from './createTheme';
2
4
  import useThemeWithoutDefault from './useThemeWithoutDefault';
3
5
  export const systemDefaultTheme = createTheme();
@@ -1,2 +1,4 @@
1
+ 'use client';
2
+
1
3
  export { default } from './useThemeProps';
2
4
  export { default as getThemeProps } from './getThemeProps';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import getThemeProps from './getThemeProps';
2
4
  import useTheme from '../useTheme';
3
5
  export default function useThemeProps({
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import * as React from 'react';
2
4
  import { ThemeContext } from '@mui/styled-engine';
3
5
  function isObjectEmpty(obj) {
package/index.js CHANGED
@@ -1,11 +1,12 @@
1
1
  /**
2
- * @mui/system v5.13.6
2
+ * @mui/system v5.14.0
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
6
6
  * LICENSE file in the root directory of this source tree.
7
7
  */
8
8
  "use strict";
9
+ 'use client';
9
10
 
10
11
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
11
12
  Object.defineProperty(exports, "__esModule", {
package/legacy/Box/Box.js CHANGED
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import PropTypes from 'prop-types';
2
4
  import createBox from '../createBox';
3
5
  var Box = createBox();
@@ -1 +1,3 @@
1
+ 'use client';
2
+
1
3
  export { default } from './Box';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import PropTypes from 'prop-types';
2
4
  import createContainer from './createContainer';
3
5
 
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  export { default } from './Container';
2
4
  export { default as containerClasses } from './containerClasses';
3
5
  export * from './containerClasses';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import * as React from 'react';
2
4
  import PropTypes from 'prop-types';
3
5
  import { GlobalStyles as MuiGlobalStyles } from '@mui/styled-engine';
@@ -1,2 +1,4 @@
1
+ 'use client';
2
+
1
3
  export { default } from './GlobalStyles';
2
4
  export * from './GlobalStyles';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import PropTypes from 'prop-types';
2
4
  import createStack from './createStack';
3
5
  /**
@@ -105,7 +105,7 @@ export var style = function style(_ref) {
105
105
  };
106
106
  }
107
107
  return {
108
- '& > :not(style) + :not(style)': _defineProperty({
108
+ '& > :not(style) ~ :not(style)': _defineProperty({
109
109
  margin: 0
110
110
  }, "margin".concat(getSideFromDirection(breakpoint ? directionValues[breakpoint] : ownerState.direction)), getValue(transformer, propValue))
111
111
  };
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  export { default } from './Stack';
2
4
  export { default as createStack } from './createStack';
3
5
  export * from './StackProps';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
2
4
  import _extends from "@babel/runtime/helpers/esm/extends";
3
5
  import * as React from 'react';
@@ -1 +1,3 @@
1
+ 'use client';
2
+
1
3
  export { default } from './ThemeProvider';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import PropTypes from 'prop-types';
2
4
  import createGrid from './createGrid';
3
5
  /**
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  export { default } from './Grid';
2
4
  export { default as createGrid } from './createGrid';
3
5
  export * from './GridProps';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
5
  import * as React from 'react';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  export { default } from './createCssVarsProvider';
2
4
  export { default as getInitColorSchemeScript } from './getInitColorSchemeScript';
3
5
  export { default as prepareCssVars } from './prepareCssVars';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import * as React from 'react';
3
5
  import { DEFAULT_MODE_STORAGE_KEY, DEFAULT_COLOR_SCHEME_STORAGE_KEY } from './getInitColorSchemeScript';
package/legacy/index.js CHANGED
@@ -1,10 +1,12 @@
1
1
  /**
2
- * @mui/system v5.13.6
2
+ * @mui/system v5.14.0
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
6
6
  * LICENSE file in the root directory of this source tree.
7
7
  */
8
+ 'use client';
9
+
8
10
  import { formatMuiErrorMessage as _formatMuiErrorMessage } from "@mui/utils";
9
11
  export { css, keyframes, StyledEngineProvider } from '@mui/styled-engine';
10
12
  export { default as GlobalStyles } from './GlobalStyles';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import createTheme from './createTheme';
2
4
  import useThemeWithoutDefault from './useThemeWithoutDefault';
3
5
  export var systemDefaultTheme = createTheme();
@@ -1,2 +1,4 @@
1
+ 'use client';
2
+
1
3
  export { default } from './useThemeProps';
2
4
  export { default as getThemeProps } from './getThemeProps';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import getThemeProps from './getThemeProps';
2
4
  import useTheme from '../useTheme';
3
5
  export default function useThemeProps(_ref) {
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import * as React from 'react';
2
4
  import { ThemeContext } from '@mui/styled-engine';
3
5
  function isObjectEmpty(obj) {
package/modern/Box/Box.js CHANGED
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import PropTypes from 'prop-types';
2
4
  import createBox from '../createBox';
3
5
  const Box = createBox();
@@ -1 +1,3 @@
1
+ 'use client';
2
+
1
3
  export { default } from './Box';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import PropTypes from 'prop-types';
2
4
  import createContainer from './createContainer';
3
5
 
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  export { default } from './Container';
2
4
  export { default as containerClasses } from './containerClasses';
3
5
  export * from './containerClasses';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import * as React from 'react';
2
4
  import PropTypes from 'prop-types';
3
5
  import { GlobalStyles as MuiGlobalStyles } from '@mui/styled-engine';
@@ -1,2 +1,4 @@
1
+ 'use client';
2
+
1
3
  export { default } from './GlobalStyles';
2
4
  export * from './GlobalStyles';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import PropTypes from 'prop-types';
2
4
  import createStack from './createStack';
3
5
  /**
@@ -101,7 +101,7 @@ export const style = ({
101
101
  };
102
102
  }
103
103
  return {
104
- '& > :not(style) + :not(style)': {
104
+ '& > :not(style) ~ :not(style)': {
105
105
  margin: 0,
106
106
  [`margin${getSideFromDirection(breakpoint ? directionValues[breakpoint] : ownerState.direction)}`]: getValue(transformer, propValue)
107
107
  }
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  export { default } from './Stack';
2
4
  export { default as createStack } from './createStack';
3
5
  export * from './StackProps';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import * as React from 'react';
3
5
  import PropTypes from 'prop-types';
@@ -1 +1,3 @@
1
+ 'use client';
2
+
1
3
  export { default } from './ThemeProvider';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import PropTypes from 'prop-types';
2
4
  import createGrid from './createGrid';
3
5
  /**
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  export { default } from './Grid';
2
4
  export { default as createGrid } from './createGrid';
3
5
  export * from './GridProps';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
3
5
  const _excluded = ["className", "component"];
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  export { default } from './createCssVarsProvider';
2
4
  export { default as getInitColorSchemeScript } from './getInitColorSchemeScript';
3
5
  export { default as prepareCssVars } from './prepareCssVars';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import * as React from 'react';
3
5
  import { DEFAULT_MODE_STORAGE_KEY, DEFAULT_COLOR_SCHEME_STORAGE_KEY } from './getInitColorSchemeScript';
package/modern/index.js CHANGED
@@ -1,10 +1,12 @@
1
1
  /**
2
- * @mui/system v5.13.6
2
+ * @mui/system v5.14.0
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
6
6
  * LICENSE file in the root directory of this source tree.
7
7
  */
8
+ 'use client';
9
+
8
10
  import { formatMuiErrorMessage as _formatMuiErrorMessage } from "@mui/utils";
9
11
  export { css, keyframes, StyledEngineProvider } from '@mui/styled-engine';
10
12
  export { default as GlobalStyles } from './GlobalStyles';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import createTheme from './createTheme';
2
4
  import useThemeWithoutDefault from './useThemeWithoutDefault';
3
5
  export const systemDefaultTheme = createTheme();
@@ -1,2 +1,4 @@
1
+ 'use client';
2
+
1
3
  export { default } from './useThemeProps';
2
4
  export { default as getThemeProps } from './getThemeProps';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import getThemeProps from './getThemeProps';
2
4
  import useTheme from '../useTheme';
3
5
  export default function useThemeProps({
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import * as React from 'react';
2
4
  import { ThemeContext } from '@mui/styled-engine';
3
5
  function isObjectEmpty(obj) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/system",
3
- "version": "5.13.6",
3
+ "version": "5.14.0",
4
4
  "private": false,
5
5
  "author": "MUI Team",
6
6
  "description": "CSS utilities for rapidly laying out custom designs.",
@@ -20,7 +20,7 @@
20
20
  "bugs": {
21
21
  "url": "https://github.com/mui/material-ui/issues"
22
22
  },
23
- "homepage": "https://mui.com/system/getting-started/overview/",
23
+ "homepage": "https://mui.com/system/getting-started/",
24
24
  "funding": {
25
25
  "type": "opencollective",
26
26
  "url": "https://opencollective.com/mui"
@@ -44,10 +44,10 @@
44
44
  },
45
45
  "dependencies": {
46
46
  "@babel/runtime": "^7.22.5",
47
- "@mui/private-theming": "^5.13.1",
47
+ "@mui/private-theming": "^5.13.7",
48
48
  "@mui/styled-engine": "^5.13.2",
49
49
  "@mui/types": "^7.2.4",
50
- "@mui/utils": "^5.13.6",
50
+ "@mui/utils": "^5.13.7",
51
51
  "clsx": "^1.2.1",
52
52
  "csstype": "^3.1.2",
53
53
  "prop-types": "^15.8.1"
package/useTheme.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", {
@@ -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,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,4 +1,5 @@
1
1
  "use strict";
2
+ 'use client';
2
3
 
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true