@mui/material 5.10.10 → 5.10.12

package/Card/cardClasses.js

@@ -1,17 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getCardUtilityClass = getCardUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getCardUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiCard', slot);
+  return (0, _generateUtilityClass.default)('MuiCard', slot);
 }
 
-const cardClasses = (0, _base.generateUtilityClasses)('MuiCard', ['root']);
+const cardClasses = (0, _utils.unstable_generateUtilityClasses)('MuiCard', ['root']);
 var _default = cardClasses;
 exports.default = _default;

package/CardActionArea/cardActionAreaClasses.js

@@ -1,17 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getCardActionAreaUtilityClass = getCardActionAreaUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getCardActionAreaUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiCardActionArea', slot);
+  return (0, _generateUtilityClass.default)('MuiCardActionArea', slot);
 }
 
-const cardActionAreaClasses = (0, _base.generateUtilityClasses)('MuiCardActionArea', ['root', 'focusVisible', 'focusHighlight']);
+const cardActionAreaClasses = (0, _utils.unstable_generateUtilityClasses)('MuiCardActionArea', ['root', 'focusVisible', 'focusHighlight']);
 var _default = cardActionAreaClasses;
 exports.default = _default;

package/CardActions/cardActionsClasses.js

@@ -1,17 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getCardActionsUtilityClass = getCardActionsUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getCardActionsUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiCardActions', slot);
+  return (0, _generateUtilityClass.default)('MuiCardActions', slot);
 }
 
-const cardActionsClasses = (0, _base.generateUtilityClasses)('MuiCardActions', ['root', 'spacing']);
+const cardActionsClasses = (0, _utils.unstable_generateUtilityClasses)('MuiCardActions', ['root', 'spacing']);
 var _default = cardActionsClasses;
 exports.default = _default;

package/CardContent/cardContentClasses.js

@@ -1,17 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getCardContentUtilityClass = getCardContentUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getCardContentUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiCardContent', slot);
+  return (0, _generateUtilityClass.default)('MuiCardContent', slot);
 }
 
-const cardContentClasses = (0, _base.generateUtilityClasses)('MuiCardContent', ['root']);
+const cardContentClasses = (0, _utils.unstable_generateUtilityClasses)('MuiCardContent', ['root']);
 var _default = cardContentClasses;
 exports.default = _default;

package/CardHeader/cardHeaderClasses.js

@@ -1,17 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getCardHeaderUtilityClass = getCardHeaderUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getCardHeaderUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiCardHeader', slot);
+  return (0, _generateUtilityClass.default)('MuiCardHeader', slot);
 }
 
-const cardHeaderClasses = (0, _base.generateUtilityClasses)('MuiCardHeader', ['root', 'avatar', 'action', 'content', 'title', 'subheader']);
+const cardHeaderClasses = (0, _utils.unstable_generateUtilityClasses)('MuiCardHeader', ['root', 'avatar', 'action', 'content', 'title', 'subheader']);
 var _default = cardHeaderClasses;
 exports.default = _default;

package/CardMedia/cardMediaClasses.js

@@ -1,17 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getCardMediaUtilityClass = getCardMediaUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getCardMediaUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiCardMedia', slot);
+  return (0, _generateUtilityClass.default)('MuiCardMedia', slot);
 }
 
-const cardMediaClasses = (0, _base.generateUtilityClasses)('MuiCardMedia', ['root', 'media', 'img']);
+const cardMediaClasses = (0, _utils.unstable_generateUtilityClasses)('MuiCardMedia', ['root', 'media', 'img']);
 var _default = cardMediaClasses;
 exports.default = _default;

package/Checkbox/Checkbox.d.ts

