@mui/material 5.1.0 → 5.1.1

package/Divider/Divider.js

@@ -4,7 +4,7 @@ const _excluded = ["absolute", "children", "className", "component", "flexItem",
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { alpha } from '@mui/system';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
@@ -131,11 +131,11 @@ const DividerWrapper = styled('span', {
   ownerState
 }) => _extends({
   display: 'inline-block',
-  paddingLeft: theme.spacing(1.2),
-  paddingRight: theme.spacing(1.2)
+  paddingLeft: `calc(${theme.spacing(1)} * 1.2)`,
+  paddingRight: `calc(${theme.spacing(1)} * 1.2)`
 }, ownerState.orientation === 'vertical' && {
-  paddingTop: theme.spacing(1.2),
-  paddingBottom: theme.spacing(1.2)
+  paddingTop: `calc(${theme.spacing(1)} * 1.2)`,
+  paddingBottom: `calc(${theme.spacing(1)} * 1.2)`
 }));
 const Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
   const props = useThemeProps({

package/Divider/dividerClasses.d.ts

@@ -1,34 +1,34 @@
-export interface DividerClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `absolute={true}`. */
-    absolute: string;
-    /** Styles applied to the root element if `variant="inset"`. */
-    inset: string;
-    /** Styles applied to the root element if `variant="fullWidth"`. */
-    fullWidth: string;
-    /** Styles applied to the root element if `light={true}`. */
-    light: string;
-    /** Styles applied to the root element if `variant="middle"`. */
-    middle: string;
-    /** Styles applied to the root element if `orientation="vertical"`. */
-    vertical: string;
-    /** Styles applied to the root element if `flexItem={true}`. */
-    flexItem: string;
-    /** Styles applied to the root element if divider have text. */
-    withChildren: string;
-    /** Styles applied to the root element if divider have text and `orientation="vertical"`. */
-    withChildrenVertical: string;
-    /** Styles applied to the root element if `textAlign="right" orientation="horizontal"`. */
-    textAlignRight: string;
-    /** Styles applied to the root element if `textAlign="left" orientation="horizontal"`. */
-    textAlignLeft: string;
-    /** Styles applied to the span children element if `orientation="horizontal"`. */
-    wrapper: string;
-    /** Styles applied to the span children element if `orientation="vertical"`. */
-    wrapperVertical: string;
-}
-export declare type DividerClassKey = keyof DividerClasses;
-export declare function getDividerUtilityClass(slot: string): string;
-declare const dividerClasses: DividerClasses;
-export default dividerClasses;
+export interface DividerClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `absolute={true}`. */
+    absolute: string;
+    /** Styles applied to the root element if `variant="inset"`. */
+    inset: string;
+    /** Styles applied to the root element if `variant="fullWidth"`. */
+    fullWidth: string;
+    /** Styles applied to the root element if `light={true}`. */
+    light: string;
+    /** Styles applied to the root element if `variant="middle"`. */
+    middle: string;
+    /** Styles applied to the root element if `orientation="vertical"`. */
+    vertical: string;
+    /** Styles applied to the root element if `flexItem={true}`. */
+    flexItem: string;
+    /** Styles applied to the root element if divider have text. */
+    withChildren: string;
+    /** Styles applied to the root element if divider have text and `orientation="vertical"`. */
+    withChildrenVertical: string;
+    /** Styles applied to the root element if `textAlign="right" orientation="horizontal"`. */
+    textAlignRight: string;
+    /** Styles applied to the root element if `textAlign="left" orientation="horizontal"`. */
+    textAlignLeft: string;
+    /** Styles applied to the span children element if `orientation="horizontal"`. */
+    wrapper: string;
+    /** Styles applied to the span children element if `orientation="vertical"`. */
+    wrapperVertical: string;
+}
+export declare type DividerClassKey = keyof DividerClasses;
+export declare function getDividerUtilityClass(slot: string): string;
+declare const dividerClasses: DividerClasses;
+export default dividerClasses;

package/Divider/dividerClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getDividerUtilityClass(slot) {
   return generateUtilityClass('MuiDivider', slot);
 }

package/Drawer/Drawer.js

