@mui/material 5.0.6 → 5.2.1

package/node/Checkbox/checkboxClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getCheckboxUtilityClass = getCheckboxUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getCheckboxUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiCheckbox', slot);
+  return (0, _base.generateUtilityClass)('MuiCheckbox', slot);
 }
 
-const checkboxClasses = (0, _core.generateUtilityClasses)('MuiCheckbox', ['root', 'checked', 'disabled', 'indeterminate', 'colorPrimary', 'colorSecondary']);
+const checkboxClasses = (0, _base.generateUtilityClasses)('MuiCheckbox', ['root', 'checked', 'disabled', 'indeterminate', 'colorPrimary', 'colorSecondary']);
 var _default = checkboxClasses;
 exports.default = _default;

package/node/Chip/Chip.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _system = require("@mui/system");
 
@@ -62,7 +62,7 @@ const useUtilityClasses = ownerState => {
     icon: ['icon', `icon${(0, _capitalize.default)(size)}`, `iconColor${(0, _capitalize.default)(color)}`],
     deleteIcon: ['deleteIcon', `deleteIcon${(0, _capitalize.default)(size)}`, `deleteIconColor${(0, _capitalize.default)(color)}`, `deleteIconOutlinedColor${(0, _capitalize.default)(color)}`]
   };
-  return (0, _core.unstable_composeClasses)(slots, _chipClasses.getChipUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _chipClasses.getChipUtilityClass, classes);
 };
 
 const ChipRoot = (0, _styled.default)('div', {
@@ -539,7 +539,7 @@ process.env.NODE_ENV !== "production" ? Chip.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The variant to use.

package/node/Chip/chipClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getChipUtilityClass = getChipUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getChipUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiChip', slot);
+  return (0, _base.generateUtilityClass)('MuiChip', slot);
 }
 
-const chipClasses = (0, _core.generateUtilityClasses)('MuiChip', ['root', 'sizeSmall', 'sizeMedium', 'colorPrimary', 'colorSecondary', 'disabled', 'clickable', 'clickableColorPrimary', 'clickableColorSecondary', 'deletable', 'deletableColorPrimary', 'deletableColorSecondary', 'outlined', 'filled', 'outlinedPrimary', 'outlinedSecondary', 'avatar', 'avatarSmall', 'avatarMedium', 'avatarColorPrimary', 'avatarColorSecondary', 'icon', 'iconSmall', 'iconMedium', 'iconColorPrimary', 'iconColorSecondary', 'label', 'labelSmall', 'labelMedium', 'deleteIcon', 'deleteIconSmall', 'deleteIconMedium', 'deleteIconColorPrimary', 'deleteIconColorSecondary', 'deleteIconOutlinedColorPrimary', 'deleteIconOutlinedColorSecondary', 'focusVisible']);
+const chipClasses = (0, _base.generateUtilityClasses)('MuiChip', ['root', 'sizeSmall', 'sizeMedium', 'colorPrimary', 'colorSecondary', 'disabled', 'clickable', 'clickableColorPrimary', 'clickableColorSecondary', 'deletable', 'deletableColorPrimary', 'deletableColorSecondary', 'outlined', 'filled', 'outlinedPrimary', 'outlinedSecondary', 'avatar', 'avatarSmall', 'avatarMedium', 'avatarColorPrimary', 'avatarColorSecondary', 'icon', 'iconSmall', 'iconMedium', 'iconColorPrimary', 'iconColorSecondary', 'label', 'labelSmall', 'labelMedium', 'deleteIcon', 'deleteIconSmall', 'deleteIconMedium', 'deleteIconColorPrimary', 'deleteIconColorSecondary', 'deleteIconOutlinedColorPrimary', 'deleteIconOutlinedColorSecondary', 'focusVisible']);
 var _default = chipClasses;
 exports.default = _default;

package/node/CircularProgress/CircularProgress.js

@@ -19,7 +19,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _utils = require("@mui/utils");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _system = require("@mui/system");
 
@@ -78,7 +78,7 @@ const useUtilityClasses = ownerState => {
     svg: ['svg'],
     circle: ['circle', `circle${(0, _capitalize.default)(variant)}`, disableShrink && 'circleDisableShrink']
   };
-  return (0, _core.unstable_composeClasses)(slots, _circularProgressClasses.getCircularProgressUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _circularProgressClasses.getCircularProgressUtilityClass, classes);
 };
 
 const CircularProgressRoot = (0, _styled.default)('span', {
@@ -265,7 +265,7 @@ process.env.NODE_ENV !== "production" ? CircularProgress.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The thickness of the circle.

package/node/CircularProgress/circularProgressClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getCircularProgressUtilityClass = getCircularProgressUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getCircularProgressUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiCircularProgress', slot);
+  return (0, _base.generateUtilityClass)('MuiCircularProgress', slot);
 }
 
-const circularProgressClasses = (0, _core.generateUtilityClasses)('MuiCircularProgress', ['root', 'determinate', 'indeterminate', 'colorPrimary', 'colorSecondary', 'svg', 'circle', 'circleDeterminate', 'circleIndeterminate', 'circleDisableShrink']);
+const circularProgressClasses = (0, _base.generateUtilityClasses)('MuiCircularProgress', ['root', 'determinate', 'indeterminate', 'colorPrimary', 'colorSecondary', 'svg', 'circle', 'circleDeterminate', 'circleIndeterminate', 'circleDisableShrink']);
 var _default = circularProgressClasses;
 exports.default = _default;

package/node/ClickAwayListener/index.js

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "default", {
   }
 });
 
