@mui/material 5.10.6 → 5.10.7

package/Grid/gridClasses.d.ts

@@ -1,48 +1,48 @@
-export interface GridClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `container={true}`. */
-    container: string;
-    /** Styles applied to the root element if `item={true}`. */
-    item: string;
-    /** Styles applied to the root element if `zeroMinWidth={true}`. */
-    zeroMinWidth: string;
-    /** Styles applied to the root element if `direction="column"`. */
-    'direction-xs-column': string;
-    /** Styles applied to the root element if `direction="column-reverse"`. */
-    'direction-xs-column-reverse': string;
-    /** Styles applied to the root element if `direction="row-reverse"`. */
-    'direction-xs-row-reverse': string;
-    /** Styles applied to the root element if `wrap="nowrap"`. */
-    'wrap-xs-nowrap': string;
-    /** Styles applied to the root element if `wrap="reverse"`. */
-    'wrap-xs-wrap-reverse': string;
-    'spacing-xs-1': string;
-    'spacing-xs-2': string;
-    'spacing-xs-3': string;
-    'spacing-xs-4': string;
-    'spacing-xs-5': string;
-    'spacing-xs-6': string;
-    'spacing-xs-7': string;
-    'spacing-xs-8': string;
-    'spacing-xs-9': string;
-    'spacing-xs-10': string;
-    'grid-xs-auto': string;
-    'grid-xs-true': string;
-    'grid-xs-1': string;
-    'grid-xs-2': string;
-    'grid-xs-3': string;
-    'grid-xs-4': string;
-    'grid-xs-5': string;
-    'grid-xs-6': string;
-    'grid-xs-7': string;
-    'grid-xs-8': string;
-    'grid-xs-9': string;
-    'grid-xs-10': string;
-    'grid-xs-11': string;
-    'grid-xs-12': string;
-}
-export declare type GridClassKey = keyof GridClasses;
-export declare function getGridUtilityClass(slot: string): string;
-declare const gridClasses: GridClasses;
-export default gridClasses;
+export interface GridClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `container={true}`. */
+    container: string;
+    /** Styles applied to the root element if `item={true}`. */
+    item: string;
+    /** Styles applied to the root element if `zeroMinWidth={true}`. */
+    zeroMinWidth: string;
+    /** Styles applied to the root element if `direction="column"`. */
+    'direction-xs-column': string;
+    /** Styles applied to the root element if `direction="column-reverse"`. */
+    'direction-xs-column-reverse': string;
+    /** Styles applied to the root element if `direction="row-reverse"`. */
+    'direction-xs-row-reverse': string;
+    /** Styles applied to the root element if `wrap="nowrap"`. */
+    'wrap-xs-nowrap': string;
+    /** Styles applied to the root element if `wrap="reverse"`. */
+    'wrap-xs-wrap-reverse': string;
+    'spacing-xs-1': string;
+    'spacing-xs-2': string;
+    'spacing-xs-3': string;
+    'spacing-xs-4': string;
+    'spacing-xs-5': string;
+    'spacing-xs-6': string;
+    'spacing-xs-7': string;
+    'spacing-xs-8': string;
+    'spacing-xs-9': string;
+    'spacing-xs-10': string;
+    'grid-xs-auto': string;
+    'grid-xs-true': string;
+    'grid-xs-1': string;
+    'grid-xs-2': string;
+    'grid-xs-3': string;
+    'grid-xs-4': string;
+    'grid-xs-5': string;
+    'grid-xs-6': string;
+    'grid-xs-7': string;
+    'grid-xs-8': string;
+    'grid-xs-9': string;
+    'grid-xs-10': string;
+    'grid-xs-11': string;
+    'grid-xs-12': string;
+}
+export declare type GridClassKey = keyof GridClasses;
+export declare function getGridUtilityClass(slot: string): string;
+declare const gridClasses: GridClasses;
+export default gridClasses;

package/Icon/iconClasses.d.ts

