@mui/system - npm Package Compare versions

Comparing version 5.0.3 to 5.0.4

borders.js

@@ -8,3 +8,3 @@ "use strict";
 });
-exports.default = exports.borderRadius = exports.borderLeftColor = exports.borderBottomColor = exports.borderRightColor = exports.borderTopColor = exports.borderColor = exports.borderLeft = exports.borderBottom = exports.borderRight = exports.borderTop = exports.border = void 0;
+exports.default = exports.borderTopColor = exports.borderTop = exports.borderRightColor = exports.borderRight = exports.borderRadius = exports.borderLeftColor = exports.borderLeft = exports.borderColor = exports.borderBottomColor = exports.borderBottom = exports.border = void 0;
 
@@ -11,0 +11,0 @@ var _responsivePropType = _interopRequireDefault(require("./responsivePropType"));

Box/Box.spec.d.ts

 export {};

breakpoints.js

@@ -8,8 +8,9 @@ "use strict";
 });
+exports.createEmptyBreakpointObject = createEmptyBreakpointObject;
+exports.default = void 0;
 exports.handleBreakpoints = handleBreakpoints;
-exports.createEmptyBreakpointObject = createEmptyBreakpointObject;
+exports.mergeBreakpointsInOrder = mergeBreakpointsInOrder;
 exports.removeUnusedBreakpoints = removeUnusedBreakpoints;
-exports.mergeBreakpointsInOrder = mergeBreakpointsInOrder;
 exports.resolveBreakpointValues = resolveBreakpointValues;
-exports.default = exports.values = void 0;
+exports.values = void 0;
 
@@ -16,0 +17,0 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

colorManipulator.js

@@ -6,13 +6,13 @@ "use strict";
 });
+exports.alpha = alpha;
+exports.darken = darken;
+exports.decomposeColor = decomposeColor;
+exports.emphasize = emphasize;
+exports.getContrastRatio = getContrastRatio;
+exports.getLuminance = getLuminance;
 exports.hexToRgb = hexToRgb;
-exports.decomposeColor = decomposeColor;
+exports.hslToRgb = hslToRgb;
+exports.lighten = lighten;
 exports.recomposeColor = recomposeColor;
 exports.rgbToHex = rgbToHex;
-exports.hslToRgb = hslToRgb;
-exports.getLuminance = getLuminance;
-exports.getContrastRatio = getContrastRatio;
-exports.alpha = alpha;
-exports.darken = darken;
-exports.lighten = lighten;
-exports.emphasize = emphasize;
 
@@ -19,0 +19,0 @@ var _utils = require("@mui/utils");

createStyled.js

@@ -8,4 +8,4 @@ "use strict";
 });
+exports.default = createStyled;
 exports.shouldForwardProp = shouldForwardProp;
-exports.default = createStyled;
 exports.systemDefaultTheme = void 0;
@@ -12,0 +12,0 @@

createTheme/createBreakpoints.d.ts

@@ -11,18 +11,65 @@ import { OverridableStringUnion } from '@mui/types';
 
