@mui/material 5.10.10 → 5.10.12

package/FormControl/FormControl.js

@@ -206,35 +206,35 @@ const FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps,
     };
   }
 
-  const onFilled = React.useCallback(() => {
-    setFilled(true);
-  }, []);
-  const onEmpty = React.useCallback(() => {
-    setFilled(false);
-  }, []);
-  const childContext = {
-    adornedStart,
-    setAdornedStart,
-    color,
-    disabled,
-    error,
-    filled,
-    focused,
-    fullWidth,
-    hiddenLabel,
-    size,
-    onBlur: () => {
-      setFocused(false);
-    },
-    onEmpty,
-    onFilled,
-    onFocus: () => {
-      setFocused(true);
-    },
-    registerEffect,
-    required,
-    variant
-  };
+  const childContext = React.useMemo(() => {
+    return {
+      adornedStart,
+      setAdornedStart,
+      color,
+      disabled,
+      error,
+      filled,
+      focused,
+      fullWidth,
+      hiddenLabel,
+      size,
+      onBlur: () => {
+        setFocused(false);
+      },
+      onEmpty: () => {
+        setFilled(false);
+      },
+      onFilled: () => {
+        setFilled(true);
+      },
+      onFocus: () => {
+        setFocused(true);
+      },
+      registerEffect,
+      required,
+      variant
+    };
+  }, [adornedStart, color, disabled, error, filled, focused, fullWidth, hiddenLabel, registerEffect, required, size, variant]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControlContext.default.Provider, {
     value: childContext,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(FormControlRoot, (0, _extends2.default)({

package/FormControl/formControlClasses.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.getFormControlUtilityClasses = getFormControlUtilityClasses;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getFormControlUtilityClasses(slot) {
-  return (0, _base.generateUtilityClass)('MuiFormControl', slot);
+  return (0, _generateUtilityClass.default)('MuiFormControl', slot);
 }
 
-const formControlClasses = (0, _base.generateUtilityClasses)('MuiFormControl', ['root', 'marginNone', 'marginNormal', 'marginDense', 'fullWidth', 'disabled']);
+const formControlClasses = (0, _utils.unstable_generateUtilityClasses)('MuiFormControl', ['root', 'marginNone', 'marginNormal', 'marginDense', 'fullWidth', 'disabled']);
 var _default = formControlClasses;
 exports.default = _default;

package/FormControlLabel/FormControlLabel.d.ts

@@ -76,7 +76,7 @@ export interface FormControlLabelProps
  * 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/)
  *
  * API:

package/FormControlLabel/formControlLabelClasses.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.getFormControlLabelUtilityClasses = getFormControlLabelUtilityClasses;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getFormControlLabelUtilityClasses(slot) {
-  return (0, _base.generateUtilityClass)('MuiFormControlLabel', slot);
+  return (0, _generateUtilityClass.default)('MuiFormControlLabel', slot);
 }
 
-const formControlLabelClasses = (0, _base.generateUtilityClasses)('MuiFormControlLabel', ['root', 'labelPlacementStart', 'labelPlacementTop', 'labelPlacementBottom', 'disabled', 'label', 'error']);
+const formControlLabelClasses = (0, _utils.unstable_generateUtilityClasses)('MuiFormControlLabel', ['root', 'labelPlacementStart', 'labelPlacementTop', 'labelPlacementBottom', 'disabled', 'label', 'error']);
 var _default = formControlLabelClasses;
 exports.default = _default;

package/FormGroup/formGroupClasses.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.getFormGroupUtilityClass = getFormGroupUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getFormGroupUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiFormGroup', slot);
+  return (0, _generateUtilityClass.default)('MuiFormGroup', slot);
 }
 
-const formGroupClasses = (0, _base.generateUtilityClasses)('MuiFormGroup', ['root', 'row', 'error']);
+const formGroupClasses = (0, _utils.unstable_generateUtilityClasses)('MuiFormGroup', ['root', 'row', 'error']);
 var _default = formGroupClasses;
 exports.default = _default;

package/FormHelperText/formHelperTextClasses.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.getFormHelperTextUtilityClasses = getFormHelperTextUtilityClasses;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getFormHelperTextUtilityClasses(slot) {
-  return (0, _base.generateUtilityClass)('MuiFormHelperText', slot);
+  return (0, _generateUtilityClass.default)('MuiFormHelperText', slot);
 }
 
-const formHelperTextClasses = (0, _base.generateUtilityClasses)('MuiFormHelperText', ['root', 'error', 'disabled', 'sizeSmall', 'sizeMedium', 'contained', 'focused', 'filled', 'required']);
+const formHelperTextClasses = (0, _utils.unstable_generateUtilityClasses)('MuiFormHelperText', ['root', 'error', 'disabled', 'sizeSmall', 'sizeMedium', 'contained', 'focused', 'filled', 'required']);
 var _default = formHelperTextClasses;
 exports.default = _default;

package/FormLabel/FormLabel.d.ts

@@ -60,7 +60,7 @@ export interface FormLabelTypeMap<P = {}, D extends React.ElementType = 'label'>
  * 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/)
  *
  * API:

package/FormLabel/formLabelClasses.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.getFormLabelUtilityClasses = getFormLabelUtilityClasses;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getFormLabelUtilityClasses(slot) {
-  return (0, _base.generateUtilityClass)('MuiFormLabel', slot);
+  return (0, _generateUtilityClass.default)('MuiFormLabel', slot);
 }
 
-const formLabelClasses = (0, _base.generateUtilityClasses)('MuiFormLabel', ['root', 'colorSecondary', 'focused', 'disabled', 'error', 'filled', 'required', 'asterisk']);
+const formLabelClasses = (0, _utils.unstable_generateUtilityClasses)('MuiFormLabel', ['root', 'colorSecondary', 'focused', 'disabled', 'error', 'filled', 'required', 'asterisk']);
 var _default = formLabelClasses;
 exports.default = _default;

package/Grid/gridClasses.js

@@ -1,22 +1,26 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getGridUtilityClass = getGridUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getGridUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiGrid', slot);
+  return (0, _generateUtilityClass.default)('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, _base.generateUtilityClasses)('MuiGrid', ['root', 'container', 'item', 'zeroMinWidth', // spacings
+const gridClasses = (0, _utils.unstable_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/Hidden/hiddenCssClasses.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.getHiddenCssUtilityClass = getHiddenCssUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getHiddenCssUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('PrivateHiddenCss', slot);
+  return (0, _generateUtilityClass.default)('PrivateHiddenCss', slot);
 }
 
-const hiddenCssClasses = (0, _base.generateUtilityClasses)('PrivateHiddenCss', ['root', 'xlDown', 'xlUp', 'onlyXl', 'lgDown', 'lgUp', 'onlyLg', 'mdDown', 'mdUp', 'onlyMd', 'smDown', 'smUp', 'onlySm', 'xsDown', 'xsUp', 'onlyXs']);
+const hiddenCssClasses = (0, _utils.unstable_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/Icon/iconClasses.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.getIconUtilityClass = getIconUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getIconUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiIcon', slot);
+  return (0, _generateUtilityClass.default)('MuiIcon', slot);
 }
 
-const iconClasses = (0, _base.generateUtilityClasses)('MuiIcon', ['root', 'colorPrimary', 'colorSecondary', 'colorAction', 'colorError', 'colorDisabled', 'fontSizeInherit', 'fontSizeSmall', 'fontSizeMedium', 'fontSizeLarge']);
+const iconClasses = (0, _utils.unstable_generateUtilityClasses)('MuiIcon', ['root', 'colorPrimary', 'colorSecondary', 'colorAction', 'colorError', 'colorDisabled', 'fontSizeInherit', 'fontSizeSmall', 'fontSizeMedium', 'fontSizeLarge']);
 var _default = iconClasses;
 exports.default = _default;

package/IconButton/iconButtonClasses.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.getIconButtonUtilityClass = getIconButtonUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getIconButtonUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiIconButton', slot);
+  return (0, _generateUtilityClass.default)('MuiIconButton', slot);
 }
 
-const iconButtonClasses = (0, _base.generateUtilityClasses)('MuiIconButton', ['root', 'disabled', 'colorInherit', 'colorPrimary', 'colorSecondary', 'edgeStart', 'edgeEnd', 'sizeSmall', 'sizeMedium', 'sizeLarge']);
+const iconButtonClasses = (0, _utils.unstable_generateUtilityClasses)('MuiIconButton', ['root', 'disabled', 'colorInherit', 'colorPrimary', 'colorSecondary', 'edgeStart', 'edgeEnd', 'sizeSmall', 'sizeMedium', 'sizeLarge']);
 var _default = iconButtonClasses;
 exports.default = _default;

package/ImageList/ImageList.d.ts

@@ -51,7 +51,7 @@ export interface ImageListTypeMap<P = {}, D extends React.ElementType = 'ul'> {
  *
  * Demos:
  *
- * - [Image list](https://mui.com/material-ui/react-image-list/)
+ * - [Image List](https://mui.com/material-ui/react-image-list/)
  *
  * API:
  *

package/ImageList/imageListClasses.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.getImageListUtilityClass = getImageListUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getImageListUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiImageList', slot);
+  return (0, _generateUtilityClass.default)('MuiImageList', slot);
 }
 
-const imageListClasses = (0, _base.generateUtilityClasses)('MuiImageList', ['root', 'masonry', 'quilted', 'standard', 'woven']);
+const imageListClasses = (0, _utils.unstable_generateUtilityClasses)('MuiImageList', ['root', 'masonry', 'quilted', 'standard', 'woven']);
 var _default = imageListClasses;
 exports.default = _default;

package/ImageListItem/ImageListItem.d.ts

@@ -35,7 +35,7 @@ export interface ImageListItemTypeMap<P = {}, D extends React.ElementType = 'li'
  *
  * Demos:
  *
- * - [Image list](https://mui.com/material-ui/react-image-list/)
+ * - [Image List](https://mui.com/material-ui/react-image-list/)
  *
  * API:
  *

package/ImageListItem/imageListItemClasses.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.getImageListItemUtilityClass = getImageListItemUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getImageListItemUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiImageListItem', slot);
+  return (0, _generateUtilityClass.default)('MuiImageListItem', slot);
 }
 
-const imageListItemClasses = (0, _base.generateUtilityClasses)('MuiImageListItem', ['root', 'img', 'standard', 'woven', 'masonry', 'quilted']);
+const imageListItemClasses = (0, _utils.unstable_generateUtilityClasses)('MuiImageListItem', ['root', 'img', 'standard', 'woven', 'masonry', 'quilted']);
 var _default = imageListItemClasses;
 exports.default = _default;

package/ImageListItemBar/ImageListItemBar.d.ts

@@ -42,7 +42,7 @@ export interface ImageListItemBarProps
  *
  * Demos:
  *
- * - [Image list](https://mui.com/material-ui/react-image-list/)
+ * - [Image List](https://mui.com/material-ui/react-image-list/)
  *
  * API:
  *

package/ImageListItemBar/imageListItemBarClasses.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.getImageListItemBarUtilityClass = getImageListItemBarUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getImageListItemBarUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiImageListItemBar', slot);
+  return (0, _generateUtilityClass.default)('MuiImageListItemBar', slot);
 }
 
-const imageListItemBarClasses = (0, _base.generateUtilityClasses)('MuiImageListItemBar', ['root', 'positionBottom', 'positionTop', 'positionBelow', 'titleWrap', 'titleWrapBottom', 'titleWrapTop', 'titleWrapBelow', 'titleWrapActionPosLeft', 'titleWrapActionPosRight', 'title', 'subtitle', 'actionIcon', 'actionIconActionPosLeft', 'actionIconActionPosRight']);
+const imageListItemBarClasses = (0, _utils.unstable_generateUtilityClasses)('MuiImageListItemBar', ['root', 'positionBottom', 'positionTop', 'positionBelow', 'titleWrap', 'titleWrapBottom', 'titleWrapTop', 'titleWrapBelow', 'titleWrapActionPosLeft', 'titleWrapActionPosRight', 'title', 'subtitle', 'actionIcon', 'actionIconActionPosLeft', 'actionIconActionPosRight']);
 var _default = imageListItemBarClasses;
 exports.default = _default;

package/Input/inputClasses.js

@@ -10,14 +10,16 @@ exports.getInputUtilityClass = getInputUtilityClass;
 
 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 getInputUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiInput', slot);
+  return (0, _generateUtilityClass.default)('MuiInput', slot);
 }
 
-const inputClasses = (0, _extends2.default)({}, _InputBase.inputBaseClasses, (0, _base.generateUtilityClasses)('MuiInput', ['root', 'underline', 'input']));
+const inputClasses = (0, _extends2.default)({}, _InputBase.inputBaseClasses, (0, _utils.unstable_generateUtilityClasses)('MuiInput', ['root', 'underline', 'input']));
 var _default = inputClasses;
 exports.default = _default;

package/InputAdornment/inputAdornmentClasses.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.getInputAdornmentUtilityClass = getInputAdornmentUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getInputAdornmentUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiInputAdornment', slot);
+  return (0, _generateUtilityClass.default)('MuiInputAdornment', slot);
 }
 
-const inputAdornmentClasses = (0, _base.generateUtilityClasses)('MuiInputAdornment', ['root', 'filled', 'standard', 'outlined', 'positionStart', 'positionEnd', 'disablePointerEvents', 'hiddenLabel', 'sizeSmall']);
+const inputAdornmentClasses = (0, _utils.unstable_generateUtilityClasses)('MuiInputAdornment', ['root', 'filled', 'standard', 'outlined', 'positionStart', 'positionEnd', 'disablePointerEvents', 'hiddenLabel', 'sizeSmall']);
 var _default = inputAdornmentClasses;
 exports.default = _default;

package/InputBase/InputBase.d.ts

@@ -15,11 +15,18 @@ export interface InputBaseProps
   extends StandardProps<
     React.HTMLAttributes<HTMLDivElement>,
     /*
-     * `onChange`, `onKeyUp`, `onKeyDown`, `onBlur`, `onFocus` are applied to the inner `InputComponent`,
+     * `onBlur`, `onChange`, `onFocus`, `onInvalid`, `onKeyDown`, `onKeyUp` are applied to the inner `InputComponent`,
      * which by default is an input or textarea. Since these handlers differ from the
      * ones inherited by `React.HTMLAttributes<HTMLDivElement>` we need to omit them.
      */
-    'children' | 'onChange' | 'onKeyUp' | 'onKeyDown' | 'onBlur' | 'onFocus' | 'defaultValue'
+    | 'children'
+    | 'defaultValue'
+    | 'onBlur'
+    | 'onChange'
+    | 'onFocus'
+    | 'onInvalid'
+    | 'onKeyDown'
+    | 'onKeyUp'
   > {
   'aria-describedby'?: string;
   /**
@@ -142,6 +149,10 @@ export interface InputBaseProps
   onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
   onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement>;
   onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+  /**
+   * Callback fired when the `input` doesn't satisfy its constraints.
+   */
+  onInvalid?: React.FormEventHandler<HTMLInputElement | HTMLTextAreaElement>;
   /**
    * The short hint displayed in the `input` before the user enters a value.
    */

package/InputBase/InputBase.js

@@ -707,6 +707,11 @@ process.env.NODE_ENV !== "production" ? InputBase.propTypes
    */
   onFocus: _propTypes.default.func,
 
+  /**
+   * Callback fired when the `input` doesn't satisfy its constraints.
+   */
+  onInvalid: _propTypes.default.func,
+
   /**
    * @ignore
    */

package/InputBase/inputBaseClasses.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.getInputBaseUtilityClass = getInputBaseUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getInputBaseUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiInputBase', slot);
+  return (0, _generateUtilityClass.default)('MuiInputBase', slot);
 }
 
-const inputBaseClasses = (0, _base.generateUtilityClasses)('MuiInputBase', ['root', 'formControl', 'focused', 'disabled', 'adornedStart', 'adornedEnd', 'error', 'sizeSmall', 'multiline', 'colorSecondary', 'fullWidth', 'hiddenLabel', 'readOnly', 'input', 'inputSizeSmall', 'inputMultiline', 'inputTypeSearch', 'inputAdornedStart', 'inputAdornedEnd', 'inputHiddenLabel']);
+const inputBaseClasses = (0, _utils.unstable_generateUtilityClasses)('MuiInputBase', ['root', 'formControl', 'focused', 'disabled', 'adornedStart', 'adornedEnd', 'error', 'sizeSmall', 'multiline', 'colorSecondary', 'fullWidth', 'hiddenLabel', 'readOnly', 'input', 'inputSizeSmall', 'inputMultiline', 'inputTypeSearch', 'inputAdornedStart', 'inputAdornedEnd', 'inputHiddenLabel']);
 var _default = inputBaseClasses;
 exports.default = _default;

package/InputLabel/inputLabelClasses.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.getInputLabelUtilityClasses = getInputLabelUtilityClasses;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getInputLabelUtilityClasses(slot) {
-  return (0, _base.generateUtilityClass)('MuiInputLabel', slot);
+  return (0, _generateUtilityClass.default)('MuiInputLabel', slot);
 }
 
-const inputLabelClasses = (0, _base.generateUtilityClasses)('MuiInputLabel', ['root', 'focused', 'disabled', 'error', 'required', 'asterisk', 'formControl', 'sizeSmall', 'shrink', 'animated', 'standard', 'filled', 'outlined']);
+const inputLabelClasses = (0, _utils.unstable_generateUtilityClasses)('MuiInputLabel', ['root', 'focused', 'disabled', 'error', 'required', 'asterisk', 'formControl', 'sizeSmall', 'shrink', 'animated', 'standard', 'filled', 'outlined']);
 var _default = inputLabelClasses;
 exports.default = _default;

package/LinearProgress/linearProgressClasses.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.getLinearProgressUtilityClass = getLinearProgressUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getLinearProgressUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiLinearProgress', slot);
+  return (0, _generateUtilityClass.default)('MuiLinearProgress', slot);
 }
 
-const linearProgressClasses = (0, _base.generateUtilityClasses)('MuiLinearProgress', ['root', 'colorPrimary', 'colorSecondary', 'determinate', 'indeterminate', 'buffer', 'query', 'dashed', 'dashedColorPrimary', 'dashedColorSecondary', 'bar', 'barColorPrimary', 'barColorSecondary', 'bar1Indeterminate', 'bar1Determinate', 'bar1Buffer', 'bar2Indeterminate', 'bar2Buffer']);
+const linearProgressClasses = (0, _utils.unstable_generateUtilityClasses)('MuiLinearProgress', ['root', 'colorPrimary', 'colorSecondary', 'determinate', 'indeterminate', 'buffer', 'query', 'dashed', 'dashedColorPrimary', 'dashedColorSecondary', 'bar', 'barColorPrimary', 'barColorSecondary', 'bar1Indeterminate', 'bar1Determinate', 'bar1Buffer', 'bar2Indeterminate', 'bar2Buffer']);
 var _default = linearProgressClasses;
 exports.default = _default;

package/Link/linkClasses.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.getLinkUtilityClass = getLinkUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getLinkUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiLink', slot);
+  return (0, _generateUtilityClass.default)('MuiLink', slot);
 }
 
-const linkClasses = (0, _base.generateUtilityClasses)('MuiLink', ['root', 'underlineNone', 'underlineHover', 'underlineAlways', 'button', 'focusVisible']);
+const linkClasses = (0, _utils.unstable_generateUtilityClasses)('MuiLink', ['root', 'underlineNone', 'underlineHover', 'underlineAlways', 'button', 'focusVisible']);
 var _default = linkClasses;
 exports.default = _default;