@@ -6,7 +6,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { integerPropType } from '@mui/utils';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import Modal from '../Modal';
 import Slide from '../Slide';
 import Paper from '../Paper';

package/Drawer/drawerClasses.d.ts

@@ -1,30 +1,30 @@
-export interface DrawerClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `variant="permanent or persistent"`. */
-    docked: string;
-    /** Styles applied to the Paper component. */
-    paper: string;
-    /** Styles applied to the Paper component if `anchor="left"`. */
-    paperAnchorLeft: string;
-    /** Styles applied to the Paper component if `anchor="right"`. */
-    paperAnchorRight: string;
-    /** Styles applied to the Paper component if `anchor="top"`. */
-    paperAnchorTop: string;
-    /** Styles applied to the Paper component if `anchor="bottom"`. */
-    paperAnchorBottom: string;
-    /** Styles applied to the Paper component if `anchor="left"` and `variant` is not "temporary". */
-    paperAnchorDockedLeft: string;
-    /** Styles applied to the Paper component if `anchor="top"` and `variant` is not "temporary". */
-    paperAnchorDockedTop: string;
-    /** Styles applied to the Paper component if `anchor="right"` and `variant` is not "temporary". */
-    paperAnchorDockedRight: string;
-    /** Styles applied to the Paper component if `anchor="bottom"` and `variant` is not "temporary". */
-    paperAnchorDockedBottom: string;
-    /** Styles applied to the Modal component. */
-    modal: string;
-}
-export declare type DrawerClassKey = keyof DrawerClasses;
-export declare function getDrawerUtilityClass(slot: string): string;
-declare const drawerClasses: DrawerClasses;
-export default drawerClasses;
+export interface DrawerClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `variant="permanent or persistent"`. */
+    docked: string;
+    /** Styles applied to the Paper component. */
+    paper: string;
+    /** Styles applied to the Paper component if `anchor="left"`. */
+    paperAnchorLeft: string;
+    /** Styles applied to the Paper component if `anchor="right"`. */
+    paperAnchorRight: string;
+    /** Styles applied to the Paper component if `anchor="top"`. */
+    paperAnchorTop: string;
+    /** Styles applied to the Paper component if `anchor="bottom"`. */
+    paperAnchorBottom: string;
+    /** Styles applied to the Paper component if `anchor="left"` and `variant` is not "temporary". */
+    paperAnchorDockedLeft: string;
+    /** Styles applied to the Paper component if `anchor="top"` and `variant` is not "temporary". */
+    paperAnchorDockedTop: string;
+    /** Styles applied to the Paper component if `anchor="right"` and `variant` is not "temporary". */
+    paperAnchorDockedRight: string;
+    /** Styles applied to the Paper component if `anchor="bottom"` and `variant` is not "temporary". */
+    paperAnchorDockedBottom: string;
+    /** Styles applied to the Modal component. */
+    modal: string;
+}
+export declare type DrawerClassKey = keyof DrawerClasses;
+export declare function getDrawerUtilityClass(slot: string): string;
+declare const drawerClasses: DrawerClasses;
+export default drawerClasses;

package/Drawer/drawerClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getDrawerUtilityClass(slot) {
   return generateUtilityClass('MuiDrawer', slot);
 }

package/Fab/Fab.js

