@mui/system - npm Package Compare versions

Comparing version 5.8.7 to 5.9.0

cssVars/useCurrentColorScheme.js

@@ -174,3 +174,3 @@ "use strict";
       setState(currentState => (0, _extends2.default)({}, currentState, {
-        systemMode: e.matches ? 'dark' : 'light'
+        systemMode: e != null && e.matches ? 'dark' : 'light'
       }));
@@ -177,0 +177,0 @@ }

esm/cssVars/useCurrentColorScheme.js

@@ -156,3 +156,3 @@ import _extends from "@babel/runtime/helpers/esm/extends";
       setState(currentState => _extends({}, currentState, {
-        systemMode: e.matches ? 'dark' : 'light'
+        systemMode: e != null && e.matches ? 'dark' : 'light'
       }));
@@ -159,0 +159,0 @@ }

esm/getThemeValue.js

 import borders from './borders';
 import display from './display';
 import flexbox from './flexbox';
-import grid from './grid';
+import grid from './cssGrid';
 import positions from './positions';
@@ -6,0 +6,0 @@ import palette from './palette';

esm/index.js

@@ -10,4 +10,4 @@ export { css, keyframes, GlobalStyles, StyledEngineProvider } from '@mui/styled-engine';
 export * from './flexbox';
-export { default as grid } from './grid';
-export * from './grid';
+export { default as grid } from './cssGrid';
+export * from './cssGrid';
 export { default as palette } from './palette';
@@ -44,4 +44,10 @@ export * from './palette';
 export { default as unstable_createGetCssVar } from './cssVars/createGetCssVar';
+/** ----------------- */
+
+/** Layout components */
+
 export { default as createContainer } from './Container/createContainer';
 export { default as Container } from './Container';
-export * from './Container';
+export * from './Container';
+export { default as Unstable_Grid } from './Unstable_Grid/Grid';
+export * from './Unstable_Grid';

getThemeValue.js

@@ -16,3 +16,3 @@ "use strict";
 
-var _grid = _interopRequireDefault(require("./grid"));
+var _cssGrid = _interopRequireDefault(require("./cssGrid"));
 
@@ -35,3 +35,3 @@ var _positions = _interopRequireDefault(require("./positions"));
   flexbox: _flexbox.default.filterProps,
-  grid: _grid.default.filterProps,
+  grid: _cssGrid.default.filterProps,
   positions: _positions.default.filterProps,
@@ -48,3 +48,3 @@ palette: _palette.default.filterProps,
   flexbox: _flexbox.default,
-  grid: _grid.default,
+  grid: _cssGrid.default,
   positions: _positions.default,
@@ -51,0 +51,0 @@ palette: _palette.default,

index.d.ts