@@ -1,24 +1,24 @@
-export interface IconClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `color="primary"`. */
-    colorPrimary: string;
-    /** Styles applied to the root element if `color="secondary"`. */
-    colorSecondary: string;
-    /** Styles applied to the root element if `color="action"`. */
-    colorAction: string;
-    /** Styles applied to the root element if `color="error"`. */
-    colorError: string;
-    /** Styles applied to the root element if `color="disabled"`. */
-    colorDisabled: string;
-    /** Styles applied to the root element if `fontSize="inherit"`. */
-    fontSizeInherit: string;
-    /** Styles applied to the root element if `fontSize="small"`. */
-    fontSizeSmall: string;
-    /** Styles applied to the root element if `fontSize="large"`. */
-    fontSizeLarge: string;
-}
-export declare type IconClassKey = keyof IconClasses;
-export declare function getIconUtilityClass(slot: string): string;
-declare const iconClasses: IconClasses;
-export default iconClasses;
+export interface IconClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `color="primary"`. */
+    colorPrimary: string;
+    /** Styles applied to the root element if `color="secondary"`. */
+    colorSecondary: string;
+    /** Styles applied to the root element if `color="action"`. */
+    colorAction: string;
+    /** Styles applied to the root element if `color="error"`. */
+    colorError: string;
+    /** Styles applied to the root element if `color="disabled"`. */
+    colorDisabled: string;
+    /** Styles applied to the root element if `fontSize="inherit"`. */
+    fontSizeInherit: string;
+    /** Styles applied to the root element if `fontSize="small"`. */
+    fontSizeSmall: string;
+    /** Styles applied to the root element if `fontSize="large"`. */
+    fontSizeLarge: string;
+}
+export declare type IconClassKey = keyof IconClasses;
+export declare function getIconUtilityClass(slot: string): string;
+declare const iconClasses: IconClasses;
+export default iconClasses;

package/IconButton/iconButtonClasses.d.ts

@@ -1,26 +1,26 @@
-export interface IconButtonClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `edge="start"`. */
-    edgeStart: string;
-    /** Styles applied to the root element if `edge="end"`. */
-    edgeEnd: string;
-    /** Styles applied to the root element if `color="inherit"`. */
-    colorInherit: string;
-    /** Styles applied to the root element if `color="primary"`. */
-    colorPrimary: string;
-    /** Styles applied to the root element if `color="secondary"`. */
-    colorSecondary: string;
-    /** State class applied to the root element if `disabled={true}`. */
-    disabled: string;
-    /** Styles applied to the root element if `size="small"`. */
-    sizeSmall: string;
-    /** Styles applied to the root element if `size="medium"`. */
-    sizeMedium: string;
-    /** Styles applied to the root element if `size="large"`. */
-    sizeLarge: string;
-}
-export declare type IconButtonClassKey = keyof IconButtonClasses;
-export declare function getIconButtonUtilityClass(slot: string): string;
-declare const iconButtonClasses: IconButtonClasses;
-export default iconButtonClasses;
+export interface IconButtonClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `edge="start"`. */
+    edgeStart: string;
+    /** Styles applied to the root element if `edge="end"`. */
+    edgeEnd: string;
+    /** Styles applied to the root element if `color="inherit"`. */
+    colorInherit: string;
+    /** Styles applied to the root element if `color="primary"`. */
+    colorPrimary: string;
+    /** Styles applied to the root element if `color="secondary"`. */
+    colorSecondary: string;
+    /** State class applied to the root element if `disabled={true}`. */
+    disabled: string;
+    /** Styles applied to the root element if `size="small"`. */
+    sizeSmall: string;
+    /** Styles applied to the root element if `size="medium"`. */
+    sizeMedium: string;
+    /** Styles applied to the root element if `size="large"`. */
+    sizeLarge: string;
+}
+export declare type IconButtonClassKey = keyof IconButtonClasses;
+export declare function getIconButtonUtilityClass(slot: string): string;
+declare const iconButtonClasses: IconButtonClasses;
+export default iconButtonClasses;