@@ -4,7 +4,7 @@ const _excluded = ["children", "className", "color", "component", "disabled", "d
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import ButtonBase from '../ButtonBase';
 import capitalize from '../utils/capitalize';
 import useThemeProps from '../styles/useThemeProps';

package/Fab/fabClasses.d.ts

@@ -1,26 +1,26 @@
-export interface FabClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `color="primary"`. */
-    primary: string;
-    /** Styles applied to the root element if `color="secondary"`. */
-    secondary: string;
-    /** Styles applied to the root element if `variant="extended"`. */
-    extended: string;
-    /** Styles applied to the root element if `variant="circular"`. */
-    circular: string;
-    /** State class applied to the ButtonBase root element if the button is keyboard focused. */
-    focusVisible: string;
-    /** State class applied to the root element if `disabled={true}`. */
-    disabled: string;
-    /** Styles applied to the root element if `color="inherit"`. */
-    colorInherit: string;
-    /** Styles applied to the root element if `size="small"``. */
-    sizeSmall: string;
-    /** Styles applied to the root element if `size="medium"``. */
-    sizeMedium: string;
-}
-export declare type FabClassKey = keyof FabClasses;
-export declare function getFabUtilityClass(slot: string): string;
-declare const fabClasses: FabClasses;
-export default fabClasses;
+export interface FabClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `color="primary"`. */
+    primary: string;
+    /** Styles applied to the root element if `color="secondary"`. */
+    secondary: string;
+    /** Styles applied to the root element if `variant="extended"`. */
+    extended: string;
+    /** Styles applied to the root element if `variant="circular"`. */
+    circular: string;
+    /** State class applied to the ButtonBase root element if the button is keyboard focused. */
+    focusVisible: string;
+    /** State class applied to the root element if `disabled={true}`. */
+    disabled: string;
+    /** Styles applied to the root element if `color="inherit"`. */
+    colorInherit: string;
+    /** Styles applied to the root element if `size="small"``. */
+    sizeSmall: string;
+    /** Styles applied to the root element if `size="medium"``. */
+    sizeMedium: string;
+}
+export declare type FabClassKey = keyof FabClasses;
+export declare function getFabUtilityClass(slot: string): string;
+declare const fabClasses: FabClasses;
+export default fabClasses;

package/Fab/fabClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getFabUtilityClass(slot) {
   return generateUtilityClass('MuiFab', slot);
 }

package/FilledInput/FilledInput.js

@@ -4,7 +4,7 @@ const _excluded = ["disableUnderline", "components", "componentsProps", "fullWid
 import * as React from 'react';
 import { refType, deepmerge } from '@mui/utils';
 import PropTypes from 'prop-types';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import InputBase from '../InputBase';
 import styled, { rootShouldForwardProp } from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';

package/FilledInput/filledInputClasses.d.ts

@@ -1,40 +1,40 @@
-export interface FilledInputClasses {
-    /** Styles applied to the root element. */
-    root: 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 the component is focused. */
-    focused: string;
-    /** State class 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 `hiddenLabel={true}`. */
-    hiddenLabel: 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` if in `<FormControl hiddenLabel />`. */
-    inputHiddenLabel: string;
-    /** Styles applied to the input element if `multiline={true}`. */
-    inputMultiline: 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;
-}
-export declare type FilledInputClassKey = keyof FilledInputClasses;
-export declare function getFilledInputUtilityClass(slot: string): string;
-declare const filledInputClasses: FilledInputClasses;
-export default filledInputClasses;
+export interface FilledInputClasses {
+    /** Styles applied to the root element. */
+    root: 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 the component is focused. */
+    focused: string;
+    /** State class 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 `hiddenLabel={true}`. */
+    hiddenLabel: 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` if in `<FormControl hiddenLabel />`. */
+    inputHiddenLabel: string;
+    /** Styles applied to the input element if `multiline={true}`. */
+    inputMultiline: 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;
+}
+export declare type FilledInputClassKey = keyof FilledInputClasses;
+export declare function getFilledInputUtilityClass(slot: string): string;
+declare const filledInputClasses: FilledInputClasses;
+export default filledInputClasses;

package/FilledInput/filledInputClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClasses, generateUtilityClass } from '@mui/core';
+import { generateUtilityClasses, generateUtilityClass } from '@mui/base';
 export function getFilledInputUtilityClass(slot) {
   return generateUtilityClass('MuiFilledInput', slot);
 }

package/FormControl/FormControl.js