-var _ClickAwayListener = _interopRequireWildcard(require("@mui/core/ClickAwayListener"));
+var _ClickAwayListener = _interopRequireWildcard(require("@mui/base/ClickAwayListener"));
 
 Object.keys(_ClickAwayListener).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/node/Collapse/Collapse.js

@@ -21,7 +21,7 @@ var _reactTransitionGroup = require("react-transition-group");
 
 var _utils = require("@mui/utils");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _styled = _interopRequireDefault(require("../styles/styled"));
 
@@ -57,7 +57,7 @@ const useUtilityClasses = ownerState => {
     wrapper: ['wrapper', `${orientation}`],
     wrapperInner: ['wrapperInner', `${orientation}`]
   };
-  return (0, _core.unstable_composeClasses)(slots, _collapseClasses.getCollapseUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _collapseClasses.getCollapseUtilityClass, classes);
 };
 
 const CollapseRoot = (0, _styled.default)('div', {
@@ -426,7 +426,7 @@ process.env.NODE_ENV !== "production" ? Collapse.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The duration for the transition, in milliseconds.

package/node/Collapse/collapseClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getCollapseUtilityClass = getCollapseUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getCollapseUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiCollapse', slot);
+  return (0, _base.generateUtilityClass)('MuiCollapse', slot);
 }
 
-const collapseClasses = (0, _core.generateUtilityClasses)('MuiCollapse', ['root', 'horizontal', 'vertical', 'entered', 'hidden', 'wrapper', 'wrapperInner']);
+const collapseClasses = (0, _base.generateUtilityClasses)('MuiCollapse', ['root', 'horizontal', 'vertical', 'entered', 'hidden', 'wrapper', 'wrapperInner']);
 var _default = collapseClasses;
 exports.default = _default;

package/node/Container/Container.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 
@@ -45,7 +45,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', maxWidth && `maxWidth${(0, _capitalize.default)(String(maxWidth))}`, fixed && 'fixed', disableGutters && 'disableGutters']
   };
-  return (0, _core.unstable_composeClasses)(slots, _containerClasses.getContainerUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _containerClasses.getContainerUtilityClass, classes);
 };
 
 const ContainerRoot = (0, _styled.default)('div', {
@@ -182,7 +182,7 @@ process.env.NODE_ENV !== "production" ? Container.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = Container;
 exports.default = _default;

package/node/Container/containerClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getContainerUtilityClass = getContainerUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getContainerUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiContainer', slot);
+  return (0, _base.generateUtilityClass)('MuiContainer', slot);
 }
 
-const containerClasses = (0, _core.generateUtilityClasses)('MuiContainer', ['root', 'disableGutters', 'fixed', 'maxWidthXs', 'maxWidthSm', 'maxWidthMd', 'maxWidthLg', 'maxWidthXl']);
+const containerClasses = (0, _base.generateUtilityClasses)('MuiContainer', ['root', 'disableGutters', 'fixed', 'maxWidthXs', 'maxWidthSm', 'maxWidthMd', 'maxWidthLg', 'maxWidthXl']);
 var _default = containerClasses;
 exports.default = _default;

package/node/CssBaseline/CssBaseline.js

@@ -15,17 +15,15 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 
-var _GlobalStyles2 = _interopRequireDefault(require("../GlobalStyles"));
+var _GlobalStyles = _interopRequireDefault(require("../GlobalStyles"));
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var _GlobalStyles;
-
 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; }
 
