@mui/material 5.1.0 → 5.1.1

package/node/AppBar/AppBar.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"));
 
@@ -46,7 +46,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', `color${(0, _capitalize.default)(color)}`, `position${(0, _capitalize.default)(position)}`]
   };
-  return (0, _core.unstable_composeClasses)(slots, _appBarClasses.getAppBarUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _appBarClasses.getAppBarUtilityClass, classes);
 };
 
 const AppBarRoot = (0, _styled.default)(_Paper.default, {

package/node/AppBar/appBarClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getAppBarUtilityClass = getAppBarUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getAppBarUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiAppBar', slot);
+  return (0, _base.generateUtilityClass)('MuiAppBar', slot);
 }
 
-const appBarClasses = (0, _core.generateUtilityClasses)('MuiAppBar', ['root', 'positionFixed', 'positionAbsolute', 'positionSticky', 'positionStatic', 'positionRelative', 'colorDefault', 'colorPrimary', 'colorSecondary', 'colorInherit', 'colorTransparent']);
+const appBarClasses = (0, _base.generateUtilityClasses)('MuiAppBar', ['root', 'positionFixed', 'positionAbsolute', 'positionSticky', 'positionStatic', 'positionRelative', 'colorDefault', 'colorPrimary', 'colorSecondary', 'colorInherit', 'colorTransparent']);
 var _default = appBarClasses;
 exports.default = _default;

package/node/Autocomplete/Autocomplete.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "createFilterOptions", {
   enumerable: true,
   get: function () {
-    return _core.createFilterOptions;
+    return _base.createFilterOptions;
   }
 });
 exports.default = void 0;
@@ -25,7 +25,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");
 
@@ -98,7 +98,7 @@ const useUtilityClasses = ownerState => {
     groupLabel: ['groupLabel'],
     groupUl: ['groupUl']
   };
