@mui/material 5.0.0 → 5.0.4

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.0
+/** @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.
@@ -146,12 +146,6 @@ var _exportNames = {
   useAutocomplete: true,
   GlobalStyles: true
 };
-Object.defineProperty(exports, "StyledEngineProvider", {
-  enumerable: true,
-  get: function () {
-    return _styles.StyledEngineProvider;
-  }
-});
 Object.defineProperty(exports, "Accordion", {
   enumerable: true,
   get: function () {
@@ -344,12 +338,6 @@ Object.defineProperty(exports, "CssBaseline", {
     return _CssBaseline.default;
   }
 });
-Object.defineProperty(exports, "darkScrollbar", {
-  enumerable: true,
-  get: function () {
-    return _darkScrollbar.default;
-  }
-});
 Object.defineProperty(exports, "Dialog", {
   enumerable: true,
   get: function () {
@@ -440,6 +428,12 @@ Object.defineProperty(exports, "FormLabel", {
     return _FormLabel.default;
   }
 });
+Object.defineProperty(exports, "GlobalStyles", {
+  enumerable: true,
+  get: function () {
+    return _GlobalStyles.default;
+  }
+});
 Object.defineProperty(exports, "Grid", {
   enumerable: true,
   get: function () {
@@ -776,6 +770,12 @@ Object.defineProperty(exports, "Stepper", {
     return _Stepper.default;
   }
 });
+Object.defineProperty(exports, "StyledEngineProvider", {
+  enumerable: true,
+  get: function () {
+    return _styles.StyledEngineProvider;
+  }
+});
 Object.defineProperty(exports, "SvgIcon", {
   enumerable: true,
   get: function () {
@@ -800,6 +800,12 @@ Object.defineProperty(exports, "Tab", {
     return _Tab.default;
   }
 });
+Object.defineProperty(exports, "TabScrollButton", {
+  enumerable: true,
+  get: function () {
+    return _TabScrollButton.default;
+  }
+});
 Object.defineProperty(exports, "Table", {
   enumerable: true,
   get: function () {
@@ -860,12 +866,6 @@ Object.defineProperty(exports, "Tabs", {
     return _Tabs.default;
   }
 });
-Object.defineProperty(exports, "TabScrollButton", {
-  enumerable: true,
-  get: function () {
-    return _TabScrollButton.default;
-  }
-});
 Object.defineProperty(exports, "TextField", {
   enumerable: true,
   get: function () {
@@ -908,43 +908,43 @@ Object.defineProperty(exports, "Typography", {
     return _Typography.default;
   }
 });
-Object.defineProperty(exports, "useMediaQuery", {
+Object.defineProperty(exports, "Zoom", {
   enumerable: true,
   get: function () {
-    return _useMediaQuery.default;
+    return _Zoom.default;
   }
 });
-Object.defineProperty(exports, "usePagination", {
+exports.colors = void 0;
+Object.defineProperty(exports, "darkScrollbar", {
   enumerable: true,
   get: function () {
-    return _usePagination.default;
+    return _darkScrollbar.default;
   }
 });
-Object.defineProperty(exports, "useScrollTrigger", {
+Object.defineProperty(exports, "useAutocomplete", {
   enumerable: true,
   get: function () {
-    return _useScrollTrigger.default;
+    return _useAutocomplete.default;
   }
 });
-Object.defineProperty(exports, "Zoom", {
+Object.defineProperty(exports, "useMediaQuery", {
   enumerable: true,
   get: function () {
-    return _Zoom.default;
+    return _useMediaQuery.default;
   }
 });
-Object.defineProperty(exports, "useAutocomplete", {
+Object.defineProperty(exports, "usePagination", {
   enumerable: true,
   get: function () {
-    return _useAutocomplete.default;
+    return _usePagination.default;
   }
 });
-Object.defineProperty(exports, "GlobalStyles", {
+Object.defineProperty(exports, "useScrollTrigger", {
   enumerable: true,
   get: function () {
-    return _GlobalStyles.default;
+    return _useScrollTrigger.default;
   }
 });
-exports.colors = void 0;
 
 var colors = _interopRequireWildcard(require("./colors"));
 

package/node/internal/SwitchBase.js

@@ -196,8 +196,9 @@ const SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref)
       required: required,
       ownerState: ownerState,
       tabIndex: tabIndex,
-      type: type,
-      value: value
+      type: type
+    }, type === 'checkbox' && value === undefined ? {} : {
+      value
     }, inputProps)), checked ? checkedIcon : icon]
   }));
 }); // NB: If changed, please update Checkbox, Switch and Radio

package/node/internal/switchBaseClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getSwitchBaseUtilityClass = getSwitchBaseUtilityClass;
 exports.default = void 0;
+exports.getSwitchBaseUtilityClass = getSwitchBaseUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/locale/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.zhTW = exports.zhHK = exports.zhCN = exports.viVN = exports.ukUA = exports.trTR = exports.thTH = exports.svSE = exports.skSK = exports.siLK = exports.ruRU = exports.roRO = exports.ptPT = exports.ptBR = exports.plPL = exports.nlNL = exports.kzKZ = exports.koKR = exports.khKH = exports.jaJP = exports.itIT = exports.isIS = exports.idID = exports.hyAM = exports.huHU = exports.hiIN = exports.heIL = exports.frFR = exports.fiFI = exports.faIR = exports.etEE = exports.esES = exports.enUS = exports.elGR = exports.deDE = exports.csCZ = exports.caES = exports.bgBG = exports.bnBD = exports.azAZ = exports.arSD = exports.arEG = void 0;
+exports.zhTW = exports.zhHK = exports.zhCN = exports.viVN = exports.ukUA = exports.trTR = exports.thTH = exports.svSE = exports.skSK = exports.siLK = exports.ruRU = exports.roRO = exports.ptPT = exports.ptBR = exports.plPL = exports.nlNL = exports.kzKZ = exports.koKR = exports.khKH = exports.jaJP = exports.itIT = exports.isIS = exports.idID = exports.hyAM = exports.huHU = exports.hiIN = exports.heIL = exports.frFR = exports.fiFI = exports.faIR = exports.etEE = exports.esES = exports.enUS = exports.elGR = exports.deDE = exports.csCZ = exports.caES = exports.bnBD = exports.bgBG = exports.azAZ = exports.arSD = exports.arEG = void 0;
 const arEG = {
   components: {
     MuiBreadcrumbs: {

package/node/styles/createPalette.js

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

package/node/styles/createTransitions.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = createTransitions;
-exports.duration = exports.easing = void 0;
+exports.easing = exports.duration = void 0;
 
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 

package/node/styles/cssUtils.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isUnitless = isUnitless;
-exports.getUnit = getUnit;
-exports.toUnitless = toUnitless;
-exports.convertLength = convertLength;
 exports.alignProperty = alignProperty;
+exports.convertLength = convertLength;
 exports.fontGrid = fontGrid;
+exports.getUnit = getUnit;
+exports.isUnitless = isUnitless;
 exports.responsiveProperty = responsiveProperty;
+exports.toUnitless = toUnitless;
 
 function isUnitless(value) {
   return String(parseFloat(value)).length === String(value).length;

package/node/styles/index.js

@@ -5,172 +5,172 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "adaptV4Theme", {
+Object.defineProperty(exports, "StyledEngineProvider", {
   enumerable: true,
   get: function () {
-    return _adaptV4Theme.default;
+    return _system.StyledEngineProvider;
   }
 });
-Object.defineProperty(exports, "hexToRgb", {
+Object.defineProperty(exports, "ThemeProvider", {
   enumerable: true,
   get: function () {
-    return _system.hexToRgb;
+    return _ThemeProvider.default;
   }
 });
-Object.defineProperty(exports, "rgbToHex", {
+Object.defineProperty(exports, "adaptV4Theme", {
   enumerable: true,
   get: function () {
-    return _system.rgbToHex;
+    return _adaptV4Theme.default;
   }
 });
-Object.defineProperty(exports, "hslToRgb", {
+Object.defineProperty(exports, "alpha", {
   enumerable: true,
   get: function () {
-    return _system.hslToRgb;
+    return _system.alpha;
   }
 });
-Object.defineProperty(exports, "decomposeColor", {
+Object.defineProperty(exports, "createMuiTheme", {
   enumerable: true,
   get: function () {
-    return _system.decomposeColor;
+    return _createTheme.createMuiTheme;
   }
 });
-Object.defineProperty(exports, "recomposeColor", {
+Object.defineProperty(exports, "createStyles", {
   enumerable: true,
   get: function () {
-    return _system.recomposeColor;
+    return _createStyles.default;
   }
 });
-Object.defineProperty(exports, "getContrastRatio", {
+Object.defineProperty(exports, "createTheme", {
   enumerable: true,
   get: function () {
-    return _system.getContrastRatio;
+    return _createTheme.default;
   }
 });
-Object.defineProperty(exports, "getLuminance", {
+Object.defineProperty(exports, "darken", {
   enumerable: true,
   get: function () {
-    return _system.getLuminance;
+    return _system.darken;
   }
 });
-Object.defineProperty(exports, "emphasize", {
+Object.defineProperty(exports, "decomposeColor", {
   enumerable: true,
   get: function () {
-    return _system.emphasize;
+    return _system.decomposeColor;
   }
 });
-Object.defineProperty(exports, "alpha", {
+Object.defineProperty(exports, "duration", {
   enumerable: true,
   get: function () {
-    return _system.alpha;
+    return _createTransitions.duration;
   }
 });
-Object.defineProperty(exports, "darken", {
+Object.defineProperty(exports, "easing", {
   enumerable: true,
   get: function () {
-    return _system.darken;
+    return _createTransitions.easing;
   }
 });
-Object.defineProperty(exports, "lighten", {
+Object.defineProperty(exports, "emphasize", {
   enumerable: true,
   get: function () {
-    return _system.lighten;
+    return _system.emphasize;
   }
 });
-Object.defineProperty(exports, "StyledEngineProvider", {
+Object.defineProperty(exports, "experimentalStyled", {
   enumerable: true,
   get: function () {
-    return _system.StyledEngineProvider;
+    return _styled.default;
   }
 });
-Object.defineProperty(exports, "createTheme", {
+Object.defineProperty(exports, "getContrastRatio", {
   enumerable: true,
   get: function () {
-    return _createTheme.default;
+    return _system.getContrastRatio;
   }
 });
-Object.defineProperty(exports, "createMuiTheme", {
+Object.defineProperty(exports, "getLuminance", {
   enumerable: true,
   get: function () {
-    return _createTheme.createMuiTheme;
+    return _system.getLuminance;
   }
 });
-Object.defineProperty(exports, "unstable_createMuiStrictModeTheme", {
+Object.defineProperty(exports, "hexToRgb", {
   enumerable: true,
   get: function () {
-    return _createMuiStrictModeTheme.default;
+    return _system.hexToRgb;
   }
 });
-Object.defineProperty(exports, "createStyles", {
+Object.defineProperty(exports, "hslToRgb", {
   enumerable: true,
   get: function () {
-    return _createStyles.default;
+    return _system.hslToRgb;
   }
 });
-Object.defineProperty(exports, "unstable_getUnit", {
+Object.defineProperty(exports, "lighten", {
   enumerable: true,
   get: function () {
-    return _cssUtils.getUnit;
+    return _system.lighten;
   }
 });
-Object.defineProperty(exports, "unstable_toUnitless", {
+Object.defineProperty(exports, "makeStyles", {
   enumerable: true,
   get: function () {
-    return _cssUtils.toUnitless;
+    return _makeStyles.default;
   }
 });
-Object.defineProperty(exports, "responsiveFontSizes", {
+Object.defineProperty(exports, "recomposeColor", {
   enumerable: true,
   get: function () {
-    return _responsiveFontSizes.default;
+    return _system.recomposeColor;
   }
 });
-Object.defineProperty(exports, "duration", {
+Object.defineProperty(exports, "responsiveFontSizes", {
   enumerable: true,
   get: function () {
-    return _createTransitions.duration;
+    return _responsiveFontSizes.default;
   }
 });
-Object.defineProperty(exports, "easing", {
+Object.defineProperty(exports, "rgbToHex", {
   enumerable: true,
   get: function () {
-    return _createTransitions.easing;
+    return _system.rgbToHex;
   }
 });
-Object.defineProperty(exports, "useTheme", {
+Object.defineProperty(exports, "styled", {
   enumerable: true,
   get: function () {
-    return _useTheme.default;
+    return _styled.default;
   }
 });
-Object.defineProperty(exports, "useThemeProps", {
+Object.defineProperty(exports, "unstable_createMuiStrictModeTheme", {
   enumerable: true,
   get: function () {
-    return _useThemeProps.default;
+    return _createMuiStrictModeTheme.default;
   }
 });
-Object.defineProperty(exports, "styled", {
+Object.defineProperty(exports, "unstable_getUnit", {
   enumerable: true,
   get: function () {
-    return _styled.default;
+    return _cssUtils.getUnit;
   }
 });
-Object.defineProperty(exports, "experimentalStyled", {
+Object.defineProperty(exports, "unstable_toUnitless", {
   enumerable: true,
   get: function () {
-    return _styled.default;
+    return _cssUtils.toUnitless;
   }
 });
-Object.defineProperty(exports, "ThemeProvider", {
+Object.defineProperty(exports, "useTheme", {
   enumerable: true,
   get: function () {
-    return _ThemeProvider.default;
+    return _useTheme.default;
   }
 });
-Object.defineProperty(exports, "makeStyles", {
+Object.defineProperty(exports, "useThemeProps", {
   enumerable: true,
   get: function () {
-    return _makeStyles.default;
+    return _useThemeProps.default;
   }
 });
 Object.defineProperty(exports, "withStyles", {

package/node/styles/styled.js

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

package/node/useAutocomplete/index.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "createFilterOptions", {
   enumerable: true,
   get: function () {
-    return _useAutocomplete.default;
+    return _useAutocomplete.createFilterOptions;
   }
 });
-Object.defineProperty(exports, "createFilterOptions", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _useAutocomplete.createFilterOptions;
+    return _useAutocomplete.default;
   }
 });
 

package/node/useMediaQuery/useMediaQuery.js

@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = useMediaQuery;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var React = _interopRequireWildcard(require("react"));
 
 var _system = require("@mui/system");
@@ -20,10 +18,20 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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; }
 
 function useMediaQuery(queryInput, options = {}) {
-  const theme = (0, _system.useThemeWithoutDefault)();
-  const props = (0, _system.getThemeProps)({
+  const theme = (0, _system.useThemeWithoutDefault)(); // Wait for jsdom to support the match media feature.
+  // All the browsers MUI support have this built-in.
+  // This defensive check is here for simplicity.
+  // Most of the time, the match media logic isn't central to people tests.
+
+  const supportMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia !== 'undefined';
+  const {
+    defaultMatches = false,
+    matchMedia = supportMatchMedia ? window.matchMedia : null,
+    noSsr = false,
+    ssrMatchMedia = null
+  } = (0, _system.getThemeProps)({
     name: 'MuiUseMediaQuery',
-    props: {},
+    props: options,
     theme
   });
 
@@ -34,18 +42,7 @@ function useMediaQuery(queryInput, options = {}) {
   }
 
   let query = typeof queryInput === 'function' ? queryInput(theme) : queryInput;
-  query = query.replace(/^@media( ?)/m, ''); // Wait for jsdom to support the match media feature.
-  // All the browsers MUI support have this built-in.
-  // This defensive check is here for simplicity.
-  // Most of the time, the match media logic isn't central to people tests.
-
-  const supportMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia !== 'undefined';
-  const {
-    defaultMatches = false,
-    matchMedia = supportMatchMedia ? window.matchMedia : null,
-    noSsr = false,
-    ssrMatchMedia = null
-  } = (0, _extends2.default)({}, props, options);
+  query = query.replace(/^@media( ?)/m, '');
   const [match, setMatch] = React.useState(() => {
     if (noSsr && supportMatchMedia) {
       return matchMedia(query).matches;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "5.0.0",
+  "version": "5.0.4",
   "private": false,
   "author": "MUI Team",
   "description": "Quickly build beautiful React apps. MUI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.",
@@ -44,15 +44,15 @@
     }
   },
   "dependencies": {
-    "@babel/runtime": "^7.14.8",
-    "@mui/core": "5.0.0-alpha.47",
-    "@mui/system": "^5.0.0",
+    "@babel/runtime": "^7.15.4",
+    "@mui/core": "5.0.0-alpha.51",
+    "@mui/system": "^5.0.4",
     "@mui/types": "^7.0.0",
-    "@mui/utils": "^5.0.0",
+    "@mui/utils": "^5.0.1",
     "@popperjs/core": "^2.4.4",
-    "@types/react-transition-group": "^4.4.2",
+    "@types/react-transition-group": "^4.4.3",
     "clsx": "^1.1.1",
-    "csstype": "^3.0.8",
+    "csstype": "^3.0.9",
     "hoist-non-react-statics": "^3.3.2",
     "prop-types": "^15.7.2",
     "react-is": "^17.0.2",

package/styles/components.d.ts

@@ -431,6 +431,10 @@ export interface Components {
     styleOverrides?: ComponentsOverrides['MuiSpeedDialIcon'];
     variants?: ComponentsVariants['MuiSpeedDialIcon'];
   };
+  MuiStack?: {
+    defaultProps?: ComponentsProps['MuiStack'];
+    variants?: ComponentsVariants['MuiStack'];
+  };
   MuiStep?: {
     defaultProps?: ComponentsProps['MuiStep'];
     styleOverrides?: ComponentsOverrides['MuiStep'];

package/styles/props.d.ts

@@ -86,6 +86,7 @@ import { SnackbarProps } from '../Snackbar';
 import { SpeedDialProps } from '../SpeedDial';
 import { SpeedDialActionProps } from '../SpeedDialAction';
 import { SpeedDialIconProps } from '../SpeedDialIcon';
+import { StackProps } from '../Stack';
 import { StepButtonProps } from '../StepButton';
 import { StepConnectorProps } from '../StepConnector';
 import { StepContentProps } from '../StepContent';
@@ -207,6 +208,7 @@ export interface ComponentsPropsList {
   MuiSpeedDial: SpeedDialProps;
   MuiSpeedDialAction: SpeedDialActionProps;
   MuiSpeedDialIcon: SpeedDialIconProps;
+  MuiStack: StackProps;
   MuiStep: StepProps;
   MuiStepButton: StepButtonProps;
   MuiStepConnector: StepConnectorProps;

package/styles/styled.d.ts

@@ -1,6 +1,10 @@
 import { CreateMUIStyled } from '@mui/system';
 import { Theme } from './createTheme';
 
+export function rootShouldForwardProp(prop: string): boolean;
+
+export function slotShouldForwardProp(prop: string): boolean;
+
 /**
  * Custom styled utility that has a default MUI theme.
  * @param tag HTML tag or component that should serve as base.

package/transitions/index.d.ts

@@ -1 +1 @@
-export * from './transition';
+export * from './transition';

package/transitions/transition.d.ts

@@ -1,14 +1,14 @@
-import { TransitionProps as _TransitionProps, TransitionActions } from 'react-transition-group/Transition';
-import * as React from 'react';
-export declare type TransitionHandlerKeys = 'onEnter' | 'onEntering' | 'onEntered' | 'onExit' | 'onExiting' | 'onExited';
-export declare type TransitionHandlerProps = Pick<_TransitionProps, TransitionHandlerKeys>;
-export interface EasingProps {
-    easing: string | {
-        enter?: string;
-        exit?: string;
-    };
-}
-export declare type TransitionKeys = 'in' | 'mountOnEnter' | 'unmountOnExit' | 'timeout' | 'easing' | 'addEndListener' | TransitionHandlerKeys;
-export interface TransitionProps extends TransitionActions, Partial<Pick<_TransitionProps & EasingProps, TransitionKeys>> {
-    style?: React.CSSProperties;
-}
+import { TransitionProps as _TransitionProps, TransitionActions } from 'react-transition-group/Transition';
+import * as React from 'react';
+export declare type TransitionHandlerKeys = 'onEnter' | 'onEntering' | 'onEntered' | 'onExit' | 'onExiting' | 'onExited';
+export declare type TransitionHandlerProps = Pick<_TransitionProps, TransitionHandlerKeys>;
+export interface EasingProps {
+    easing: string | {
+        enter?: string;
+        exit?: string;
+    };
+}
+export declare type TransitionKeys = 'in' | 'mountOnEnter' | 'unmountOnExit' | 'timeout' | 'easing' | 'addEndListener' | TransitionHandlerKeys;
+export interface TransitionProps extends TransitionActions, Partial<Pick<_TransitionProps & EasingProps, TransitionKeys>> {
+    style?: React.CSSProperties;
+}