-const html = {
+const html = (theme, enableColorScheme) => (0, _extends2.default)({
   WebkitFontSmoothing: 'antialiased',
   // Antialiasing.
   MozOsxFontSmoothing: 'grayscale',
@@ -35,7 +33,10 @@ const html = {
   boxSizing: 'border-box',
   // Fix font resize problem in iOS
   WebkitTextSizeAdjust: '100%'
-};
+}, enableColorScheme && {
+  colorScheme: theme.palette.mode
+});
+
 exports.html = html;
 
 const body = theme => (0, _extends2.default)({
@@ -50,11 +51,11 @@ const body = theme => (0, _extends2.default)({
 
 exports.body = body;
 
-const styles = theme => {
+const styles = (theme, enableColorScheme = false) => {
   var _theme$components, _theme$components$Mui;
 
   let defaultStyles = {
-    html,
+    html: html(theme, enableColorScheme),
     '*, *::before, *::after': {
       boxSizing: 'inherit'
     },
@@ -92,12 +93,13 @@ function CssBaseline(inProps) {
     name: 'MuiCssBaseline'
   });
   const {
-    children
+    children,
+    enableColorScheme = false
   } = props;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
-    children: [_GlobalStyles || (_GlobalStyles = /*#__PURE__*/(0, _jsxRuntime.jsx)(_GlobalStyles2.default, {
-      styles: styles
-    })), children]
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_GlobalStyles.default, {
+      styles: theme => styles(theme, enableColorScheme)
+    }), children]
   });
 }
 
@@ -112,7 +114,15 @@ process.env.NODE_ENV !== "production" ? CssBaseline.propTypes
   /**
    * You can wrap a node.
    */
-  children: _propTypes.default.node
+  children: _propTypes.default.node,
+
+  /**
+   * Enable `color-scheme` css property to use `theme.palette.mode`.
+   * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
+   * For browser support, check out https://caniuse.com/?search=color-scheme
+   * @default false
+   */
+  enableColorScheme: _propTypes.default.bool
 } : void 0;
 var _default = CssBaseline;
 exports.default = _default;

package/node/Dialog/Dialog.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _utils = require("@mui/utils");
 
@@ -71,7 +71,7 @@ const useUtilityClasses = ownerState => {
     container: ['container', `scroll${(0, _capitalize.default)(scroll)}`],
     paper: ['paper', `paperScroll${(0, _capitalize.default)(scroll)}`, `paperWidth${(0, _capitalize.default)(String(maxWidth))}`, fullWidth && 'paperFullWidth', fullScreen && 'paperFullScreen']
   };
-  return (0, _core.unstable_composeClasses)(slots, _dialogClasses.getDialogUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _dialogClasses.getDialogUtilityClass, classes);
 };
 
 const DialogRoot = (0, _styled.default)(_Modal.default, {
@@ -416,7 +416,7 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The component used for the transition.

package/node/Dialog/dialogClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getDialogUtilityClass = getDialogUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getDialogUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiDialog', slot);
+  return (0, _base.generateUtilityClass)('MuiDialog', slot);
 }
 
-const dialogClasses = (0, _core.generateUtilityClasses)('MuiDialog', ['root', 'scrollPaper', 'scrollBody', 'container', 'paper', 'paperScrollPaper', 'paperScrollBody', 'paperWidthFalse', 'paperWidthXs', 'paperWidthSm', 'paperWidthMd', 'paperWidthLg', 'paperWidthXl', 'paperFullWidth', 'paperFullScreen']);
+const dialogClasses = (0, _base.generateUtilityClasses)('MuiDialog', ['root', 'scrollPaper', 'scrollBody', 'container', 'paper', 'paperScrollPaper', 'paperScrollBody', 'paperWidthFalse', 'paperWidthXs', 'paperWidthSm', 'paperWidthMd', 'paperWidthLg', 'paperWidthXl', 'paperFullWidth', 'paperFullScreen']);
 var _default = dialogClasses;
 exports.default = _default;

package/node/DialogActions/DialogActions.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _styled = _interopRequireDefault(require("../styles/styled"));
 
@@ -41,7 +41,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', !disableSpacing && 'spacing']
   };