-  return (0, _core.unstable_composeClasses)(slots, _autocompleteClasses.getAutocompleteUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _autocompleteClasses.getAutocompleteUtilityClass, classes);
 };
 
 const AutocompleteRoot = (0, _styled.default)('div', {
@@ -473,7 +473,7 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
     setAnchorEl,
     inputValue,
     groupedOptions
-  } = (0, _core.useAutocomplete)((0, _extends2.default)({}, props, {
+  } = (0, _base.useAutocomplete)((0, _extends2.default)({}, props, {
     componentName: 'Autocomplete'
   }));
   const hasClearIcon = !disableClearable && !disabled && dirty;

package/node/Autocomplete/autocompleteClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getAutocompleteUtilityClass = getAutocompleteUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getAutocompleteUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiAutocomplete', slot);
+  return (0, _base.generateUtilityClass)('MuiAutocomplete', slot);
 }
 
-const autocompleteClasses = (0, _core.generateUtilityClasses)('MuiAutocomplete', ['root', 'fullWidth', 'focused', 'focusVisible', 'tag', 'tagSizeSmall', 'tagSizeMedium', 'hasPopupIcon', 'hasClearIcon', 'inputRoot', 'input', 'inputFocused', 'endAdornment', 'clearIndicator', 'popupIndicator', 'popupIndicatorOpen', 'popper', 'popperDisablePortal', 'paper', 'listbox', 'loading', 'noOptions', 'option', 'groupLabel', 'groupUl']);
+const autocompleteClasses = (0, _base.generateUtilityClasses)('MuiAutocomplete', ['root', 'fullWidth', 'focused', 'focusVisible', 'tag', 'tagSizeSmall', 'tagSizeMedium', 'hasPopupIcon', 'hasClearIcon', 'inputRoot', 'input', 'inputFocused', 'endAdornment', 'clearIndicator', 'popupIndicator', 'popupIndicatorOpen', 'popper', 'popperDisablePortal', 'paper', 'listbox', 'loading', 'noOptions', 'option', 'groupLabel', 'groupUl']);
 var _default = autocompleteClasses;
 exports.default = _default;

package/node/Avatar/Avatar.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"));
 
@@ -46,7 +46,7 @@ const useUtilityClasses = ownerState => {
     img: ['img'],
     fallback: ['fallback']
   };
-  return (0, _core.unstable_composeClasses)(slots, _avatarClasses.getAvatarUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _avatarClasses.getAvatarUtilityClass, classes);
 };
 
 const AvatarRoot = (0, _styled.default)('div', {

package/node/Avatar/avatarClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getAvatarUtilityClass = getAvatarUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getAvatarUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiAvatar', slot);
+  return (0, _base.generateUtilityClass)('MuiAvatar', slot);
 }
 
-const avatarClasses = (0, _core.generateUtilityClasses)('MuiAvatar', ['root', 'colorDefault', 'circular', 'rounded', 'square', 'img', 'fallback']);
+const avatarClasses = (0, _base.generateUtilityClasses)('MuiAvatar', ['root', 'colorDefault', 'circular', 'rounded', 'square', 'img', 'fallback']);
 var _default = avatarClasses;
 exports.default = _default;

package/node/AvatarGroup/AvatarGroup.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 _styled = _interopRequireDefault(require("../styles/styled"));
 
@@ -52,7 +52,7 @@ const useUtilityClasses = ownerState => {
     root: ['root'],
     avatar: ['avatar']
   };
-  return (0, _core.unstable_composeClasses)(slots, _avatarGroupClasses.getAvatarGroupUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _avatarGroupClasses.getAvatarGroupUtilityClass, classes);
 };
 
 const AvatarGroupRoot = (0, _styled.default)('div', {

package/node/AvatarGroup/avatarGroupClasses.js

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

package/node/Backdrop/Backdrop.js

@@ -15,9 +15,9 @@ var React = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
-var _BackdropUnstyled = _interopRequireWildcard(require("@mui/core/BackdropUnstyled"));
+var _BackdropUnstyled = _interopRequireWildcard(require("@mui/base/BackdropUnstyled"));
 
 var _styled = _interopRequireDefault(require("../styles/styled"));
 
@@ -102,7 +102,7 @@ const Backdrop = /*#__PURE__*/React.forwardRef(function Backdrop(inProps, ref) {
         Root: BackdropRoot
       }, components),
       componentsProps: {
-        root: (0, _extends2.default)({}, componentsProps.root, (!components.Root || !(0, _core.isHostComponent)(components.Root)) && {
+        root: (0, _extends2.default)({}, componentsProps.root, (!components.Root || !(0, _base.isHostComponent)(components.Root)) && {
           ownerState: (0, _extends2.default)({}, (_componentsProps$root = componentsProps.root) == null ? void 0 : _componentsProps$root.ownerState)
         })
       },

package/node/Badge/Badge.js

@@ -19,9 +19,9 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _utils = require("@mui/utils");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
-var _BadgeUnstyled = _interopRequireWildcard(require("@mui/core/BadgeUnstyled"));
+var _BadgeUnstyled = _interopRequireWildcard(require("@mui/base/BadgeUnstyled"));
 
 var _styled = _interopRequireDefault(require("../styles/styled"));
 
@@ -37,7 +37,7 @@ 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; }
 
-const badgeClasses = (0, _extends2.default)({}, _BadgeUnstyled.badgeUnstyledClasses, (0, _core.generateUtilityClasses)('MuiBadge', ['colorError', 'colorInfo', 'colorPrimary', 'colorSecondary', 'colorSuccess', 'colorWarning']));
+const badgeClasses = (0, _extends2.default)({}, _BadgeUnstyled.badgeUnstyledClasses, (0, _base.generateUtilityClasses)('MuiBadge', ['colorError', 'colorInfo', 'colorPrimary', 'colorSecondary', 'colorSuccess', 'colorWarning']));
 exports.badgeClasses = badgeClasses;
 const RADIUS_STANDARD = 10;
 const RADIUS_DOT = 4;
@@ -221,12 +221,12 @@ const Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
       Badge: BadgeBadge
     }, components),
     componentsProps: {
-      root: (0, _extends2.default)({}, componentsProps.root, (!components.Root || !(0, _core.isHostComponent)(components.Root)) && {
+      root: (0, _extends2.default)({}, componentsProps.root, (!components.Root || !(0, _base.isHostComponent)(components.Root)) && {
         ownerState: (0, _extends2.default)({}, (_componentsProps$root = componentsProps.root) == null ? void 0 : _componentsProps$root.ownerState, {
           color
         })
       }),
-      badge: (0, _extends2.default)({}, componentsProps.badge, (!components.Thumb || !(0, _core.isHostComponent)(components.Thumb)) && {
+      badge: (0, _extends2.default)({}, componentsProps.badge, (!components.Thumb || !(0, _base.isHostComponent)(components.Thumb)) && {
         ownerState: (0, _extends2.default)({}, (_componentsProps$badg = componentsProps.badge) == null ? void 0 : _componentsProps$badg.ownerState, {
           color
         })

package/node/BottomNavigation/BottomNavigation.js

@@ -19,7 +19,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"));
 
@@ -42,7 +42,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _core.unstable_composeClasses)(slots, _bottomNavigationClasses.getBottomNavigationUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _bottomNavigationClasses.getBottomNavigationUtilityClass, classes);
 };
 
 const BottomNavigationRoot = (0, _styled.default)('div', {

package/node/BottomNavigation/bottomNavigationClasses.js

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

package/node/BottomNavigationAction/BottomNavigationAction.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"));
 
@@ -47,7 +47,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', !showLabel && !selected && 'iconOnly', selected && 'selected'],
     label: ['label', !showLabel && !selected && 'iconOnly', selected && 'selected']
   };
-  return (0, _core.unstable_composeClasses)(slots, _bottomNavigationActionClasses.getBottomNavigationActionUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _bottomNavigationActionClasses.getBottomNavigationActionUtilityClass, classes);
 };
 
 const BottomNavigationActionRoot = (0, _styled.default)(_ButtonBase.default, {

package/node/BottomNavigationAction/bottomNavigationActionClasses.js

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

package/node/Breadcrumbs/BreadcrumbCollapsed.js

@@ -33,8 +33,8 @@ const BreadcrumbCollapsedButton = (0, _styled.default)(_ButtonBase.default, {
   theme
 }) => (0, _extends2.default)({
   display: 'flex',
-  marginLeft: theme.spacing(0.5),
-  marginRight: theme.spacing(0.5)
+  marginLeft: `calc(${theme.spacing(1)} * 0.5)`,
+  marginRight: `calc(${theme.spacing(1)} * 0.5)`
 }, theme.palette.mode === 'light' ? {
   backgroundColor: theme.palette.grey[100],
   color: theme.palette.grey[700]

package/node/Breadcrumbs/Breadcrumbs.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 _styled = _interopRequireDefault(require("../styles/styled"));
 
@@ -51,7 +51,7 @@ const useUtilityClasses = ownerState => {
     ol: ['ol'],
     separator: ['separator']
   };
-  return (0, _core.unstable_composeClasses)(slots, _breadcrumbsClasses.getBreadcrumbsUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _breadcrumbsClasses.getBreadcrumbsUtilityClass, classes);
 };
 
 const BreadcrumbsRoot = (0, _styled.default)(_Typography.default, {

package/node/Breadcrumbs/breadcrumbsClasses.js

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

package/node/Button/Button.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");
 
@@ -56,7 +56,7 @@ const useUtilityClasses = ownerState => {
     startIcon: ['startIcon', `iconSize${(0, _capitalize.default)(size)}`],
     endIcon: ['endIcon', `iconSize${(0, _capitalize.default)(size)}`]
   };
-  const composedClasses = (0, _core.unstable_composeClasses)(slots, _buttonClasses.getButtonUtilityClass, classes);
+  const composedClasses = (0, _base.unstable_composeClasses)(slots, _buttonClasses.getButtonUtilityClass, classes);
   return (0, _extends2.default)({}, classes, composedClasses);
 };
 

package/node/Button/buttonClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getButtonUtilityClass = getButtonUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getButtonUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiButton', slot);
+  return (0, _base.generateUtilityClass)('MuiButton', slot);
 }
 
-const buttonClasses = (0, _core.generateUtilityClasses)('MuiButton', ['root', 'text', 'textInherit', 'textPrimary', 'textSecondary', 'outlined', 'outlinedInherit', 'outlinedPrimary', 'outlinedSecondary', 'contained', 'containedInherit', 'containedPrimary', 'containedSecondary', 'disableElevation', 'focusVisible', 'disabled', 'colorInherit', 'textSizeSmall', 'textSizeMedium', 'textSizeLarge', 'outlinedSizeSmall', 'outlinedSizeMedium', 'outlinedSizeLarge', 'containedSizeSmall', 'containedSizeMedium', 'containedSizeLarge', 'sizeMedium', 'sizeSmall', 'sizeLarge', 'fullWidth', 'startIcon', 'endIcon', 'iconSizeSmall', 'iconSizeMedium', 'iconSizeLarge']);
+const buttonClasses = (0, _base.generateUtilityClasses)('MuiButton', ['root', 'text', 'textInherit', 'textPrimary', 'textSecondary', 'outlined', 'outlinedInherit', 'outlinedPrimary', 'outlinedSecondary', 'contained', 'containedInherit', 'containedPrimary', 'containedSecondary', 'disableElevation', 'focusVisible', 'disabled', 'colorInherit', 'textSizeSmall', 'textSizeMedium', 'textSizeLarge', 'outlinedSizeSmall', 'outlinedSizeMedium', 'outlinedSizeLarge', 'containedSizeSmall', 'containedSizeMedium', 'containedSizeLarge', 'sizeMedium', 'sizeSmall', 'sizeLarge', 'fullWidth', 'startIcon', 'endIcon', 'iconSizeSmall', 'iconSizeMedium', 'iconSizeLarge']);
 var _default = buttonClasses;
 exports.default = _default;

package/node/ButtonBase/ButtonBase.js

@@ -19,7 +19,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _utils = require("@mui/utils");
 
-var _composeClasses = _interopRequireDefault(require("@mui/core/composeClasses"));
+var _composeClasses = _interopRequireDefault(require("@mui/base/composeClasses"));
 
 var _styled = _interopRequireDefault(require("../styles/styled"));
 

package/node/ButtonBase/buttonBaseClasses.js

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

package/node/ButtonBase/touchRippleClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getTouchRippleUtilityClass = getTouchRippleUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getTouchRippleUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiTouchRipple', slot);
+  return (0, _base.generateUtilityClass)('MuiTouchRipple', slot);
 }
 
-const touchRippleClasses = (0, _core.generateUtilityClasses)('MuiTouchRipple', ['root', 'ripple', 'rippleVisible', 'ripplePulsate', 'child', 'childLeaving', 'childPulsate']);
+const touchRippleClasses = (0, _base.generateUtilityClasses)('MuiTouchRipple', ['root', 'ripple', 'rippleVisible', 'ripplePulsate', 'child', 'childLeaving', 'childPulsate']);
 var _default = touchRippleClasses;
 exports.default = _default;

package/node/ButtonGroup/ButtonGroup.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");
 
@@ -70,7 +70,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', variant, orientation === 'vertical' && 'vertical', fullWidth && 'fullWidth', disableElevation && 'disableElevation'],
     grouped: ['grouped', `grouped${(0, _capitalize.default)(orientation)}`, `grouped${(0, _capitalize.default)(variant)}`, `grouped${(0, _capitalize.default)(variant)}${(0, _capitalize.default)(orientation)}`, `grouped${(0, _capitalize.default)(variant)}${(0, _capitalize.default)(color)}`, disabled && 'disabled']
   };
-  return (0, _core.unstable_composeClasses)(slots, _buttonGroupClasses.getButtonGroupUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _buttonGroupClasses.getButtonGroupUtilityClass, classes);
 };
 
 const ButtonGroupRoot = (0, _styled.default)('div', {

package/node/ButtonGroup/buttonGroupClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getButtonGroupUtilityClass = getButtonGroupUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getButtonGroupUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiButtonGroup', slot);
+  return (0, _base.generateUtilityClass)('MuiButtonGroup', slot);
 }
 
-const buttonGroupClasses = (0, _core.generateUtilityClasses)('MuiButtonGroup', ['root', 'contained', 'outlined', 'text', 'disableElevation', 'disabled', 'fullWidth', 'vertical', 'grouped', 'groupedHorizontal', 'groupedVertical', 'groupedText', 'groupedTextHorizontal', 'groupedTextVertical', 'groupedTextPrimary', 'groupedTextSecondary', 'groupedOutlined', 'groupedOutlinedHorizontal', 'groupedOutlinedVertical', 'groupedOutlinedPrimary', 'groupedOutlinedSecondary', 'groupedContained', 'groupedContainedHorizontal', 'groupedContainedVertical', 'groupedContainedPrimary', 'groupedContainedSecondary']);
+const buttonGroupClasses = (0, _base.generateUtilityClasses)('MuiButtonGroup', ['root', 'contained', 'outlined', 'text', 'disableElevation', 'disabled', 'fullWidth', 'vertical', 'grouped', 'groupedHorizontal', 'groupedVertical', 'groupedText', 'groupedTextHorizontal', 'groupedTextVertical', 'groupedTextPrimary', 'groupedTextSecondary', 'groupedOutlined', 'groupedOutlinedHorizontal', 'groupedOutlinedVertical', 'groupedOutlinedPrimary', 'groupedOutlinedSecondary', 'groupedContained', 'groupedContainedHorizontal', 'groupedContainedVertical', 'groupedContainedPrimary', 'groupedContainedSecondary']);
 var _default = buttonGroupClasses;
 exports.default = _default;

package/node/Card/Card.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 _styled = _interopRequireDefault(require("../styles/styled"));
 
@@ -44,7 +44,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _core.unstable_composeClasses)(slots, _cardClasses.getCardUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _cardClasses.getCardUtilityClass, classes);
 };
 
 const CardRoot = (0, _styled.default)(_Paper.default, {

package/node/Card/cardClasses.js

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

package/node/CardActionArea/CardActionArea.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"));
 
@@ -43,7 +43,7 @@ const useUtilityClasses = ownerState => {
     root: ['root'],
     focusHighlight: ['focusHighlight']
   };
-  return (0, _core.unstable_composeClasses)(slots, _cardActionAreaClasses.getCardActionAreaUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _cardActionAreaClasses.getCardActionAreaUtilityClass, classes);
 };
 
 const CardActionAreaRoot = (0, _styled.default)(_ButtonBase.default, {

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