+// Keep in sync with docs/src/pages/customization/breakpoints/breakpoints.md
+// #default-branch-switch
 export interface Breakpoints {
   keys: Breakpoint[];
+  /**
+   * Each breakpoint (a key) matches with a fixed screen width (a value).
+   * @default {
+   *    // extra-small
+   *    xs: 0,
+   *    // small
+   *    sm: 600,
+   *    // medium
+   *    md: 900,
+   *    // large
+   *    lg: 1200,
+   *    // extra-large
+   *    xl: 1536,
+   * }
+   */
   values: { [key in Breakpoint]: number };
+  /**
+   * @param key - A breakpoint key (`xs`, `sm`, etc.) or a screen width number in px.
+   * @returns A media query string ready to be used with most styling solutions, which matches screen widths greater than the screen size given by the breakpoint key (inclusive).
+   * @see [API documentation](https://mui.com/customization/breakpoints/#theme-breakpoints-up-key-media-query)
+   */
   up: (key: Breakpoint | number) => string;
+  /**
+   * @param key - A breakpoint key (`xs`, `sm`, etc.) or a screen width number in px.
+   * @returns A media query string ready to be used with most styling solutions, which matches screen widths less than the screen size given by the breakpoint key (exclusive).
+   * @see [API documentation](https://mui.com/customization/breakpoints/#theme-breakpoints-down-key-media-query)
+   */
   down: (key: Breakpoint | number) => string;
+  /**
+   * @param start - A breakpoint key (`xs`, `sm`, etc.) or a screen width number in px.
+   * @param end - A breakpoint key (`xs`, `sm`, etc.) or a screen width number in px.
+   * @returns A media query string ready to be used with most styling solutions, which matches screen widths greater than
+   *          the screen size given by the breakpoint key in the first argument (inclusive) and less than the screen size given by the breakpoint key in the second argument (exclusive).
+   * @see [API documentation](https://mui.com/customization/breakpoints/#theme-breakpoints-between-start-end-media-query)
+   */
   between: (start: Breakpoint | number, end: Breakpoint | number) => string;
+  /**
+   * @param key - A breakpoint key (`xs`, `sm`, etc.) or a screen width number in px.
+   * @returns A media query string ready to be used with most styling solutions, which matches screen widths starting from
+   *          the screen size given by the breakpoint key (inclusive) and stopping at the screen size given by the next breakpoint key (exclusive).
+   * @see [API documentation](https://mui.com/customization/breakpoints/#theme-breakpoints-only-key-media-query)
+   */
   only: (key: Breakpoint) => string;
 }
 
-export type BreakpointsOptions = Partial<
-  {
-    unit: string;
-    step: number;
-  } & Breakpoints
->;
+export interface BreakpointsOptions extends Partial<Breakpoints> {
+  /**
+   * The increment divided by 100 used to implement exclusive breakpoints.
+   * For example, `step: 5` means that `down(500)` will result in `'(max-width: 499.95px)'`.
+   * @default 5
+   */
+  step?: number | undefined;
+  /**
+   * The unit used for the breakpoint's values.
+   * @default 'px'
+   */
+  unit?: string | undefined;
+}
 
 export default function createBreakpoints(options: BreakpointsOptions): Breakpoints;

createTheme/createBreakpoints.js

@@ -8,4 +8,4 @@ "use strict";
 });
+exports.breakpointKeys = void 0;
 exports.default = createBreakpoints;
-exports.breakpointKeys = void 0;
 
@@ -12,0 +12,0 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

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>;

display.js

@@ -8,3 +8,3 @@ "use strict";
 });
-exports.default = exports.whiteSpace = exports.visibility = exports.textOverflow = exports.overflow = exports.displayRaw = exports.displayPrint = void 0;
+exports.whiteSpace = exports.visibility = exports.textOverflow = exports.overflow = exports.displayRaw = exports.displayPrint = exports.default = void 0;
 
@@ -11,0 +11,0 @@ var _style = _interopRequireDefault(require("./style"));

flexbox.js

@@ -8,3 +8,3 @@ "use strict";
 });
-exports.default = exports.justifySelf = exports.justifyItems = exports.alignSelf = exports.flexShrink = exports.flexGrow = exports.flex = exports.order = exports.alignContent = exports.alignItems = exports.justifyContent = exports.flexWrap = exports.flexDirection = exports.flexBasis = void 0;
+exports.order = exports.justifySelf = exports.justifyItems = exports.justifyContent = exports.flexWrap = exports.flexShrink = exports.flexGrow = exports.flexDirection = exports.flexBasis = exports.flex = exports.default = exports.alignSelf = exports.alignItems = exports.alignContent = void 0;
 
@@ -11,0 +11,0 @@ var _style = _interopRequireDefault(require("./style"));

getThemeValue.js

@@ -8,3 +8,3 @@ "use strict";
 });
-exports.default = exports.propToStyleFunction = void 0;
+exports.propToStyleFunction = exports.default = void 0;
 
@@ -11,0 +11,0 @@ var _borders = _interopRequireDefault(require("./borders"));

grid.js

@@ -8,3 +8,3 @@ "use strict";
 });