-  return (0, _core.unstable_composeClasses)(slots, _dialogActionsClasses.getDialogActionsUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _dialogActionsClasses.getDialogActionsUtilityClass, classes);
 };
 
 const DialogActionsRoot = (0, _styled.default)('div', {
@@ -118,7 +118,7 @@ process.env.NODE_ENV !== "production" ? DialogActions.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = DialogActions;
 exports.default = _default;

package/node/DialogActions/dialogActionsClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getDialogActionsUtilityClass = getDialogActionsUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getDialogActionsUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiDialogActions', slot);
+  return (0, _base.generateUtilityClass)('MuiDialogActions', slot);
 }
 
-const dialogActionsClasses = (0, _core.generateUtilityClasses)('MuiDialogActions', ['root', 'spacing']);
+const dialogActionsClasses = (0, _base.generateUtilityClasses)('MuiDialogActions', ['root', 'spacing']);
 var _default = dialogActionsClasses;
 exports.default = _default;

package/node/DialogContent/DialogContent.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _styled = _interopRequireDefault(require("../styles/styled"));
 
@@ -43,7 +43,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', dividers && 'dividers']
   };
-  return (0, _core.unstable_composeClasses)(slots, _dialogContentClasses.getDialogContentUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _dialogContentClasses.getDialogContentUtilityClass, classes);
 };
 
 const DialogContentRoot = (0, _styled.default)('div', {
@@ -125,7 +125,7 @@ process.env.NODE_ENV !== "production" ? DialogContent.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = DialogContent;
 exports.default = _default;

package/node/DialogContent/dialogContentClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getDialogContentUtilityClass = getDialogContentUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getDialogContentUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiDialogContent', slot);
+  return (0, _base.generateUtilityClass)('MuiDialogContent', slot);
 }
 
-const dialogContentClasses = (0, _core.generateUtilityClasses)('MuiDialogContent', ['root', 'dividers']);
+const dialogContentClasses = (0, _base.generateUtilityClasses)('MuiDialogContent', ['root', 'dividers']);
 var _default = dialogContentClasses;
 exports.default = _default;

package/node/DialogContentText/DialogContentText.js

@@ -15,7 +15,7 @@ var React = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _styled = _interopRequireWildcard(require("../styles/styled"));
 
@@ -40,7 +40,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  const composedClasses = (0, _core.unstable_composeClasses)(slots, _dialogContentTextClasses.getDialogContentTextUtilityClass, classes);
+  const composedClasses = (0, _base.unstable_composeClasses)(slots, _dialogContentTextClasses.getDialogContentTextUtilityClass, classes);
   return (0, _extends2.default)({}, classes, composedClasses);
 };
 
@@ -88,7 +88,7 @@ process.env.NODE_ENV !== "production" ? DialogContentText.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = DialogContentText;
 exports.default = _default;

package/node/DialogContentText/dialogContentTextClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getDialogContentTextUtilityClass = getDialogContentTextUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getDialogContentTextUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiDialogContentText', slot);
+  return (0, _base.generateUtilityClass)('MuiDialogContentText', slot);
 }
 
-const dialogContentTextClasses = (0, _core.generateUtilityClasses)('MuiDialogContentText', ['root']);
+const dialogContentTextClasses = (0, _base.generateUtilityClasses)('MuiDialogContentText', ['root']);
 var _default = dialogContentTextClasses;
 exports.default = _default;

package/node/DialogTitle/DialogTitle.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _Typography = _interopRequireDefault(require("../Typography"));
 
@@ -44,7 +44,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _core.unstable_composeClasses)(slots, _dialogTitleClasses.getDialogTitleUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _dialogTitleClasses.getDialogTitleUtilityClass, classes);
 };
 
 const DialogTitleRoot = (0, _styled.default)(_Typography.default, {
@@ -110,7 +110,7 @@ process.env.NODE_ENV !== "production" ? DialogTitle.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = DialogTitle;
 exports.default = _default;

package/node/DialogTitle/dialogTitleClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getDialogTitleUtilityClass = getDialogTitleUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getDialogTitleUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiDialogTitle', slot);
+  return (0, _base.generateUtilityClass)('MuiDialogTitle', slot);
 }
 
-const dialogTitleClasses = (0, _core.generateUtilityClasses)('MuiDialogTitle', ['root']);
+const dialogTitleClasses = (0, _base.generateUtilityClasses)('MuiDialogTitle', ['root']);
 var _default = dialogTitleClasses;
 exports.default = _default;

package/node/Divider/Divider.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _system = require("@mui/system");
 
@@ -50,7 +50,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', absolute && 'absolute', variant, light && 'light', orientation === 'vertical' && 'vertical', flexItem && 'flexItem', children && 'withChildren', children && orientation === 'vertical' && 'withChildrenVertical', textAlign === 'right' && orientation !== 'vertical' && 'textAlignRight', textAlign === 'left' && orientation !== 'vertical' && 'textAlignLeft'],
     wrapper: ['wrapper', orientation === 'vertical' && 'wrapperVertical']
   };