@@ -105,7 +105,7 @@ export interface CheckboxProps
  * Demos:
  *
  * - [Checkbox](https://mui.com/material-ui/react-checkbox/)
- * - [Transfer list](https://mui.com/material-ui/react-transfer-list/)
+ * - [Transfer List](https://mui.com/material-ui/react-transfer-list/)
  *
  * API:
  *

package/Checkbox/checkboxClasses.js

@@ -1,17 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getCheckboxUtilityClass = getCheckboxUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getCheckboxUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiCheckbox', slot);
+  return (0, _generateUtilityClass.default)('MuiCheckbox', slot);
 }
 
-const checkboxClasses = (0, _base.generateUtilityClasses)('MuiCheckbox', ['root', 'checked', 'disabled', 'indeterminate', 'colorPrimary', 'colorSecondary']);
+const checkboxClasses = (0, _utils.unstable_generateUtilityClasses)('MuiCheckbox', ['root', 'checked', 'disabled', 'indeterminate', 'colorPrimary', 'colorSecondary']);
 var _default = checkboxClasses;
 exports.default = _default;

package/Chip/Chip.js

@@ -51,6 +51,7 @@ const useUtilityClasses = ownerState => {
     disabled,
     size,
     color,
+    iconColor,
     onDelete,
     clickable,
     variant
@@ -59,7 +60,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', variant, disabled && 'disabled', `size${(0, _capitalize.default)(size)}`, `color${(0, _capitalize.default)(color)}`, clickable && 'clickable', clickable && `clickableColor${(0, _capitalize.default)(color)}`, onDelete && 'deletable', onDelete && `deletableColor${(0, _capitalize.default)(color)}`, `${variant}${(0, _capitalize.default)(color)}`],
     label: ['label', `label${(0, _capitalize.default)(size)}`],
     avatar: ['avatar', `avatar${(0, _capitalize.default)(size)}`, `avatarColor${(0, _capitalize.default)(color)}`],
-    icon: ['icon', `icon${(0, _capitalize.default)(size)}`, `iconColor${(0, _capitalize.default)(color)}`],
+    icon: ['icon', `icon${(0, _capitalize.default)(size)}`, `iconColor${(0, _capitalize.default)(iconColor)}`],
     deleteIcon: ['deleteIcon', `deleteIcon${(0, _capitalize.default)(size)}`, `deleteIconColor${(0, _capitalize.default)(color)}`, `deleteIcon${(0, _capitalize.default)(variant)}Color${(0, _capitalize.default)(color)}`]
   };
   return (0, _base.unstable_composeClasses)(slots, _chipClasses.getChipUtilityClass, classes);
@@ -74,6 +75,7 @@ const ChipRoot = (0, _styled.default)('div', {
     } = props;
     const {
       color,
+      iconColor,
       clickable,
       onDelete,
       size,
@@ -90,7 +92,7 @@ const ChipRoot = (0, _styled.default)('div', {
     }, {
       [`& .${_chipClasses.default.icon}`]: styles[`icon${(0, _capitalize.default)(size)}`]
     }, {
-      [`& .${_chipClasses.default.icon}`]: styles[`iconColor${(0, _capitalize.default)(color)}`]
+      [`& .${_chipClasses.default.icon}`]: styles[`iconColor${(0, _capitalize.default)(iconColor)}`]
     }, {
       [`& .${_chipClasses.default.deleteIcon}`]: styles.deleteIcon
     }, {
@@ -159,16 +161,17 @@ const ChipRoot = (0, _styled.default)('div', {
       fontSize: theme.typography.pxToRem(10)
     },
     [`& .${_chipClasses.default.icon}`]: (0, _extends2.default)({
-      color: theme.vars ? theme.vars.palette.Chip.defaultIconColor : textColor,
       marginLeft: 5,
       marginRight: -6
     }, ownerState.size === 'small' && {
       fontSize: 18,
       marginLeft: 4,
       marginRight: -4
+    }, ownerState.iconColor === ownerState.color && (0, _extends2.default)({
+      color: theme.vars ? theme.vars.palette.Chip.defaultIconColor : textColor
     }, ownerState.color !== 'default' && {
       color: 'inherit'
-    }),
+    })),
     [`& .${_chipClasses.default.deleteIcon}`]: (0, _extends2.default)({
       WebkitTapHighlightColor: 'transparent',
       color: theme.vars ? `rgba(${theme.vars.palette.text.primaryChannel} / 0.26)` : deleteIconColor,
@@ -371,6 +374,7 @@ const Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
     disabled,
     size,
     color,
+    iconColor: /*#__PURE__*/React.isValidElement(iconProp) ? iconProp.props.color || color : color,
     onDelete: !!onDelete,
     clickable,
     variant

package/Chip/chipClasses.js

@@ -1,17 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getChipUtilityClass = getChipUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getChipUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiChip', slot);
+  return (0, _generateUtilityClass.default)('MuiChip', slot);
 }
 
-const chipClasses = (0, _base.generateUtilityClasses)('MuiChip', ['root', 'sizeSmall', 'sizeMedium', 'colorError', 'colorInfo', 'colorPrimary', 'colorSecondary', 'colorSuccess', 'colorWarning', 'disabled', 'clickable', 'clickableColorPrimary', 'clickableColorSecondary', 'deletable', 'deletableColorPrimary', 'deletableColorSecondary', 'outlined', 'filled', 'outlinedPrimary', 'outlinedSecondary', 'filledPrimary', 'filledSecondary', 'avatar', 'avatarSmall', 'avatarMedium', 'avatarColorPrimary', 'avatarColorSecondary', 'icon', 'iconSmall', 'iconMedium', 'iconColorPrimary', 'iconColorSecondary', 'label', 'labelSmall', 'labelMedium', 'deleteIcon', 'deleteIconSmall', 'deleteIconMedium', 'deleteIconColorPrimary', 'deleteIconColorSecondary', 'deleteIconOutlinedColorPrimary', 'deleteIconOutlinedColorSecondary', 'deleteIconFilledColorPrimary', 'deleteIconFilledColorSecondary', 'focusVisible']);
+const chipClasses = (0, _utils.unstable_generateUtilityClasses)('MuiChip', ['root', 'sizeSmall', 'sizeMedium', 'colorError', 'colorInfo', 'colorPrimary', 'colorSecondary', 'colorSuccess', 'colorWarning', 'disabled', 'clickable', 'clickableColorPrimary', 'clickableColorSecondary', 'deletable', 'deletableColorPrimary', 'deletableColorSecondary', 'outlined', 'filled', 'outlinedPrimary', 'outlinedSecondary', 'filledPrimary', 'filledSecondary', 'avatar', 'avatarSmall', 'avatarMedium', 'avatarColorPrimary', 'avatarColorSecondary', 'icon', 'iconSmall', 'iconMedium', 'iconColorPrimary', 'iconColorSecondary', 'label', 'labelSmall', 'labelMedium', 'deleteIcon', 'deleteIconSmall', 'deleteIconMedium', 'deleteIconColorPrimary', 'deleteIconColorSecondary', 'deleteIconOutlinedColorPrimary', 'deleteIconOutlinedColorSecondary', 'deleteIconFilledColorPrimary', 'deleteIconFilledColorSecondary', 'focusVisible']);
 var _default = chipClasses;
 exports.default = _default;

package/CircularProgress/circularProgressClasses.js

@@ -1,17 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getCircularProgressUtilityClass = getCircularProgressUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getCircularProgressUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiCircularProgress', slot);
+  return (0, _generateUtilityClass.default)('MuiCircularProgress', slot);
 }
 
-const circularProgressClasses = (0, _base.generateUtilityClasses)('MuiCircularProgress', ['root', 'determinate', 'indeterminate', 'colorPrimary', 'colorSecondary', 'svg', 'circle', 'circleDeterminate', 'circleIndeterminate', 'circleDisableShrink']);
+const circularProgressClasses = (0, _utils.unstable_generateUtilityClasses)('MuiCircularProgress', ['root', 'determinate', 'indeterminate', 'colorPrimary', 'colorSecondary', 'svg', 'circle', 'circleDeterminate', 'circleIndeterminate', 'circleDisableShrink']);
 var _default = circularProgressClasses;
 exports.default = _default;

package/Collapse/collapseClasses.js

@@ -1,17 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getCollapseUtilityClass = getCollapseUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getCollapseUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiCollapse', slot);
+  return (0, _generateUtilityClass.default)('MuiCollapse', slot);
 }
 
-const collapseClasses = (0, _base.generateUtilityClasses)('MuiCollapse', ['root', 'horizontal', 'vertical', 'entered', 'hidden', 'wrapper', 'wrapperInner']);
+const collapseClasses = (0, _utils.unstable_generateUtilityClasses)('MuiCollapse', ['root', 'horizontal', 'vertical', 'entered', 'hidden', 'wrapper', 'wrapperInner']);
 var _default = collapseClasses;
 exports.default = _default;

package/Container/containerClasses.js

@@ -1,17 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getContainerUtilityClass = getContainerUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getContainerUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiContainer', slot);
+  return (0, _generateUtilityClass.default)('MuiContainer', slot);
 }
 
-const containerClasses = (0, _base.generateUtilityClasses)('MuiContainer', ['root', 'disableGutters', 'fixed', 'maxWidthXs', 'maxWidthSm', 'maxWidthMd', 'maxWidthLg', 'maxWidthXl']);
+const containerClasses = (0, _utils.unstable_generateUtilityClasses)('MuiContainer', ['root', 'disableGutters', 'fixed', 'maxWidthXs', 'maxWidthSm', 'maxWidthMd', 'maxWidthLg', 'maxWidthXl']);
 var _default = containerClasses;
 exports.default = _default;

package/Dialog/Dialog.js

@@ -320,8 +320,8 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes
 
   /**
    * A backdrop component. This prop enables custom backdrop rendering.
-   * @deprecated Use `components.Backdrop` instead. While this prop currently works, it will be removed in the next major version.
-   * Use the `components.Backdrop` prop to make your application ready for the next version of Material UI.
+   * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.
+   * Use the `slots.backdrop` prop to make your application ready for the next version of Material UI.
    * @default styled(Backdrop, {
    *   name: 'MuiModal',
    *   slot: 'Backdrop',

package/Dialog/dialogClasses.js

@@ -1,17 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getDialogUtilityClass = getDialogUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getDialogUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiDialog', slot);
+  return (0, _generateUtilityClass.default)('MuiDialog', slot);
 }
 
-const dialogClasses = (0, _base.generateUtilityClasses)('MuiDialog', ['root', 'scrollPaper', 'scrollBody', 'container', 'paper', 'paperScrollPaper', 'paperScrollBody', 'paperWidthFalse', 'paperWidthXs', 'paperWidthSm', 'paperWidthMd', 'paperWidthLg', 'paperWidthXl', 'paperFullWidth', 'paperFullScreen']);
+const dialogClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDialog', ['root', 'scrollPaper', 'scrollBody', 'container', 'paper', 'paperScrollPaper', 'paperScrollBody', 'paperWidthFalse', 'paperWidthXs', 'paperWidthSm', 'paperWidthMd', 'paperWidthLg', 'paperWidthXl', 'paperFullWidth', 'paperFullScreen']);
 var _default = dialogClasses;
 exports.default = _default;

package/DialogActions/dialogActionsClasses.js

@@ -1,17 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getDialogActionsUtilityClass = getDialogActionsUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getDialogActionsUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiDialogActions', slot);
+  return (0, _generateUtilityClass.default)('MuiDialogActions', slot);
 }
 
-const dialogActionsClasses = (0, _base.generateUtilityClasses)('MuiDialogActions', ['root', 'spacing']);
+const dialogActionsClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDialogActions', ['root', 'spacing']);
 var _default = dialogActionsClasses;
 exports.default = _default;

package/DialogContent/dialogContentClasses.js

@@ -1,17 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getDialogContentUtilityClass = getDialogContentUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getDialogContentUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiDialogContent', slot);
+  return (0, _generateUtilityClass.default)('MuiDialogContent', slot);
 }
 
-const dialogContentClasses = (0, _base.generateUtilityClasses)('MuiDialogContent', ['root', 'dividers']);
+const dialogContentClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDialogContent', ['root', 'dividers']);
 var _default = dialogContentClasses;
 exports.default = _default;

package/DialogContentText/dialogContentTextClasses.js

@@ -1,17 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getDialogContentTextUtilityClass = getDialogContentTextUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getDialogContentTextUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiDialogContentText', slot);
+  return (0, _generateUtilityClass.default)('MuiDialogContentText', slot);
 }
 
-const dialogContentTextClasses = (0, _base.generateUtilityClasses)('MuiDialogContentText', ['root']);
+const dialogContentTextClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDialogContentText', ['root']);
 var _default = dialogContentTextClasses;
 exports.default = _default;

package/DialogTitle/dialogTitleClasses.js

@@ -1,17 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getDialogTitleUtilityClass = getDialogTitleUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getDialogTitleUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiDialogTitle', slot);
+  return (0, _generateUtilityClass.default)('MuiDialogTitle', slot);
 }
 
-const dialogTitleClasses = (0, _base.generateUtilityClasses)('MuiDialogTitle', ['root']);
+const dialogTitleClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDialogTitle', ['root']);
 var _default = dialogTitleClasses;
 exports.default = _default;

package/Divider/dividerClasses.js

@@ -1,17 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getDividerUtilityClass = getDividerUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getDividerUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiDivider', slot);
+  return (0, _generateUtilityClass.default)('MuiDivider', slot);
 }
 
-const dividerClasses = (0, _base.generateUtilityClasses)('MuiDivider', ['root', 'absolute', 'fullWidth', 'inset', 'middle', 'flexItem', 'light', 'vertical', 'withChildren', 'withChildrenVertical', 'textAlignRight', 'textAlignLeft', 'wrapper', 'wrapperVertical']);
+const dividerClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDivider', ['root', 'absolute', 'fullWidth', 'inset', 'middle', 'flexItem', 'light', 'vertical', 'withChildren', 'withChildrenVertical', 'textAlignRight', 'textAlignLeft', 'wrapper', 'wrapperVertical']);
 var _default = dividerClasses;
 exports.default = _default;

package/Drawer/drawerClasses.js

@@ -1,17 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getDrawerUtilityClass = getDrawerUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getDrawerUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiDrawer', slot);
+  return (0, _generateUtilityClass.default)('MuiDrawer', slot);
 }
 
-const drawerClasses = (0, _base.generateUtilityClasses)('MuiDrawer', ['root', 'docked', 'paper', 'paperAnchorLeft', 'paperAnchorRight', 'paperAnchorTop', 'paperAnchorBottom', 'paperAnchorDockedLeft', 'paperAnchorDockedRight', 'paperAnchorDockedTop', 'paperAnchorDockedBottom', 'modal']);
+const drawerClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDrawer', ['root', 'docked', 'paper', 'paperAnchorLeft', 'paperAnchorRight', 'paperAnchorTop', 'paperAnchorBottom', 'paperAnchorDockedLeft', 'paperAnchorDockedRight', 'paperAnchorDockedTop', 'paperAnchorDockedBottom', 'modal']);
 var _default = drawerClasses;
 exports.default = _default;

package/Fab/fabClasses.js

@@ -1,17 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getFabUtilityClass = getFabUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getFabUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiFab', slot);
+  return (0, _generateUtilityClass.default)('MuiFab', slot);
 }
 
-const fabClasses = (0, _base.generateUtilityClasses)('MuiFab', ['root', 'primary', 'secondary', 'extended', 'circular', 'focusVisible', 'disabled', 'colorInherit', 'sizeSmall', 'sizeMedium', 'sizeLarge', 'info', 'error', 'warning', 'success']);
+const fabClasses = (0, _utils.unstable_generateUtilityClasses)('MuiFab', ['root', 'primary', 'secondary', 'extended', 'circular', 'focusVisible', 'disabled', 'colorInherit', 'sizeSmall', 'sizeMedium', 'sizeLarge', 'info', 'error', 'warning', 'success']);
 var _default = fabClasses;
 exports.default = _default;

package/FilledInput/filledInputClasses.js

@@ -10,14 +10,16 @@ exports.getFilledInputUtilityClass = getFilledInputUtilityClass;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 var _InputBase = require("../InputBase");
 
 function getFilledInputUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiFilledInput', slot);
+  return (0, _generateUtilityClass.default)('MuiFilledInput', slot);
 }
 
-const filledInputClasses = (0, _extends2.default)({}, _InputBase.inputBaseClasses, (0, _base.generateUtilityClasses)('MuiFilledInput', ['root', 'underline', 'input']));
+const filledInputClasses = (0, _extends2.default)({}, _InputBase.inputBaseClasses, (0, _utils.unstable_generateUtilityClasses)('MuiFilledInput', ['root', 'underline', 'input']));
 var _default = filledInputClasses;
 exports.default = _default;

package/FormControl/FormControl.d.ts

@@ -109,7 +109,7 @@ export interface FormControlTypeMap<P = {}, D extends React.ElementType = 'div'>
  * Demos:
  *
  * - [Checkbox](https://mui.com/material-ui/react-checkbox/)
- * - [Radio button](https://mui.com/material-ui/react-radio-button/)
+ * - [Radio Group](https://mui.com/material-ui/react-radio-button/)
  * - [Switch](https://mui.com/material-ui/react-switch/)
  * - [Text Field](https://mui.com/material-ui/react-text-field/)
  *