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

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. */

package/Slider/sliderClasses.d.ts

@@ -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. */

package/Slider/sliderClasses.js

@@ -11,5 +11,5 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
 function getSliderUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiSlider', slot);
 }
-const sliderClasses = (0, _generateUtilityClasses.default)('MuiSlider', ['root', 'active', 'colorPrimary', 'colorSecondary', 'colorError', 'colorInfo', 'colorSuccess', 'colorWarning', 'disabled', 'dragging', 'focusVisible', 'mark', 'markActive', 'marked', 'markLabel', 'markLabelActive', 'rail', 'sizeSmall', 'thumb', 'thumbColorPrimary', 'thumbColorSecondary', 'thumbColorError', 'thumbColorSuccess', 'thumbColorInfo', 'thumbColorWarning', 'track', 'trackInverted', 'trackFalse', 'thumbSizeSmall', 'valueLabel', 'valueLabelOpen', 'valueLabelCircle', 'valueLabelLabel', 'vertical']);
+const sliderClasses = (0, _generateUtilityClasses.default)('MuiSlider', ['root', 'active', 'colorPrimary', 'colorSecondary', 'colorError', 'colorInfo', 'colorSuccess', 'colorWarning', 'disabled', 'dragging', 'focusVisible', 'mark', 'markActive', 'marked', 'markLabel', 'markLabelActive', 'rail', 'sizeSmall', 'thumb', 'track', 'trackInverted', 'trackFalse', 'valueLabel', 'valueLabelOpen', 'valueLabelCircle', 'valueLabelLabel', 'vertical']);
 var _default = exports.default = sliderClasses;

package/Slider/sliderClasses.mjs

@@ -3,5 +3,5 @@ import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getSliderUtilityClass(slot) {
   return generateUtilityClass('MuiSlider', slot);
 }
-const sliderClasses = generateUtilityClasses('MuiSlider', ['root', 'active', 'colorPrimary', 'colorSecondary', 'colorError', 'colorInfo', 'colorSuccess', 'colorWarning', 'disabled', 'dragging', 'focusVisible', 'mark', 'markActive', 'marked', 'markLabel', 'markLabelActive', 'rail', 'sizeSmall', 'thumb', 'thumbColorPrimary', 'thumbColorSecondary', 'thumbColorError', 'thumbColorSuccess', 'thumbColorInfo', 'thumbColorWarning', 'track', 'trackInverted', 'trackFalse', 'thumbSizeSmall', 'valueLabel', 'valueLabelOpen', 'valueLabelCircle', 'valueLabelLabel', 'vertical']);
+const sliderClasses = generateUtilityClasses('MuiSlider', ['root', 'active', 'colorPrimary', 'colorSecondary', 'colorError', 'colorInfo', 'colorSuccess', 'colorWarning', 'disabled', 'dragging', 'focusVisible', 'mark', 'markActive', 'marked', 'markLabel', 'markLabelActive', 'rail', 'sizeSmall', 'thumb', 'track', 'trackInverted', 'trackFalse', 'valueLabel', 'valueLabelOpen', 'valueLabelCircle', 'valueLabelLabel', 'vertical']);
 export default sliderClasses;

package/Stack/Stack.d.mts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { ResponsiveStyleValue, SxProps, SystemProps } from '@mui/system';
+import { ResponsiveStyleValue, SxProps } from '@mui/system';
 import { OverrideProps, OverridableComponent } from "../OverridableComponent/index.mjs";
 import { Theme } from "../styles/createTheme.mjs";