-  return (0, _core.unstable_composeClasses)(slots, _dividerClasses.getDividerUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _dividerClasses.getDividerUtilityClass, classes);
 };
 
 const DividerRoot = (0, _styled.default)('div', {
@@ -155,11 +155,11 @@ const DividerWrapper = (0, _styled.default)('span', {
   ownerState
 }) => (0, _extends2.default)({
   display: 'inline-block',
-  paddingLeft: theme.spacing(1.2),
-  paddingRight: theme.spacing(1.2)
+  paddingLeft: `calc(${theme.spacing(1)} * 1.2)`,
+  paddingRight: `calc(${theme.spacing(1)} * 1.2)`
 }, ownerState.orientation === 'vertical' && {
-  paddingTop: theme.spacing(1.2),
-  paddingBottom: theme.spacing(1.2)
+  paddingTop: `calc(${theme.spacing(1)} * 1.2)`,
+  paddingBottom: `calc(${theme.spacing(1)} * 1.2)`
 }));
 const Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
   const props = (0, _useThemeProps.default)({
@@ -268,7 +268,7 @@ process.env.NODE_ENV !== "production" ? Divider.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The text alignment.

package/node/Divider/dividerClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getDividerUtilityClass = getDividerUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getDividerUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiDivider', slot);
+  return (0, _base.generateUtilityClass)('MuiDivider', slot);
 }
 
-const dividerClasses = (0, _core.generateUtilityClasses)('MuiDivider', ['root', 'absolute', 'fullWidth', 'inset', 'middle', 'flexItem', 'light', 'vertical', 'withChildren', 'withChildrenVertical', 'textAlignRight', 'textAlignLeft', 'wrapper', 'wrapperVertical']);
+const dividerClasses = (0, _base.generateUtilityClasses)('MuiDivider', ['root', 'absolute', 'fullWidth', 'inset', 'middle', 'flexItem', 'light', 'vertical', 'withChildren', 'withChildrenVertical', 'textAlignRight', 'textAlignLeft', 'wrapper', 'wrapperVertical']);
 var _default = dividerClasses;
 exports.default = _default;

package/node/Drawer/Drawer.js

@@ -21,7 +21,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _utils = require("@mui/utils");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _Modal = _interopRequireDefault(require("../Modal"));
 
@@ -69,7 +69,7 @@ const useUtilityClasses = ownerState => {
     modal: ['modal'],
     paper: ['paper', `paperAnchor${(0, _capitalize.default)(anchor)}`, variant !== 'temporary' && `paperAnchorDocked${(0, _capitalize.default)(anchor)}`]
   };
-  return (0, _core.unstable_composeClasses)(slots, _drawerClasses.getDrawerUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _drawerClasses.getDrawerUtilityClass, classes);
 };
 
 const DrawerRoot = (0, _styled.default)(_Modal.default, {
@@ -343,7 +343,7 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The duration for the transition, in milliseconds.

package/node/Drawer/drawerClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getDrawerUtilityClass = getDrawerUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getDrawerUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiDrawer', slot);
+  return (0, _base.generateUtilityClass)('MuiDrawer', slot);
 }
 
-const drawerClasses = (0, _core.generateUtilityClasses)('MuiDrawer', ['root', 'docked', 'paper', 'paperAnchorLeft', 'paperAnchorRight', 'paperAnchorTop', 'paperAnchorBottom', 'paperAnchorDockedLeft', 'paperAnchorDockedRight', 'paperAnchorDockedTop', 'paperAnchorDockedBottom', 'modal']);
+const drawerClasses = (0, _base.generateUtilityClasses)('MuiDrawer', ['root', 'docked', 'paper', 'paperAnchorLeft', 'paperAnchorRight', 'paperAnchorTop', 'paperAnchorBottom', 'paperAnchorDockedLeft', 'paperAnchorDockedRight', 'paperAnchorDockedTop', 'paperAnchorDockedBottom', 'modal']);
 var _default = drawerClasses;
 exports.default = _default;