@mui/system - npm Package Compare versions

Comparing version 5.15.20 to 5.16.0

cssVars/createCssVarsProvider.d.ts

 import * as React from 'react';
-import getInitColorSchemeScript from './getInitColorSchemeScript';
+import InitColorSchemeScript from '../InitColorSchemeScript';
 import { Mode, Result } from './useCurrentColorScheme';
@@ -95,3 +95,3 @@
   useColorScheme: () => ColorSchemeContextValue<ColorScheme>;
-  getInitColorSchemeScript: typeof getInitColorSchemeScript;
+  getInitColorSchemeScript: typeof InitColorSchemeScript;
 }
@@ -98,0 +98,0 @@

cssVars/createCssVarsProvider.js

@@ -18,3 +18,3 @@ "use strict";
 var _ThemeProvider = _interopRequireDefault(require("../ThemeProvider"));
-var _getInitColorSchemeScript = _interopRequireWildcard(require("./getInitColorSchemeScript"));
+var _InitColorSchemeScript = _interopRequireWildcard(require("../InitColorSchemeScript/InitColorSchemeScript"));
 var _useCurrentColorScheme = _interopRequireDefault(require("./useCurrentColorScheme"));
@@ -36,5 +36,5 @@ var _jsxRuntime = require("react/jsx-runtime");
     theme: defaultTheme = {},
-    attribute: defaultAttribute = _getInitColorSchemeScript.DEFAULT_ATTRIBUTE,
-    modeStorageKey: defaultModeStorageKey = _getInitColorSchemeScript.DEFAULT_MODE_STORAGE_KEY,
-    colorSchemeStorageKey: defaultColorSchemeStorageKey = _getInitColorSchemeScript.DEFAULT_COLOR_SCHEME_STORAGE_KEY,
+    attribute: defaultAttribute = _InitColorSchemeScript.DEFAULT_ATTRIBUTE,
+    modeStorageKey: defaultModeStorageKey = _InitColorSchemeScript.DEFAULT_MODE_STORAGE_KEY,
+    colorSchemeStorageKey: defaultColorSchemeStorageKey = _InitColorSchemeScript.DEFAULT_COLOR_SCHEME_STORAGE_KEY,
     defaultMode: designSystemMode = 'light',
@@ -344,3 +344,3 @@ defaultColorScheme: designSystemColorScheme,
   const defaultDarkColorScheme = typeof designSystemColorScheme === 'string' ? designSystemColorScheme : designSystemColorScheme.dark;
