@mui/material 5.1.0 → 5.2.2

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;

package/node/Fab/Fab.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 _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
 
@@ -47,7 +47,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', variant, `size${(0, _capitalize.default)(size)}`, color === 'inherit' && 'colorInherit', color === 'primary' && 'primary', color === 'secondary' && 'secondary']
   };
-  return (0, _core.unstable_composeClasses)(slots, _fabClasses.getFabUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _fabClasses.getFabUtilityClass, classes);
 };
 
 const FabRoot = (0, _styled.default)(_ButtonBase.default, {

package/node/Fab/fabClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getFabUtilityClass = getFabUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getFabUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiFab', slot);
+  return (0, _base.generateUtilityClass)('MuiFab', slot);
 }
 
-const fabClasses = (0, _core.generateUtilityClasses)('MuiFab', ['root', 'primary', 'secondary', 'extended', 'circular', 'focusVisible', 'disabled', 'colorInherit', 'sizeSmall', 'sizeMedium', 'sizeLarge']);
+const fabClasses = (0, _base.generateUtilityClasses)('MuiFab', ['root', 'primary', 'secondary', 'extended', 'circular', 'focusVisible', 'disabled', 'colorInherit', 'sizeSmall', 'sizeMedium', 'sizeLarge']);
 var _default = fabClasses;
 exports.default = _default;

package/node/FilledInput/FilledInput.js

@@ -17,7 +17,7 @@ var _utils = require("@mui/utils");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _InputBase = _interopRequireDefault(require("../InputBase"));
 
@@ -46,7 +46,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', !disableUnderline && 'underline'],
     input: ['input']
   };
-  const composedClasses = (0, _core.unstable_composeClasses)(slots, _filledInputClasses.getFilledInputUtilityClass, classes);
+  const composedClasses = (0, _base.unstable_composeClasses)(slots, _filledInputClasses.getFilledInputUtilityClass, classes);
   return (0, _extends2.default)({}, classes, composedClasses);
 };
 

package/node/FilledInput/filledInputClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getFilledInputUtilityClass = getFilledInputUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getFilledInputUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiFilledInput', slot);
+  return (0, _base.generateUtilityClass)('MuiFilledInput', slot);
 }
 
-const filledInputClasses = (0, _core.generateUtilityClasses)('MuiFilledInput', ['root', 'colorSecondary', 'underline', 'focused', 'disabled', 'adornedStart', 'adornedEnd', 'error', 'sizeSmall', 'multiline', 'hiddenLabel', 'input', 'inputSizeSmall', 'inputHiddenLabel', 'inputMultiline', 'inputAdornedStart', 'inputAdornedEnd']);
+const filledInputClasses = (0, _base.generateUtilityClasses)('MuiFilledInput', ['root', 'colorSecondary', 'underline', 'focused', 'disabled', 'adornedStart', 'adornedEnd', 'error', 'sizeSmall', 'multiline', 'hiddenLabel', 'input', 'inputSizeSmall', 'inputHiddenLabel', 'inputMultiline', 'inputAdornedStart', 'inputAdornedEnd']);
 var _default = filledInputClasses;
 exports.default = _default;

package/node/FormControl/FormControl.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"));
 
@@ -50,7 +50,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', margin !== 'none' && `margin${(0, _capitalize.default)(margin)}`, fullWidth && 'fullWidth']
   };
