@mui/system 6.0.0-beta.0 → 6.0.0-beta.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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,37 @@
1
1
  # [Versions](https://mui.com/versions/)
2
2
 
3
+ ## v6.0.0-beta.1
4
+
5
+ <!-- generated comparing v6.0.0-beta.0..next -->
6
+
7
+ _Jul 16, 2024_
8
+
9
+ A big thanks to the 6 contributors who made this release possible.
10
+
11
+ ### `@mui/material@6.0.0-beta.1`
12
+
13
+ - &#8203;<!-- 03 -->Remove dependency on @mui/base (#42907) @mnajdova
14
+ - &#8203;<!-- 02 -->Set material-pigment-css to public (#42912) @siriwatknp
15
+
16
+ ### `@mui/codemod@6.0.0-beta.1`
17
+
18
+ - &#8203;<!-- 10 -->Support sx conditional inside spread element (#42894) @siriwatknp
19
+
20
+ ### Docs
21
+
22
+ - &#8203;<!-- 07 -->Fix 301 link @oliviertassinari
23
+ - &#8203;<!-- 04 -->[material-ui] Add script to generate template screenshots (#42903) @siriwatknp
24
+
25
+ ### Core
26
+
27
+ - &#8203;<!-- 09 -->[core] Remove custom hooks from the `mui-name-matches-component-name` linting rule (#42773) @flaviendelangle
28
+ - &#8203;<!-- 08 -->[core] Normalize rest / other to match the most common used @oliviertassinari
29
+ - &#8203;<!-- 06 -->[docs-infra] Move Ads component to TS (#42842) @alexfauquette
30
+ - &#8203;<!-- 05 -->[docs-infra] Support code tabs overflow (#42913) @arminmeh
31
+ - &#8203;<!-- 01 -->[website] Sync /about page @oliviertassinari
32
+
33
+ All contributors of this release in alphabetical order: @alexfauquette, @arminmeh, @flaviendelangle, @mnajdova, @oliviertassinari, @siriwatknp
34
+
3
35
  ## v6.0.0-beta.0
4
36
 
5
37
  <!-- generated comparing v6.0.0-alpha.14..next -->
@@ -88,7 +88,7 @@ export default function createGrid(options = {}) {
88
88
  rowSpacing: rowSpacingProp = spacingProp,
89
89
  columnSpacing: columnSpacingProp = spacingProp,
90
90
  unstable_level: level = 0,
91
- ...rest
91
+ ...other
92
92
  } = props;
93
93
  const size = parseResponsiveProp(sizeProp, theme.breakpoints, val => val !== false);
94
94
  const offset = parseResponsiveProp(offsetProp, theme.breakpoints);