@@ -4,7 +4,7 @@ const _excluded = ["children", "className", "color", "component", "disabled", "e
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import useThemeProps from '../styles/useThemeProps';
 import styled from '../styles/styled';
 import { isFilled, isAdornedStart } from '../InputBase/utils';

package/FormControl/formControlClasses.d.ts

@@ -1,14 +1,14 @@
-export interface FormControlClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `margin="normal"`. */
-    marginNormal: string;
-    /** Styles applied to the root element if `margin="dense"`. */
-    marginDense: string;
-    /** Styles applied to the root element if `fullWidth={true}`. */
-    fullWidth: string;
-}
-export declare type FormControlClassKey = keyof FormControlClasses;
-export declare function getFormControlUtilityClasses(slot: string): string;
-declare const formControlClasses: FormControlClasses;
-export default formControlClasses;
+export interface FormControlClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `margin="normal"`. */
+    marginNormal: string;
+    /** Styles applied to the root element if `margin="dense"`. */
+    marginDense: string;
+    /** Styles applied to the root element if `fullWidth={true}`. */
+    fullWidth: string;
+}
+export declare type FormControlClassKey = keyof FormControlClasses;
+export declare function getFormControlUtilityClasses(slot: string): string;
+declare const formControlClasses: FormControlClasses;
+export default formControlClasses;

package/FormControl/formControlClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClasses, generateUtilityClass } from '@mui/core';
+import { generateUtilityClasses, generateUtilityClass } from '@mui/base';
 export function getFormControlUtilityClasses(slot) {
   return generateUtilityClass('MuiFormControl', slot);
 }

package/FormControlLabel/FormControlLabel.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { refType } from '@mui/utils';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { useFormControl } from '../FormControl';
 import Typography from '../Typography';
 import capitalize from '../utils/capitalize';

package/FormControlLabel/formControlLabelClasses.d.ts

@@ -1,18 +1,18 @@
-export interface FormControlLabelClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `labelPlacement="start"`. */
-    labelPlacementStart: string;
-    /** Styles applied to the root element if `labelPlacement="top"`. */
-    labelPlacementTop: string;
-    /** Styles applied to the root element if `labelPlacement="bottom"`. */
-    labelPlacementBottom: string;
-    /** State class applied to the root element if `disabled={true}`. */
-    disabled: string;
-    /** Styles applied to the label's Typography component. */
-    label: string;
-}
-export declare type FormControlLabelClassKey = keyof FormControlLabelClasses;
-export declare function getFormControlLabelUtilityClasses(slot: string): string;
-declare const formControlLabelClasses: FormControlLabelClasses;
-export default formControlLabelClasses;
+export interface FormControlLabelClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `labelPlacement="start"`. */
+    labelPlacementStart: string;
+    /** Styles applied to the root element if `labelPlacement="top"`. */
+    labelPlacementTop: string;
+    /** Styles applied to the root element if `labelPlacement="bottom"`. */
+    labelPlacementBottom: string;
+    /** State class applied to the root element if `disabled={true}`. */
+    disabled: string;
+    /** Styles applied to the label's Typography component. */
+    label: string;
+}
+export declare type FormControlLabelClassKey = keyof FormControlLabelClasses;
+export declare function getFormControlLabelUtilityClasses(slot: string): string;
+declare const formControlLabelClasses: FormControlLabelClasses;
+export default formControlLabelClasses;

package/FormControlLabel/formControlLabelClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClasses, generateUtilityClass } from '@mui/core';
+import { generateUtilityClasses, generateUtilityClass } from '@mui/base';
 export function getFormControlLabelUtilityClasses(slot) {
   return generateUtilityClass('MuiFormControlLabel', slot);
 }

package/FormGroup/FormGroup.js

@@ -4,7 +4,7 @@ const _excluded = ["className", "row"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import { getFormGroupUtilityClass } from './formGroupClasses';

package/FormGroup/formGroupClasses.d.ts

@@ -1,10 +1,10 @@
-export interface FormGroupClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `row={true}`. */
-    row: string;
-}
-export declare type FormGroupClassKey = keyof FormGroupClasses;
-export declare function getFormGroupUtilityClass(slot: string): string;
-declare const formGroupClasses: FormGroupClasses;
-export default formGroupClasses;
+export interface FormGroupClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `row={true}`. */
+    row: string;
+}
+export declare type FormGroupClassKey = keyof FormGroupClasses;
+export declare function getFormGroupUtilityClass(slot: string): string;
+declare const formGroupClasses: FormGroupClasses;
+export default formGroupClasses;