package/ImageList/imageListClasses.d.ts

@@ -1,16 +1,16 @@
-export interface ImageListClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `variant="masonry"`. */
-    masonry: string;
-    /** Styles applied to the root element if `variant="quilted"`. */
-    quilted: string;
-    /** Styles applied to the root element if `variant="standard"`. */
-    standard: string;
-    /** Styles applied to the root element if `variant="woven"`. */
-    woven: string;
-}
-export declare type ImageListClassKey = keyof ImageListClasses;
-export declare function getImageListUtilityClass(slot: string): string;
-declare const imageListClasses: ImageListClasses;
-export default imageListClasses;
+export interface ImageListClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `variant="masonry"`. */
+    masonry: string;
+    /** Styles applied to the root element if `variant="quilted"`. */
+    quilted: string;
+    /** Styles applied to the root element if `variant="standard"`. */
+    standard: string;
+    /** Styles applied to the root element if `variant="woven"`. */
+    woven: string;
+}
+export declare type ImageListClassKey = keyof ImageListClasses;
+export declare function getImageListUtilityClass(slot: string): string;
+declare const imageListClasses: ImageListClasses;
+export default imageListClasses;

package/ImageListItem/imageListItemClasses.d.ts

@@ -1,18 +1,18 @@
-export interface ImageListItemClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to an `img` element to ensure it covers the item. */
-    img: string;
-    /** Styles applied to the root element if `variant="standard"`. */
-    standard: string;
-    /** Styles applied to the root element if `variant="woven"`. */
-    woven: string;
-    /** Styles applied to the root element if `variant="masonry"`. */
-    masonry: string;
-    /** Styles applied to the root element if `variant="quilted"`. */
-    quilted: string;
-}
-export declare type ImageListItemClassKey = keyof ImageListItemClasses;
-export declare function getImageListItemUtilityClass(slot: string): string;
-declare const imageListItemClasses: ImageListItemClasses;
-export default imageListItemClasses;
+export interface ImageListItemClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to an `img` element to ensure it covers the item. */
+    img: string;
+    /** Styles applied to the root element if `variant="standard"`. */
+    standard: string;
+    /** Styles applied to the root element if `variant="woven"`. */
+    woven: string;
+    /** Styles applied to the root element if `variant="masonry"`. */
+    masonry: string;
+    /** Styles applied to the root element if `variant="quilted"`. */
+    quilted: string;
+}
+export declare type ImageListItemClassKey = keyof ImageListItemClasses;
+export declare function getImageListItemUtilityClass(slot: string): string;
+declare const imageListItemClasses: ImageListItemClasses;
+export default imageListItemClasses;

package/ImageListItemBar/imageListItemBarClasses.d.ts