@@ -178,1 +178,4 @@ import {
 export * from './Container';
+
+export { default as Unstable_Grid } from './Unstable_Grid';
+export * from './Unstable_Grid';

index.js

@@ -1,2 +0,2 @@
-/** @license MUI v5.8.7
+/** @license MUI v5.9.0
  *
@@ -56,3 +56,4 @@ * This source code is licensed under the MIT license found in the
   createContainer: true,
-  Container: true
+  Container: true,
+  Unstable_Grid: true
 };
@@ -89,2 +90,8 @@ Object.defineProperty(exports, "Box", {
 });
+Object.defineProperty(exports, "Unstable_Grid", {
+  enumerable: true,
+  get: function () {
+    return _Grid.default;
+  }
+});
 Object.defineProperty(exports, "borders", {
@@ -183,3 +190,3 @@ enumerable: true,
   get: function () {
-    return _grid.default;
+    return _cssGrid.default;
   }
@@ -356,12 +363,12 @@ });
 
-var _grid = _interopRequireWildcard(require("./grid"));
+var _cssGrid = _interopRequireWildcard(require("./cssGrid"));
 
-Object.keys(_grid).forEach(function (key) {
+Object.keys(_cssGrid).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _grid[key]) return;
+  if (key in exports && exports[key] === _cssGrid[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _grid[key];
+      return _cssGrid[key];
     }
@@ -521,4 +528,20 @@ });
 
+var _Grid = _interopRequireDefault(require("./Unstable_Grid/Grid"));
+
+var _Unstable_Grid = require("./Unstable_Grid");
+
+Object.keys(_Unstable_Grid).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Unstable_Grid[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Unstable_Grid[key];
+    }
+  });
+});
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

legacy/cssVars/useCurrentColorScheme.js

@@ -164,3 +164,3 @@ import _extends from "@babel/runtime/helpers/esm/extends";
         return _extends({}, currentState, {
-          systemMode: e.matches ? 'dark' : 'light'
+          systemMode: e != null && e.matches ? 'dark' : 'light'
         });
@@ -167,0 +167,0 @@ });

legacy/getThemeValue.js

@@ -5,3 +5,3 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import flexbox from './flexbox';
-import grid from './grid';
+import grid from './cssGrid';
 import positions from './positions';
@@ -8,0 +8,0 @@ import palette from './palette';

legacy/index.js

@@ -1,2 +0,2 @@
-/** @license MUI v5.8.7
+/** @license MUI v5.9.0
  *
@@ -15,4 +15,4 @@ * This source code is licensed under the MIT license found in the
 export * from './flexbox';
-export { default as grid } from './grid';
-export * from './grid';
+export { default as grid } from './cssGrid';
+export * from './cssGrid';
 export { default as palette } from './palette';
@@ -49,4 +49,10 @@ export * from './palette';
 export { default as unstable_createGetCssVar } from './cssVars/createGetCssVar';
+/** ----------------- */
+
+/** Layout components */
+
 export { default as createContainer } from './Container/createContainer';
 export { default as Container } from './Container';
-export * from './Container';
+export * from './Container';
+export { default as Unstable_Grid } from './Unstable_Grid/Grid';
+export * from './Unstable_Grid';

modern/cssVars/useCurrentColorScheme.js

@@ -156,3 +156,3 @@ import _extends from "@babel/runtime/helpers/esm/extends";
       setState(currentState => _extends({}, currentState, {
-        systemMode: e.matches ? 'dark' : 'light'
+        systemMode: e?.matches ? 'dark' : 'light'
       }));
@@ -159,0 +159,0 @@ }

modern/getThemeValue.js

 import borders from './borders';
 import display from './display';
 import flexbox from './flexbox';
-import grid from './grid';
+import grid from './cssGrid';
 import positions from './positions';
@@ -6,0 +6,0 @@ import palette from './palette';

modern/index.js

@@ -1,2 +0,2 @@
-/** @license MUI v5.8.7
+/** @license MUI v5.9.0
  *
@@ -15,4 +15,4 @@ * This source code is licensed under the MIT license found in the
 export * from './flexbox';
-export { default as grid } from './grid';
-export * from './grid';
+export { default as grid } from './cssGrid';
+export * from './cssGrid';
 export { default as palette } from './palette';
@@ -49,4 +49,10 @@ export * from './palette';
 export { default as unstable_createGetCssVar } from './cssVars/createGetCssVar';
+/** ----------------- */
+
+/** Layout components */
+
 export { default as createContainer } from './Container/createContainer';
 export { default as Container } from './Container';
-export * from './Container';
+export * from './Container';
+export { default as Unstable_Grid } from './Unstable_Grid/Grid';
+export * from './Unstable_Grid';

package.json

 {
   "name": "@mui/system",
-  "version": "5.8.7",
+  "version": "5.9.0",
   "private": false,
@@ -47,7 +47,7 @@ "author": "MUI Team",
     "@babel/runtime": "^7.17.2",
-    "@mui/private-theming": "^5.8.6",
+    "@mui/private-theming": "^5.9.0",
     "@mui/styled-engine": "^5.8.7",
     "@mui/types": "^7.1.4",
-    "@mui/utils": "^5.8.6",
-    "clsx": "^1.2.0",
+    "@mui/utils": "^5.9.0",
+    "clsx": "^1.2.1",
     "csstype": "^3.1.0",
@@ -54,0 +54,0 @@ "prop-types": "^15.8.1"

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

1067701

increased by12.06%

Number of package files

303

increased by11.4%

Lines of code

15482

increased by19.06%

Worsened metrics

Number of low supply chain risk alerts

124

increased by6.9%

Dependency changes

• Updated@mui/private-theming@^5.9.0

• Updated@mui/utils@^5.9.0

• Updatedclsx@^1.2.1