package/FormGroup/formGroupClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getFormGroupUtilityClass(slot) {
   return generateUtilityClass('MuiFormGroup', slot);
 }

package/FormHelperText/FormHelperText.js

@@ -4,7 +4,7 @@ const _excluded = ["children", "className", "component", "disabled", "error", "f
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import formControlState from '../FormControl/formControlState';
 import useFormControl from '../FormControl/useFormControl';
 import styled from '../styles/styled';

package/FormHelperText/formHelperTextClasses.d.ts

@@ -1,22 +1,22 @@
-export interface FormHelperTextClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** State class applied to the root element if `error={true}`. */
-    error: 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 `variant="filled"` or `variant="outlined"`. */
-    contained: string;
-    /** State class applied to the root element if `focused={true}`. */
-    focused: string;
-    /** State class applied to the root element if `filled={true}`. */
-    filled: string;
-    /** State class applied to the root element if `required={true}`. */
-    required: string;
-}
-export declare type FormHelperTextClassKey = keyof FormHelperTextClasses;
-export declare function getFormHelperTextUtilityClasses(slot: string): string;
-declare const formHelperTextClasses: FormHelperTextClasses;
-export default formHelperTextClasses;
+export interface FormHelperTextClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** State class applied to the root element if `error={true}`. */
+    error: 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 `variant="filled"` or `variant="outlined"`. */
+    contained: string;
+    /** State class applied to the root element if `focused={true}`. */
+    focused: string;
+    /** State class applied to the root element if `filled={true}`. */
+    filled: string;
+    /** State class applied to the root element if `required={true}`. */
+    required: string;
+}
+export declare type FormHelperTextClassKey = keyof FormHelperTextClasses;
+export declare function getFormHelperTextUtilityClasses(slot: string): string;
+declare const formHelperTextClasses: FormHelperTextClasses;
+export default formHelperTextClasses;

package/FormHelperText/formHelperTextClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getFormHelperTextUtilityClasses(slot) {
   return generateUtilityClass('MuiFormHelperText', slot);
 }

package/FormLabel/FormLabel.js

@@ -4,7 +4,7 @@ const _excluded = ["children", "className", "color", "component", "disabled", "e
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import formControlState from '../FormControl/formControlState';
 import useFormControl from '../FormControl/useFormControl';
 import capitalize from '../utils/capitalize';

package/FormLabel/formLabelClasses.d.ts

@@ -1,22 +1,22 @@
-export interface FormLabelClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if the color is secondary. */
-    colorSecondary: string;
-    /** State class applied to the root element if `focused={true}`. */
-    focused: string;
-    /** State class applied to the root element if `disabled={true}`. */
-    disabled: string;
-    /** State class applied to the root element if `error={true}`. */
-    error: string;
-    /** State class applied to the root element if `filled={true}`. */
-    filled: string;
-    /** State class applied to the root element if `required={true}`. */
-    required: string;
-    /** Styles applied to the asterisk element. */
-    asterisk: string;
-}
-export declare type FormLabelClassKey = keyof FormLabelClasses;
-export declare function getFormLabelUtilityClasses(slot: string): string;
-declare const formLabelClasses: FormLabelClasses;
-export default formLabelClasses;
+export interface FormLabelClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if the color is secondary. */
+    colorSecondary: string;
+    /** State class applied to the root element if `focused={true}`. */
+    focused: string;
+    /** State class applied to the root element if `disabled={true}`. */
+    disabled: string;
+    /** State class applied to the root element if `error={true}`. */
+    error: string;
+    /** State class applied to the root element if `filled={true}`. */
+    filled: string;
+    /** State class applied to the root element if `required={true}`. */
+    required: string;
+    /** Styles applied to the asterisk element. */
+    asterisk: string;
+}
+export declare type FormLabelClassKey = keyof FormLabelClasses;
+export declare function getFormLabelUtilityClasses(slot: string): string;
+declare const formLabelClasses: FormLabelClasses;
+export default formLabelClasses;

package/FormLabel/formLabelClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getFormLabelUtilityClasses(slot) {
   return generateUtilityClass('MuiFormLabel', slot);
 }