-exports.default = exports.gridArea = exports.gridTemplateAreas = exports.gridTemplateRows = exports.gridTemplateColumns = exports.gridAutoRows = exports.gridAutoColumns = exports.gridAutoFlow = exports.gridRow = exports.gridColumn = exports.rowGap = exports.columnGap = exports.gap = void 0;
+exports.rowGap = exports.gridTemplateRows = exports.gridTemplateColumns = exports.gridTemplateAreas = exports.gridRow = exports.gridColumn = exports.gridAutoRows = exports.gridAutoFlow = exports.gridAutoColumns = exports.gridArea = exports.gap = exports.default = exports.columnGap = void 0;
 
@@ -11,0 +11,0 @@ var _style = _interopRequireDefault(require("./style"));

index.js

@@ -1,2 +0,2 @@
-/** @license MUI v5.0.3
+/** @license MUI v5.0.4
  *
@@ -52,14 +52,8 @@ * This source code is licensed under the MIT license found in the
 };
-Object.defineProperty(exports, "css", {
+Object.defineProperty(exports, "Box", {
   enumerable: true,
   get: function () {
-    return _styledEngine.css;
+    return _Box.default;
   }
 });
-Object.defineProperty(exports, "keyframes", {
-  enumerable: true,
-  get: function () {
-    return _styledEngine.keyframes;
-  }
-});
 Object.defineProperty(exports, "GlobalStyles", {
@@ -77,2 +71,8 @@ enumerable: true,
 });
+Object.defineProperty(exports, "ThemeProvider", {
+  enumerable: true,
+  get: function () {
+    return _ThemeProvider.default;
+  }
+});
 Object.defineProperty(exports, "borders", {
@@ -90,168 +90,168 @@ enumerable: true,
 });
-Object.defineProperty(exports, "handleBreakpoints", {
+Object.defineProperty(exports, "compose", {
   enumerable: true,
   get: function () {
-    return _breakpoints.handleBreakpoints;
+    return _compose.default;
   }
 });
-Object.defineProperty(exports, "mergeBreakpointsInOrder", {
+Object.defineProperty(exports, "createBox", {
   enumerable: true,
   get: function () {
-    return _breakpoints.mergeBreakpointsInOrder;
+    return _createBox.default;
   }
 });
-Object.defineProperty(exports, "unstable_resolveBreakpointValues", {
+Object.defineProperty(exports, "createBreakpoints", {
   enumerable: true,
   get: function () {
-    return _breakpoints.resolveBreakpointValues;
+    return _createBreakpoints.default;
   }
 });
-Object.defineProperty(exports, "compose", {
+Object.defineProperty(exports, "createSpacing", {
   enumerable: true,
   get: function () {
-    return _compose.default;
+    return _createSpacing.default;
   }
 });
-Object.defineProperty(exports, "display", {
+Object.defineProperty(exports, "createStyled", {
   enumerable: true,
   get: function () {
-    return _display.default;
+    return _createStyled.default;
   }
 });
-Object.defineProperty(exports, "flexbox", {
+Object.defineProperty(exports, "createTheme", {
   enumerable: true,
   get: function () {
-    return _flexbox.default;
+    return _createTheme.default;
   }
 });
-Object.defineProperty(exports, "grid", {
+Object.defineProperty(exports, "css", {
   enumerable: true,
   get: function () {
-    return _grid.default;
+    return _styledEngine.css;
   }
 });
-Object.defineProperty(exports, "palette", {
+Object.defineProperty(exports, "display", {
   enumerable: true,
   get: function () {
-    return _palette.default;
+    return _display.default;
   }
 });
-Object.defineProperty(exports, "positions", {
+Object.defineProperty(exports, "flexbox", {
   enumerable: true,
   get: function () {
-    return _positions.default;
+    return _flexbox.default;
   }
 });
-Object.defineProperty(exports, "shadows", {
+Object.defineProperty(exports, "getPath", {
   enumerable: true,
   get: function () {
-    return _shadows.default;
+    return _style.getPath;
   }
 });
-Object.defineProperty(exports, "sizing", {
+Object.defineProperty(exports, "getThemeProps", {
   enumerable: true,
   get: function () {
-    return _sizing.default;
+    return _useThemeProps.getThemeProps;
   }
 });
-Object.defineProperty(exports, "spacing", {
+Object.defineProperty(exports, "grid", {
   enumerable: true,
   get: function () {
-    return _spacing.default;
+    return _grid.default;
   }
 });
-Object.defineProperty(exports, "style", {
+Object.defineProperty(exports, "handleBreakpoints", {
   enumerable: true,
   get: function () {
-    return _style.default;
+    return _breakpoints.handleBreakpoints;
   }
 });
-Object.defineProperty(exports, "getPath", {
+Object.defineProperty(exports, "keyframes", {
   enumerable: true,
   get: function () {
-    return _style.getPath;
+    return _styledEngine.keyframes;
   }
 });
-Object.defineProperty(exports, "typography", {
+Object.defineProperty(exports, "mergeBreakpointsInOrder", {
   enumerable: true,
   get: function () {
-    return _typography.default;
+    return _breakpoints.mergeBreakpointsInOrder;
   }
 });
-Object.defineProperty(exports, "unstable_styleFunctionSx", {
+Object.defineProperty(exports, "palette", {
   enumerable: true,
   get: function () {
-    return _styleFunctionSx.default;
+    return _palette.default;
   }
 });
-Object.defineProperty(exports, "unstable_extendSxProp", {
+Object.defineProperty(exports, "positions", {
   enumerable: true,
   get: function () {
-    return _styleFunctionSx.extendSxProp;
+    return _positions.default;
   }
 });
-Object.defineProperty(exports, "unstable_getThemeValue", {
+Object.defineProperty(exports, "shadows", {
   enumerable: true,
   get: function () {
-    return _getThemeValue.default;
+    return _shadows.default;
   }
 });
-Object.defineProperty(exports, "Box", {
+Object.defineProperty(exports, "shape", {
   enumerable: true,
   get: function () {
-    return _Box.default;
+    return _shape.default;
   }
 });
-Object.defineProperty(exports, "createBox", {
+Object.defineProperty(exports, "sizing", {
   enumerable: true,
   get: function () {
-    return _createBox.default;
+    return _sizing.default;
   }
 });
-Object.defineProperty(exports, "createStyled", {
+Object.defineProperty(exports, "spacing", {
   enumerable: true,
   get: function () {
-    return _createStyled.default;
+    return _spacing.default;
   }
 });
-Object.defineProperty(exports, "styled", {
+Object.defineProperty(exports, "style", {
   enumerable: true,
   get: function () {
-    return _styled.default;
+    return _style.default;
   }
 });
-Object.defineProperty(exports, "createTheme", {
+Object.defineProperty(exports, "styled", {
   enumerable: true,
   get: function () {
-    return _createTheme.default;
+    return _styled.default;
   }
 });
-Object.defineProperty(exports, "createBreakpoints", {
+Object.defineProperty(exports, "typography", {
   enumerable: true,
   get: function () {
-    return _createBreakpoints.default;
+    return _typography.default;
   }
 });
-Object.defineProperty(exports, "createSpacing", {
+Object.defineProperty(exports, "unstable_extendSxProp", {
   enumerable: true,
   get: function () {
-    return _createSpacing.default;
+    return _styleFunctionSx.extendSxProp;
   }
 });
-Object.defineProperty(exports, "shape", {
+Object.defineProperty(exports, "unstable_getThemeValue", {
   enumerable: true,
   get: function () {
-    return _shape.default;
+    return _getThemeValue.default;
   }
 });
-Object.defineProperty(exports, "useThemeProps", {
+Object.defineProperty(exports, "unstable_resolveBreakpointValues", {
   enumerable: true,
   get: function () {
-    return _useThemeProps.default;
+    return _breakpoints.resolveBreakpointValues;
   }
 });
-Object.defineProperty(exports, "getThemeProps", {
+Object.defineProperty(exports, "unstable_styleFunctionSx", {
   enumerable: true,
   get: function () {
-    return _useThemeProps.getThemeProps;
+    return _styleFunctionSx.default;
   }
@@ -265,12 +265,12 @@ });
 });
-Object.defineProperty(exports, "useThemeWithoutDefault", {
+Object.defineProperty(exports, "useThemeProps", {
   enumerable: true,
   get: function () {
-    return _useThemeWithoutDefault.default;
+    return _useThemeProps.default;
   }
 });
-Object.defineProperty(exports, "ThemeProvider", {
+Object.defineProperty(exports, "useThemeWithoutDefault", {
   enumerable: true,
   get: function () {
-    return _ThemeProvider.default;
+    return _useThemeWithoutDefault.default;
   }
@@ -277,0 +277,0 @@ });

index.spec.d.ts

 export {};

legacy/index.js

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

modern/index.js

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

package.json

 {
   "name": "@mui/system",
-  "version": "5.0.3",
+  "version": "5.0.4",
   "private": false,
@@ -62,4 +62,5 @@ "author": "MUI Team",
   },
+  "gitHead": "86443310e4344ae1ce6e04f084d58e17e4d62170",
   "module": "./esm/index.js",
   "types": "./index.d.ts"
 }

palette.js

@@ -8,3 +8,3 @@ "use strict";
 });
-exports.default = exports.backgroundColor = exports.bgcolor = exports.color = void 0;
+exports.default = exports.color = exports.bgcolor = exports.backgroundColor = void 0;
 
@@ -11,0 +11,0 @@ var _style = _interopRequireDefault(require("./style"));

positions.js

@@ -8,3 +8,3 @@ "use strict";
 });
-exports.default = exports.left = exports.bottom = exports.right = exports.top = exports.zIndex = exports.position = void 0;
+exports.zIndex = exports.top = exports.right = exports.position = exports.left = exports.default = exports.bottom = void 0;
 
@@ -11,0 +11,0 @@ var _style = _interopRequireDefault(require("./style"));

sizing.js

@@ -8,3 +8,3 @@ "use strict";
 });
-exports.default = exports.boxSizing = exports.sizeHeight = exports.sizeWidth = exports.minHeight = exports.maxHeight = exports.height = exports.minWidth = exports.maxWidth = exports.width = void 0;
+exports.width = exports.sizeWidth = exports.sizeHeight = exports.minWidth = exports.minHeight = exports.maxWidth = exports.maxHeight = exports.height = exports.default = exports.boxSizing = void 0;
 
@@ -11,0 +11,0 @@ var _style = _interopRequireDefault(require("./style"));

spacing.js

@@ -8,9 +8,9 @@ "use strict";
 });
+exports.createUnarySpacing = createUnarySpacing;
 exports.createUnaryUnit = createUnaryUnit;
-exports.createUnarySpacing = createUnarySpacing;
+exports.default = void 0;
+exports.getStyleFromPropValue = getStyleFromPropValue;
 exports.getValue = getValue;
-exports.getStyleFromPropValue = getStyleFromPropValue;
 exports.margin = margin;
 exports.padding = padding;
-exports.default = void 0;
 
@@ -17,0 +17,0 @@ var _responsivePropType = _interopRequireDefault(require("./responsivePropType"));

style.d.ts

@@ -15,2 +15,2 @@ import { StyleFunction } from './Box';
   options: StyleOptions<PropKey>,
-): StyleFunction<{ [K in PropKey]?: unknown } & { theme: Theme }>;
+): StyleFunction<{ [K in PropKey]?: unknown } & { theme?: Theme }>;

style.js

@@ -8,4 +8,4 @@ "use strict";
 });
+exports.default = void 0;
 exports.getPath = getPath;
-exports.default = void 0;
 
@@ -12,0 +12,0 @@ var _utils = require("@mui/utils");

typography.js

@@ -8,3 +8,3 @@ "use strict";
 });
-exports.default = exports.typographyVariant = exports.textAlign = exports.lineHeight = exports.letterSpacing = exports.fontWeight = exports.fontStyle = exports.fontSize = exports.fontFamily = void 0;
+exports.typographyVariant = exports.textAlign = exports.lineHeight = exports.letterSpacing = exports.fontWeight = exports.fontStyle = exports.fontSize = exports.fontFamily = exports.default = void 0;
 
@@ -11,0 +11,0 @@ var _style = _interopRequireDefault(require("./style"));

useTheme.js

@@ -8,3 +8,3 @@ "use strict";
 });
-exports.default = exports.systemDefaultTheme = void 0;
+exports.systemDefaultTheme = exports.default = void 0;
 
@@ -11,0 +11,0 @@ var _createTheme = _interopRequireDefault(require("./createTheme"));

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

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

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

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

618675

increased by1.02%

Lines of code

8286

increased by0.58%

No dependency changes