-  return (0, _core.unstable_composeClasses)(slots, _formControlClasses.getFormControlUtilityClasses, classes);
+  return (0, _base.unstable_composeClasses)(slots, _formControlClasses.getFormControlUtilityClasses, classes);
 };
 
 const FormControlRoot = (0, _styled.default)('div', {

package/node/FormControl/formControlClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getFormControlUtilityClasses = getFormControlUtilityClasses;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getFormControlUtilityClasses(slot) {
-  return (0, _core.generateUtilityClass)('MuiFormControl', slot);
+  return (0, _base.generateUtilityClass)('MuiFormControl', slot);
 }
 
-const formControlClasses = (0, _core.generateUtilityClasses)('MuiFormControl', ['root', 'marginNone', 'marginNormal', 'marginDense', 'fullWidth', 'disabled']);
+const formControlClasses = (0, _base.generateUtilityClasses)('MuiFormControl', ['root', 'marginNone', 'marginNormal', 'marginDense', 'fullWidth', 'disabled']);
 var _default = formControlClasses;
 exports.default = _default;

package/node/FormControlLabel/FormControlLabel.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 _FormControl = require("../FormControl");
 
@@ -51,7 +51,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', disabled && 'disabled', `labelPlacement${(0, _capitalize.default)(labelPlacement)}`],
     label: ['label', disabled && 'disabled']
   };
-  return (0, _core.unstable_composeClasses)(slots, _formControlLabelClasses.getFormControlLabelUtilityClasses, classes);
+  return (0, _base.unstable_composeClasses)(slots, _formControlLabelClasses.getFormControlLabelUtilityClasses, classes);
 };
 
 const FormControlLabelRoot = (0, _styled.default)('label', {

package/node/FormControlLabel/formControlLabelClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getFormControlLabelUtilityClasses = getFormControlLabelUtilityClasses;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getFormControlLabelUtilityClasses(slot) {
-  return (0, _core.generateUtilityClass)('MuiFormControlLabel', slot);
+  return (0, _base.generateUtilityClass)('MuiFormControlLabel', slot);
 }
 
-const formControlLabelClasses = (0, _core.generateUtilityClasses)('MuiFormControlLabel', ['root', 'labelPlacementStart', 'labelPlacementTop', 'labelPlacementBottom', 'disabled', 'label']);
+const formControlLabelClasses = (0, _base.generateUtilityClasses)('MuiFormControlLabel', ['root', 'labelPlacementStart', 'labelPlacementTop', 'labelPlacementBottom', 'disabled', 'label']);
 var _default = formControlLabelClasses;
 exports.default = _default;

package/node/FormGroup/FormGroup.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', row && 'row']
   };
-  return (0, _core.unstable_composeClasses)(slots, _formGroupClasses.getFormGroupUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _formGroupClasses.getFormGroupUtilityClass, classes);
 };
 
 const FormGroupRoot = (0, _styled.default)('div', {

package/node/FormGroup/formGroupClasses.js

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

package/node/FormHelperText/FormHelperText.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 _formControlState = _interopRequireDefault(require("../FormControl/formControlState"));
 
@@ -53,7 +53,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', disabled && 'disabled', error && 'error', size && `size${(0, _capitalize.default)(size)}`, contained && 'contained', focused && 'focused', filled && 'filled', required && 'required']
   };
-  return (0, _core.unstable_composeClasses)(slots, _formHelperTextClasses.getFormHelperTextUtilityClasses, classes);
+  return (0, _base.unstable_composeClasses)(slots, _formHelperTextClasses.getFormHelperTextUtilityClasses, classes);
 };
 
 const FormHelperTextRoot = (0, _styled.default)('p', {

package/node/FormHelperText/formHelperTextClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getFormHelperTextUtilityClasses = getFormHelperTextUtilityClasses;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getFormHelperTextUtilityClasses(slot) {
-  return (0, _core.generateUtilityClass)('MuiFormHelperText', slot);
+  return (0, _base.generateUtilityClass)('MuiFormHelperText', slot);
 }
 
-const formHelperTextClasses = (0, _core.generateUtilityClasses)('MuiFormHelperText', ['root', 'error', 'disabled', 'sizeSmall', 'sizeMedium', 'contained', 'focused', 'filled', 'required']);
+const formHelperTextClasses = (0, _base.generateUtilityClasses)('MuiFormHelperText', ['root', 'error', 'disabled', 'sizeSmall', 'sizeMedium', 'contained', 'focused', 'filled', 'required']);
 var _default = formHelperTextClasses;
 exports.default = _default;

package/node/FormLabel/FormLabel.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 _formControlState = _interopRequireDefault(require("../FormControl/formControlState"));
 
@@ -53,7 +53,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', `color${(0, _capitalize.default)(color)}`, disabled && 'disabled', error && 'error', filled && 'filled', focused && 'focused', required && 'required'],
     asterisk: ['asterisk', error && 'error']
   };
-  return (0, _core.unstable_composeClasses)(slots, _formLabelClasses.getFormLabelUtilityClasses, classes);
+  return (0, _base.unstable_composeClasses)(slots, _formLabelClasses.getFormLabelUtilityClasses, classes);
 };
 
 const FormLabelRoot = (0, _styled.default)('label', {

package/node/FormLabel/formLabelClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getFormLabelUtilityClasses = getFormLabelUtilityClasses;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getFormLabelUtilityClasses(slot) {
-  return (0, _core.generateUtilityClass)('MuiFormLabel', slot);
+  return (0, _base.generateUtilityClass)('MuiFormLabel', slot);
 }
 
-const formLabelClasses = (0, _core.generateUtilityClasses)('MuiFormLabel', ['root', 'colorSecondary', 'focused', 'disabled', 'error', 'filled', 'required', 'asterisk']);
+const formLabelClasses = (0, _base.generateUtilityClasses)('MuiFormLabel', ['root', 'colorSecondary', 'focused', 'disabled', 'error', 'filled', 'required', 'asterisk']);
 var _default = formLabelClasses;
 exports.default = _default;

package/node/Grid/Grid.js

@@ -22,7 +22,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _system = require("@mui/system");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _requirePropFactory = _interopRequireDefault(require("../utils/requirePropFactory"));
 
@@ -277,7 +277,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', container && 'container', item && 'item', zeroMinWidth && 'zeroMinWidth', container && spacing !== 0 && `spacing-xs-${String(spacing)}`, direction !== 'row' && `direction-xs-${String(direction)}`, wrap !== 'wrap' && `wrap-xs-${String(wrap)}`, xs !== false && `grid-xs-${String(xs)}`, sm !== false && `grid-sm-${String(sm)}`, md !== false && `grid-md-${String(md)}`, lg !== false && `grid-lg-${String(lg)}`, xl !== false && `grid-xl-${String(xl)}`]
   };
-  return (0, _core.unstable_composeClasses)(slots, _gridClasses.getGridUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _gridClasses.getGridUtilityClass, classes);
 };
 
 const Grid = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {

package/node/Grid/gridClasses.js

@@ -6,17 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getGridUtilityClass = getGridUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getGridUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiGrid', slot);
+  return (0, _base.generateUtilityClass)('MuiGrid', slot);
 }
 
 const SPACINGS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
 const DIRECTIONS = ['column-reverse', 'column', 'row-reverse', 'row'];
 const WRAPS = ['nowrap', 'wrap-reverse', 'wrap'];
 const GRID_SIZES = ['auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
-const gridClasses = (0, _core.generateUtilityClasses)('MuiGrid', ['root', 'container', 'item', 'zeroMinWidth', // spacings
+const gridClasses = (0, _base.generateUtilityClasses)('MuiGrid', ['root', 'container', 'item', 'zeroMinWidth', // spacings
 ...SPACINGS.map(spacing => `spacing-xs-${spacing}`), // direction values
 ...DIRECTIONS.map(direction => `direction-xs-${direction}`), // wrap values
 ...WRAPS.map(wrap => `wrap-xs-${wrap}`), // grid sizes for all breakpoints

package/node/Hidden/HiddenCss.js

@@ -17,7 +17,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 
@@ -48,7 +48,7 @@ const useUtilityClasses = ownerState => {
       return dir === 'only' ? `${dir}${(0, _capitalize.default)(breakpoint)}` : `${breakpoint}${(0, _capitalize.default)(dir)}`;
     })]
   };
-  return (0, _core.unstable_composeClasses)(slots, _hiddenCssClasses.getHiddenCssUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _hiddenCssClasses.getHiddenCssUtilityClass, classes);
 };
 
 const HiddenCssRoot = (0, _styled.default)('div', {

package/node/Hidden/hiddenCssClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getHiddenCssUtilityClass = getHiddenCssUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getHiddenCssUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('PrivateHiddenCss', slot);
+  return (0, _base.generateUtilityClass)('PrivateHiddenCss', slot);
 }
 
-const hiddenCssClasses = (0, _core.generateUtilityClasses)('PrivateHiddenCss', ['root', 'xlDown', 'xlUp', 'onlyXl', 'lgDown', 'lgUp', 'onlyLg', 'mdDown', 'mdUp', 'onlyMd', 'smDown', 'smUp', 'onlySm', 'xsDown', 'xsUp', 'onlyXs']);
+const hiddenCssClasses = (0, _base.generateUtilityClasses)('PrivateHiddenCss', ['root', 'xlDown', 'xlUp', 'onlyXl', 'lgDown', 'lgUp', 'onlyLg', 'mdDown', 'mdUp', 'onlyMd', 'smDown', 'smUp', 'onlySm', 'xsDown', 'xsUp', 'onlyXs']);
 var _default = hiddenCssClasses;
 exports.default = _default;

package/node/Icon/Icon.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"));
 
@@ -44,7 +44,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', color !== 'inherit' && `color${(0, _capitalize.default)(color)}`, `fontSize${(0, _capitalize.default)(fontSize)}`]
   };
-  return (0, _core.unstable_composeClasses)(slots, _iconClasses.getIconUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _iconClasses.getIconUtilityClass, classes);
 };
 
 const IconRoot = (0, _styled.default)('span', {

package/node/Icon/iconClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getIconUtilityClass = getIconUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getIconUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiIcon', slot);
+  return (0, _base.generateUtilityClass)('MuiIcon', slot);
 }
 
-const iconClasses = (0, _core.generateUtilityClasses)('MuiIcon', ['root', 'colorPrimary', 'colorSecondary', 'colorAction', 'colorError', 'colorDisabled', 'fontSizeInherit', 'fontSizeSmall', 'fontSizeMedium', 'fontSizeLarge']);
+const iconClasses = (0, _base.generateUtilityClasses)('MuiIcon', ['root', 'colorPrimary', 'colorSecondary', 'colorAction', 'colorError', 'colorDisabled', 'fontSizeInherit', 'fontSizeSmall', 'fontSizeMedium', 'fontSizeLarge']);
 var _default = iconClasses;
 exports.default = _default;

package/node/IconButton/IconButton.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");
 
@@ -52,7 +52,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', disabled && 'disabled', color !== 'default' && `color${(0, _capitalize.default)(color)}`, edge && `edge${(0, _capitalize.default)(edge)}`, `size${(0, _capitalize.default)(size)}`]
   };