-export interface StackOwnProps extends SystemProps<Theme> {
+export interface StackOwnProps {
   /**
    * The content of the component.
    */

package/Stack/Stack.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { ResponsiveStyleValue, SxProps, SystemProps } from '@mui/system';
+import { ResponsiveStyleValue, SxProps } from '@mui/system';
 import { OverrideProps, OverridableComponent } from "../OverridableComponent/index.js";
 import { Theme } from "../styles/createTheme.js";
-export interface StackOwnProps extends SystemProps<Theme> {
+export interface StackOwnProps {
   /**
    * The content of the component.
    */

package/StepConnector/StepConnector.js

@@ -11,7 +11,6 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _zeroStyled = require("../zero-styled");
 var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
 var _DefaultPropsProvider = require("../DefaultPropsProvider");
@@ -30,7 +29,7 @@ const useUtilityClasses = ownerState => {
   } = ownerState;
   const slots = {
     root: ['root', orientation, alternativeLabel && 'alternativeLabel', active && 'active', completed && 'completed', disabled && 'disabled'],
-    line: ['line', `line${(0, _capitalize.default)(orientation)}`]
+    line: ['line']
   };
   return (0, _composeClasses.default)(slots, _stepConnectorClasses.getStepConnectorUtilityClass, classes);
 };
@@ -67,12 +66,7 @@ const StepConnectorRoot = (0, _zeroStyled.styled)('div', {
 const StepConnectorLine = (0, _zeroStyled.styled)('span', {
   name: 'MuiStepConnector',
   slot: 'Line',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.line, styles[`line${(0, _capitalize.default)(ownerState.orientation)}`]];
-  }
+  overridesResolver: (props, styles) => styles.line
 })((0, _memoTheme.default)(({
   theme
 }) => {

package/StepConnector/StepConnector.mjs

@@ -4,7 +4,6 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
-import capitalize from "../utils/capitalize.mjs";
 import { styled } from "../zero-styled/index.mjs";
 import memoTheme from "../utils/memoTheme.mjs";
 import { useDefaultProps } from "../DefaultPropsProvider/index.mjs";
@@ -23,7 +22,7 @@ const useUtilityClasses = ownerState => {
   } = ownerState;
   const slots = {
     root: ['root', orientation, alternativeLabel && 'alternativeLabel', active && 'active', completed && 'completed', disabled && 'disabled'],
-    line: ['line', `line${capitalize(orientation)}`]
+    line: ['line']
   };
   return composeClasses(slots, getStepConnectorUtilityClass, classes);
 };
@@ -60,12 +59,7 @@ const StepConnectorRoot = styled('div', {
 const StepConnectorLine = styled('span', {
   name: 'MuiStepConnector',
   slot: 'Line',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.line, styles[`line${capitalize(ownerState.orientation)}`]];
-  }
+  overridesResolver: (props, styles) => styles.line
 })(memoTheme(({
   theme
 }) => {

package/StepConnector/stepConnectorClasses.d.mts

@@ -15,14 +15,6 @@ export interface StepConnectorClasses {
   disabled: string;
   /** Styles applied to the line element. */
   line: string;
-  /** Styles applied to the line element if `orientation="horizontal"`.
-   * @deprecated Combine the [.MuiStepConnector-horizontal](/material-ui/api/step-connector/#step-connector-classes-MuiStepConnector-horizontal) and [.MuiStepConnector-line](/material-ui/api/step-connector/#step-connector-classes-MuiStepConnector-line) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  lineHorizontal: string;
-  /** Styles applied to the line element if `orientation="vertical"`.
-   * @deprecated Combine the [.MuiStepConnector-vertical](/material-ui/api/step-connector/#step-connector-classes-MuiStepConnector-vertical) and [.MuiStepConnector-line](/material-ui/api/step-connector/#step-connector-classes-MuiStepConnector-line) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  lineVertical: string;
 }
 export type StepConnectorClassKey = keyof StepConnectorClasses;
 export declare function getStepConnectorUtilityClass(slot: string): string;

package/StepConnector/stepConnectorClasses.d.ts

@@ -15,14 +15,6 @@ export interface StepConnectorClasses {
   disabled: string;
   /** Styles applied to the line element. */
   line: string;
-  /** Styles applied to the line element if `orientation="horizontal"`.
-   * @deprecated Combine the [.MuiStepConnector-horizontal](/material-ui/api/step-connector/#step-connector-classes-MuiStepConnector-horizontal) and [.MuiStepConnector-line](/material-ui/api/step-connector/#step-connector-classes-MuiStepConnector-line) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  lineHorizontal: string;
-  /** Styles applied to the line element if `orientation="vertical"`.
-   * @deprecated Combine the [.MuiStepConnector-vertical](/material-ui/api/step-connector/#step-connector-classes-MuiStepConnector-vertical) and [.MuiStepConnector-line](/material-ui/api/step-connector/#step-connector-classes-MuiStepConnector-line) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  lineVertical: string;
 }
 export type StepConnectorClassKey = keyof StepConnectorClasses;
 export declare function getStepConnectorUtilityClass(slot: string): string;

package/StepConnector/stepConnectorClasses.js

@@ -11,5 +11,5 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
 function getStepConnectorUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiStepConnector', slot);
 }
-const stepConnectorClasses = (0, _generateUtilityClasses.default)('MuiStepConnector', ['root', 'horizontal', 'vertical', 'alternativeLabel', 'active', 'completed', 'disabled', 'line', 'lineHorizontal', 'lineVertical']);
+const stepConnectorClasses = (0, _generateUtilityClasses.default)('MuiStepConnector', ['root', 'horizontal', 'vertical', 'alternativeLabel', 'active', 'completed', 'disabled', 'line']);
 var _default = exports.default = stepConnectorClasses;

package/StepConnector/stepConnectorClasses.mjs

@@ -3,5 +3,5 @@ import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getStepConnectorUtilityClass(slot) {
   return generateUtilityClass('MuiStepConnector', slot);
 }
-const stepConnectorClasses = generateUtilityClasses('MuiStepConnector', ['root', 'horizontal', 'vertical', 'alternativeLabel', 'active', 'completed', 'disabled', 'line', 'lineHorizontal', 'lineVertical']);
+const stepConnectorClasses = generateUtilityClasses('MuiStepConnector', ['root', 'horizontal', 'vertical', 'alternativeLabel', 'active', 'completed', 'disabled', 'line']);
 export default stepConnectorClasses;

package/StepContent/StepContent.d.mts

@@ -13,7 +13,7 @@ export interface StepContentSlots {
    * @default Collapse
    */
   transition?: React.JSXElementConstructor<TransitionProps & {
-    children?: React.ReactElement<unknown, any> | undefined;
+    children: React.ReactElement<unknown, any>;
   }> | undefined;
 }
 export type StepContentSlotsAndSlotProps = CreateSlotsAndSlotProps<StepContentSlots, {
@@ -37,15 +37,6 @@ export interface StepContentProps extends StandardProps<React.HTMLAttributes<HTM
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx?: SxProps<Theme> | undefined;
-  /**
-   * The component used for the transition.
-   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-   * @default Collapse
-   * @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
-   */
-  TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
-    children: React.ReactElement<unknown, any>;
-  }> | undefined;
   /**
    * Adjust the duration of the content expand transition.
    * Passed as a prop to the transition component.
@@ -54,12 +45,6 @@ export interface StepContentProps extends StandardProps<React.HTMLAttributes<HTM
    * @default 'auto'
    */
   transitionDuration?: TransitionProps['timeout'] | 'auto' | undefined;
-  /**
-   * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
-   * @deprecated Use `slotProps.transition` 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.
-   */
-  TransitionProps?: TransitionProps | undefined;
 }
 export type StepContentClasskey = keyof NonNullable<StepContentProps['classes']>;
 

package/StepContent/StepContent.d.ts

@@ -13,7 +13,7 @@ export interface StepContentSlots {
    * @default Collapse
    */
   transition?: React.JSXElementConstructor<TransitionProps & {
-    children?: React.ReactElement<unknown, any> | undefined;
+    children: React.ReactElement<unknown, any>;
   }> | undefined;
 }
 export type StepContentSlotsAndSlotProps = CreateSlotsAndSlotProps<StepContentSlots, {
@@ -37,15 +37,6 @@ export interface StepContentProps extends StandardProps<React.HTMLAttributes<HTM
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx?: SxProps<Theme> | undefined;
-  /**
-   * The component used for the transition.
-   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-   * @default Collapse
-   * @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
-   */
-  TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
-    children: React.ReactElement<unknown, any>;
-  }> | undefined;
   /**
    * Adjust the duration of the content expand transition.
    * Passed as a prop to the transition component.
@@ -54,12 +45,6 @@ export interface StepContentProps extends StandardProps<React.HTMLAttributes<HTM
    * @default 'auto'
    */
   transitionDuration?: TransitionProps['timeout'] | 'auto' | undefined;
-  /**
-   * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
-   * @deprecated Use `slotProps.transition` 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.
-   */
-  TransitionProps?: TransitionProps | undefined;
 }
 export type StepContentClasskey = keyof NonNullable<StepContentProps['classes']>;