@@ -1,30 +1,30 @@
-export interface ImageListItemBarClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `position="bottom"`. */
-    positionBottom: string;
-    /** Styles applied to the root element if `position="top"`. */
-    positionTop: string;
-    /** Styles applied to the root element if `position="below"`. */
-    positionBelow: string;
-    /** Styles applied to the title and subtitle container element. */
-    titleWrap: string;
-    /** Styles applied to the title and subtitle container element if `position="below"`. */
-    titleWrapBelow: string;
-    /** Styles applied to the container element if `actionPosition="left"`. */
-    titleWrapActionPosLeft: string;
-    /** Styles applied to the container element if `actionPosition="right"`. */
-    titleWrapActionPosRight: string;
-    /** Styles applied to the title container element. */
-    title: string;
-    /** Styles applied to the subtitle container element. */
-    subtitle: string;
-    /** Styles applied to the actionIcon if supplied. */
-    actionIcon: string;
-    /** Styles applied to the actionIcon if `actionPosition="left"`. */
-    actionIconActionPosLeft: string;
-}
-export declare type ImageListItemBarClassKey = keyof ImageListItemBarClasses;
-export declare function getImageListItemBarUtilityClass(slot: string): string;
-declare const imageListItemBarClasses: ImageListItemBarClasses;
-export default imageListItemBarClasses;
+export interface ImageListItemBarClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `position="bottom"`. */
+    positionBottom: string;
+    /** Styles applied to the root element if `position="top"`. */
+    positionTop: string;
+    /** Styles applied to the root element if `position="below"`. */
+    positionBelow: string;
+    /** Styles applied to the title and subtitle container element. */
+    titleWrap: string;
+    /** Styles applied to the title and subtitle container element if `position="below"`. */
+    titleWrapBelow: string;
+    /** Styles applied to the container element if `actionPosition="left"`. */
+    titleWrapActionPosLeft: string;
+    /** Styles applied to the container element if `actionPosition="right"`. */
+    titleWrapActionPosRight: string;
+    /** Styles applied to the title container element. */
+    title: string;
+    /** Styles applied to the subtitle container element. */
+    subtitle: string;
+    /** Styles applied to the actionIcon if supplied. */
+    actionIcon: string;
+    /** Styles applied to the actionIcon if `actionPosition="left"`. */
+    actionIconActionPosLeft: string;
+}
+export declare type ImageListItemBarClassKey = keyof ImageListItemBarClasses;
+export declare function getImageListItemBarUtilityClass(slot: string): string;
+declare const imageListItemBarClasses: ImageListItemBarClasses;
+export default imageListItemBarClasses;

package/Input/inputClasses.d.ts

@@ -1,34 +1,34 @@
-export interface InputClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if the component is a descendant of `FormControl`. */
-    formControl: string;
-    /** Styles applied to the root element if the component is focused. */
-    focused: string;
-    /** Styles applied to the root element if `disabled={true}`. */
-    disabled: string;
-    /** Styles applied to the root element if color secondary. */
-    colorSecondary: string;
-    /** Styles applied to the root element unless `disableUnderline={true}`. */
-    underline: string;
-    /** State class applied to the root element if `error={true}`. */
-    error: string;
-    /** Styles applied to the input element if `size="small"`. */
-    sizeSmall: string;
-    /** Styles applied to the root element if `multiline={true}`. */
-    multiline: string;
-    /** Styles applied to the root element if `fullWidth={true}`. */
-    fullWidth: string;
-    /** Styles applied to the input element. */
-    input: string;
-    /** Styles applied to the input element if `size="small"`. */
-    inputSizeSmall: string;
-    /** Styles applied to the input element if `multiline={true}`. */
-    inputMultiline: string;
-    /** Styles applied to the input element if `type="search"`. */
-    inputTypeSearch: string;
-}
-export declare type InputClassKey = keyof InputClasses;
-export declare function getInputUtilityClass(slot: string): string;
-declare const inputClasses: InputClasses;
-export default inputClasses;
+export interface InputClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if the component is a descendant of `FormControl`. */
+    formControl: string;
+    /** Styles applied to the root element if the component is focused. */
+    focused: string;
+    /** Styles applied to the root element if `disabled={true}`. */
+    disabled: string;
+    /** Styles applied to the root element if color secondary. */
+    colorSecondary: string;
+    /** Styles applied to the root element unless `disableUnderline={true}`. */
+    underline: string;
+    /** State class applied to the root element if `error={true}`. */
+    error: string;
+    /** Styles applied to the input element if `size="small"`. */
+    sizeSmall: string;
+    /** Styles applied to the root element if `multiline={true}`. */
+    multiline: string;
+    /** Styles applied to the root element if `fullWidth={true}`. */
+    fullWidth: string;
+    /** Styles applied to the input element. */
+    input: string;
+    /** Styles applied to the input element if `size="small"`. */
+    inputSizeSmall: string;
+    /** Styles applied to the input element if `multiline={true}`. */
+    inputMultiline: string;
+    /** Styles applied to the input element if `type="search"`. */
+    inputTypeSearch: string;
+}
+export declare type InputClassKey = keyof InputClasses;
+export declare function getInputUtilityClass(slot: string): string;
+declare const inputClasses: InputClasses;
+export default inputClasses;

