@mui/system 5.12.1 → 5.13.1

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 (105) hide show
  1. package/CHANGELOG.md +312 -0
  2. package/Container/Container.d.ts +13 -13
  3. package/Container/ContainerProps.d.ts +40 -40
  4. package/Container/containerClasses.d.ts +22 -22
  5. package/Container/createContainer.d.ts +18 -18
  6. package/Container/createContainer.js +41 -35
  7. package/GlobalStyles/GlobalStyles.d.ts +13 -13
  8. package/GlobalStyles/index.d.ts +2 -2
  9. package/Stack/Stack.d.ts +14 -14
  10. package/Stack/Stack.js +1 -1
  11. package/Stack/StackProps.d.ts +53 -53
  12. package/Stack/createStack.d.ts +21 -21
  13. package/Stack/createStack.js +24 -26
  14. package/Stack/index.d.ts +5 -5
  15. package/Stack/stackClasses.d.ts +8 -8
  16. package/ThemeProvider/ThemeProvider.js +9 -5
  17. package/Unstable_Grid/Grid.d.ts +12 -12
  18. package/Unstable_Grid/GridProps.d.ts +185 -185
  19. package/Unstable_Grid/createGrid.d.ts +11 -11
  20. package/Unstable_Grid/createGrid.js +21 -23
  21. package/Unstable_Grid/gridClasses.d.ts +20 -20
  22. package/Unstable_Grid/gridGenerator.d.ts +38 -38
  23. package/Unstable_Grid/gridGenerator.js +20 -18
  24. package/Unstable_Grid/index.d.ts +5 -5
  25. package/breakpoints.js +7 -6
  26. package/colorManipulator.js +2 -0
  27. package/createBox.js +9 -12
  28. package/createStyled.js +40 -31
  29. package/createTheme/createBreakpoints.js +24 -26
  30. package/createTheme/createSpacing.d.ts +10 -10
  31. package/createTheme/createSpacing.js +3 -1
  32. package/createTheme/createTheme.js +18 -14
  33. package/cssVars/createCssVarsProvider.js +21 -20
  34. package/cssVars/createCssVarsTheme.d.ts +15 -15
  35. package/cssVars/createCssVarsTheme.js +10 -10
  36. package/cssVars/createGetCssVar.d.ts +5 -5
  37. package/cssVars/cssVarsParser.d.ts +64 -64
  38. package/cssVars/getInitColorSchemeScript.d.ts +42 -42
  39. package/cssVars/index.d.ts +5 -5
  40. package/cssVars/prepareCssVars.d.ts +16 -16
  41. package/cssVars/prepareCssVars.js +13 -12
  42. package/cssVars/useCurrentColorScheme.d.ts +53 -53
  43. package/cssVars/useCurrentColorScheme.js +17 -11
  44. package/esm/Container/createContainer.js +41 -35
  45. package/esm/Stack/Stack.js +1 -1
  46. package/esm/Stack/createStack.js +24 -26
  47. package/esm/ThemeProvider/ThemeProvider.js +9 -5
  48. package/esm/Unstable_Grid/createGrid.js +21 -23
  49. package/esm/Unstable_Grid/gridGenerator.js +20 -17
  50. package/esm/breakpoints.js +7 -6
  51. package/esm/colorManipulator.js +1 -0
  52. package/esm/createBox.js +9 -12
  53. package/esm/createStyled.js +38 -31
  54. package/esm/createTheme/createBreakpoints.js +24 -25
  55. package/esm/createTheme/createSpacing.js +4 -0
  56. package/esm/createTheme/createTheme.js +18 -14
  57. package/esm/cssVars/createCssVarsProvider.js +21 -20
  58. package/esm/cssVars/createCssVarsTheme.js +10 -10
  59. package/esm/cssVars/prepareCssVars.js +13 -12
  60. package/esm/cssVars/useCurrentColorScheme.js +17 -10
  61. package/esm/propsToClassKey.js +3 -5
  62. package/esm/styleFunctionSx/extendSxProp.js +14 -10
  63. package/index.js +5 -2
  64. package/legacy/Container/createContainer.js +7 -6
  65. package/legacy/Stack/Stack.js +1 -1
  66. package/legacy/Stack/createStack.js +6 -5
  67. package/legacy/ThemeProvider/ThemeProvider.js +4 -3
  68. package/legacy/Unstable_Grid/createGrid.js +6 -4
  69. package/legacy/Unstable_Grid/gridGenerator.js +6 -4
  70. package/legacy/breakpoints.js +5 -3
  71. package/legacy/colorManipulator.js +1 -0
  72. package/legacy/createBox.js +4 -2
  73. package/legacy/createStyled.js +13 -11
  74. package/legacy/createTheme/createBreakpoints.js +4 -3
  75. package/legacy/createTheme/createSpacing.js +4 -0
  76. package/legacy/createTheme/createTheme.js +6 -4
  77. package/legacy/cssVars/createCssVarsProvider.js +6 -5
  78. package/legacy/cssVars/createCssVarsTheme.js +4 -2
  79. package/legacy/cssVars/prepareCssVars.js +5 -3
  80. package/legacy/cssVars/useCurrentColorScheme.js +9 -7
  81. package/legacy/index.js +1 -1
  82. package/legacy/styleFunctionSx/extendSxProp.js +6 -4
  83. package/modern/Container/createContainer.js +41 -35
  84. package/modern/Stack/Stack.js +1 -1
  85. package/modern/Stack/createStack.js +24 -26
  86. package/modern/ThemeProvider/ThemeProvider.js +9 -5
  87. package/modern/Unstable_Grid/createGrid.js +21 -23
  88. package/modern/Unstable_Grid/gridGenerator.js +20 -17
  89. package/modern/breakpoints.js +7 -6
  90. package/modern/colorManipulator.js +1 -0
  91. package/modern/createBox.js +9 -12
  92. package/modern/createStyled.js +38 -31
  93. package/modern/createTheme/createBreakpoints.js +24 -25
  94. package/modern/createTheme/createSpacing.js +4 -0
  95. package/modern/createTheme/createTheme.js +18 -14
  96. package/modern/cssVars/createCssVarsProvider.js +21 -20
  97. package/modern/cssVars/createCssVarsTheme.js +10 -10
  98. package/modern/cssVars/prepareCssVars.js +13 -12
  99. package/modern/cssVars/useCurrentColorScheme.js +17 -10
  100. package/modern/index.js +1 -1
  101. package/modern/propsToClassKey.js +3 -5
  102. package/modern/styleFunctionSx/extendSxProp.js +14 -10
  103. package/package.json +4 -4
  104. package/propsToClassKey.js +3 -6
  105. package/styleFunctionSx/extendSxProp.js +14 -10
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/system",
3
- "version": "5.12.1",
3
+ "version": "5.13.1",
4
4
  "private": false,
