@mui/material 9.0.0-alpha.3 → 9.0.0-beta.0

package/Divider/Divider.d.ts

@@ -25,12 +25,6 @@ export interface DividerOwnProps {
    * @default false
    */
   flexItem?: boolean | undefined;
-  /**
-   * If `true`, the divider will have a lighter color.
-   * @default false
-   * @deprecated Use <Divider sx={{ opacity: 0.6 }} /> (or any opacity or color) instead. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  light?: boolean | undefined;
   /**
    * The component orientation.
    * @default 'horizontal'

package/Divider/Divider.js

@@ -22,13 +22,12 @@ const useUtilityClasses = ownerState => {
     children,
     classes,
     flexItem,
-    light,
     orientation,
     textAlign,
     variant
   } = ownerState;
   const slots = {
-    root: ['root', absolute && 'absolute', variant, light && 'light', orientation === 'vertical' && 'vertical', flexItem && 'flexItem', children && 'withChildren', children && orientation === 'vertical' && 'withChildrenVertical', textAlign === 'right' && orientation !== 'vertical' && 'textAlignRight', textAlign === 'left' && orientation !== 'vertical' && 'textAlignLeft'],
+    root: ['root', absolute && 'absolute', variant, orientation === 'vertical' && 'vertical', flexItem && 'flexItem', children && 'withChildren', textAlign === 'right' && orientation !== 'vertical' && 'textAlignRight', textAlign === 'left' && orientation !== 'vertical' && 'textAlignLeft'],
     wrapper: ['wrapper', orientation === 'vertical' && 'wrapperVertical']
   };
   return (0, _composeClasses.default)(slots, _dividerClasses.getDividerUtilityClass, classes);
@@ -40,7 +39,7 @@ const DividerRoot = (0, _zeroStyled.styled)('div', {
     const {
       ownerState
     } = props;
-    return [styles.root, ownerState.absolute && styles.absolute, styles[ownerState.variant], ownerState.light && styles.light, ownerState.orientation === 'vertical' && styles.vertical, ownerState.flexItem && styles.flexItem, ownerState.children && styles.withChildren, ownerState.children && ownerState.orientation === 'vertical' && styles.withChildrenVertical, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && styles.textAlignRight, ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && styles.textAlignLeft];
+    return [styles.root, ownerState.absolute && styles.absolute, styles[ownerState.variant], ownerState.orientation === 'vertical' && styles.vertical, ownerState.flexItem && styles.flexItem, ownerState.children && styles.withChildren, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && styles.textAlignRight, ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && styles.textAlignLeft];
   }
 })((0, _memoTheme.default)(({
   theme
@@ -62,13 +61,6 @@ const DividerRoot = (0, _zeroStyled.styled)('div', {
       left: 0,
       width: '100%'
     }
-  }, {
-    props: {
-      light: true
-    },
-    style: {
-      borderColor: theme.alpha((theme.vars || theme).palette.divider, 0.08)
-    }
   }, {
     props: {
       variant: 'inset'
@@ -213,7 +205,6 @@ const Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
     orientation = 'horizontal',
     component = children || orientation === 'vertical' ? 'div' : 'hr',
     flexItem = false,
-    light = false,
     role = component !== 'hr' ? 'separator' : undefined,
     textAlign = 'center',
     variant = 'fullWidth',
@@ -224,7 +215,6 @@ const Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
     absolute,
     component,
     flexItem,
-    light,
     orientation,
     role,
     textAlign,
@@ -287,12 +277,6 @@ process.env.NODE_ENV !== "production" ? Divider.propTypes /* remove-proptypes */
    * @default false
    */
   flexItem: _propTypes.default.bool,
-  /**
-   * If `true`, the divider will have a lighter color.
-   * @default false
-   * @deprecated Use <Divider sx={{ opacity: 0.6 }} /> (or any opacity or color) instead. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  light: _propTypes.default.bool,
   /**
    * The component orientation.
    * @default 'horizontal'

package/Divider/Divider.mjs

@@ -15,13 +15,12 @@ const useUtilityClasses = ownerState => {
     children,
     classes,
     flexItem,
-    light,
     orientation,
     textAlign,
     variant
   } = ownerState;
   const slots = {
-    root: ['root', absolute && 'absolute', variant, light && 'light', orientation === 'vertical' && 'vertical', flexItem && 'flexItem', children && 'withChildren', children && orientation === 'vertical' && 'withChildrenVertical', textAlign === 'right' && orientation !== 'vertical' && 'textAlignRight', textAlign === 'left' && orientation !== 'vertical' && 'textAlignLeft'],
+    root: ['root', absolute && 'absolute', variant, orientation === 'vertical' && 'vertical', flexItem && 'flexItem', children && 'withChildren', textAlign === 'right' && orientation !== 'vertical' && 'textAlignRight', textAlign === 'left' && orientation !== 'vertical' && 'textAlignLeft'],
     wrapper: ['wrapper', orientation === 'vertical' && 'wrapperVertical']
   };
   return composeClasses(slots, getDividerUtilityClass, classes);
@@ -33,7 +32,7 @@ const DividerRoot = styled('div', {
     const {
       ownerState
     } = props;
-    return [styles.root, ownerState.absolute && styles.absolute, styles[ownerState.variant], ownerState.light && styles.light, ownerState.orientation === 'vertical' && styles.vertical, ownerState.flexItem && styles.flexItem, ownerState.children && styles.withChildren, ownerState.children && ownerState.orientation === 'vertical' && styles.withChildrenVertical, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && styles.textAlignRight, ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && styles.textAlignLeft];
+    return [styles.root, ownerState.absolute && styles.absolute, styles[ownerState.variant], ownerState.orientation === 'vertical' && styles.vertical, ownerState.flexItem && styles.flexItem, ownerState.children && styles.withChildren, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && styles.textAlignRight, ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && styles.textAlignLeft];
   }
 })(memoTheme(({
   theme
@@ -55,13 +54,6 @@ const DividerRoot = styled('div', {
       left: 0,
       width: '100%'
     }
-  }, {
-    props: {
-      light: true
-    },
-    style: {
-      borderColor: theme.alpha((theme.vars || theme).palette.divider, 0.08)
-    }
   }, {
     props: {
       variant: 'inset'
@@ -206,7 +198,6 @@ const Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
     orientation = 'horizontal',
     component = children || orientation === 'vertical' ? 'div' : 'hr',
     flexItem = false,
-    light = false,
     role = component !== 'hr' ? 'separator' : undefined,
     textAlign = 'center',
     variant = 'fullWidth',
@@ -217,7 +208,6 @@ const Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
     absolute,
     component,
     flexItem,
-    light,
     orientation,
     role,
     textAlign,
@@ -280,12 +270,6 @@ process.env.NODE_ENV !== "production" ? Divider.propTypes /* remove-proptypes */
    * @default false
    */
   flexItem: PropTypes.bool,
-  /**
-   * If `true`, the divider will have a lighter color.
-   * @default false
-   * @deprecated Use <Divider sx={{ opacity: 0.6 }} /> (or any opacity or color) instead. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  light: PropTypes.bool,
   /**
    * The component orientation.
    * @default 'horizontal'

package/Divider/dividerClasses.d.mts

@@ -7,10 +7,6 @@ export interface DividerClasses {
   inset: string;
   /** Styles applied to the root element if `variant="fullWidth"`. */
   fullWidth: string;
-  /** Styles applied to the root element if `light={true}`.
-   * @deprecated
-   */
-  light: string;
   /** Styles applied to the root element if `variant="middle"`. */
   middle: string;
   /** Styles applied to the root element if `orientation="vertical"`. */
@@ -19,10 +15,6 @@ export interface DividerClasses {
   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"`.
-   * @deprecated Combine the [.MuiDivider-withChildren](/material-ui/api/divider/#divider-classes-MuiDivider-withChildren) and [.MuiDivider-vertical](/material-ui/api/divider/#divider-classes-MuiDivider-vertical) classes instead.
-   */
-  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"`. */

package/Divider/dividerClasses.d.ts

@@ -7,10 +7,6 @@ export interface DividerClasses {
   inset: string;
   /** Styles applied to the root element if `variant="fullWidth"`. */
   fullWidth: string;
-  /** Styles applied to the root element if `light={true}`.
-   * @deprecated
-   */
-  light: string;
   /** Styles applied to the root element if `variant="middle"`. */
   middle: string;
   /** Styles applied to the root element if `orientation="vertical"`. */
@@ -19,10 +15,6 @@ export interface DividerClasses {
   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"`.
-   * @deprecated Combine the [.MuiDivider-withChildren](/material-ui/api/divider/#divider-classes-MuiDivider-withChildren) and [.MuiDivider-vertical](/material-ui/api/divider/#divider-classes-MuiDivider-vertical) classes instead.
-   */
-  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"`. */

package/Divider/dividerClasses.js

@@ -11,5 +11,5 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
 function getDividerUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiDivider', slot);
 }
-const dividerClasses = (0, _generateUtilityClasses.default)('MuiDivider', ['root', 'absolute', 'fullWidth', 'inset', 'middle', 'flexItem', 'light', 'vertical', 'withChildren', 'withChildrenVertical', 'textAlignRight', 'textAlignLeft', 'wrapper', 'wrapperVertical']);
+const dividerClasses = (0, _generateUtilityClasses.default)('MuiDivider', ['root', 'absolute', 'fullWidth', 'inset', 'middle', 'flexItem', 'vertical', 'withChildren', 'textAlignRight', 'textAlignLeft', 'wrapper', 'wrapperVertical']);
 var _default = exports.default = dividerClasses;

package/Divider/dividerClasses.mjs

@@ -3,5 +3,5 @@ import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getDividerUtilityClass(slot) {
   return generateUtilityClass('MuiDivider', slot);
 }
-const dividerClasses = generateUtilityClasses('MuiDivider', ['root', 'absolute', 'fullWidth', 'inset', 'middle', 'flexItem', 'light', 'vertical', 'withChildren', 'withChildrenVertical', 'textAlignRight', 'textAlignLeft', 'wrapper', 'wrapperVertical']);
+const dividerClasses = generateUtilityClasses('MuiDivider', ['root', 'absolute', 'fullWidth', 'inset', 'middle', 'flexItem', 'vertical', 'withChildren', 'textAlignRight', 'textAlignLeft', 'wrapper', 'wrapperVertical']);
 export default dividerClasses;

package/Drawer/Drawer.d.mts

@@ -5,7 +5,6 @@ import { InternalStandardProps as StandardProps } from "../internal/index.mjs";
 import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.mjs";
 import { ModalProps } from "../Modal/index.mjs";
 import { BackdropProps } from "../Backdrop/index.mjs";
-import { SlideProps } from "../Slide/index.mjs";
 import { PaperProps } from "../Paper/index.mjs";
 import { TransitionProps } from "../transitions/transition.mjs";
 import { DrawerClasses } from "./drawerClasses.mjs";
@@ -106,17 +105,6 @@ export interface DrawerProps extends StandardProps<ModalProps, 'open' | 'childre
    * @default false
    */
   open?: boolean | undefined;
-  /**
-   * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
-   * @deprecated use the `slotProps.paper` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   * @default {}
-   */
-  PaperProps?: Partial<PaperProps<React.ElementType>> | undefined;
-  /**
-   * Props applied to the [`Slide`](https://mui.com/material-ui/api/slide/) element.
-   * @deprecated use the `slotProps.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  SlideProps?: Partial<SlideProps> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/Drawer/Drawer.d.ts

@@ -5,7 +5,6 @@ import { InternalStandardProps as StandardProps } from "../internal/index.js";
 import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
 import { ModalProps } from "../Modal/index.js";
 import { BackdropProps } from "../Backdrop/index.js";
-import { SlideProps } from "../Slide/index.js";
 import { PaperProps } from "../Paper/index.js";
 import { TransitionProps } from "../transitions/transition.js";
 import { DrawerClasses } from "./drawerClasses.js";
@@ -106,17 +105,6 @@ export interface DrawerProps extends StandardProps<ModalProps, 'open' | 'childre
    * @default false
    */
   open?: boolean | undefined;
-  /**
-   * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
-   * @deprecated use the `slotProps.paper` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   * @default {}
-   */
-  PaperProps?: Partial<PaperProps<React.ElementType>> | undefined;
-  /**
-   * Props applied to the [`Slide`](https://mui.com/material-ui/api/slide/) element.
-   * @deprecated use the `slotProps.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  SlideProps?: Partial<SlideProps> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/Drawer/Drawer.js

@@ -43,7 +43,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', `anchor${(0, _capitalize.default)(anchor)}`],
     docked: [(variant === 'permanent' || variant === 'persistent') && 'docked'],
     modal: ['modal'],
-    paper: ['paper', `paperAnchor${(0, _capitalize.default)(anchor)}`, variant !== 'temporary' && `paperAnchorDocked${(0, _capitalize.default)(anchor)}`]
+    paper: ['paper']
   };
   return (0, _composeClasses.default)(slots, _drawerClasses.getDrawerUtilityClass, classes);
 };
@@ -69,10 +69,7 @@ const DrawerPaper = (0, _zeroStyled.styled)(_Paper.default, {
   name: 'MuiDrawer',
   slot: 'Paper',
   overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.paper, styles[`paperAnchor${(0, _capitalize.default)(ownerState.anchor)}`], ownerState.variant !== 'temporary' && styles[`paperAnchorDocked${(0, _capitalize.default)(ownerState.anchor)}`]];
+    return [styles.paper];
   }
 })((0, _memoTheme.default)(({
   theme
@@ -191,21 +188,13 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
   };
   const {
     anchor: anchorProp = 'left',
-    BackdropProps,
     children,
     className,
     elevation = 16,
     hideBackdrop = false,
-    ModalProps: {
-      BackdropProps: BackdropPropsProp,
-      ...ModalProps
-    } = {},
+    ModalProps = {},
     onClose,
     open = false,
-    PaperProps = {},
-    SlideProps,
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent,
     transitionDuration = defaultTransitionDuration,
     variant = 'temporary',
     slots = {},
@@ -234,18 +223,10 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
   };
   const classes = useUtilityClasses(ownerState);
   const externalForwardedProps = {
-    slots: {
-      transition: TransitionComponent,
-      ...slots
-    },
+    slots,
     slotProps: {
-      paper: PaperProps,
-      transition: SlideProps,
       ...slotProps,
-      backdrop: (0, _utils.mergeSlotProps)(slotProps.backdrop || {
-        ...BackdropProps,
-        ...BackdropPropsProp
-      }, {
+      backdrop: (0, _utils.mergeSlotProps)(slotProps.backdrop, {
         transitionDuration
       })
     }
@@ -276,7 +257,7 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
   const [PaperSlot, paperSlotProps] = (0, _useSlot.default)('paper', {
     elementType: DrawerPaper,
     shouldForwardComponentProp: true,
-    className: (0, _clsx.default)(classes.paper, PaperProps.className),
+    className: classes.paper,
     ownerState,
     externalForwardedProps,
     additionalProps: {
@@ -344,10 +325,6 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes /* remove-proptypes */
    * @default 'left'
    */
   anchor: _propTypes.default.oneOf(['bottom', 'left', 'right', 'top']),
-  /**
-   * @ignore
-   */
-  BackdropProps: _propTypes.default.object,
   /**
    * The content of the component.
    */
@@ -388,17 +365,6 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes /* remove-proptypes */
    * @default false
    */
   open: _propTypes.default.bool,
-  /**
-   * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
-   * @deprecated use the `slotProps.paper` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   * @default {}
-   */
-  PaperProps: _propTypes.default.object,
-  /**
-   * Props applied to the [`Slide`](https://mui.com/material-ui/api/slide/) element.
-   * @deprecated use the `slotProps.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  SlideProps: _propTypes.default.object,
   /**
    * The props used for each slot inside.
    * @default {}

package/Drawer/Drawer.mjs

@@ -34,7 +34,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', `anchor${capitalize(anchor)}`],
     docked: [(variant === 'permanent' || variant === 'persistent') && 'docked'],
     modal: ['modal'],
-    paper: ['paper', `paperAnchor${capitalize(anchor)}`, variant !== 'temporary' && `paperAnchorDocked${capitalize(anchor)}`]
+    paper: ['paper']
   };
   return composeClasses(slots, getDrawerUtilityClass, classes);
 };
@@ -60,10 +60,7 @@ const DrawerPaper = styled(Paper, {
   name: 'MuiDrawer',
   slot: 'Paper',
   overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.paper, styles[`paperAnchor${capitalize(ownerState.anchor)}`], ownerState.variant !== 'temporary' && styles[`paperAnchorDocked${capitalize(ownerState.anchor)}`]];
+    return [styles.paper];
   }
 })(memoTheme(({
   theme
@@ -182,21 +179,13 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
   };
   const {
     anchor: anchorProp = 'left',
-    BackdropProps,
     children,
     className,
     elevation = 16,
     hideBackdrop = false,
-    ModalProps: {
-      BackdropProps: BackdropPropsProp,
-      ...ModalProps
-    } = {},
+    ModalProps = {},
     onClose,
     open = false,
-    PaperProps = {},
-    SlideProps,
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent,
     transitionDuration = defaultTransitionDuration,
     variant = 'temporary',
     slots = {},
@@ -225,18 +214,10 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
   };
   const classes = useUtilityClasses(ownerState);
   const externalForwardedProps = {
-    slots: {
-      transition: TransitionComponent,
-      ...slots
-    },
+    slots,
     slotProps: {
-      paper: PaperProps,
-      transition: SlideProps,
       ...slotProps,
-      backdrop: mergeSlotProps(slotProps.backdrop || {
-        ...BackdropProps,
-        ...BackdropPropsProp
-      }, {
+      backdrop: mergeSlotProps(slotProps.backdrop, {
         transitionDuration
       })
     }
@@ -267,7 +248,7 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
   const [PaperSlot, paperSlotProps] = useSlot('paper', {
     elementType: DrawerPaper,
     shouldForwardComponentProp: true,
-    className: clsx(classes.paper, PaperProps.className),
+    className: classes.paper,
     ownerState,
     externalForwardedProps,
     additionalProps: {
@@ -335,10 +316,6 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes /* remove-proptypes */
    * @default 'left'
    */
   anchor: PropTypes.oneOf(['bottom', 'left', 'right', 'top']),
-  /**
-   * @ignore
-   */
-  BackdropProps: PropTypes.object,
   /**
    * The content of the component.
    */
@@ -379,17 +356,6 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes /* remove-proptypes */
    * @default false
    */
   open: PropTypes.bool,
-  /**
-   * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
-   * @deprecated use the `slotProps.paper` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   * @default {}
-   */
-  PaperProps: PropTypes.object,
-  /**
-   * Props applied to the [`Slide`](https://mui.com/material-ui/api/slide/) element.
-   * @deprecated use the `slotProps.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  SlideProps: PropTypes.object,
   /**
    * The props used for each slot inside.
    * @default {}

package/Drawer/drawerClasses.d.mts

@@ -13,38 +13,6 @@ export interface DrawerClasses {
   anchorTop: string;
   /** Styles applied to the root element if `anchor="bottom"`. */
   anchorBottom: string;
-  /** Styles applied to the Paper component if `anchor="left"`.
-   *  @deprecated Combine the [.MuiDrawer-anchorLeft](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorLeft) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
-   */
-  paperAnchorLeft: string;
-  /** Styles applied to the Paper component if `anchor="right"`.
-   *  @deprecated Combine the [.MuiDrawer-anchorRight](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorRight) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
-   */
-  paperAnchorRight: string;
-  /** Styles applied to the Paper component if `anchor="top"`.
-   *  @deprecated Combine the [.MuiDrawer-anchorTop](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorTop) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
-   */
-  paperAnchorTop: string;
-  /** Styles applied to the Paper component if `anchor="bottom"`.
-   *  @deprecated Combine the [.MuiDrawer-anchorBottom](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorBottom) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
-   */
-  paperAnchorBottom: string;
-  /** Styles applied to the Paper component if `anchor="left"` and `variant` is not "temporary".
-   * @deprecated Combine the [.MuiDrawer-anchorLeft](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorLeft), [.MuiDrawer-docked](/material-ui/api/drawer/#Drawer-css-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
-   */
-  paperAnchorDockedLeft: string;
-  /** Styles applied to the Paper component if `anchor="top"` and `variant` is not "temporary".
-   * @deprecated Combine the [.MuiDrawer-anchorTop](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorTop), [.MuiDrawer-docked](/material-ui/api/drawer/#Drawer-css-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
-   */
-  paperAnchorDockedTop: string;
-  /** Styles applied to the Paper component if `anchor="right"` and `variant` is not "temporary".
-   * @deprecated Combine the [.MuiDrawer-anchorRight](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorRight), [.MuiDrawer-docked](/material-ui/api/drawer/#Drawer-css-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
-   */
-  paperAnchorDockedRight: string;
-  /** Styles applied to the Paper component if `anchor="bottom"` and `variant` is not "temporary".
-   * @deprecated Combine the [.MuiDrawer-anchorBottom](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorBottom), [.MuiDrawer-docked](/material-ui/api/drawer/#Drawer-css-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
-   */
-  paperAnchorDockedBottom: string;
   /** Styles applied to the Modal component. */
   modal: string;
 }

package/Drawer/drawerClasses.d.ts

@@ -13,38 +13,6 @@ export interface DrawerClasses {
   anchorTop: string;
   /** Styles applied to the root element if `anchor="bottom"`. */
   anchorBottom: string;
-  /** Styles applied to the Paper component if `anchor="left"`.
-   *  @deprecated Combine the [.MuiDrawer-anchorLeft](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorLeft) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
-   */
-  paperAnchorLeft: string;
-  /** Styles applied to the Paper component if `anchor="right"`.
-   *  @deprecated Combine the [.MuiDrawer-anchorRight](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorRight) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
-   */
-  paperAnchorRight: string;
-  /** Styles applied to the Paper component if `anchor="top"`.
-   *  @deprecated Combine the [.MuiDrawer-anchorTop](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorTop) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
-   */
-  paperAnchorTop: string;
-  /** Styles applied to the Paper component if `anchor="bottom"`.
-   *  @deprecated Combine the [.MuiDrawer-anchorBottom](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorBottom) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
-   */
-  paperAnchorBottom: string;
-  /** Styles applied to the Paper component if `anchor="left"` and `variant` is not "temporary".
-   * @deprecated Combine the [.MuiDrawer-anchorLeft](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorLeft), [.MuiDrawer-docked](/material-ui/api/drawer/#Drawer-css-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
-   */
-  paperAnchorDockedLeft: string;
-  /** Styles applied to the Paper component if `anchor="top"` and `variant` is not "temporary".
-   * @deprecated Combine the [.MuiDrawer-anchorTop](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorTop), [.MuiDrawer-docked](/material-ui/api/drawer/#Drawer-css-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
-   */
-  paperAnchorDockedTop: string;
-  /** Styles applied to the Paper component if `anchor="right"` and `variant` is not "temporary".
-   * @deprecated Combine the [.MuiDrawer-anchorRight](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorRight), [.MuiDrawer-docked](/material-ui/api/drawer/#Drawer-css-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
-   */
-  paperAnchorDockedRight: string;
-  /** Styles applied to the Paper component if `anchor="bottom"` and `variant` is not "temporary".
-   * @deprecated Combine the [.MuiDrawer-anchorBottom](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorBottom), [.MuiDrawer-docked](/material-ui/api/drawer/#Drawer-css-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
-   */
-  paperAnchorDockedBottom: string;
   /** Styles applied to the Modal component. */
   modal: string;
 }

package/Drawer/drawerClasses.js

@@ -11,5 +11,5 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
 function getDrawerUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiDrawer', slot);
 }
-const drawerClasses = (0, _generateUtilityClasses.default)('MuiDrawer', ['root', 'docked', 'paper', 'anchorLeft', 'anchorRight', 'anchorTop', 'anchorBottom', 'paperAnchorLeft', 'paperAnchorRight', 'paperAnchorTop', 'paperAnchorBottom', 'paperAnchorDockedLeft', 'paperAnchorDockedRight', 'paperAnchorDockedTop', 'paperAnchorDockedBottom', 'modal']);
+const drawerClasses = (0, _generateUtilityClasses.default)('MuiDrawer', ['root', 'docked', 'paper', 'anchorLeft', 'anchorRight', 'anchorTop', 'anchorBottom', 'modal']);
 var _default = exports.default = drawerClasses;

package/Drawer/drawerClasses.mjs

@@ -3,5 +3,5 @@ import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getDrawerUtilityClass(slot) {
   return generateUtilityClass('MuiDrawer', slot);
 }
-const drawerClasses = generateUtilityClasses('MuiDrawer', ['root', 'docked', 'paper', 'anchorLeft', 'anchorRight', 'anchorTop', 'anchorBottom', 'paperAnchorLeft', 'paperAnchorRight', 'paperAnchorTop', 'paperAnchorBottom', 'paperAnchorDockedLeft', 'paperAnchorDockedRight', 'paperAnchorDockedTop', 'paperAnchorDockedBottom', 'modal']);
+const drawerClasses = generateUtilityClasses('MuiDrawer', ['root', 'docked', 'paper', 'anchorLeft', 'anchorRight', 'anchorTop', 'anchorBottom', 'modal']);
 export default drawerClasses;

package/FilledInput/FilledInput.js

@@ -280,8 +280,6 @@ const FilledInput = /*#__PURE__*/React.forwardRef(function FilledInput(inProps,
   });
   const {
     disableUnderline = false,
-    components = {},
-    componentsProps: componentsPropsProp,
     fullWidth = false,
     hiddenLabel,
     // declare here to prevent spreading to DOM
@@ -309,9 +307,9 @@ const FilledInput = /*#__PURE__*/React.forwardRef(function FilledInput(inProps,
       ownerState
     }
   };
-  const componentsProps = slotProps ?? componentsPropsProp ? (0, _deepmerge.default)(filledInputComponentsProps, slotProps ?? componentsPropsProp) : filledInputComponentsProps;
-  const RootSlot = slots.root ?? components.Root ?? FilledInputRoot;
-  const InputSlot = slots.input ?? components.Input ?? FilledInputInput;
+  const componentsProps = slotProps ? (0, _deepmerge.default)(filledInputComponentsProps, slotProps) : filledInputComponentsProps;
+  const RootSlot = slots.root ?? FilledInputRoot;
+  const InputSlot = slots.input ?? FilledInputInput;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputBase.default, {
     slots: {
       root: RootSlot,
@@ -353,29 +351,6 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes /* remove-proptype
    * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
    */
   color: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['primary', 'secondary']), _propTypes.default.string]),
-  /**
-   * The components used for each slot inside.
-   *
-   * @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
-   */
-  components: _propTypes.default.shape({
-    Input: _propTypes.default.elementType,
-    Root: _propTypes.default.elementType
-  }),
-  /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   *
-   * @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
-   */
-  componentsProps: _propTypes.default.shape({
-    input: _propTypes.default.object,
-    root: _propTypes.default.object
-  }),
   /**
    * The default value. Use when the component is not controlled.
    */
@@ -482,8 +457,6 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes /* remove-proptype
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
    *
-   * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
-   *
    * @default {}
    */
   slotProps: _propTypes.default.shape({
@@ -493,8 +466,6 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes /* remove-proptype
   /**
    * The components used for each slot inside.
    *
-   * This prop is an alias for the `components` prop, which will be deprecated in the future.
-   *
    * @default {}
    */
   slots: _propTypes.default.shape({