package/InputAdornment/inputAdornmentClasses.d.ts

@@ -1,24 +1,24 @@
-export interface InputAdornmentClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `variant="filled"`. */
-    filled: string;
-    /** Styles applied to the root element if `variant="outlined"`. */
-    outlined: string;
-    /** Styles applied to the root element if `variant="standard"`. */
-    standard: string;
-    /** Styles applied to the root element if `position="start"`. */
-    positionStart: string;
-    /** Styles applied to the root element if `position="end"`. */
-    positionEnd: string;
-    /** Styles applied to the root element if `disablePointerEvents={true}`. */
-    disablePointerEvents: string;
-    /** Styles applied if the adornment is used inside <FormControl hiddenLabel />. */
-    hiddenLabel: string;
-    /** Styles applied if the adornment is used inside <FormControl size="small" />. */
-    sizeSmall: string;
-}
-export declare type InputAdornmentClassKey = keyof InputAdornmentClasses;
-export declare function getInputAdornmentUtilityClass(slot: string): string;
-declare const inputAdornmentClasses: InputAdornmentClasses;
-export default inputAdornmentClasses;
+export interface InputAdornmentClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `variant="filled"`. */
+    filled: string;
+    /** Styles applied to the root element if `variant="outlined"`. */
+    outlined: string;
+    /** Styles applied to the root element if `variant="standard"`. */
+    standard: string;
+    /** Styles applied to the root element if `position="start"`. */
+    positionStart: string;
+    /** Styles applied to the root element if `position="end"`. */
+    positionEnd: string;
+    /** Styles applied to the root element if `disablePointerEvents={true}`. */
+    disablePointerEvents: string;
+    /** Styles applied if the adornment is used inside <FormControl hiddenLabel />. */
+    hiddenLabel: string;
+    /** Styles applied if the adornment is used inside <FormControl size="small" />. */
+    sizeSmall: string;
+}
+export declare type InputAdornmentClassKey = keyof InputAdornmentClasses;
+export declare function getInputAdornmentUtilityClass(slot: string): string;
+declare const inputAdornmentClasses: InputAdornmentClasses;
+export default inputAdornmentClasses;

package/InputBase/inputBaseClasses.d.ts

