@mui/material 9.0.0-alpha.4 → 9.0.0-beta.1

package/Popover/Popover.js

@@ -29,7 +29,7 @@ var _Modal = _interopRequireDefault(require("../Modal"));
 var _Paper = _interopRequireDefault(require("../Paper"));
 var _popoverClasses = require("./popoverClasses");
 var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
-var _utils = require("../utils");
+var _mergeSlotProps = _interopRequireDefault(require("../utils/mergeSlotProps"));
 var _jsxRuntime = require("react/jsx-runtime");
 function getOffsetTop(rect, vertical) {
   let offset = 0;
@@ -106,6 +106,7 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
     children,
     className,
     container: containerProp,
+    disableAutoFocus = false,
     elevation = 8,
     marginThreshold = 16,
     open,
@@ -199,11 +200,11 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
     const widthThreshold = containerWindow.innerWidth - marginThreshold;
 
     // Check if the vertical axis needs shifting
-    if (marginThreshold !== null && top < marginThreshold) {
+    if (marginThreshold != null && top < marginThreshold) {
       const diff = top - marginThreshold;
       top -= diff;
       elemTransformOrigin.vertical += diff;
-    } else if (marginThreshold !== null && bottom > heightThreshold) {
+    } else if (marginThreshold != null && bottom > heightThreshold) {
       const diff = bottom - heightThreshold;
       top -= diff;
       elemTransformOrigin.vertical += diff;
@@ -215,7 +216,7 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
     }
 
     // Check if the horizontal axis needs shifting
-    if (marginThreshold !== null && left < marginThreshold) {
+    if (marginThreshold != null && left < marginThreshold) {
       const diff = left - marginThreshold;
       left -= diff;
       elemTransformOrigin.horizontal += diff;
@@ -237,10 +238,10 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
       return;
     }
     const positioning = getPositioningStyle(element);
-    if (positioning.top !== null) {
+    if (positioning.top != null) {
       element.style.setProperty('top', positioning.top);
     }
-    if (positioning.left !== null) {
+    if (positioning.left != null) {
       element.style.left = positioning.left;
     }
     element.style.transformOrigin = positioning.transformOrigin;
@@ -332,7 +333,7 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
         backdrop: slots.backdrop
       },
       slotProps: {
-        backdrop: (0, _utils.mergeSlotProps)(typeof slotProps.backdrop === 'function' ? slotProps.backdrop(ownerState) : slotProps.backdrop, {
+        backdrop: (0, _mergeSlotProps.default)(typeof slotProps.backdrop === 'function' ? slotProps.backdrop(ownerState) : slotProps.backdrop, {
           invisible: true
         })
       },
@@ -361,6 +362,7 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
     ...(!(0, _isHostComponent.default)(RootSlot) && {
       slots: rootSlotsProp,
       slotProps: rootSlotPropsProp,
+      disableAutoFocus,
       disableScrollLock
     }),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionSlot, {
@@ -455,6 +457,16 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes /* remove-proptypes */
    * so it's simply `document.body` most of the time.
    */
   container: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_HTMLElementType.default, _propTypes.default.func]),
+  /**
+   * If `true`, the modal will not automatically shift focus to itself when it opens, and
+   * replace it to the last focused element when it closes.
+   * This also works correctly with any modal children that have the `disableAutoFocus` prop.
+   *
+   * Generally this should never be set to `true` as it makes the modal less
+   * accessible to assistive technologies, like screen readers.
+   * @default false
+   */
+  disableAutoFocus: _propTypes.default.bool,
   /**
    * Disable the scroll lock behavior.
    * @default false

package/Popover/Popover.mjs

@@ -20,7 +20,7 @@ import Modal from "../Modal/index.mjs";
 import PaperBase from "../Paper/index.mjs";
 import { getPopoverUtilityClass } from "./popoverClasses.mjs";
 import useSlot from "../utils/useSlot.mjs";
-import { mergeSlotProps } from "../utils/index.mjs";
+import mergeSlotProps from "../utils/mergeSlotProps.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function getOffsetTop(rect, vertical) {
   let offset = 0;
@@ -97,6 +97,7 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
     children,
     className,
     container: containerProp,
+    disableAutoFocus = false,
     elevation = 8,
     marginThreshold = 16,
     open,
@@ -190,11 +191,11 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
     const widthThreshold = containerWindow.innerWidth - marginThreshold;
 
     // Check if the vertical axis needs shifting
-    if (marginThreshold !== null && top < marginThreshold) {
+    if (marginThreshold != null && top < marginThreshold) {
       const diff = top - marginThreshold;
       top -= diff;
       elemTransformOrigin.vertical += diff;
-    } else if (marginThreshold !== null && bottom > heightThreshold) {
+    } else if (marginThreshold != null && bottom > heightThreshold) {
       const diff = bottom - heightThreshold;
       top -= diff;
       elemTransformOrigin.vertical += diff;
@@ -206,7 +207,7 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
     }
 
     // Check if the horizontal axis needs shifting
-    if (marginThreshold !== null && left < marginThreshold) {
+    if (marginThreshold != null && left < marginThreshold) {
       const diff = left - marginThreshold;
       left -= diff;
       elemTransformOrigin.horizontal += diff;
@@ -228,10 +229,10 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
       return;
     }
     const positioning = getPositioningStyle(element);
-    if (positioning.top !== null) {
+    if (positioning.top != null) {
       element.style.setProperty('top', positioning.top);
     }
-    if (positioning.left !== null) {
+    if (positioning.left != null) {
       element.style.left = positioning.left;
     }
     element.style.transformOrigin = positioning.transformOrigin;
@@ -352,6 +353,7 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
     ...(!isHostComponent(RootSlot) && {
       slots: rootSlotsProp,
       slotProps: rootSlotPropsProp,
+      disableAutoFocus,
       disableScrollLock
     }),
     children: /*#__PURE__*/_jsx(TransitionSlot, {
@@ -446,6 +448,16 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes /* remove-proptypes */
    * so it's simply `document.body` most of the time.
    */
   container: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([HTMLElementType, PropTypes.func]),
+  /**
+   * If `true`, the modal will not automatically shift focus to itself when it opens, and
+   * replace it to the last focused element when it closes.
+   * This also works correctly with any modal children that have the `disableAutoFocus` prop.
+   *
+   * Generally this should never be set to `true` as it makes the modal less
+   * accessible to assistive technologies, like screen readers.
+   * @default false
+   */
+  disableAutoFocus: PropTypes.bool,
   /**
    * Disable the scroll lock behavior.
    * @default false

package/Radio/Radio.js

@@ -10,7 +10,6 @@ exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _refType = _interopRequireDefault(require("@mui/utils/refType"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _SwitchBase = _interopRequireDefault(require("../internal/SwitchBase"));
 var _RadioButtonIcon = _interopRequireDefault(require("./RadioButtonIcon"));
@@ -134,7 +133,6 @@ const Radio = /*#__PURE__*/React.forwardRef(function Radio(inProps, ref) {
     disableRipple = false,
     slots = {},
     slotProps = {},
-    inputProps,
     ...other
   } = props;
   const muiFormControl = (0, _useFormControl.default)();
@@ -165,7 +163,7 @@ const Radio = /*#__PURE__*/React.forwardRef(function Radio(inProps, ref) {
       name = radioGroup.name;
     }
   }
-  const externalInputProps = slotProps.input ?? inputProps;
+  const externalInputProps = slotProps.input;
   const [RootSlot, rootSlotProps] = (0, _useSlot.default)('root', {
     ref,
     elementType: RadioRoot,
@@ -254,16 +252,6 @@ process.env.NODE_ENV !== "production" ? Radio.propTypes /* remove-proptypes */ =
    * The id of the `input` element.
    */
   id: _propTypes.default.string,
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
-   * @deprecated Use `slotProps.input` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  inputProps: _propTypes.default.object,
-  /**
-   * Pass a ref to the `input` element.
-   * @deprecated Use `slotProps.input.ref` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  inputRef: _refType.default,
   /**
    * Name attribute of the `input` element.
    */

package/Radio/Radio.mjs

@@ -3,7 +3,6 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import refType from '@mui/utils/refType';
 import composeClasses from '@mui/utils/composeClasses';
 import SwitchBase from "../internal/SwitchBase.mjs";
 import RadioButtonIcon from "./RadioButtonIcon.mjs";
@@ -127,7 +126,6 @@ const Radio = /*#__PURE__*/React.forwardRef(function Radio(inProps, ref) {
     disableRipple = false,
     slots = {},
     slotProps = {},
-    inputProps,
     ...other
   } = props;
   const muiFormControl = useFormControl();
@@ -158,7 +156,7 @@ const Radio = /*#__PURE__*/React.forwardRef(function Radio(inProps, ref) {
       name = radioGroup.name;
     }
   }
-  const externalInputProps = slotProps.input ?? inputProps;
+  const externalInputProps = slotProps.input;
   const [RootSlot, rootSlotProps] = useSlot('root', {
     ref,
     elementType: RadioRoot,
@@ -247,16 +245,6 @@ process.env.NODE_ENV !== "production" ? Radio.propTypes /* remove-proptypes */ =
    * The id of the `input` element.
    */
   id: PropTypes.string,
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
-   * @deprecated Use `slotProps.input` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  inputProps: PropTypes.object,
-  /**
-   * Pass a ref to the `input` element.
-   * @deprecated Use `slotProps.input.ref` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  inputRef: refType,
   /**
    * Name attribute of the `input` element.
    */

package/Rating/Rating.d.mts

@@ -104,15 +104,6 @@ export interface RatingOwnProps extends RatingSlotsAndSlotProps {
    * @default <Star fontSize="inherit" />
    */
   icon?: React.ReactNode;
-  /**
-   * The component containing the icon.
-   * @deprecated Use `slotProps.icon.component` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   * @default function IconContainer(props) {
-   *   const { value, ...other } = props;
-   *   return <span {...other} />;
-   * }
-   */
-  IconContainerComponent?: React.ElementType<IconContainerProps> | undefined;
   /**
    * Maximum rating.
    * @default 5

package/Rating/Rating.d.ts

@@ -104,15 +104,6 @@ export interface RatingOwnProps extends RatingSlotsAndSlotProps {
    * @default <Star fontSize="inherit" />
    */
   icon?: React.ReactNode;
-  /**
-   * The component containing the icon.
-   * @deprecated Use `slotProps.icon.component` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   * @default function IconContainer(props) {
-   *   const { value, ...other } = props;
-   *   return <span {...other} />;
-   * }
-   */
-  IconContainerComponent?: React.ElementType<IconContainerProps> | undefined;
   /**
    * Maximum rating.
    * @default 5

package/Rating/Rating.js

@@ -217,7 +217,6 @@ function RatingItem(props) {
     highlightSelectedOnly,
     hover,
     icon,
-    IconContainerComponent,
     isActive,
     itemValue,
     labelProps,
@@ -263,9 +262,7 @@ function RatingItem(props) {
       value: itemValue
     },
     internalForwardedProps: {
-      // TODO: remove this in v7 because `IconContainerComponent` is deprecated
-      // only forward if `slots.icon` is NOT provided
-      as: IconContainerComponent
+      as: IconContainer
     }
   });
   const [LabelSlot, labelSlotProps] = (0, _useSlot.default)('label', {
@@ -321,7 +318,6 @@ process.env.NODE_ENV !== "production" ? RatingItem.propTypes = {
   highlightSelectedOnly: _propTypes.default.bool.isRequired,
   hover: _propTypes.default.number.isRequired,
   icon: _propTypes.default.node,
-  IconContainerComponent: _propTypes.default.elementType.isRequired,
   isActive: _propTypes.default.bool.isRequired,
   itemValue: _propTypes.default.number.isRequired,
   labelProps: _propTypes.default.object,
@@ -361,7 +357,6 @@ const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
     getLabelText = defaultLabelText,
     highlightSelectedOnly = false,
     icon = defaultIcon,
-    IconContainerComponent = IconContainer,
     max = 5,
     name: nameProp,
     onChange,
@@ -504,7 +499,6 @@ const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
     focusVisible,
     getLabelText,
     icon,
-    IconContainerComponent,
     max,
     precision,
     readOnly,
@@ -566,7 +560,6 @@ const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
         highlightSelectedOnly,
         hover,
         icon,
-        IconContainerComponent,
         name,
         onBlur: handleBlur,
         onChange: handleChange,
@@ -692,15 +685,6 @@ process.env.NODE_ENV !== "production" ? Rating.propTypes /* remove-proptypes */
    * @default <Star fontSize="inherit" />
    */
   icon: _propTypes.default.node,
-  /**
-   * The component containing the icon.
-   * @deprecated Use `slotProps.icon.component` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   * @default function IconContainer(props) {
-   *   const { value, ...other } = props;
-   *   return <span {...other} />;
-   * }
-   */
-  IconContainerComponent: _propTypes.default.elementType,
   /**
    * Maximum rating.
    * @default 5

package/Rating/Rating.mjs

@@ -210,7 +210,6 @@ function RatingItem(props) {
     highlightSelectedOnly,
     hover,
     icon,
-    IconContainerComponent,
     isActive,
     itemValue,
     labelProps,
@@ -256,9 +255,7 @@ function RatingItem(props) {
       value: itemValue
     },
     internalForwardedProps: {
-      // TODO: remove this in v7 because `IconContainerComponent` is deprecated
-      // only forward if `slots.icon` is NOT provided
-      as: IconContainerComponent
+      as: IconContainer
     }
   });
   const [LabelSlot, labelSlotProps] = useSlot('label', {
@@ -314,7 +311,6 @@ process.env.NODE_ENV !== "production" ? RatingItem.propTypes = {
   highlightSelectedOnly: PropTypes.bool.isRequired,
   hover: PropTypes.number.isRequired,
   icon: PropTypes.node,
-  IconContainerComponent: PropTypes.elementType.isRequired,
   isActive: PropTypes.bool.isRequired,
   itemValue: PropTypes.number.isRequired,
   labelProps: PropTypes.object,
@@ -354,7 +350,6 @@ const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
     getLabelText = defaultLabelText,
     highlightSelectedOnly = false,
     icon = defaultIcon,
-    IconContainerComponent = IconContainer,
     max = 5,
     name: nameProp,
     onChange,
@@ -497,7 +492,6 @@ const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
     focusVisible,
     getLabelText,
     icon,
-    IconContainerComponent,
     max,
     precision,
     readOnly,
@@ -559,7 +553,6 @@ const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
         highlightSelectedOnly,
         hover,
         icon,
-        IconContainerComponent,
         name,
         onBlur: handleBlur,
         onChange: handleChange,
@@ -685,15 +678,6 @@ process.env.NODE_ENV !== "production" ? Rating.propTypes /* remove-proptypes */
    * @default <Star fontSize="inherit" />
    */
   icon: PropTypes.node,
-  /**
-   * The component containing the icon.
-   * @deprecated Use `slotProps.icon.component` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   * @default function IconContainer(props) {
-   *   const { value, ...other } = props;
-   *   return <span {...other} />;
-   * }
-   */
-  IconContainerComponent: PropTypes.elementType,
   /**
    * Maximum rating.
    * @default 5

package/Select/SelectInput.js

@@ -16,7 +16,6 @@ var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"
 var _useId = _interopRequireDefault(require("@mui/utils/useId"));
 var _refType = _interopRequireDefault(require("@mui/utils/refType"));
 var _ownerDocument = _interopRequireDefault(require("../utils/ownerDocument"));
-var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _Menu = _interopRequireDefault(require("../Menu/Menu"));
 var _NativeSelectInput = require("../NativeSelect/NativeSelectInput");
 var _utils = require("../InputBase/utils");
@@ -67,7 +66,7 @@ const SelectIcon = (0, _zeroStyled.styled)(_NativeSelectInput.StyledSelectIcon,
     const {
       ownerState
     } = props;
-    return [styles.icon, ownerState.variant && styles[`icon${(0, _capitalize.default)(ownerState.variant)}`], ownerState.open && styles.iconOpen];
+    return [styles.icon, ownerState.open && styles.iconOpen];
   }
 })({});
 const SelectNativeInput = (0, _zeroStyled.styled)('input', {
@@ -94,7 +93,7 @@ const useUtilityClasses = ownerState => {
   } = ownerState;
   const slots = {
     select: ['select', variant, disabled && 'disabled', multiple && 'multiple', error && 'error'],
-    icon: ['icon', `icon${(0, _capitalize.default)(variant)}`, open && 'iconOpen', disabled && 'disabled'],
+    icon: ['icon', open && 'iconOpen', disabled && 'disabled'],
     nativeInput: ['nativeInput']
   };
   return (0, _composeClasses.default)(slots, _selectClasses.getSelectUtilityClasses, classes);

package/Select/SelectInput.mjs

@@ -10,7 +10,6 @@ import composeClasses from '@mui/utils/composeClasses';
 import useId from '@mui/utils/useId';
 import refType from '@mui/utils/refType';
 import ownerDocument from "../utils/ownerDocument.mjs";
-import capitalize from "../utils/capitalize.mjs";
 import Menu from "../Menu/Menu.mjs";
 import { StyledSelectSelect, StyledSelectIcon } from "../NativeSelect/NativeSelectInput.mjs";
 import { isFilled } from "../InputBase/utils.mjs";
@@ -60,7 +59,7 @@ const SelectIcon = styled(StyledSelectIcon, {
     const {
       ownerState
     } = props;
-    return [styles.icon, ownerState.variant && styles[`icon${capitalize(ownerState.variant)}`], ownerState.open && styles.iconOpen];
+    return [styles.icon, ownerState.open && styles.iconOpen];
   }
 })({});
 const SelectNativeInput = styled('input', {
@@ -87,7 +86,7 @@ const useUtilityClasses = ownerState => {
   } = ownerState;
   const slots = {
     select: ['select', variant, disabled && 'disabled', multiple && 'multiple', error && 'error'],
-    icon: ['icon', `icon${capitalize(variant)}`, open && 'iconOpen', disabled && 'disabled'],
+    icon: ['icon', open && 'iconOpen', disabled && 'disabled'],
     nativeInput: ['nativeInput']
   };
   return composeClasses(slots, getSelectUtilityClasses, classes);

package/Select/selectClasses.d.mts

@@ -19,18 +19,6 @@ export interface SelectClasses {
   icon: string;
   /** Styles applied to the icon component if the popup is open. */
   iconOpen: string;
-  /** Styles applied to the icon component if `variant="filled"`.
-   * @deprecated Combine the [.MuiSelect-icon](/material-ui/api/select/#select-classes-MuiSelect-icon) and [.MuiSelect-filled](/material-ui/api/select/#select-classes-MuiSelect-filled) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  iconFilled: string;
-  /** Styles applied to the icon component if `variant="outlined"`.
-   * @deprecated Combine the [.MuiSelect-icon](/material-ui/api/select/#select-classes-MuiSelect-icon) and [.MuiSelect-outlined](/material-ui/api/select/#select-classes-MuiSelect-outlined) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  iconOutlined: string;
-  /** Styles applied to the icon component if `variant="standard"`.
-   * @deprecated Combine the [.MuiSelect-icon](/material-ui/api/select/#select-classes-MuiSelect-icon) and [.MuiSelect-standard](/material-ui/api/select/#select-classes-MuiSelect-standard) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  iconStandard: string;
   /** Styles applied to the underlying native input component. */
   nativeInput: string;
   /** State class applied to the root element if `error={true}`. */

package/Select/selectClasses.d.ts

@@ -19,18 +19,6 @@ export interface SelectClasses {
   icon: string;
   /** Styles applied to the icon component if the popup is open. */
   iconOpen: string;
-  /** Styles applied to the icon component if `variant="filled"`.
-   * @deprecated Combine the [.MuiSelect-icon](/material-ui/api/select/#select-classes-MuiSelect-icon) and [.MuiSelect-filled](/material-ui/api/select/#select-classes-MuiSelect-filled) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  iconFilled: string;
-  /** Styles applied to the icon component if `variant="outlined"`.
-   * @deprecated Combine the [.MuiSelect-icon](/material-ui/api/select/#select-classes-MuiSelect-icon) and [.MuiSelect-outlined](/material-ui/api/select/#select-classes-MuiSelect-outlined) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  iconOutlined: string;
-  /** Styles applied to the icon component if `variant="standard"`.
-   * @deprecated Combine the [.MuiSelect-icon](/material-ui/api/select/#select-classes-MuiSelect-icon) and [.MuiSelect-standard](/material-ui/api/select/#select-classes-MuiSelect-standard) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  iconStandard: string;
   /** Styles applied to the underlying native input component. */
   nativeInput: string;
   /** State class applied to the root element if `error={true}`. */

package/Select/selectClasses.js

@@ -11,5 +11,5 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
 function getSelectUtilityClasses(slot) {
   return (0, _generateUtilityClass.default)('MuiSelect', slot);
 }
-const selectClasses = (0, _generateUtilityClasses.default)('MuiSelect', ['root', 'select', 'multiple', 'filled', 'outlined', 'standard', 'disabled', 'focused', 'icon', 'iconOpen', 'iconFilled', 'iconOutlined', 'iconStandard', 'nativeInput', 'error']);
+const selectClasses = (0, _generateUtilityClasses.default)('MuiSelect', ['root', 'select', 'multiple', 'filled', 'outlined', 'standard', 'disabled', 'focused', 'icon', 'iconOpen', 'nativeInput', 'error']);
 var _default = exports.default = selectClasses;

package/Select/selectClasses.mjs

@@ -3,5 +3,5 @@ import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getSelectUtilityClasses(slot) {
   return generateUtilityClass('MuiSelect', slot);
 }
-const selectClasses = generateUtilityClasses('MuiSelect', ['root', 'select', 'multiple', 'filled', 'outlined', 'standard', 'disabled', 'focused', 'icon', 'iconOpen', 'iconFilled', 'iconOutlined', 'iconStandard', 'nativeInput', 'error']);
+const selectClasses = generateUtilityClasses('MuiSelect', ['root', 'select', 'multiple', 'filled', 'outlined', 'standard', 'disabled', 'focused', 'icon', 'iconOpen', 'nativeInput', 'error']);
 export default selectClasses;

package/Slider/Slider.d.mts

@@ -101,11 +101,6 @@ export type SliderSlotsAndSlotProps = CreateSlotsAndSlotProps<SliderSlots, {
    */
   input: SlotProps<'input', SliderInputSlotPropsOverrides, SliderOwnerState>;
 }>;
-
-/**
- * @deprecated Use `SliderRootSlotPropsOverrides` instead.
- */
-export interface SliderComponentsPropsOverrides {}
 export interface SliderOwnerState extends SliderProps {
   dragging: boolean;
   marked: boolean;

package/Slider/Slider.d.ts

@@ -101,11 +101,6 @@ export type SliderSlotsAndSlotProps = CreateSlotsAndSlotProps<SliderSlots, {
    */
   input: SlotProps<'input', SliderInputSlotPropsOverrides, SliderOwnerState>;
 }>;
-
-/**
- * @deprecated Use `SliderRootSlotPropsOverrides` instead.
- */
-export interface SliderComponentsPropsOverrides {}
 export interface SliderOwnerState extends SliderProps {
   dragging: boolean;
   marked: boolean;

package/Slider/Slider.js

@@ -239,13 +239,7 @@ const SliderTrack = exports.SliderTrack = (0, _zeroStyled.styled)('span', {
 }));
 const SliderThumb = exports.SliderThumb = (0, _zeroStyled.styled)('span', {
   name: 'MuiSlider',
-  slot: 'Thumb',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.thumb, styles[`thumbColor${(0, _capitalize.default)(ownerState.color)}`], ownerState.size !== 'medium' && styles[`thumbSize${(0, _capitalize.default)(ownerState.size)}`]];
-  }
+  slot: 'Thumb'
 })((0, _memoTheme.default)(({
   theme
 }) => ({
@@ -542,7 +536,7 @@ const useUtilityClasses = ownerState => {
     markLabel: ['markLabel'],
     markLabelActive: ['markLabelActive'],
     valueLabel: ['valueLabel'],
-    thumb: ['thumb', disabled && 'disabled', size && `thumbSize${(0, _capitalize.default)(size)}`, color && `thumbColor${(0, _capitalize.default)(color)}`],
+    thumb: ['thumb', disabled && 'disabled'],
     active: ['active'],
     disabled: ['disabled'],
     focusVisible: ['focusVisible']

package/Slider/Slider.mjs

@@ -232,13 +232,7 @@ export const SliderTrack = styled('span', {
 }));
 export const SliderThumb = styled('span', {
   name: 'MuiSlider',
-  slot: 'Thumb',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.thumb, styles[`thumbColor${capitalize(ownerState.color)}`], ownerState.size !== 'medium' && styles[`thumbSize${capitalize(ownerState.size)}`]];
-  }
+  slot: 'Thumb'
 })(memoTheme(({
   theme
 }) => ({
@@ -536,7 +530,7 @@ const useUtilityClasses = ownerState => {
     markLabel: ['markLabel'],
     markLabelActive: ['markLabelActive'],
     valueLabel: ['valueLabel'],
-    thumb: ['thumb', disabled && 'disabled', size && `thumbSize${capitalize(size)}`, color && `thumbColor${capitalize(color)}`],
+    thumb: ['thumb', disabled && 'disabled'],
     active: ['active'],
     disabled: ['disabled'],
     focusVisible: ['focusVisible']

package/Slider/sliderClasses.d.mts

@@ -45,34 +45,6 @@ export interface SliderClasses {
   markLabelActive: string;
   /** Styles applied to the root element if `size="small"`. */
   sizeSmall: string;
-  /** Styles applied to the thumb element if `color="primary"`.
-   * @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#Slider-css-MuiSlider-thumb) and [.MuiSlider-colorPrimary](/material-ui/api/slider/#slider-classes-MuiSlider-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  thumbColorPrimary: string;
-  /** Styles applied to the thumb element if `color="secondary"`.
-   * @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#Slider-css-MuiSlider-thumb) and [.MuiSlider-colorSecondary](/material-ui/api/slider/#slider-classes-MuiSlider-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  thumbColorSecondary: string;
-  /** Styles applied to the thumb element if `color="error"`.
-   * @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#Slider-css-MuiSlider-thumb) and [.MuiSlider-colorError](/material-ui/api/slider/#slider-classes-MuiSlider-colorError) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  thumbColorError: string;
-  /** Styles applied to the thumb element if `color="info"`.
-   * @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#Slider-css-MuiSlider-thumb) and [.MuiSlider-colorInfo](/material-ui/api/slider/#slider-classes-MuiSlider-colorInfo) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  thumbColorInfo: string;
-  /** Styles applied to the thumb element if `color="success"`.
-   * @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#Slider-css-MuiSlider-thumb) and [.MuiSlider-colorSuccess](/material-ui/api/slider/#slider-classes-MuiSlider-colorSuccess) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  thumbColorSuccess: string;
-  /** Styles applied to the thumb element if `color="warning"`.
-   * @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#Slider-css-MuiSlider-thumb) and [.MuiSlider-colorWarning](/material-ui/api/slider/#slider-classes-MuiSlider-colorWarning) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  thumbColorWarning: string;
-  /** Styles applied to the thumb element if `size="small"`.
-   * @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#Slider-css-MuiSlider-thumb) and [.MuiSlider-sizeSmall](/material-ui/api/slider/#slider-classes-MuiSlider-sizeSmall) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  thumbSizeSmall: string;
   /** Styles applied to the thumb label element. */
   valueLabel: string;
   /** Styles applied to the thumb label element if it's open. */