@@ -115,7 +115,7 @@ export default function createGrid(options = {}) {
115
115
  as: component,
116
116
  ownerState: ownerState,
117
117
  className: clsx(classes.root, className),
118
- ...rest,
118
+ ...other,
119
119
  children: React.Children.map(children, child => {
120
120
  if ( /*#__PURE__*/React.isValidElement(child) && isMuiElement(child, ['Grid'])) {
121
121
  return /*#__PURE__*/React.cloneElement(child, {
@@ -75,7 +75,7 @@ function prepareCssVars(theme, {
75
75
  }) || ':root', rootCss);
76
76
  const {
77
77
  [colorScheme]: defaultSchemeVal,
78
- ...rest
78
+ ...other
79
79
  } = colorSchemesMap;
80
80
  if (defaultSchemeVal) {
81
81
  // default color scheme has to come before other color schemes
@@ -86,7 +86,7 @@ function prepareCssVars(theme, {
86
86
  ...css
87
87
  }) || `[${theme.attribute || 'data-color-scheme'}="${colorScheme}"]`, css);
88
88
  }
89
- Object.entries(rest).forEach(([key, {
89
+ Object.entries(other).forEach(([key, {
90
90
  css
91
91
  }]) => {
92
92
  insertStyleSheet(getSelector?.(key, {
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/system v6.0.0-beta.0
2
+ * @mui/system v6.0.0-beta.1
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
@@ -88,7 +88,7 @@ export default function createGrid(options = {}) {
88
88
  rowSpacing: rowSpacingProp = spacingProp,
89
89
  columnSpacing: columnSpacingProp = spacingProp,
90
90
  unstable_level: level = 0,
91
- ...rest
91
+ ...other
92
92
  } = props;
93
93
  const size = parseResponsiveProp(sizeProp, theme.breakpoints, val => val !== false);
94
94
  const offset = parseResponsiveProp(offsetProp, theme.breakpoints);
@@ -115,7 +115,7 @@ export default function createGrid(options = {}) {
115
115
  as: component,
116
116
  ownerState: ownerState,
117
117
  className: clsx(classes.root, className),
118
- ...rest,
118
+ ...other,
119
119
  children: React.Children.map(children, child => {
120
120
  if ( /*#__PURE__*/React.isValidElement(child) && isMuiElement(child, ['Grid'])) {
121
121
  return /*#__PURE__*/React.cloneElement(child, {
@@ -75,7 +75,7 @@ function prepareCssVars(theme, {
75
75
  }) || ':root', rootCss);
76
76
  const {
77
77
  [colorScheme]: defaultSchemeVal,
78
- ...rest
78
+ ...other
79
79
  } = colorSchemesMap;
80
80
  if (defaultSchemeVal) {
81
81
  // default color scheme has to come before other color schemes
@@ -86,7 +86,7 @@ function prepareCssVars(theme, {
86
86
  ...css
87
87
  }) || `[${theme.attribute || 'data-color-scheme'}="${colorScheme}"]`, css);
88
88
  }
89
- Object.entries(rest).forEach(([key, {
89
+ Object.entries(other).forEach(([key, {
90
90
  css
91
91
  }]) => {
92
92
  insertStyleSheet(getSelector?.(key, {
package/modern/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/system v6.0.0-beta.0
2
+ * @mui/system v6.0.0-beta.1
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
@@ -98,7 +98,7 @@ function createGrid(options = {}) {
98
98
  rowSpacing: rowSpacingProp = spacingProp,
99
99
  columnSpacing: columnSpacingProp = spacingProp,
100
100
  unstable_level: level = 0,
101
- ...rest
101
+ ...other
102
102
  } = props;
103
103
  const size = parseResponsiveProp(sizeProp, theme.breakpoints, val => val !== false);
104
104
  const offset = parseResponsiveProp(offsetProp, theme.breakpoints);
@@ -125,7 +125,7 @@ function createGrid(options = {}) {
125
125
  as: component,
126
126
  ownerState: ownerState,
127
127
  className: (0, _clsx.default)(classes.root, className),
128
- ...rest,
128
+ ...other,
129
129
  children: React.Children.map(children, child => {
130
130
  if ( /*#__PURE__*/React.isValidElement(child) && (0, _isMuiElement.default)(child, ['Grid'])) {
131
131
  var _unstable_level;
@@ -82,7 +82,7 @@ function prepareCssVars(theme, {
82
82
  })) || ':root', rootCss);
83
83
  const {
84
84
  [colorScheme]: defaultSchemeVal,
85
- ...rest
85
+ ...other
86
86
  } = colorSchemesMap;
87
87
  if (defaultSchemeVal) {
88
88
  // default color scheme has to come before other color schemes
@@ -93,7 +93,7 @@ function prepareCssVars(theme, {
93
93
  ...css
94
94
  })) || `[${theme.attribute || 'data-color-scheme'}="${colorScheme}"]`, css);
95
95
  }
96
- Object.entries(rest).forEach(([key, {
96
+ Object.entries(other).forEach(([key, {
97
97
  css
98
98
  }]) => {
99
99
  insertStyleSheet((getSelector == null ? void 0 : getSelector(key, {
package/node/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/system v6.0.0-beta.0
2
+ * @mui/system v6.0.0-beta.1
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/system",
3
- "version": "6.0.0-beta.0",
3
+ "version": "6.0.0-beta.1",
4
4
  "private": false,
5
5
  "author": "MUI Team",
6
6
  "description": "MUI System is a set of CSS utilities to help you build custom designs more efficiently. It makes it possible to rapidly lay out custom designs.",
@@ -26,14 +26,14 @@
26
26
  "url": "https://opencollective.com/mui-org"
27
27
  },
28
28
  "dependencies": {
29
- "@babel/runtime": "^7.24.7",
29
+ "@babel/runtime": "^7.24.8",
30
30
  "clsx": "^2.1.1",
31
31
  "csstype": "^3.1.3",
32
32
  "prop-types": "^15.8.1",
33
- "@mui/private-theming": "6.0.0-beta.0",
34
- "@mui/utils": "6.0.0-beta.0",
35
- "@mui/styled-engine": "6.0.0-beta.0",
36
- "@mui/types": "^7.2.14"
33
+ "@mui/private-theming": "6.0.0-beta.1",
34
+ "@mui/types": "^7.2.14",
35
+ "@mui/utils": "6.0.0-beta.1",
36
+ "@mui/styled-engine": "6.0.0-beta.1"
37
37
  },
38
38
  "peerDependencies": {
39
39
  "@emotion/react": "^11.5.0",