-  return (0, _core.unstable_composeClasses)(slots, _iconButtonClasses.getIconButtonUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _iconButtonClasses.getIconButtonUtilityClass, classes);
 };
 
 const IconButtonRoot = (0, _styled.default)(_ButtonBase.default, {
@@ -78,7 +78,8 @@ const IconButtonRoot = (0, _styled.default)(_ButtonBase.default, {
   color: theme.palette.action.active,
   transition: theme.transitions.create('background-color', {
     duration: theme.transitions.duration.shortest
-  }),
+  })
+}, !ownerState.disableRipple && {
   '&:hover': {
     backgroundColor: (0, _system.alpha)(theme.palette.action.active, theme.palette.action.hoverOpacity),
     // Reset on touch devices, it doesn't add specificity
@@ -95,8 +96,9 @@ const IconButtonRoot = (0, _styled.default)(_ButtonBase.default, {
   ownerState
 }) => (0, _extends2.default)({}, ownerState.color === 'inherit' && {
   color: 'inherit'
-}, ownerState.color !== 'inherit' && ownerState.color !== 'default' && {
-  color: theme.palette[ownerState.color].main,
+}, ownerState.color !== 'inherit' && ownerState.color !== 'default' && (0, _extends2.default)({
+  color: theme.palette[ownerState.color].main
+}, !ownerState.disableRipple && {
   '&:hover': {
     backgroundColor: (0, _system.alpha)(theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity),
     // Reset on touch devices, it doesn't add specificity
@@ -104,7 +106,7 @@ const IconButtonRoot = (0, _styled.default)(_ButtonBase.default, {
       backgroundColor: 'transparent'
     }
   }
-}, ownerState.size === 'small' && {
+}), ownerState.size === 'small' && {
   padding: 5,
   fontSize: theme.typography.pxToRem(18)
 }, ownerState.size === 'large' && {

package/node/IconButton/iconButtonClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getIconButtonUtilityClass = getIconButtonUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getIconButtonUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiIconButton', slot);
+  return (0, _base.generateUtilityClass)('MuiIconButton', slot);
 }
 
-const iconButtonClasses = (0, _core.generateUtilityClasses)('MuiIconButton', ['root', 'disabled', 'colorInherit', 'colorPrimary', 'colorSecondary', 'edgeStart', 'edgeEnd', 'sizeSmall', 'sizeMedium', 'sizeLarge']);
+const iconButtonClasses = (0, _base.generateUtilityClasses)('MuiIconButton', ['root', 'disabled', 'colorInherit', 'colorPrimary', 'colorSecondary', 'edgeStart', 'edgeEnd', 'sizeSmall', 'sizeMedium', 'sizeLarge']);
 var _default = iconButtonClasses;
 exports.default = _default;

package/node/ImageList/ImageList.js

@@ -11,7 +11,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _utils = require("@mui/utils");
 
@@ -45,7 +45,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', variant]
   };
-  return (0, _core.unstable_composeClasses)(slots, _imageListClasses.getImageListUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _imageListClasses.getImageListUtilityClass, classes);
 };
 
 const ImageListRoot = (0, _styled.default)('ul', {

package/node/ImageList/imageListClasses.js

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

package/node/ImageListItem/ImageListItem.js

@@ -11,7 +11,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _utils = require("@mui/utils");
 
@@ -50,7 +50,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', variant],
     img: ['img']
   };
-  return (0, _core.unstable_composeClasses)(slots, _imageListItemClasses.getImageListItemUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _imageListItemClasses.getImageListItemUtilityClass, classes);
 };
 
 const ImageListItemRoot = (0, _styled.default)('li', {

package/node/ImageListItem/imageListItemClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getImageListItemUtilityClass = getImageListItemUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getImageListItemUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiImageListItem', slot);
+  return (0, _base.generateUtilityClass)('MuiImageListItem', slot);
 }
 
-const imageListItemClasses = (0, _core.generateUtilityClasses)('MuiImageListItem', ['root', 'img', 'standard', 'woven', 'masonry', 'quilted']);
+const imageListItemClasses = (0, _base.generateUtilityClasses)('MuiImageListItem', ['root', 'img', 'standard', 'woven', 'masonry', 'quilted']);
 var _default = imageListItemClasses;
 exports.default = _default;

package/node/ImageListItemBar/ImageListItemBar.js

@@ -11,7 +11,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
@@ -49,7 +49,7 @@ const useUtilityClasses = ownerState => {
     subtitle: ['subtitle'],
     actionIcon: ['actionIcon', `actionIconActionPos${(0, _capitalize.default)(actionPosition)}`]
   };
-  return (0, _core.unstable_composeClasses)(slots, _imageListItemBarClasses.getImageListItemBarUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _imageListItemBarClasses.getImageListItemBarUtilityClass, classes);
 };
 
 const ImageListItemBarRoot = (0, _styled.default)('div', {

package/node/ImageListItemBar/imageListItemBarClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getImageListItemBarUtilityClass = getImageListItemBarUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getImageListItemBarUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiImageListItemBar', slot);
+  return (0, _base.generateUtilityClass)('MuiImageListItemBar', slot);
 }
 
-const imageListItemBarClasses = (0, _core.generateUtilityClasses)('MuiImageListItemBar', ['root', 'positionBottom', 'positionTop', 'positionBelow', 'titleWrap', 'titleWrapBottom', 'titleWrapTop', 'titleWrapBelow', 'titleWrapActionPosLeft', 'titleWrapActionPosRight', 'title', 'subtitle', 'actionIcon', 'actionIconActionPosLeft', 'actionIconActionPosRight']);
+const imageListItemBarClasses = (0, _base.generateUtilityClasses)('MuiImageListItemBar', ['root', 'positionBottom', 'positionTop', 'positionBelow', 'titleWrap', 'titleWrapBottom', 'titleWrapTop', 'titleWrapBelow', 'titleWrapActionPosLeft', 'titleWrapActionPosRight', 'title', 'subtitle', 'actionIcon', 'actionIconActionPosLeft', 'actionIconActionPosRight']);
 var _default = imageListItemBarClasses;
 exports.default = _default;

package/node/Input/Input.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 _utils = require("@mui/utils");
 
@@ -46,7 +46,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', !disableUnderline && 'underline'],
     input: ['input']
   };
-  const composedClasses = (0, _core.unstable_composeClasses)(slots, _inputClasses.getInputUtilityClass, classes);
+  const composedClasses = (0, _base.unstable_composeClasses)(slots, _inputClasses.getInputUtilityClass, classes);
   return (0, _extends2.default)({}, classes, composedClasses);
 };
 

package/node/Input/inputClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getInputUtilityClass = getInputUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getInputUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiInput', slot);
+  return (0, _base.generateUtilityClass)('MuiInput', slot);
 }
 
-const inputClasses = (0, _core.generateUtilityClasses)('MuiInput', ['root', 'formControl', 'focused', 'disabled', 'colorSecondary', 'underline', 'error', 'sizeSmall', 'multiline', 'fullWidth', 'input', 'inputSizeSmall', 'inputMultiline', 'inputTypeSearch']);
+const inputClasses = (0, _base.generateUtilityClasses)('MuiInput', ['root', 'formControl', 'focused', 'disabled', 'colorSecondary', 'underline', 'error', 'sizeSmall', 'multiline', 'fullWidth', 'input', 'inputSizeSmall', 'inputMultiline', 'inputTypeSearch']);
 var _default = inputClasses;
 exports.default = _default;

package/node/InputAdornment/InputAdornment.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 _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 
@@ -60,7 +60,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', disablePointerEvents && 'disablePointerEvents', position && `position${(0, _capitalize.default)(position)}`, variant, hiddenLabel && 'hiddenLabel', size && `size${(0, _capitalize.default)(size)}`]
   };
-  return (0, _core.unstable_composeClasses)(slots, _inputAdornmentClasses.getInputAdornmentUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _inputAdornmentClasses.getInputAdornmentUtilityClass, classes);
 };
 
 const InputAdornmentRoot = (0, _styled.default)('div', {