@mui/system 6.0.1 → 6.1.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 (21) hide show
  1. package/CHANGELOG.md +127 -15130
  2. package/Grid/createGrid.js +1 -1
  3. package/InitColorSchemeScript/InitColorSchemeScript.js +5 -5
  4. package/Stack/createStack.js +1 -1
  5. package/createTheme/applyStyles.js +3 -0
  6. package/index.js +1 -1
  7. package/modern/Grid/createGrid.js +1 -1
  8. package/modern/InitColorSchemeScript/InitColorSchemeScript.js +5 -5
  9. package/modern/Stack/createStack.js +1 -1
  10. package/modern/createTheme/applyStyles.js +3 -0
  11. package/modern/index.js +1 -1
  12. package/modern/version/index.js +4 -5
  13. package/node/Grid/createGrid.js +1 -1
  14. package/node/InitColorSchemeScript/InitColorSchemeScript.js +5 -5
  15. package/node/Stack/createStack.js +1 -1
  16. package/node/createTheme/applyStyles.js +3 -0
  17. package/node/index.js +1 -1
  18. package/node/version/index.js +5 -6
  19. package/package.json +5 -5
  20. package/version/index.d.ts +1 -2
  21. package/version/index.js +4 -5
package/Grid/createGrid.js CHANGED
@@ -117,7 +117,7 @@ export default function createGrid(options = {}) {
117
117
  className: clsx(classes.root, className),
118
118
  ...other,
119
119
  children: React.Children.map(children, child => {
120
- if ( /*#__PURE__*/React.isValidElement(child) && isMuiElement(child, ['Grid'])) {
120
+ if (/*#__PURE__*/React.isValidElement(child) && isMuiElement(child, ['Grid'])) {
121
121
  return /*#__PURE__*/React.cloneElement(child, {
122
122
  unstable_level: child.props?.unstable_level ?? level + 1
123
123
  });
package/InitColorSchemeScript/InitColorSchemeScript.js CHANGED
@@ -49,13 +49,13 @@ export default function InitColorSchemeScript(options) {
49
49
  dangerouslySetInnerHTML: {
50
50
  __html: `(function() {
51
51
  try {
52
- var mode = localStorage.getItem('${modeStorageKey}') || 'system';
53
- var colorScheme = '';
54
- var dark = localStorage.getItem('${colorSchemeStorageKey}-dark') || '${defaultDarkColorScheme}';
55
- var light = localStorage.getItem('${colorSchemeStorageKey}-light') || '${defaultLightColorScheme}';
52
+ let colorScheme = '';
53
+ const mode = localStorage.getItem('${modeStorageKey}') || 'system';
54
+ const dark = localStorage.getItem('${colorSchemeStorageKey}-dark') || '${defaultDarkColorScheme}';
55
+ const light = localStorage.getItem('${colorSchemeStorageKey}-light') || '${defaultLightColorScheme}';
56
56
  if (mode === 'system') {
57
57
  // handle system mode
58
- var mql = window.matchMedia('(prefers-color-scheme: dark)');
58
+ const mql = window.matchMedia('(prefers-color-scheme: dark)');
59
59
  if (mql.matches) {
60
60
  colorScheme = dark
61
61
  } else {
package/Stack/createStack.js CHANGED
@@ -38,7 +38,7 @@ function joinChildren(children, separator) {
38
38
  return childrenArray.reduce((output, child, index) => {
39
39
  output.push(child);
40
40
  if (index < childrenArray.length - 1) {
41
- output.push( /*#__PURE__*/React.cloneElement(separator, {
41
+ output.push(/*#__PURE__*/React.cloneElement(separator, {
42
42
  key: `separator-${index}`
43
43
  }));
44
44
  }
package/createTheme/applyStyles.js CHANGED
@@ -65,6 +65,9 @@ export default function applyStyles(key, styles) {
65
65
  }
66
66
  // If CssVarsProvider is used as a provider, returns '*:where({selector}) &'
67
67
  let selector = theme.getColorSchemeSelector(key);
68
+ if (selector === '&') {
69
+ return styles;
70
+ }
68
71
  if (selector.includes('data-') || selector.includes('.')) {
69
72
  // '*' is required as a workaround for Emotion issue (https://github.com/emotion-js/emotion/issues/2836)
70
73
  selector = `*:where(${selector.replace(/\s*&$/, '')}) &`;
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/system v6.0.1
2
+ * @mui/system v6.1.0
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
package/modern/Grid/createGrid.js CHANGED
@@ -117,7 +117,7 @@ export default function createGrid(options = {}) {
117
117
  className: clsx(classes.root, className),
118
118
  ...other,
119
119
  children: React.Children.map(children, child => {
120
- if ( /*#__PURE__*/React.isValidElement(child) && isMuiElement(child, ['Grid'])) {
120
+ if (/*#__PURE__*/React.isValidElement(child) && isMuiElement(child, ['Grid'])) {
121
121
  return /*#__PURE__*/React.cloneElement(child, {
122
122
  unstable_level: child.props?.unstable_level ?? level + 1
123
123
  });
package/modern/InitColorSchemeScript/InitColorSchemeScript.js CHANGED
@@ -49,13 +49,13 @@ export default function InitColorSchemeScript(options) {
49
49
  dangerouslySetInnerHTML: {
50
50
  __html: `(function() {
51
51
  try {
52
- var mode = localStorage.getItem('${modeStorageKey}') || 'system';
53
- var colorScheme = '';
54
- var dark = localStorage.getItem('${colorSchemeStorageKey}-dark') || '${defaultDarkColorScheme}';
55
- var light = localStorage.getItem('${colorSchemeStorageKey}-light') || '${defaultLightColorScheme}';
52
+ let colorScheme = '';
53
+ const mode = localStorage.getItem('${modeStorageKey}') || 'system';
54
+ const dark = localStorage.getItem('${colorSchemeStorageKey}-dark') || '${defaultDarkColorScheme}';
55
+ const light = localStorage.getItem('${colorSchemeStorageKey}-light') || '${defaultLightColorScheme}';
56
56
  if (mode === 'system') {
57
57
  // handle system mode
58
- var mql = window.matchMedia('(prefers-color-scheme: dark)');
58
+ const mql = window.matchMedia('(prefers-color-scheme: dark)');
59
59
  if (mql.matches) {
60
60
  colorScheme = dark
61
61
  } else {
package/modern/Stack/createStack.js CHANGED
@@ -38,7 +38,7 @@ function joinChildren(children, separator) {
38
38
  return childrenArray.reduce((output, child, index) => {
39
39
  output.push(child);
40
40
  if (index < childrenArray.length - 1) {
41
- output.push( /*#__PURE__*/React.cloneElement(separator, {
41
+ output.push(/*#__PURE__*/React.cloneElement(separator, {
42
42
  key: `separator-${index}`
43
43
  }));
44
44
  }
package/modern/createTheme/applyStyles.js CHANGED
@@ -65,6 +65,9 @@ export default function applyStyles(key, styles) {
65
65
  }
66
66
  // If CssVarsProvider is used as a provider, returns '*:where({selector}) &'
67
67
  let selector = theme.getColorSchemeSelector(key);
68
+ if (selector === '&') {
69
+ return styles;
70
+ }
68
71
  if (selector.includes('data-') || selector.includes('.')) {
69
72
  // '*' is required as a workaround for Emotion issue (https://github.com/emotion-js/emotion/issues/2836)
70
73
  selector = `*:where(${selector.replace(/\s*&$/, '')}) &`;
package/modern/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/system v6.0.1
2
+ * @mui/system v6.1.0
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
package/modern/version/index.js CHANGED
@@ -1,7 +1,6 @@
1
- export const version = "6.0.1";
1
+ export const version = "6.1.0";
2
2
  export const major = Number("6");
3
- export const minor = Number("0");
4
- export const patch = Number("1");
5
- export const preReleaseLabel = undefined || null;
6
- export const preReleaseNumber = Number(undefined) || null;
3
+ export const minor = Number("1");
4
+ export const patch = Number("0");
5
+ export const prerelease = undefined;
7
6
  export default version;
package/node/Grid/createGrid.js CHANGED
@@ -125,7 +125,7 @@ function createGrid(options = {}) {
125
125
  className: (0, _clsx.default)(classes.root, className),
126
126
  ...other,
127
127
  children: React.Children.map(children, child => {
128
- if ( /*#__PURE__*/React.isValidElement(child) && (0, _isMuiElement.default)(child, ['Grid'])) {
128
+ if (/*#__PURE__*/React.isValidElement(child) && (0, _isMuiElement.default)(child, ['Grid'])) {
129
129
  return /*#__PURE__*/React.cloneElement(child, {
130
130
  unstable_level: child.props?.unstable_level ?? level + 1
131
131
  });
package/node/InitColorSchemeScript/InitColorSchemeScript.js CHANGED
@@ -58,13 +58,13 @@ function InitColorSchemeScript(options) {
58
58
  dangerouslySetInnerHTML: {
59
59
  __html: `(function() {
60
60
  try {
61
- var mode = localStorage.getItem('${modeStorageKey}') || 'system';
62
- var colorScheme = '';
63
- var dark = localStorage.getItem('${colorSchemeStorageKey}-dark') || '${defaultDarkColorScheme}';
64
- var light = localStorage.getItem('${colorSchemeStorageKey}-light') || '${defaultLightColorScheme}';
61
+ let colorScheme = '';
62
+ const mode = localStorage.getItem('${modeStorageKey}') || 'system';
63
+ const dark = localStorage.getItem('${colorSchemeStorageKey}-dark') || '${defaultDarkColorScheme}';
64
+ const light = localStorage.getItem('${colorSchemeStorageKey}-light') || '${defaultLightColorScheme}';
65
65
  if (mode === 'system') {
66
66
  // handle system mode
67
- var mql = window.matchMedia('(prefers-color-scheme: dark)');
67
+ const mql = window.matchMedia('(prefers-color-scheme: dark)');
68
68
  if (mql.matches) {
69
69
  colorScheme = dark
70
70
  } else {
package/node/Stack/createStack.js CHANGED
@@ -47,7 +47,7 @@ function joinChildren(children, separator) {
47
47
  return childrenArray.reduce((output, child, index) => {
48
48
  output.push(child);
49
49
  if (index < childrenArray.length - 1) {
50
- output.push( /*#__PURE__*/React.cloneElement(separator, {
50
+ output.push(/*#__PURE__*/React.cloneElement(separator, {
51
51
  key: `separator-${index}`
52
52
  }));
53
53
  }
package/node/createTheme/applyStyles.js CHANGED
@@ -71,6 +71,9 @@ function applyStyles(key, styles) {
71
71
  }
72
72
  // If CssVarsProvider is used as a provider, returns '*:where({selector}) &'
73
73
  let selector = theme.getColorSchemeSelector(key);
74
+ if (selector === '&') {
75
+ return styles;
76
+ }
74
77
  if (selector.includes('data-') || selector.includes('.')) {
75
78
  // '*' is required as a workaround for Emotion issue (https://github.com/emotion-js/emotion/issues/2836)
76
79
  selector = `*:where(${selector.replace(/\s*&$/, '')}) &`;
package/node/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/system v6.0.1
2
+ * @mui/system v6.1.0
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
package/node/version/index.js CHANGED
@@ -3,11 +3,10 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.version = exports.preReleaseNumber = exports.preReleaseLabel = exports.patch = exports.minor = exports.major = exports.default = void 0;
7
- const version = exports.version = "6.0.1";
6
+ exports.version = exports.prerelease = exports.patch = exports.minor = exports.major = exports.default = void 0;
7
+ const version = exports.version = "6.1.0";
8
8
  const major = exports.major = Number("6");
9
- const minor = exports.minor = Number("0");
10
- const patch = exports.patch = Number("1");
11
- const preReleaseLabel = exports.preReleaseLabel = undefined || null;
12
- const preReleaseNumber = exports.preReleaseNumber = Number(undefined) || null;
9
+ const minor = exports.minor = Number("1");
10
+ const patch = exports.patch = Number("0");
11
+ const prerelease = exports.prerelease = undefined;
13
12
  var _default = exports.default = version;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/system",
3
- "version": "6.0.1",
3
+ "version": "6.1.0",
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.25.0",
29
+ "@babel/runtime": "^7.25.6",
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.1",
34
- "@mui/styled-engine": "^6.0.1",
33
+ "@mui/private-theming": "^6.1.0",
34
+ "@mui/styled-engine": "^6.1.0",
35
35
  "@mui/types": "^7.2.16",
36
- "@mui/utils": "^6.0.1"
36
+ "@mui/utils": "^6.1.0"
37
37
  },
38
38
  "peerDependencies": {
39
39
  "@emotion/react": "^11.5.0",
package/version/index.d.ts CHANGED
@@ -2,6 +2,5 @@ export declare const version: string | undefined;
2
2
  export declare const major: number;
3
3
  export declare const minor: number;
4
4
  export declare const patch: number;
5
- export declare const preReleaseLabel: string | null;
6
- export declare const preReleaseNumber: number | null;
5
+ export declare const prerelease: string | undefined;
7
6
  export default version;
package/version/index.js CHANGED
@@ -1,7 +1,6 @@
1
- export const version = "6.0.1";
1
+ export const version = "6.1.0";
2
2
  export const major = Number("6");
3
- export const minor = Number("0");
4
- export const patch = Number("1");
5
- export const preReleaseLabel = undefined || null;
6
- export const preReleaseNumber = Number(undefined) || null;
3
+ export const minor = Number("1");
4
+ export const patch = Number("0");
5
+ export const prerelease = undefined;
7
6
  export default version;