@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 +32 -0
- package/Unstable_Grid/createGrid.js +2 -2
- package/cssVars/prepareCssVars.js +2 -2
- package/index.js +1 -1
- package/modern/Unstable_Grid/createGrid.js +2 -2
- package/modern/cssVars/prepareCssVars.js +2 -2
- package/modern/index.js +1 -1
- package/node/Unstable_Grid/createGrid.js +2 -2
- package/node/cssVars/prepareCssVars.js +2 -2
- package/node/index.js +1 -1
- package/package.json +6 -6
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
|
+
- ​<!-- 03 -->Remove dependency on @mui/base (#42907) @mnajdova
|
|
14
|
+
- ​<!-- 02 -->Set material-pigment-css to public (#42912) @siriwatknp
|
|
15
|
+
|
|
16
|
+
### `@mui/codemod@6.0.0-beta.1`
|
|
17
|
+
|
|
18
|
+
- ​<!-- 10 -->Support sx conditional inside spread element (#42894) @siriwatknp
|
|
19
|
+
|
|
20
|
+
### Docs
|
|
21
|
+
|
|
22
|
+
- ​<!-- 07 -->Fix 301 link @oliviertassinari
|
|
23
|
+
- ​<!-- 04 -->[material-ui] Add script to generate template screenshots (#42903) @siriwatknp
|
|
24
|
+
|
|
25
|
+
### Core
|
|
26
|
+
|
|
27
|
+
- ​<!-- 09 -->[core] Remove custom hooks from the `mui-name-matches-component-name` linting rule (#42773) @flaviendelangle
|
|
28
|
+
- ​<!-- 08 -->[core] Normalize rest / other to match the most common used @oliviertassinari
|
|
29
|
+
- ​<!-- 06 -->[docs-infra] Move Ads component to TS (#42842) @alexfauquette
|
|
30
|
+
- ​<!-- 05 -->[docs-infra] Support code tabs overflow (#42913) @arminmeh
|
|
31
|
+
- ​<!-- 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
|
-
...
|
|
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
|
-
...
|
|
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
|
-
...
|
|
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(
|
|
89
|
+
Object.entries(other).forEach(([key, {
|
|
90
90
|
css
|
|
91
91
|
}]) => {
|
|
92
92
|
insertStyleSheet(getSelector?.(key, {
|
package/index.js
CHANGED
|
@@ -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
|
-
...
|
|
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
|
-
...
|
|
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
|
-
...
|
|
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(
|
|
89
|
+
Object.entries(other).forEach(([key, {
|
|
90
90
|
css
|
|
91
91
|
}]) => {
|
|
92
92
|
insertStyleSheet(getSelector?.(key, {
|
package/modern/index.js
CHANGED
|
@@ -98,7 +98,7 @@ function createGrid(options = {}) {
|
|
|
98
98
|
rowSpacing: rowSpacingProp = spacingProp,
|
|
99
99
|
columnSpacing: columnSpacingProp = spacingProp,
|
|
100
100
|
unstable_level: level = 0,
|
|
101
|
-
...
|
|
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
|
-
...
|
|
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
|
-
...
|
|
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(
|
|
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
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/system",
|
|
3
|
-
"version": "6.0.0-beta.
|
|
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.
|
|
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.
|
|
34
|
-
"@mui/
|
|
35
|
-
"@mui/
|
|
36
|
-
"@mui/
|
|
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",
|