@mui/system - npm Package Compare versions

Comparing version 6.0.0-alpha.11 to 6.0.0-alpha.12

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

@@ -7,3 +7,3 @@ import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
 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';
@@ -303,3 +303,3 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
   const defaultDarkColorScheme = typeof designSystemColorScheme === 'string' ? designSystemColorScheme : designSystemColorScheme.dark;
-  const getInitColorSchemeScript = params => systemGetInitColorSchemeScript({
+  const getInitColorSchemeScript = params => InitColorSchemeScript({
     attribute: defaultAttribute,
@@ -306,0 +306,0 @@ colorSchemeStorageKey: defaultColorSchemeStorageKey,

cssVars/index.d.ts

 export { default } from './createCssVarsProvider';
 export type { CreateCssVarsProviderResult, CssVarsProviderConfig, ColorSchemeContextValue, } from './createCssVarsProvider';
-export { default as getInitColorSchemeScript } from './getInitColorSchemeScript';
 export { default as prepareCssVars } from './prepareCssVars';
@@ -5,0 +4,0 @@ export { default as prepareTypographyVars } from './prepareTypographyVars';

cssVars/index.js

 'use client';
 
 export { default } from './createCssVarsProvider';
-export { default as getInitColorSchemeScript } from './getInitColorSchemeScript';
 export { default as prepareCssVars } from './prepareCssVars';
 export { default as prepareTypographyVars } from './prepareTypographyVars';
 export { default as createCssVarsTheme } from './createCssVarsTheme';

cssVars/useCurrentColorScheme.js

 '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) {
@@ -6,0 +6,0 @@ if (typeof window !== 'undefined' && mode === 'system') {

index.js

 /**
- * @mui/system v6.0.0-alpha.11
+ * @mui/system v6.0.0-alpha.12
  *
@@ -4,0 +4,0 @@ * @license MIT

modern/cssVars/createCssVarsProvider.js

@@ -7,3 +7,3 @@ import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
 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';
@@ -303,3 +303,3 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
   const defaultDarkColorScheme = typeof designSystemColorScheme === 'string' ? designSystemColorScheme : designSystemColorScheme.dark;
-  const getInitColorSchemeScript = params => systemGetInitColorSchemeScript({
+  const getInitColorSchemeScript = params => InitColorSchemeScript({
     attribute: defaultAttribute,
@@ -306,0 +306,0 @@ colorSchemeStorageKey: defaultColorSchemeStorageKey,

modern/cssVars/index.js

 'use client';
 
 export { default } from './createCssVarsProvider';
-export { default as getInitColorSchemeScript } from './getInitColorSchemeScript';
 export { default as prepareCssVars } from './prepareCssVars';
 export { default as prepareTypographyVars } from './prepareTypographyVars';
 export { default as createCssVarsTheme } from './createCssVarsTheme';

modern/cssVars/useCurrentColorScheme.js

 '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) {
@@ -6,0 +6,0 @@ if (typeof window !== 'undefined' && mode === 'system') {

modern/index.js

 /**
- * @mui/system v6.0.0-alpha.11
+ * @mui/system v6.0.0-alpha.12
  *
@@ -4,0 +4,0 @@ * @license MIT

modern/ThemeProvider/ThemeProvider.js

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

modern/useMediaQuery/useMediaQuery.js

@@ -7,15 +7,2 @@ 'use client';
 import useTheme from '../useThemeWithoutDefault';
-
-/**
- * @deprecated Not used internally. Use `MediaQueryListEvent` from lib.dom.d.ts instead.
- */
-
-/**
- * @deprecated Not used internally. Use `MediaQueryList` from lib.dom.d.ts instead.
- */
-
-/**
- * @deprecated Not used internally. Use `(event: MediaQueryListEvent) => void` instead.
- */
-
 function useMediaQueryOld(query, defaultMatches, matchMedia, ssrMatchMedia, noSsr) {
@@ -22,0 +9,0 @@ const [match, setMatch] = React.useState(() => {

node/cssVars/createCssVarsProvider.js

@@ -15,3 +15,3 @@ "use strict";
 var _ThemeProvider = _interopRequireDefault(require("../ThemeProvider"));
-var _getInitColorSchemeScript = _interopRequireWildcard(require("./getInitColorSchemeScript"));
+var _InitColorSchemeScript = _interopRequireWildcard(require("../InitColorSchemeScript/InitColorSchemeScript"));
 var _useCurrentColorScheme = _interopRequireDefault(require("./useCurrentColorScheme"));
@@ -32,5 +32,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',
@@ -315,3 +315,3 @@ defaultColorScheme: designSystemColorScheme,
   const defaultDarkColorScheme = typeof designSystemColorScheme === 'string' ? designSystemColorScheme : designSystemColorScheme.dark;
-  const getInitColorSchemeScript = params => (0, _getInitColorSchemeScript.default)({
+  const getInitColorSchemeScript = params => (0, _InitColorSchemeScript.default)({
     attribute: defaultAttribute,
@@ -318,0 +318,0 @@ colorSchemeStorageKey: defaultColorSchemeStorageKey,

node/cssVars/index.js

@@ -20,8 +20,2 @@ "use strict";
 });
-Object.defineProperty(exports, "getInitColorSchemeScript", {
-  enumerable: true,
-  get: function () {
-    return _getInitColorSchemeScript.default;
-  }
-});
 Object.defineProperty(exports, "prepareCssVars", {
@@ -40,5 +34,4 @@ enumerable: true,
 var _createCssVarsProvider = _interopRequireDefault(require("./createCssVarsProvider"));
-var _getInitColorSchemeScript = _interopRequireDefault(require("./getInitColorSchemeScript"));
 var _prepareCssVars = _interopRequireDefault(require("./prepareCssVars"));
 var _prepareTypographyVars = _interopRequireDefault(require("./prepareTypographyVars"));
 var _createCssVarsTheme = _interopRequireDefault(require("./createCssVarsTheme"));

node/cssVars/useCurrentColorScheme.js

@@ -11,3 +11,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); }
@@ -67,4 +67,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 && {}.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
@@ -71,0 +71,0 @@ } = options;

node/index.js

 /**
- * @mui/system v6.0.0-alpha.11
+ * @mui/system v6.0.0-alpha.12
  *
@@ -4,0 +4,0 @@ * @license MIT

node/ThemeProvider/ThemeProvider.js

@@ -16,2 +16,3 @@ "use strict";
 var _RtlProvider = _interopRequireDefault(require("../RtlProvider"));
+var _DefaultPropsProvider = _interopRequireDefault(require("../DefaultPropsProvider"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -76,3 +77,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
+        })
       })
@@ -79,0 +83,0 @@ })

node/useMediaQuery/useMediaQuery.js

@@ -15,14 +15,2 @@ "use strict";
 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 && {}.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; }
-/**
- * @deprecated Not used internally. Use `MediaQueryListEvent` from lib.dom.d.ts instead.
- */
-
-/**
- * @deprecated Not used internally. Use `MediaQueryList` from lib.dom.d.ts instead.
- */
-
-/**
- * @deprecated Not used internally. Use `(event: MediaQueryListEvent) => void` instead.
- */
-
 function useMediaQueryOld(query, defaultMatches, matchMedia, ssrMatchMedia, noSsr) {
@@ -29,0 +17,0 @@ const [match, setMatch] = React.useState(() => {

package.json

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

ThemeProvider/ThemeProvider.js

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

useMediaQuery/useMediaQuery.d.ts

@@ -1,19 +0,1 @@
-/**
- * @deprecated Not used internally. Use `MediaQueryListEvent` from lib.dom.d.ts instead.
- */
-export interface MuiMediaQueryListEvent {
-    matches: boolean;
-}
-/**
- * @deprecated Not used internally. Use `MediaQueryList` from lib.dom.d.ts instead.
- */
-export interface MuiMediaQueryList {
-    matches: boolean;
-    addListener: (listener: MuiMediaQueryListListener) => void;
-    removeListener: (listener: MuiMediaQueryListListener) => void;
-}
-/**
- * @deprecated Not used internally. Use `(event: MediaQueryListEvent) => void` instead.
- */
-export type MuiMediaQueryListListener = (event: MuiMediaQueryListEvent) => void;
 export interface UseMediaQueryOptions {
@@ -20,0 +2,0 @@ /**

useMediaQuery/useMediaQuery.js

@@ -7,15 +7,2 @@ 'use client';
 import useTheme from '../useThemeWithoutDefault';
-
-/**
- * @deprecated Not used internally. Use `MediaQueryListEvent` from lib.dom.d.ts instead.
- */
-
-/**
- * @deprecated Not used internally. Use `MediaQueryList` from lib.dom.d.ts instead.
- */
-
-/**
- * @deprecated Not used internally. Use `(event: MediaQueryListEvent) => void` instead.
- */
-
 function useMediaQueryOld(query, defaultMatches, matchMedia, ssrMatchMedia, noSsr) {
@@ -22,0 +9,0 @@ const [match, setMatch] = React.useState(() => {

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

1502841

increased by0.83%

Number of package files

459

increased by3.15%

Lines of code

17991

increased by1.27%

Worsened metrics

Number of low supply chain risk alerts

141

increased by2.17%

Dependency changes

• Updated@mui/private-theming@^6.0.0-alpha.12

• Updated@mui/styled-engine@^6.0.0-alpha.12

• Updated@mui/utils@^6.0.0-alpha.12