@mui/material 5.1.0 → 5.2.2

package/node/CardActionArea/cardActionAreaClasses.js

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

package/node/CardActions/CardActions.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, _cardActionsClasses.getCardActionsUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _cardActionsClasses.getCardActionsUtilityClass, classes);
 };
 
 const CardActionsRoot = (0, _styled.default)('div', {

package/node/CardActions/cardActionsClasses.js

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

package/node/CardContent/CardContent.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"));
 
@@ -40,7 +40,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _core.unstable_composeClasses)(slots, _cardContentClasses.getCardContentUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _cardContentClasses.getCardContentUtilityClass, classes);
 };
 
 const CardContentRoot = (0, _styled.default)('div', {

package/node/CardContent/cardContentClasses.js

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

package/node/CardHeader/CardHeader.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"));
 
@@ -47,7 +47,7 @@ const useUtilityClasses = ownerState => {
     title: ['title'],
     subheader: ['subheader']
   };
-  return (0, _core.unstable_composeClasses)(slots, _cardHeaderClasses.getCardHeaderUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _cardHeaderClasses.getCardHeaderUtilityClass, classes);
 };
 
 const CardHeaderRoot = (0, _styled.default)('div', {

package/node/CardHeader/cardHeaderClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getCardHeaderUtilityClass = getCardHeaderUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getCardHeaderUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiCardHeader', slot);
+  return (0, _base.generateUtilityClass)('MuiCardHeader', slot);
 }
 
-const cardHeaderClasses = (0, _core.generateUtilityClasses)('MuiCardHeader', ['root', 'avatar', 'action', 'content', 'title', 'subheader']);
+const cardHeaderClasses = (0, _base.generateUtilityClasses)('MuiCardHeader', ['root', 'avatar', 'action', 'content', 'title', 'subheader']);
 var _default = cardHeaderClasses;
 exports.default = _default;

package/node/CardMedia/CardMedia.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 _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 
@@ -44,7 +44,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', isMediaComponent && 'media', isImageComponent && 'img']
   };
-  return (0, _core.unstable_composeClasses)(slots, _cardMediaClasses.getCardMediaUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _cardMediaClasses.getCardMediaUtilityClass, classes);
 };
 
 const CardMediaRoot = (0, _styled.default)('div', {

package/node/CardMedia/cardMediaClasses.js

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

package/node/Checkbox/Checkbox.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _utils = require("@mui/utils");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _system = require("@mui/system");
 
@@ -54,7 +54,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', indeterminate && 'indeterminate', `color${(0, _capitalize.default)(color)}`]
   };
-  const composedClasses = (0, _core.unstable_composeClasses)(slots, _checkboxClasses.getCheckboxUtilityClass, classes);
+  const composedClasses = (0, _base.unstable_composeClasses)(slots, _checkboxClasses.getCheckboxUtilityClass, classes);
   return (0, _extends2.default)({}, classes, composedClasses);
 };
 

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', {

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', {

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', {

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', {

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

@@ -117,7 +117,7 @@ process.env.NODE_ENV !== "production" ? CssBaseline.propTypes
   children: _propTypes.default.node,
 
   /**
-   * Enable `color-scheme` css property to use `theme.palette.mode`.
+   * 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

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, {

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', {

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', {

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

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, {

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)({

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, {