-  const getInitColorSchemeScript = params => (0, _getInitColorSchemeScript.default)((0, _extends2.default)({
+  const getInitColorSchemeScript = params => (0, _InitColorSchemeScript.default)((0, _extends2.default)({
     attribute: defaultAttribute,
@@ -347,0 +347,0 @@ colorSchemeStorageKey: defaultColorSchemeStorageKey,

cssVars/getInitColorSchemeScript.d.ts

 import * as React from 'react';
-export declare const DEFAULT_MODE_STORAGE_KEY = "mode";
-export declare const DEFAULT_COLOR_SCHEME_STORAGE_KEY = "color-scheme";
-export declare const DEFAULT_ATTRIBUTE = "data-color-scheme";
-export interface GetInitColorSchemeScriptOptions {
-    /**
-     * The mode to be used for the first visit
-     * @default 'light'
-     */
-    defaultMode?: 'light' | 'dark' | 'system';
-    /**
-     * The default color scheme to be used on the light mode
-     * @default 'light'
-     */
-    defaultLightColorScheme?: string;
-    /**
-     * The default color scheme to be used on the dark mode
-     * * @default 'dark'
-     */
-    defaultDarkColorScheme?: string;
-    /**
-     * The node (provided as string) used to attach the color-scheme attribute
-     * @default 'document.documentElement'
-     */
-    colorSchemeNode?: string;
-    /**
-     * localStorage key used to store `mode`
-     * @default 'mode'
-     */
-    modeStorageKey?: string;
-    /**
-     * localStorage key used to store `colorScheme`
-     * @default 'color-scheme'
-     */
-    colorSchemeStorageKey?: string;
-    /**
-     * DOM attribute for applying color scheme
-     * @default 'data-color-scheme'
-     */
-    attribute?: string;
-}
-export default function getInitColorSchemeScript(options?: GetInitColorSchemeScriptOptions): React.JSX.Element;
+import { InitColorSchemeScriptProps } from '../InitColorSchemeScript';
+export default function getInitColorSchemeScript(params?: InitColorSchemeScriptProps): React.JSX.Element;

cssVars/getInitColorSchemeScript.js

 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DEFAULT_MODE_STORAGE_KEY = exports.DEFAULT_COLOR_SCHEME_STORAGE_KEY = exports.DEFAULT_ATTRIBUTE = void 0;
 exports.default = getInitColorSchemeScript;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
+var _InitColorSchemeScript = _interopRequireDefault(require("../InitColorSchemeScript"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const DEFAULT_MODE_STORAGE_KEY = exports.DEFAULT_MODE_STORAGE_KEY = 'mode';
-const DEFAULT_COLOR_SCHEME_STORAGE_KEY = exports.DEFAULT_COLOR_SCHEME_STORAGE_KEY = 'color-scheme';
-const DEFAULT_ATTRIBUTE = exports.DEFAULT_ATTRIBUTE = 'data-color-scheme';
-function getInitColorSchemeScript(options) {
-  const {
-    defaultMode = 'light',
-    defaultLightColorScheme = 'light',
-    defaultDarkColorScheme = 'dark',
-    modeStorageKey = DEFAULT_MODE_STORAGE_KEY,
-    colorSchemeStorageKey = DEFAULT_COLOR_SCHEME_STORAGE_KEY,
-    attribute = DEFAULT_ATTRIBUTE,
-    colorSchemeNode = 'document.documentElement'
-  } = options || {};
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("script", {
-    // eslint-disable-next-line react/no-danger
-    dangerouslySetInnerHTML: {
-      __html: `(function() {
-try {
-  var mode = localStorage.getItem('${modeStorageKey}') || '${defaultMode}';
-  var colorScheme = '';
-  if (mode === 'system') {
-    // handle system mode
-    var mql = window.matchMedia('(prefers-color-scheme: dark)');
-    if (mql.matches) {
-      colorScheme = localStorage.getItem('${colorSchemeStorageKey}-dark') || '${defaultDarkColorScheme}';
-    } else {
-      colorScheme = localStorage.getItem('${colorSchemeStorageKey}-light') || '${defaultLightColorScheme}';
-    }
-  }
-  if (mode === 'light') {
-    colorScheme = localStorage.getItem('${colorSchemeStorageKey}-light') || '${defaultLightColorScheme}';
-  }
-  if (mode === 'dark') {
-    colorScheme = localStorage.getItem('${colorSchemeStorageKey}-dark') || '${defaultDarkColorScheme}';
-  }
-  if (colorScheme) {
-    ${colorSchemeNode}.setAttribute('${attribute}', colorScheme);
-  }
-} catch(e){}})();`
-    }
-  }, "mui-color-scheme-init");
+// TODO: remove this file in v6
+
+function getInitColorSchemeScript(params) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InitColorSchemeScript.default, (0, _extends2.default)({}, params));
 }

cssVars/useCurrentColorScheme.js

@@ -13,3 +13,3 @@ "use strict";
 var React = _interopRequireWildcard(require("react"));
-var _getInitColorSchemeScript = require("./getInitColorSchemeScript");
+var _InitColorSchemeScript = require("../InitColorSchemeScript/InitColorSchemeScript");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -69,4 +69,4 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
     supportedColorSchemes = [],
-    modeStorageKey = _getInitColorSchemeScript.DEFAULT_MODE_STORAGE_KEY,
-    colorSchemeStorageKey = _getInitColorSchemeScript.DEFAULT_COLOR_SCHEME_STORAGE_KEY,
+    modeStorageKey = _InitColorSchemeScript.DEFAULT_MODE_STORAGE_KEY,
+    colorSchemeStorageKey = _InitColorSchemeScript.DEFAULT_COLOR_SCHEME_STORAGE_KEY,
     storageWindow = typeof window === 'undefined' ? undefined : window
@@ -73,0 +73,0 @@ } = options;

esm/cssVars/createCssVarsProvider.js

@@ -11,3 +11,3 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import ThemeProvider from '../ThemeProvider';
-import systemGetInitColorSchemeScript, { DEFAULT_ATTRIBUTE, DEFAULT_COLOR_SCHEME_STORAGE_KEY, DEFAULT_MODE_STORAGE_KEY } from './getInitColorSchemeScript';
+import InitColorSchemeScript, { DEFAULT_ATTRIBUTE, DEFAULT_COLOR_SCHEME_STORAGE_KEY, DEFAULT_MODE_STORAGE_KEY } from '../InitColorSchemeScript/InitColorSchemeScript';
 import useCurrentColorScheme from './useCurrentColorScheme';
@@ -334,3 +334,3 @@ import { jsx as _jsx } from "react/jsx-runtime";
   const defaultDarkColorScheme = typeof designSystemColorScheme === 'string' ? designSystemColorScheme : designSystemColorScheme.dark;
-  const getInitColorSchemeScript = params => systemGetInitColorSchemeScript(_extends({
+  const getInitColorSchemeScript = params => InitColorSchemeScript(_extends({
     attribute: defaultAttribute,
@@ -337,0 +337,0 @@ colorSchemeStorageKey: defaultColorSchemeStorageKey,

esm/cssVars/getInitColorSchemeScript.js

@@ -0,44 +1,8 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+// TODO: remove this file in v6
 import * as React from 'react';
+import InitColorSchemeScript from '../InitColorSchemeScript';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const DEFAULT_MODE_STORAGE_KEY = 'mode';
-export const DEFAULT_COLOR_SCHEME_STORAGE_KEY = 'color-scheme';
-export const DEFAULT_ATTRIBUTE = 'data-color-scheme';
-export default function getInitColorSchemeScript(options) {
-  const {
-    defaultMode = 'light',
-    defaultLightColorScheme = 'light',
-    defaultDarkColorScheme = 'dark',
-    modeStorageKey = DEFAULT_MODE_STORAGE_KEY,
-    colorSchemeStorageKey = DEFAULT_COLOR_SCHEME_STORAGE_KEY,
-    attribute = DEFAULT_ATTRIBUTE,
-    colorSchemeNode = 'document.documentElement'
-  } = options || {};
-  return /*#__PURE__*/_jsx("script", {
-    // eslint-disable-next-line react/no-danger
-    dangerouslySetInnerHTML: {
-      __html: `(function() {
-try {
-  var mode = localStorage.getItem('${modeStorageKey}') || '${defaultMode}';
-  var colorScheme = '';
-  if (mode === 'system') {
-    // handle system mode
-    var mql = window.matchMedia('(prefers-color-scheme: dark)');
-    if (mql.matches) {
-      colorScheme = localStorage.getItem('${colorSchemeStorageKey}-dark') || '${defaultDarkColorScheme}';
-    } else {
-      colorScheme = localStorage.getItem('${colorSchemeStorageKey}-light') || '${defaultLightColorScheme}';
-    }
-  }
-  if (mode === 'light') {
-    colorScheme = localStorage.getItem('${colorSchemeStorageKey}-light') || '${defaultLightColorScheme}';
-  }
-  if (mode === 'dark') {
-    colorScheme = localStorage.getItem('${colorSchemeStorageKey}-dark') || '${defaultDarkColorScheme}';
-  }
-  if (colorScheme) {
-    ${colorSchemeNode}.setAttribute('${attribute}', colorScheme);
-  }
-} catch(e){}})();`
-    }
-  }, "mui-color-scheme-init");
+export default function getInitColorSchemeScript(params) {
+  return /*#__PURE__*/_jsx(InitColorSchemeScript, _extends({}, params));
 }

esm/cssVars/index.js

 'use client';
 
 export { default } from './createCssVarsProvider';
+// TODO: remove this export in v6 in favor of InitColorSchemeScript
 export { default as getInitColorSchemeScript } from './getInitColorSchemeScript';
 export { default as prepareCssVars } from './prepareCssVars';
 export { default as createCssVarsTheme } from './createCssVarsTheme';

esm/cssVars/useCurrentColorScheme.js

@@ -5,3 +5,3 @@ 'use client';
 import * as React from 'react';
-import { DEFAULT_MODE_STORAGE_KEY, DEFAULT_COLOR_SCHEME_STORAGE_KEY } from './getInitColorSchemeScript';
+import { DEFAULT_MODE_STORAGE_KEY, DEFAULT_COLOR_SCHEME_STORAGE_KEY } from '../InitColorSchemeScript/InitColorSchemeScript';
 export function getSystemMode(mode) {
@@ -8,0 +8,0 @@ if (typeof window !== 'undefined' && mode === 'system') {

esm/ThemeProvider/ThemeProvider.js

@@ -11,2 +11,3 @@ 'use client';
 import RtlProvider from '../RtlProvider';
+import DefaultPropsProvider from '../DefaultPropsProvider';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -64,3 +65,6 @@ const EMPTY_THEME = {};
         value: rtlValue,
-        children: children
+        children: /*#__PURE__*/_jsx(DefaultPropsProvider, {
+          value: engineTheme == null ? void 0 : engineTheme.components,
+          children: children
+        })
       })
@@ -67,0 +71,0 @@ })

index.js

 /**
- * @mui/system v5.15.20
+ * @mui/system v5.16.0
  *
@@ -4,0 +4,0 @@ * @license MIT

legacy/cssVars/createCssVarsProvider.js

@@ -13,3 +13,3 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import ThemeProvider from '../ThemeProvider';
-import systemGetInitColorSchemeScript, { DEFAULT_ATTRIBUTE, DEFAULT_COLOR_SCHEME_STORAGE_KEY, DEFAULT_MODE_STORAGE_KEY } from './getInitColorSchemeScript';
+import InitColorSchemeScript, { DEFAULT_ATTRIBUTE, DEFAULT_COLOR_SCHEME_STORAGE_KEY, DEFAULT_MODE_STORAGE_KEY } from '../InitColorSchemeScript/InitColorSchemeScript';
 import useCurrentColorScheme from './useCurrentColorScheme';
@@ -351,3 +351,3 @@ import { jsx as _jsx } from "react/jsx-runtime";
   var getInitColorSchemeScript = function getInitColorSchemeScript(params) {
-    return systemGetInitColorSchemeScript(_extends({
+    return InitColorSchemeScript(_extends({
       attribute: defaultAttribute,
@@ -354,0 +354,0 @@ colorSchemeStorageKey: defaultColorSchemeStorageKey,

legacy/cssVars/getInitColorSchemeScript.js

@@ -0,28 +1,8 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+// TODO: remove this file in v6
 import * as React from 'react';
+import InitColorSchemeScript from '../InitColorSchemeScript';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var DEFAULT_MODE_STORAGE_KEY = 'mode';
-export var DEFAULT_COLOR_SCHEME_STORAGE_KEY = 'color-scheme';
-export var DEFAULT_ATTRIBUTE = 'data-color-scheme';
-export default function getInitColorSchemeScript(options) {
-  var _ref = options || {},
-    _ref$defaultMode = _ref.defaultMode,
-    defaultMode = _ref$defaultMode === void 0 ? 'light' : _ref$defaultMode,
-    _ref$defaultLightColo = _ref.defaultLightColorScheme,
-    defaultLightColorScheme = _ref$defaultLightColo === void 0 ? 'light' : _ref$defaultLightColo,
-    _ref$defaultDarkColor = _ref.defaultDarkColorScheme,
-    defaultDarkColorScheme = _ref$defaultDarkColor === void 0 ? 'dark' : _ref$defaultDarkColor,
-    _ref$modeStorageKey = _ref.modeStorageKey,
-    modeStorageKey = _ref$modeStorageKey === void 0 ? DEFAULT_MODE_STORAGE_KEY : _ref$modeStorageKey,
-    _ref$colorSchemeStora = _ref.colorSchemeStorageKey,
-    colorSchemeStorageKey = _ref$colorSchemeStora === void 0 ? DEFAULT_COLOR_SCHEME_STORAGE_KEY : _ref$colorSchemeStora,
-    _ref$attribute = _ref.attribute,
-    attribute = _ref$attribute === void 0 ? DEFAULT_ATTRIBUTE : _ref$attribute,
-    _ref$colorSchemeNode = _ref.colorSchemeNode,
-    colorSchemeNode = _ref$colorSchemeNode === void 0 ? 'document.documentElement' : _ref$colorSchemeNode;
-  return /*#__PURE__*/_jsx("script", {
-    // eslint-disable-next-line react/no-danger
-    dangerouslySetInnerHTML: {
-      __html: "(function() {\ntry {\n  var mode = localStorage.getItem('".concat(modeStorageKey, "') || '").concat(defaultMode, "';\n  var colorScheme = '';\n  if (mode === 'system') {\n    // handle system mode\n    var mql = window.matchMedia('(prefers-color-scheme: dark)');\n    if (mql.matches) {\n      colorScheme = localStorage.getItem('").concat(colorSchemeStorageKey, "-dark') || '").concat(defaultDarkColorScheme, "';\n    } else {\n      colorScheme = localStorage.getItem('").concat(colorSchemeStorageKey, "-light') || '").concat(defaultLightColorScheme, "';\n    }\n  }\n  if (mode === 'light') {\n    colorScheme = localStorage.getItem('").concat(colorSchemeStorageKey, "-light') || '").concat(defaultLightColorScheme, "';\n  }\n  if (mode === 'dark') {\n    colorScheme = localStorage.getItem('").concat(colorSchemeStorageKey, "-dark') || '").concat(defaultDarkColorScheme, "';\n  }\n  if (colorScheme) {\n    ").concat(colorSchemeNode, ".setAttribute('").concat(attribute, "', colorScheme);\n  }\n} catch(e){}})();")
-    }
-  }, "mui-color-scheme-init");
+export default function getInitColorSchemeScript(params) {
+  return /*#__PURE__*/_jsx(InitColorSchemeScript, _extends({}, params));
 }

legacy/cssVars/index.js

 'use client';
 
 export { default } from './createCssVarsProvider';
+// TODO: remove this export in v6 in favor of InitColorSchemeScript
 export { default as getInitColorSchemeScript } from './getInitColorSchemeScript';
 export { default as prepareCssVars } from './prepareCssVars';
 export { default as createCssVarsTheme } from './createCssVarsTheme';

legacy/cssVars/useCurrentColorScheme.js

@@ -5,3 +5,3 @@ 'use client';
 import * as React from 'react';
-import { DEFAULT_MODE_STORAGE_KEY, DEFAULT_COLOR_SCHEME_STORAGE_KEY } from './getInitColorSchemeScript';
+import { DEFAULT_MODE_STORAGE_KEY, DEFAULT_COLOR_SCHEME_STORAGE_KEY } from '../InitColorSchemeScript/InitColorSchemeScript';
 export function getSystemMode(mode) {
@@ -8,0 +8,0 @@ if (typeof window !== 'undefined' && mode === 'system') {

legacy/index.js

 /**
- * @mui/system v5.15.20
+ * @mui/system v5.16.0
  *
@@ -4,0 +4,0 @@ * @license MIT

legacy/ThemeProvider/ThemeProvider.js

@@ -12,2 +12,3 @@ 'use client';
 import RtlProvider from '../RtlProvider';
+import DefaultPropsProvider from '../DefaultPropsProvider';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -62,3 +63,6 @@ var EMPTY_THEME = {};
         value: rtlValue,
-        children: children
+        children: /*#__PURE__*/_jsx(DefaultPropsProvider, {
+          value: engineTheme == null ? void 0 : engineTheme.components,
+          children: children
+        })
       })
@@ -65,0 +69,0 @@ })

modern/cssVars/createCssVarsProvider.js

@@ -11,3 +11,3 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import ThemeProvider from '../ThemeProvider';
-import systemGetInitColorSchemeScript, { DEFAULT_ATTRIBUTE, DEFAULT_COLOR_SCHEME_STORAGE_KEY, DEFAULT_MODE_STORAGE_KEY } from './getInitColorSchemeScript';
+import InitColorSchemeScript, { DEFAULT_ATTRIBUTE, DEFAULT_COLOR_SCHEME_STORAGE_KEY, DEFAULT_MODE_STORAGE_KEY } from '../InitColorSchemeScript/InitColorSchemeScript';
 import useCurrentColorScheme from './useCurrentColorScheme';
@@ -334,3 +334,3 @@ import { jsx as _jsx } from "react/jsx-runtime";
   const defaultDarkColorScheme = typeof designSystemColorScheme === 'string' ? designSystemColorScheme : designSystemColorScheme.dark;
-  const getInitColorSchemeScript = params => systemGetInitColorSchemeScript(_extends({
+  const getInitColorSchemeScript = params => InitColorSchemeScript(_extends({
     attribute: defaultAttribute,
@@ -337,0 +337,0 @@ colorSchemeStorageKey: defaultColorSchemeStorageKey,

modern/cssVars/getInitColorSchemeScript.js

@@ -0,44 +1,8 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+// TODO: remove this file in v6
 import * as React from 'react';
+import InitColorSchemeScript from '../InitColorSchemeScript';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const DEFAULT_MODE_STORAGE_KEY = 'mode';
-export const DEFAULT_COLOR_SCHEME_STORAGE_KEY = 'color-scheme';
-export const DEFAULT_ATTRIBUTE = 'data-color-scheme';
-export default function getInitColorSchemeScript(options) {
-  const {
-    defaultMode = 'light',
-    defaultLightColorScheme = 'light',
-    defaultDarkColorScheme = 'dark',
-    modeStorageKey = DEFAULT_MODE_STORAGE_KEY,
-    colorSchemeStorageKey = DEFAULT_COLOR_SCHEME_STORAGE_KEY,
-    attribute = DEFAULT_ATTRIBUTE,
-    colorSchemeNode = 'document.documentElement'
-  } = options || {};
-  return /*#__PURE__*/_jsx("script", {
-    // eslint-disable-next-line react/no-danger
-    dangerouslySetInnerHTML: {
-      __html: `(function() {
-try {
-  var mode = localStorage.getItem('${modeStorageKey}') || '${defaultMode}';
-  var colorScheme = '';
-  if (mode === 'system') {
-    // handle system mode
-    var mql = window.matchMedia('(prefers-color-scheme: dark)');
-    if (mql.matches) {
-      colorScheme = localStorage.getItem('${colorSchemeStorageKey}-dark') || '${defaultDarkColorScheme}';
-    } else {
-      colorScheme = localStorage.getItem('${colorSchemeStorageKey}-light') || '${defaultLightColorScheme}';
-    }
-  }
-  if (mode === 'light') {
-    colorScheme = localStorage.getItem('${colorSchemeStorageKey}-light') || '${defaultLightColorScheme}';
-  }
-  if (mode === 'dark') {
-    colorScheme = localStorage.getItem('${colorSchemeStorageKey}-dark') || '${defaultDarkColorScheme}';
-  }
-  if (colorScheme) {
-    ${colorSchemeNode}.setAttribute('${attribute}', colorScheme);
-  }
-} catch(e){}})();`
-    }
-  }, "mui-color-scheme-init");
+export default function getInitColorSchemeScript(params) {
+  return /*#__PURE__*/_jsx(InitColorSchemeScript, _extends({}, params));
 }

modern/cssVars/index.js

 'use client';
 
 export { default } from './createCssVarsProvider';
+// TODO: remove this export in v6 in favor of InitColorSchemeScript
 export { default as getInitColorSchemeScript } from './getInitColorSchemeScript';
 export { default as prepareCssVars } from './prepareCssVars';
 export { default as createCssVarsTheme } from './createCssVarsTheme';

modern/cssVars/useCurrentColorScheme.js

@@ -5,3 +5,3 @@ 'use client';
 import * as React from 'react';
-import { DEFAULT_MODE_STORAGE_KEY, DEFAULT_COLOR_SCHEME_STORAGE_KEY } from './getInitColorSchemeScript';
+import { DEFAULT_MODE_STORAGE_KEY, DEFAULT_COLOR_SCHEME_STORAGE_KEY } from '../InitColorSchemeScript/InitColorSchemeScript';
 export function getSystemMode(mode) {
@@ -8,0 +8,0 @@ if (typeof window !== 'undefined' && mode === 'system') {

modern/index.js

 /**
- * @mui/system v5.15.20
+ * @mui/system v5.16.0
  *
@@ -4,0 +4,0 @@ * @license MIT

modern/ThemeProvider/ThemeProvider.js

@@ -11,2 +11,3 @@ 'use client';
 import RtlProvider from '../RtlProvider';
+import DefaultPropsProvider from '../DefaultPropsProvider';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -64,3 +65,6 @@ const EMPTY_THEME = {};
         value: rtlValue,
-        children: children
+        children: /*#__PURE__*/_jsx(DefaultPropsProvider, {
+          value: engineTheme?.components,
+          children: children
+        })
       })
@@ -67,0 +71,0 @@ })

package.json

 {
   "name": "@mui/system",
-  "version": "5.15.20",
+  "version": "5.16.0",
   "private": false,
@@ -33,6 +33,6 @@ "author": "MUI Team",
     "prop-types": "^15.8.1",
-    "@mui/private-theming": "^5.15.20",
+    "@mui/private-theming": "^5.16.0",
     "@mui/types": "^7.2.14",
     "@mui/styled-engine": "^5.15.14",
-    "@mui/utils": "^5.15.20"
+    "@mui/utils": "^5.16.0"
   },
@@ -39,0 +39,0 @@ "peerDependencies": {

ThemeProvider/ThemeProvider.js

@@ -17,2 +17,3 @@ "use strict";
 var _RtlProvider = _interopRequireDefault(require("../RtlProvider"));
+var _DefaultPropsProvider = _interopRequireDefault(require("../DefaultPropsProvider"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -72,3 +73,6 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
         value: rtlValue,
-        children: children
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DefaultPropsProvider.default, {
+          value: engineTheme == null ? void 0 : engineTheme.components,
+          children: children
+        })
       })
@@ -75,0 +79,0 @@ })

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1641199

increased by1.15%

Number of package files

395

increased by5.9%

Lines of code

21846

increased by1.83%

Worsened metrics

Number of low supply chain risk alerts

184

increased by2.22%

Dependency changes

• Updated@mui/private-theming@^5.16.0

• Updated@mui/utils@^5.16.0