@mui/material 5.0.6 → 5.2.1

package/Dialog/dialogClasses.d.ts

@@ -1,36 +1,36 @@
-export interface DialogClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the container element if `scroll="paper"`. */
-    scrollPaper: string;
-    /** Styles applied to the container element if `scroll="body"`. */
-    scrollBody: string;
-    /** Styles applied to the container element. */
-    container: string;
-    /** Styles applied to the Paper component. */
-    paper: string;
-    /** Styles applied to the Paper component if `scroll="paper"`. */
-    paperScrollPaper: string;
-    /** Styles applied to the Paper component if `scroll="body"`. */
-    paperScrollBody: string;
-    /** Styles applied to the Paper component if `maxWidth=false`. */
-    paperWidthFalse: string;
-    /** Styles applied to the Paper component if `maxWidth="xs"`. */
-    paperWidthXs: string;
-    /** Styles applied to the Paper component if `maxWidth="sm"`. */
-    paperWidthSm: string;
-    /** Styles applied to the Paper component if `maxWidth="md"`. */
-    paperWidthMd: string;
-    /** Styles applied to the Paper component if `maxWidth="lg"`. */
-    paperWidthLg: string;
-    /** Styles applied to the Paper component if `maxWidth="xl"`. */
-    paperWidthXl: string;
-    /** Styles applied to the Paper component if `fullWidth={true}`. */
-    paperFullWidth: string;
-    /** Styles applied to the Paper component if `fullScreen={true}`. */
-    paperFullScreen: string;
-}
-export declare type DialogClassKey = keyof DialogClasses;
-export declare function getDialogUtilityClass(slot: string): string;
-declare const dialogClasses: DialogClasses;
-export default dialogClasses;
+export interface DialogClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the container element if `scroll="paper"`. */
+    scrollPaper: string;
+    /** Styles applied to the container element if `scroll="body"`. */
+    scrollBody: string;
+    /** Styles applied to the container element. */
+    container: string;
+    /** Styles applied to the Paper component. */
+    paper: string;
+    /** Styles applied to the Paper component if `scroll="paper"`. */
+    paperScrollPaper: string;
+    /** Styles applied to the Paper component if `scroll="body"`. */
+    paperScrollBody: string;
+    /** Styles applied to the Paper component if `maxWidth=false`. */
+    paperWidthFalse: string;
+    /** Styles applied to the Paper component if `maxWidth="xs"`. */
+    paperWidthXs: string;
+    /** Styles applied to the Paper component if `maxWidth="sm"`. */
+    paperWidthSm: string;
+    /** Styles applied to the Paper component if `maxWidth="md"`. */
+    paperWidthMd: string;
+    /** Styles applied to the Paper component if `maxWidth="lg"`. */
+    paperWidthLg: string;
+    /** Styles applied to the Paper component if `maxWidth="xl"`. */
+    paperWidthXl: string;
+    /** Styles applied to the Paper component if `fullWidth={true}`. */
+    paperFullWidth: string;
+    /** Styles applied to the Paper component if `fullScreen={true}`. */
+    paperFullScreen: string;
+}
+export declare type DialogClassKey = keyof DialogClasses;
+export declare function getDialogUtilityClass(slot: string): string;
+declare const dialogClasses: DialogClasses;
+export default dialogClasses;

package/Dialog/dialogClasses.js

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

package/DialogActions/DialogActions.js

@@ -4,7 +4,7 @@ const _excluded = ["className", "disableSpacing"];
 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 { getDialogActionsUtilityClass } from './dialogActionsClasses';
@@ -98,6 +98,6 @@ process.env.NODE_ENV !== "production" ? DialogActions.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default DialogActions;

package/DialogActions/dialogActionsClasses.d.ts

@@ -1,10 +1,10 @@
-export interface DialogActionsClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element unless `disableSpacing={true}`. */
-    spacing: string;
-}
-export declare type DialogActionsClassKey = keyof DialogActionsClasses;
-export declare function getDialogActionsUtilityClass(slot: string): string;
-declare const dialogActionsClasses: DialogActionsClasses;
-export default dialogActionsClasses;
+export interface DialogActionsClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element unless `disableSpacing={true}`. */
+    spacing: string;
+}
+export declare type DialogActionsClassKey = keyof DialogActionsClasses;
+export declare function getDialogActionsUtilityClass(slot: string): string;
+declare const dialogActionsClasses: DialogActionsClasses;
+export default dialogActionsClasses;