@@ -1,46 +1,46 @@
-export interface InputBaseClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if the component is a descendant of `FormControl`. */
-    formControl: string;
-    /** Styles applied to the root element if the component is focused. */
-    focused: string;
-    /** Styles applied to the root element if `disabled={true}`. */
-    disabled: string;
-    /** Styles applied to the root element if `startAdornment` is provided. */
-    adornedStart: string;
-    /** Styles applied to the root element if `endAdornment` is provided. */
-    adornedEnd: string;
-    /** State class applied to the root element if `error={true}`. */
-    error: string;
-    /** Styles applied to the input element if `size="small"`. */
-    sizeSmall: string;
-    /** Styles applied to the root element if `multiline={true}`. */
-    multiline: string;
-    /** Styles applied to the root element if the color is secondary. */
-    colorSecondary: string;
-    /** Styles applied to the root element if `fullWidth={true}`. */
-    fullWidth: string;
-    /** Styles applied to the root element if `hiddenLabel={true}`. */
-    hiddenLabel: string;
-    /** State class applied to the root element if `readOnly={true}`. */
-    readOnly: string;
-    /** Styles applied to the input element. */
-    input: string;
-    /** Styles applied to the input element if `size="small"`. */
-    inputSizeSmall: string;
-    /** Styles applied to the input element if `multiline={true}`. */
-    inputMultiline: string;
-    /** Styles applied to the input element if `type="search"`. */
-    inputTypeSearch: string;
-    /** Styles applied to the input element if `startAdornment` is provided. */
-    inputAdornedStart: string;
-    /** Styles applied to the input element if `endAdornment` is provided. */
-    inputAdornedEnd: string;
-    /** Styles applied to the input element if `hiddenLabel={true}`. */
-    inputHiddenLabel: string;
-}
-export declare type InputBaseClassKey = keyof InputBaseClasses;
-export declare function getInputBaseUtilityClass(slot: string): string;
-declare const inputBaseClasses: InputBaseClasses;
-export default inputBaseClasses;
+export interface InputBaseClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if the component is a descendant of `FormControl`. */
+    formControl: string;
+    /** Styles applied to the root element if the component is focused. */
+    focused: string;
+    /** Styles applied to the root element if `disabled={true}`. */
+    disabled: string;
+    /** Styles applied to the root element if `startAdornment` is provided. */
+    adornedStart: string;
+    /** Styles applied to the root element if `endAdornment` is provided. */
+    adornedEnd: string;
+    /** State class applied to the root element if `error={true}`. */
+    error: string;
+    /** Styles applied to the input element if `size="small"`. */
+    sizeSmall: string;
+    /** Styles applied to the root element if `multiline={true}`. */
+    multiline: string;
+    /** Styles applied to the root element if the color is secondary. */
+    colorSecondary: string;
+    /** Styles applied to the root element if `fullWidth={true}`. */
+    fullWidth: string;
+    /** Styles applied to the root element if `hiddenLabel={true}`. */
+    hiddenLabel: string;
+    /** State class applied to the root element if `readOnly={true}`. */
+    readOnly: string;
+    /** Styles applied to the input element. */
+    input: string;
+    /** Styles applied to the input element if `size="small"`. */
+    inputSizeSmall: string;
+    /** Styles applied to the input element if `multiline={true}`. */
+    inputMultiline: string;
+    /** Styles applied to the input element if `type="search"`. */
+    inputTypeSearch: string;
+    /** Styles applied to the input element if `startAdornment` is provided. */
+    inputAdornedStart: string;
+    /** Styles applied to the input element if `endAdornment` is provided. */
+    inputAdornedEnd: string;
+    /** Styles applied to the input element if `hiddenLabel={true}`. */
+    inputHiddenLabel: string;
+}
+export declare type InputBaseClassKey = keyof InputBaseClasses;
+export declare function getInputBaseUtilityClass(slot: string): string;
+declare const inputBaseClasses: InputBaseClasses;
+export default inputBaseClasses;

package/InputLabel/InputLabel.js

@@ -17,6 +17,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _base = require("@mui/base");
 
+var _clsx = _interopRequireDefault(require("clsx"));
+
 var _formControlState = _interopRequireDefault(require("../FormControl/formControlState"));
 
 var _useFormControl = _interopRequireDefault(require("../FormControl/useFormControl"));
@@ -31,7 +33,7 @@ var _inputLabelClasses = require("./inputLabelClasses");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-const _excluded = ["disableAnimation", "margin", "shrink", "variant"];
+const _excluded = ["disableAnimation", "margin", "shrink", "variant", "className"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -134,7 +136,8 @@ const InputLabel = /*#__PURE__*/React.forwardRef(function InputLabel(inProps, re
   });
   const {
     disableAnimation = false,
-    shrink: shrinkProp
+    shrink: shrinkProp,
+    className
   } = props,
         other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const muiFormControl = (0, _useFormControl.default)();
@@ -161,7 +164,8 @@ const InputLabel = /*#__PURE__*/React.forwardRef(function InputLabel(inProps, re
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(InputLabelRoot, (0, _extends2.default)({
     "data-shrink": shrink,
     ownerState: ownerState,
-    ref: ref
+    ref: ref,
+    className: (0, _clsx.default)(classes.root, className)
   }, other, {
     classes: classes
   }));
@@ -184,6 +188,11 @@ process.env.NODE_ENV !== "production" ? InputLabel.propTypes
    */
   classes: _propTypes.default.object,
 
+  /**
+   * @ignore
+   */
+  className: _propTypes.default.string,
+
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the