@mui/system 5.0.3 → 5.0.4

package/Box/Box.spec.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/CHANGELOG.md

@@ -1,5 +1,67 @@
 ### [Versions](https://mui.com/versions/)
 
+## 5.0.4
+
+<!-- generated comparing v5.0.3..master -->
+
+_Oct 14, 2021_
+
+A big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:
+
+- 🧪 Added `UnstyledInput` and `useInput` hook in the the first component in @mui/core package @michaldudak (#28053)
+- 🐛 Fixed many bugs and improved the documentation 📚.
+
+### `@mui/material@5.0.4`
+
+- &#8203;<!-- 31 -->[Chip] disable ripple only if onDelete is present. (#29034) @mottox2
+- &#8203;<!-- 06 -->[Pagination] Fix clicking on `...` triggering `onChange` with page value `null` (#28884) @ZeeshanTamboli
+- &#8203;<!-- 04 -->[Tabs] Alternative way to disable ":first-child is unsafe" error (#28982) @hbjORbj
+- &#8203;<!-- 03 -->[Tabs] Fix ":first-child is potentially unsafe" error (#28890) @hbjORbj
+- &#8203;<!-- 01 -->[transitions] Mark `children` as required where nullish `children` would crash at runtime (#29028) @eps1lon
+
+### `@mui/system@5.0.4`
+
+- &#8203;<!-- 05 -->[system] Update typing for `style` function (#28744) @hbjORbj
+
+### `@mui/core@5.0.0-alpha.51`
+
+- &#8203;<!-- 07 -->[InputUnstyled] Create unstyled input and useInput hook (#28053) @michaldudak
+
+### `@mui/lab@5.0.0-alpha.51`
+
+- &#8203;<!-- 25 -->[DesktopDatePicker] add Paper props to pass down to Paper component (#28865) @amen-souissi
+
+### Docs
+
+- &#8203;<!-- 24 -->[docs] Add JSDoc to `theme.breakpoints` (#29039) @eps1lon
+- &#8203;<!-- 23 -->[docs] Rename broken package names in docs pointing to `@mui/material` (#29006) @visualfanatic
+- &#8203;<!-- 22 -->[docs] Add troubleshooting guide for unexpected styles (#28907) @mnajdova
+- &#8203;<!-- 21 -->[docs] Fix issues reported by ahref (#28986) @mnajdova
+- &#8203;<!-- 20 -->[docs] Remove json translations for dropped locales (#28987) @mnajdova
+- &#8203;<!-- 19 -->[docs] Fix type signature of renderGroup in Autocomplete (#28876) @tanyabouman
+- &#8203;<!-- 18 -->[docs] Minor typo in v4-v5 migration docs (#28995) @kgregory
+- &#8203;<!-- 17 -->[docs] Add `mui-image` related project (#28621) @benmneb
+- &#8203;<!-- 16 -->[docs] Update Getting Started Templates' Source URIs (#28929) @epodol
+- &#8203;<!-- 15 -->[docs] Improve search experience (#28801) @siriwatknp
+- &#8203;<!-- 14 -->[docs] Fix demo of the responsive drawer (#28226) @goncalovf
+- &#8203;<!-- 13 -->[docs] Fix global theme link demo (#28974) @ZeeshanTamboli
+- &#8203;<!-- 12 -->[docs] Update box example to use 'backgroundColor' rather than 'bgColor' (#28958) @Jareechang
+- &#8203;<!-- 11 -->[docs] corrected `Box` import for `sx-prop` example (#28873) @phudekar
+- &#8203;<!-- 10 -->[docs] Fix footnote ID links in CONTRIBUTING.md (#28849) @officialpiyush
+- &#8203;<!-- 09 -->[docs] Fix color & density playground (#28803) @siriwatknp
+- &#8203;<!-- 08 -->[docs] Improve visibility of styled engine configuration section in installation guide (#28903) @Jareechang
+
+### Core
+
+- &#8203;<!-- 30 -->[core] Prevent yarn cache growing infinitely (#29040) @eps1lon
+- &#8203;<!-- 29 -->[core] Update browserslist (#29025) @eps1lon
+- &#8203;<!-- 28 -->[core] Update `peerDependencies` to require `latest` instead of `next` (#29007) @eps1lon
+- &#8203;<!-- 27 -->[core] Increase memory limit for size:snapshot (#29005) @eps1lon
+- &#8203;<!-- 26 -->[core] Init `private` Joy package (#28957) @siriwatknp
+- &#8203;<!-- 02 -->[test] Remove a11y snapshot tests (#28887) @eps1lon
+
+All contributors of this release in alphabetical order: @amen-souissi, @benmneb, @epodol, @eps1lon, @goncalovf, @hbjORbj, @Jareechang, @kgregory, @michaldudak, @mnajdova, @mottox2, @officialpiyush, @phudekar, @siriwatknp, @tanyabouman, @visualfanatic, @ZeeshanTamboli
+
 ## 5.0.3
 
 <!-- generated comparing v5.0.2..master -->

package/borders.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-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;
 
 var _responsivePropType = _interopRequireDefault(require("./responsivePropType"));
 

package/breakpoints.js

@@ -5,12 +5,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.handleBreakpoints = handleBreakpoints;
 exports.createEmptyBreakpointObject = createEmptyBreakpointObject;
-exports.removeUnusedBreakpoints = removeUnusedBreakpoints;
+exports.default = void 0;
+exports.handleBreakpoints = handleBreakpoints;
 exports.mergeBreakpointsInOrder = mergeBreakpointsInOrder;
+exports.removeUnusedBreakpoints = removeUnusedBreakpoints;
 exports.resolveBreakpointValues = resolveBreakpointValues;
-exports.default = exports.values = void 0;
+exports.values = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 

package/colorManipulator.js

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.hexToRgb = hexToRgb;
-exports.decomposeColor = decomposeColor;
-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.decomposeColor = decomposeColor;
 exports.emphasize = emphasize;
+exports.getContrastRatio = getContrastRatio;
+exports.getLuminance = getLuminance;
+exports.hexToRgb = hexToRgb;
+exports.hslToRgb = hslToRgb;
+exports.lighten = lighten;
+exports.recomposeColor = recomposeColor;
+exports.rgbToHex = rgbToHex;
 
 var _utils = require("@mui/utils");
 

package/createStyled.js

@@ -5,8 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.shouldForwardProp = shouldForwardProp;
 exports.default = createStyled;
+exports.shouldForwardProp = shouldForwardProp;
 exports.systemDefaultTheme = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

package/createTheme/createBreakpoints.d.ts

@@ -8,20 +8,67 @@ export type Breakpoint = OverridableStringUnion<
 >;
 export const keys: Breakpoint[];
 
+// 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;

package/createTheme/createBreakpoints.js

@@ -5,8 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = createBreakpoints;
 exports.breakpointKeys = void 0;
+exports.default = createBreakpoints;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 

package/createTheme/createSpacing.d.ts

@@ -1,10 +1,10 @@
-export declare type SpacingOptions = number | Spacing | ((abs: number) => number | string) | ((abs: number | string) => number | string) | ReadonlyArray<string | number>;
-export declare type SpacingArgument = number | string;
-export interface Spacing {
-    (): string;
-    (value: number): string;
-    (topBottom: SpacingArgument, rightLeft: SpacingArgument): string;
-    (top: SpacingArgument, rightLeft: SpacingArgument, bottom: SpacingArgument): string;
-    (top: SpacingArgument, right: SpacingArgument, bottom: SpacingArgument, left: SpacingArgument): string;
-}
-export default function createSpacing(spacingInput?: SpacingOptions): Spacing;
+export declare type SpacingOptions = number | Spacing | ((abs: number) => number | string) | ((abs: number | string) => number | string) | ReadonlyArray<string | number>;
+export declare type SpacingArgument = number | string;
+export interface Spacing {
+    (): string;
+    (value: number): string;
+    (topBottom: SpacingArgument, rightLeft: SpacingArgument): string;
+    (top: SpacingArgument, rightLeft: SpacingArgument, bottom: SpacingArgument): string;
+    (top: SpacingArgument, right: SpacingArgument, bottom: SpacingArgument, left: SpacingArgument): string;
+}
+export default function createSpacing(spacingInput?: SpacingOptions): Spacing;

package/display.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-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;
 
 var _style = _interopRequireDefault(require("./style"));
 

package/flexbox.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-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;
 
 var _style = _interopRequireDefault(require("./style"));
 

package/getThemeValue.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.propToStyleFunction = void 0;
+exports.propToStyleFunction = exports.default = void 0;
 
 var _borders = _interopRequireDefault(require("./borders"));
 

package/grid.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-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;
 
 var _style = _interopRequireDefault(require("./style"));
 

package/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.3
+/** @license MUI v5.0.4
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -49,16 +49,10 @@ var _exportNames = {
   useThemeWithoutDefault: true,
   ThemeProvider: true
 };
-Object.defineProperty(exports, "css", {
-  enumerable: true,
-  get: function () {
-    return _styledEngine.css;
-  }
-});
-Object.defineProperty(exports, "keyframes", {
+Object.defineProperty(exports, "Box", {
   enumerable: true,
   get: function () {
-    return _styledEngine.keyframes;
+    return _Box.default;
   }
 });
 Object.defineProperty(exports, "GlobalStyles", {
@@ -73,6 +67,12 @@ Object.defineProperty(exports, "StyledEngineProvider", {
     return _styledEngine.StyledEngineProvider;
   }
 });
+Object.defineProperty(exports, "ThemeProvider", {
+  enumerable: true,
+  get: function () {
+    return _ThemeProvider.default;
+  }
+});
 Object.defineProperty(exports, "borders", {
   enumerable: true,
   get: function () {
@@ -85,172 +85,172 @@ Object.defineProperty(exports, "breakpoints", {
     return _breakpoints.default;
   }
 });
-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;
   }
 });
 Object.defineProperty(exports, "useTheme", {
@@ -259,16 +259,16 @@ Object.defineProperty(exports, "useTheme", {
     return _useTheme.default;
   }
 });
-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;
   }
 });
 

package/index.spec.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/legacy/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.3
+/** @license MUI v5.0.4
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/modern/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.3
+/** @license MUI v5.0.4
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/system",
-  "version": "5.0.3",
+  "version": "5.0.4",
   "private": false,
   "author": "MUI Team",
   "description": "CSS utilities for rapidly laying out custom designs.",
@@ -59,6 +59,7 @@
   "engines": {
     "node": ">=12.0.0"
   },
+  "gitHead": "86443310e4344ae1ce6e04f084d58e17e4d62170",
   "module": "./esm/index.js",
   "types": "./index.d.ts"
 }

package/palette.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.backgroundColor = exports.bgcolor = exports.color = void 0;
+exports.default = exports.color = exports.bgcolor = exports.backgroundColor = void 0;
 
 var _style = _interopRequireDefault(require("./style"));
 

package/positions.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-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;
 
 var _style = _interopRequireDefault(require("./style"));
 

package/sizing.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-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;
 
 var _style = _interopRequireDefault(require("./style"));
 

package/spacing.js

@@ -5,13 +5,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createUnaryUnit = createUnaryUnit;
 exports.createUnarySpacing = createUnarySpacing;
-exports.getValue = getValue;
+exports.createUnaryUnit = createUnaryUnit;
+exports.default = void 0;
 exports.getStyleFromPropValue = getStyleFromPropValue;
+exports.getValue = getValue;
 exports.margin = margin;
 exports.padding = padding;
-exports.default = void 0;
 
 var _responsivePropType = _interopRequireDefault(require("./responsivePropType"));
 

package/style.d.ts

@@ -12,4 +12,4 @@ export interface StyleOptions<PropKey> {
 }
 export function style<PropKey extends string, Theme extends object>(
   options: StyleOptions<PropKey>,
-): StyleFunction<{ [K in PropKey]?: unknown } & { theme: Theme }>;
+): StyleFunction<{ [K in PropKey]?: unknown } & { theme?: Theme }>;

package/style.js

@@ -5,8 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getPath = getPath;
 exports.default = void 0;
+exports.getPath = getPath;
 
 var _utils = require("@mui/utils");
 

package/typography.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-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;
 
 var _style = _interopRequireDefault(require("./style"));
 

package/useTheme.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.systemDefaultTheme = void 0;
+exports.systemDefaultTheme = exports.default = void 0;
 
 var _createTheme = _interopRequireDefault(require("./createTheme"));