5
5
  "author": "MUI Team",
6
6
  "description": "CSS utilities for rapidly laying out custom designs.",
@@ -44,10 +44,10 @@
44
44
  },
45
45
  "dependencies": {
46
46
  "@babel/runtime": "^7.21.0",
47
- "@mui/private-theming": "^5.12.0",
48
- "@mui/styled-engine": "^5.12.0",
47
+ "@mui/private-theming": "^5.13.1",
48
+ "@mui/styled-engine": "^5.12.3",
49
49
  "@mui/types": "^7.2.4",
50
- "@mui/utils": "^5.12.0",
50
+ "@mui/utils": "^5.13.1",
51
51
  "clsx": "^1.2.1",
52
52
  "csstype": "^3.1.2",
53
53
  "prop-types": "^15.8.1"
@@ -1,13 +1,10 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
3
  Object.defineProperty(exports, "__esModule", {
5
4
  value: true
6
5
  });
7
6
  exports.default = propsToClassKey;
8
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
9
7
  var _utils = require("@mui/utils");
10
- const _excluded = ["variant"];
11
8
  function isEmpty(string) {
12
9
  return string.length === 0;
13
10
  }
@@ -19,9 +16,9 @@ function isEmpty(string) {
19
16
  */
20
17
  function propsToClassKey(props) {
21
18
  const {
22
- variant
23
- } = props,
24
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
19
+ variant,
20
+ ...other
21
+ } = props;
25
22
  let classKey = variant || '';
26
23
  Object.keys(other).sort().forEach(key => {
27
24
  if (key === 'color') {
@@ -5,11 +5,8 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = extendSxProp;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
10
8
  var _utils = require("@mui/utils");
11
9
  var _defaultSxConfig = _interopRequireDefault(require("./defaultSxConfig"));
12
- const _excluded = ["sx"];
13
10
  const splitProps = props => {
14
11
  var _props$theme$unstable, _props$theme;
15
12
  const result = {
@@ -28,9 +25,9 @@ const splitProps = props => {
28
25
  };
29
26
  function extendSxProp(props) {
30
27
  const {
31
- sx: inSx
32
- } = props,
33
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
28
+ sx: inSx,
29
+ ...other
30
+ } = props;
34
31
  const {
35
32
  systemProps,
36
33
  otherProps
@@ -44,12 +41,19 @@ function extendSxProp(props) {
44
41
  if (!(0, _utils.isPlainObject)(result)) {
45
42
  return systemProps;
46
43
  }
47
- return (0, _extends2.default)({}, systemProps, result);
44
+ return {
45
+ ...systemProps,
46
+ ...result
47
+ };
48
48
  };
49
49
  } else {
50
- finalSx = (0, _extends2.default)({}, systemProps, inSx);
50
+ finalSx = {
51
+ ...systemProps,
52
+ ...inSx
53
+ };
51
54
  }
52
- return (0, _extends2.default)({}, otherProps, {
55
+ return {
56
+ ...otherProps,
53
57
  sx: finalSx
54
- });
58
+ };
55
59
  }