package/DialogActions/dialogActionsClasses.js

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

package/DialogContent/DialogContent.js

@@ -4,7 +4,7 @@ const _excluded = ["className", "dividers"];
 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 { getDialogContentUtilityClass } from './dialogContentClasses';
@@ -104,6 +104,6 @@ process.env.NODE_ENV !== "production" ? DialogContent.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default DialogContent;

package/DialogContent/dialogContentClasses.d.ts

@@ -1,10 +1,10 @@
-export interface DialogContentClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `dividers={true}`. */
-    dividers: string;
-}
-export declare type DialogContentClassKey = keyof DialogContentClasses;
-export declare function getDialogContentUtilityClass(slot: string): string;
-declare const dialogContentClasses: DialogContentClasses;
-export default dialogContentClasses;
+export interface DialogContentClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `dividers={true}`. */
+    dividers: string;
+}
+export declare type DialogContentClassKey = keyof DialogContentClasses;
+export declare function getDialogContentUtilityClass(slot: string): string;
+declare const dialogContentClasses: DialogContentClasses;
+export default dialogContentClasses;

package/DialogContent/dialogContentClasses.js

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

package/DialogContentText/DialogContentText.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["children"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import styled, { rootShouldForwardProp } from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import Typography from '../Typography';
@@ -67,6 +67,6 @@ process.env.NODE_ENV !== "production" ? DialogContentText.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default DialogContentText;

package/DialogContentText/dialogContentTextClasses.d.ts

@@ -1,8 +1,8 @@
-export interface DialogContentTextClasses {
-    /** Styles applied to the root element. */
-    root: string;
-}
-export declare type DialogContentTextClassKey = keyof DialogContentTextClasses;
-export declare function getDialogContentTextUtilityClass(slot: string): string;
-declare const dialogContentTextClasses: DialogContentTextClasses;
-export default dialogContentTextClasses;
+export interface DialogContentTextClasses {
+    /** Styles applied to the root element. */
+    root: string;
+}
+export declare type DialogContentTextClassKey = keyof DialogContentTextClasses;
+export declare function getDialogContentTextUtilityClass(slot: string): string;
+declare const dialogContentTextClasses: DialogContentTextClasses;
+export default dialogContentTextClasses;

package/DialogContentText/dialogContentTextClasses.js

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

package/DialogTitle/DialogTitle.js

@@ -4,7 +4,7 @@ const _excluded = ["className", "id"];
 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 Typography from '../Typography';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
@@ -87,6 +87,6 @@ process.env.NODE_ENV !== "production" ? DialogTitle.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default DialogTitle;

package/DialogTitle/dialogTitleClasses.d.ts

@@ -1,8 +1,8 @@
-export interface DialogTitleClasses {
-    /** Styles applied to the root element. */
-    root: string;
-}
-export declare type DialogTitleClassKey = keyof DialogTitleClasses;
-export declare function getDialogTitleUtilityClass(slot: string): string;
-declare const dialogTitleClasses: DialogTitleClasses;
-export default dialogTitleClasses;
+export interface DialogTitleClasses {
+    /** Styles applied to the root element. */
+    root: string;
+}
+export declare type DialogTitleClassKey = keyof DialogTitleClasses;
+export declare function getDialogTitleUtilityClass(slot: string): string;
+declare const dialogTitleClasses: DialogTitleClasses;
+export default dialogTitleClasses;

package/DialogTitle/dialogTitleClasses.js

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

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({
@@ -247,7 +247,7 @@ process.env.NODE_ENV !== "production" ? Divider.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object]),
 
   /**
    * The text alignment.

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';
@@ -313,7 +313,7 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object]),
 
   /**
    * The duration for the transition, in milliseconds.

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';
@@ -238,7 +238,7 @@ process.env.NODE_ENV !== "production" ? Fab.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object]),
 
   /**
    * The variant to use.

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';
@@ -389,7 +389,7 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object]),
 
   /**
    * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).