@mui/system - npm Package Compare versions

Comparing version 5.8.5 to 5.8.6

Box/Box.spec.d.ts

 export {};

Container/Container.d.ts

@@ -0,0 +0,0 @@ /**

Container/containerClasses.d.ts

@@ -0,0 +0,0 @@ export interface ContainerClasses {

Container/ContainerProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

Container/createContainer.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

createBox.spec.d.ts

 export {};

createTheme/createSpacing.d.ts

@@ -0,0 +0,0 @@ export declare type SpacingOptions = number | Spacing | ((abs: number) => number | string) | ((abs: number | string) => number | string) | ReadonlyArray<string | number>;

cssVars/createCssVarsProvider.js

@@ -342,3 +342,4 @@ "use strict";
     colorSchemeStorageKey: defaultColorSchemeStorageKey,
-    modeStorageKey: defaultModeStorageKey
+    modeStorageKey: defaultModeStorageKey,
+    enableColorScheme: designSystemEnableColorScheme
   }, params));
@@ -345,0 +346,0 @@

cssVars/createCssVarsProvider.spec.d.ts

 export {};

cssVars/createGetCssVar.d.ts

@@ -0,0 +0,0 @@ /**

cssVars/cssVarsParser.d.ts

@@ -0,0 +0,0 @@ declare type NestedRecord<V = any> = {

cssVars/getInitColorSchemeScript.d.ts

@@ -7,2 +7,7 @@ /// <reference types="react" />
     /**
+     * Indicate to the browser which color scheme is used (light or dark) for rendering built-in UI
+     * @default true
+     */
+    enableColorScheme?: boolean;
+    /**
      * If `true`, the initial color scheme is set to the user's prefers-color-scheme mode
@@ -9,0 +14,0 @@ * @default false

cssVars/getInitColorSchemeScript.js

@@ -26,2 +26,3 @@ "use strict";
   const {
+    enableColorScheme = true,
     enableSystem = false,
@@ -40,2 +41,3 @@ defaultLightColorScheme = 'light',
         var mode = localStorage.getItem('${modeStorageKey}');
+        var cssColorScheme = mode;
         var colorScheme = '';
@@ -46,4 +48,6 @@ if (mode === 'system' || (!mode && !!${enableSystem})) {
           if (mql.matches) {
+            cssColorScheme = 'dark';
             colorScheme = localStorage.getItem('${colorSchemeStorageKey}-dark') || '${defaultDarkColorScheme}';
           } else {
+            cssColorScheme = 'light';
             colorScheme = localStorage.getItem('${colorSchemeStorageKey}-light') || '${defaultLightColorScheme}';
@@ -61,2 +65,5 @@ }
         }
+        if (${enableColorScheme} && !!cssColorScheme) {
+          ${colorSchemeNode}.style.setProperty('color-scheme', cssColorScheme);
+        }
       } catch (e) {} })();`
@@ -63,0 +70,0 @@ }

cssVars/index.d.ts

 export { default } from './createCssVarsProvider';
 export type { CreateCssVarsProviderResult } from './createCssVarsProvider';

cssVars/useCurrentColorScheme.d.ts

@@ -0,0 +0,0 @@ export declare type Mode = 'light' | 'dark' | 'system';

esm/cssVars/createCssVarsProvider.js

@@ -317,3 +317,4 @@ import _extends from "@babel/runtime/helpers/esm/extends";
     colorSchemeStorageKey: defaultColorSchemeStorageKey,
-    modeStorageKey: defaultModeStorageKey
+    modeStorageKey: defaultModeStorageKey,
+    enableColorScheme: designSystemEnableColorScheme
   }, params));
@@ -320,0 +321,0 @@

esm/cssVars/getInitColorSchemeScript.js

@@ -8,2 +8,3 @@ import * as React from 'react';
   const {
+    enableColorScheme = true,
     enableSystem = false,
@@ -22,2 +23,3 @@ defaultLightColorScheme = 'light',
         var mode = localStorage.getItem('${modeStorageKey}');
+        var cssColorScheme = mode;
         var colorScheme = '';
@@ -28,4 +30,6 @@ if (mode === 'system' || (!mode && !!${enableSystem})) {
           if (mql.matches) {
+            cssColorScheme = 'dark';
             colorScheme = localStorage.getItem('${colorSchemeStorageKey}-dark') || '${defaultDarkColorScheme}';
           } else {
+            cssColorScheme = 'light';
             colorScheme = localStorage.getItem('${colorSchemeStorageKey}-light') || '${defaultLightColorScheme}';
@@ -43,2 +47,5 @@ }
         }
+        if (${enableColorScheme} && !!cssColorScheme) {
+          ${colorSchemeNode}.style.setProperty('color-scheme', cssColorScheme);
+        }
       } catch (e) {} })();`
@@ -45,0 +52,0 @@ }

index.js

@@ -1,2 +0,2 @@
-/** @license MUI v5.8.5
+/** @license MUI v5.8.6
  *
@@ -3,0 +3,0 @@ * This source code is licensed under the MIT license found in the

index.spec.d.ts

 export {};

legacy/cssVars/createCssVarsProvider.js

@@ -345,3 +345,4 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
       colorSchemeStorageKey: defaultColorSchemeStorageKey,
-      modeStorageKey: defaultModeStorageKey
+      modeStorageKey: defaultModeStorageKey,
+      enableColorScheme: designSystemEnableColorScheme
     }, params));
@@ -348,0 +349,0 @@ };

legacy/cssVars/getInitColorSchemeScript.js

@@ -8,2 +8,4 @@ import * as React from 'react';
   var _ref = options || {},
+      _ref$enableColorSchem = _ref.enableColorScheme,
+      enableColorScheme = _ref$enableColorSchem === void 0 ? true : _ref$enableColorSchem,
       _ref$enableSystem = _ref.enableSystem,
@@ -27,5 +29,5 @@ enableSystem = _ref$enableSystem === void 0 ? false : _ref$enableSystem,
     dangerouslySetInnerHTML: {
-      __html: "(function() { try {\n        var mode = localStorage.getItem('".concat(modeStorageKey, "');\n        var colorScheme = '';\n        if (mode === 'system' || (!mode && !!").concat(enableSystem, ")) {\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) {} })();")
+      __html: "(function() { try {\n        var mode = localStorage.getItem('".concat(modeStorageKey, "');\n        var cssColorScheme = mode;\n        var colorScheme = '';\n        if (mode === 'system' || (!mode && !!").concat(enableSystem, ")) {\n          // handle system mode\n          var mql = window.matchMedia('(prefers-color-scheme: dark)');\n          if (mql.matches) {\n            cssColorScheme = 'dark';\n            colorScheme = localStorage.getItem('").concat(colorSchemeStorageKey, "-dark') || '").concat(defaultDarkColorScheme, "';\n          } else {\n            cssColorScheme = 'light';\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        if (").concat(enableColorScheme, " && !!cssColorScheme) {\n          ").concat(colorSchemeNode, ".style.setProperty('color-scheme', cssColorScheme);\n        }\n      } catch (e) {} })();")
     }
   });
 }

legacy/index.js

@@ -1,2 +0,2 @@
-/** @license MUI v5.8.5
+/** @license MUI v5.8.6
  *
@@ -3,0 +3,0 @@ * This source code is licensed under the MIT license found in the

modern/cssVars/createCssVarsProvider.js

@@ -317,3 +317,4 @@ import _extends from "@babel/runtime/helpers/esm/extends";
     colorSchemeStorageKey: defaultColorSchemeStorageKey,
-    modeStorageKey: defaultModeStorageKey
+    modeStorageKey: defaultModeStorageKey,
+    enableColorScheme: designSystemEnableColorScheme
   }, params));
@@ -320,0 +321,0 @@

modern/cssVars/getInitColorSchemeScript.js

@@ -8,2 +8,3 @@ import * as React from 'react';
   const {
+    enableColorScheme = true,
     enableSystem = false,
@@ -22,2 +23,3 @@ defaultLightColorScheme = 'light',
         var mode = localStorage.getItem('${modeStorageKey}');
+        var cssColorScheme = mode;
         var colorScheme = '';
@@ -28,4 +30,6 @@ if (mode === 'system' || (!mode && !!${enableSystem})) {
           if (mql.matches) {
+            cssColorScheme = 'dark';
             colorScheme = localStorage.getItem('${colorSchemeStorageKey}-dark') || '${defaultDarkColorScheme}';
           } else {
+            cssColorScheme = 'light';
             colorScheme = localStorage.getItem('${colorSchemeStorageKey}-light') || '${defaultLightColorScheme}';
@@ -43,2 +47,5 @@ }
         }
+        if (${enableColorScheme} && !!cssColorScheme) {
+          ${colorSchemeNode}.style.setProperty('color-scheme', cssColorScheme);
+        }
       } catch (e) {} })();`
@@ -45,0 +52,0 @@ }

modern/index.js

@@ -1,2 +0,2 @@
-/** @license MUI v5.8.5
+/** @license MUI v5.8.6
  *
@@ -3,0 +3,0 @@ * This source code is licensed under the MIT license found in the

package.json

 {
   "name": "@mui/system",
-  "version": "5.8.5",
+  "version": "5.8.6",
   "private": false,
@@ -47,6 +47,6 @@ "author": "MUI Team",
     "@babel/runtime": "^7.17.2",
-    "@mui/private-theming": "^5.8.4",
+    "@mui/private-theming": "^5.8.6",
     "@mui/styled-engine": "^5.8.0",
     "@mui/types": "^7.1.4",
-    "@mui/utils": "^5.8.4",
+    "@mui/utils": "^5.8.6",
     "clsx": "^1.1.1",
@@ -53,0 +53,0 @@ "csstype": "^3.1.0",

styleFunctionSx/styleFunctionSx.spec.d.ts

 export {};

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

953176

increased by0.57%

Lines of code

13077

increased by0.25%

Dependency changes

• Updated@mui/private-theming@^5.8.6

• Updated@mui/utils@^5.8.6