@mui/system - npm Package Compare versions

Comparing version 5.2.3 to 5.2.4

Box/Box.spec.d.ts

 export {};

createBox.spec.d.ts

 export {};

createTheme/createBreakpoints.d.ts

@@ -58,2 +58,8 @@ import { OverridableStringUnion } from '@mui/types';
   only: (key: Breakpoint) => string;
+  /**
+   * @param key - A breakpoint key (`xs`, `sm`, etc.).
+   * @returns A media query string ready to be used with most styling solutions, which matches screen widths stopping at
+   *          the screen size given by the breakpoint key (exclusive) and starting at the screen size given by the next breakpoint key (inclusive).
+   */
+  not: (key: Breakpoint) => string;
 }
@@ -60,0 +66,0 @@

createTheme/createBreakpoints.js

@@ -67,2 +67,17 @@ "use strict";
 
+  function not(key) {
+    // handle first and last key separately, for better readability
+    const keyIndex = keys.indexOf(key);
+
+    if (keyIndex === 0) {
+      return up(keys[1]);
+    }
+
+    if (keyIndex === keys.length - 1) {
+      return down(keys[keyIndex]);
+    }
+
+    return between(key, keys[keys.indexOf(key) + 1]).replace('@media', '@media not all and');
+  }
+
   return (0, _extends2.default)({
@@ -75,4 +90,5 @@ keys,
     only,
+    not,
     unit
   }, other);
 }

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

@@ -99,3 +99,3 @@ "use strict";
           restThemeProp = (0, _objectWithoutPropertiesLoose2.default)(themeProp, _excluded2);
-    const hasMounted = React.useRef(null); // eslint-disable-next-line prefer-const
+    const hasMounted = React.useRef(false); // eslint-disable-next-line prefer-const
 
@@ -232,2 +232,5 @@ let _deepmerge = (0, _utils.deepmerge)(restBaseTheme, restThemeProp),
       hasMounted.current = true;
+      return () => {
+        hasMounted.current = false;
+      };
     }, []);
@@ -234,0 +237,0 @@ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ColorSchemeContext.Provider, {

cssVars/createCssVarsProvider.spec.d.ts

 export {};

cssVars/cssVarsParser.d.ts

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

cssVars/getInitColorSchemeScript.d.ts

@@ -0,0 +0,0 @@ /// <reference types="react" />

cssVars/index.d.ts

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

cssVars/useCurrentColorScheme.d.ts

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

esm/createTheme/createBreakpoints.js

@@ -54,2 +54,17 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 
+  function not(key) {
+    // handle first and last key separately, for better readability
+    const keyIndex = keys.indexOf(key);
+
+    if (keyIndex === 0) {
+      return up(keys[1]);
+    }
+
+    if (keyIndex === keys.length - 1) {
+      return down(keys[keyIndex]);
+    }
+
+    return between(key, keys[keys.indexOf(key) + 1]).replace('@media', '@media not all and');
+  }
+
   return _extends({
@@ -62,4 +77,5 @@ keys,
     only,
+    not,
     unit
   }, other);
 }

esm/cssVars/createCssVarsProvider.js

@@ -74,3 +74,3 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 
-    const hasMounted = React.useRef(null); // eslint-disable-next-line prefer-const
+    const hasMounted = React.useRef(false); // eslint-disable-next-line prefer-const
 
@@ -207,2 +207,5 @@ let _deepmerge = deepmerge(restBaseTheme, restThemeProp),
       hasMounted.current = true;
+      return () => {
+        hasMounted.current = false;
+      };
     }, []);
@@ -209,0 +212,0 @@ return /*#__PURE__*/_jsxs(ColorSchemeContext.Provider, {

index.js

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

index.spec.d.ts

 export {};

legacy/createTheme/createBreakpoints.js

@@ -52,2 +52,17 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 
+  function not(key) {
+    // handle first and last key separately, for better readability
+    var keyIndex = keys.indexOf(key);
+
+    if (keyIndex === 0) {
+      return up(keys[1]);
+    }
+
+    if (keyIndex === keys.length - 1) {
+      return down(keys[keyIndex]);
+    }
+
+    return between(key, keys[keys.indexOf(key) + 1]).replace('@media', '@media not all and');
+  }
+
   return _extends({
@@ -60,4 +75,5 @@ keys: keys,
     only: only,
+    not: not,
     unit: unit
   }, other);
 }

legacy/cssVars/createCssVarsProvider.js

@@ -81,3 +81,3 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 
-    var hasMounted = React.useRef(null); // eslint-disable-next-line prefer-const
+    var hasMounted = React.useRef(false); // eslint-disable-next-line prefer-const
 
@@ -219,2 +219,5 @@ var _deepmerge = deepmerge(restBaseTheme, restThemeProp),
       hasMounted.current = true;
+      return function () {
+        hasMounted.current = false;
+      };
     }, []);
@@ -221,0 +224,0 @@ return /*#__PURE__*/_jsxs(ColorSchemeContext.Provider, {

legacy/index.js

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

modern/createTheme/createBreakpoints.js

@@ -54,2 +54,17 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 
+  function not(key) {
+    // handle first and last key separately, for better readability
+    const keyIndex = keys.indexOf(key);
+
+    if (keyIndex === 0) {
+      return up(keys[1]);
+    }
+
+    if (keyIndex === keys.length - 1) {
+      return down(keys[keyIndex]);
+    }
+
+    return between(key, keys[keys.indexOf(key) + 1]).replace('@media', '@media not all and');
+  }
+
   return _extends({
@@ -62,4 +77,5 @@ keys,
     only,
+    not,
     unit
   }, other);
 }

modern/cssVars/createCssVarsProvider.js

@@ -72,3 +72,3 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 
-    const hasMounted = React.useRef(null); // eslint-disable-next-line prefer-const
+    const hasMounted = React.useRef(false); // eslint-disable-next-line prefer-const
 
@@ -205,2 +205,5 @@ let _deepmerge = deepmerge(restBaseTheme, restThemeProp),
       hasMounted.current = true;
+      return () => {
+        hasMounted.current = false;
+      };
     }, []);
@@ -207,0 +210,0 @@ return /*#__PURE__*/_jsxs(ColorSchemeContext.Provider, {

modern/index.js

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

package.json

 {
   "name": "@mui/system",
-  "version": "5.2.3",
+  "version": "5.2.4",
   "private": false,
@@ -48,3 +48,3 @@ "author": "MUI Team",
     "@mui/private-theming": "^5.2.3",
-    "@mui/styled-engine": "^5.2.0",
+    "@mui/styled-engine": "^5.2.4",
     "@mui/types": "^7.1.0",
@@ -51,0 +51,0 @@ "@mui/utils": "^5.2.3",

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

772917

increased by0.7%

Lines of code

11189

increased by0.59%

Dependency changes

• Updated@mui/styled-engine@^5.2.4