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

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/Snackbar/Snackbar.d.mts

@@ -54,7 +54,7 @@ export type SnackbarSlotsAndSlotProps = CreateSlotsAndSlotProps<SnackbarSlots, {
    * Props applied to the transition element.
    * By default, the element is based on the [Grow](https://mui.com/material-ui/api/grow/#props) component.
    */
-  transition: SlotComponentProps<React.ElementType, TransitionProps & SnackbarTransitionSlotPropsOverrides, SnackbarOwnerState>;
+  transition: SlotComponentProps<React.ElementType<TransitionProps>, TransitionProps & SnackbarTransitionSlotPropsOverrides, SnackbarOwnerState>;
 }>;
 export interface SnackbarOrigin {
   vertical: 'top' | 'bottom';

package/Snackbar/Snackbar.d.ts

@@ -54,7 +54,7 @@ export type SnackbarSlotsAndSlotProps = CreateSlotsAndSlotProps<SnackbarSlots, {
    * Props applied to the transition element.
    * By default, the element is based on the [Grow](https://mui.com/material-ui/api/grow/#props) component.
    */
-  transition: SlotComponentProps<React.ElementType, TransitionProps & SnackbarTransitionSlotPropsOverrides, SnackbarOwnerState>;
+  transition: SlotComponentProps<React.ElementType<TransitionProps>, TransitionProps & SnackbarTransitionSlotPropsOverrides, SnackbarOwnerState>;
 }>;
 export interface SnackbarOrigin {
   vertical: 'top' | 'bottom';

package/SpeedDial/SpeedDial.d.mts

@@ -31,7 +31,7 @@ export type SpeedDialSlotsAndSlotProps = CreateSlotsAndSlotProps<SpeedDialSlots,
    * Props forwarded to the transition slot.
    * By default, the available props are based on the [Zoom](https://mui.com/material-ui/api/zoom/#props) component.
    */
-  transition: SlotComponentProps<React.ElementType, TransitionProps, SpeedDialOwnerState>;
+  transition: SlotComponentProps<React.ElementType<TransitionProps>, TransitionProps, SpeedDialOwnerState>;
 }>;
 export interface SpeedDialProps extends Omit<StandardProps<React.HTMLAttributes<HTMLDivElement>, 'children'>, 'slots' | 'slotProps'>, SpeedDialSlotsAndSlotProps {
   /**

package/SpeedDial/SpeedDial.d.ts

@@ -31,7 +31,7 @@ export type SpeedDialSlotsAndSlotProps = CreateSlotsAndSlotProps<SpeedDialSlots,
    * Props forwarded to the transition slot.
    * By default, the available props are based on the [Zoom](https://mui.com/material-ui/api/zoom/#props) component.
    */
-  transition: SlotComponentProps<React.ElementType, TransitionProps, SpeedDialOwnerState>;
+  transition: SlotComponentProps<React.ElementType<TransitionProps>, TransitionProps, SpeedDialOwnerState>;
 }>;
 export interface SpeedDialProps extends Omit<StandardProps<React.HTMLAttributes<HTMLDivElement>, 'children'>, 'slots' | 'slotProps'>, SpeedDialSlotsAndSlotProps {
   /**

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/StepButton/StepButton.js

@@ -16,6 +16,7 @@ var _DefaultPropsProvider = require("../DefaultPropsProvider");
 var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
 var _StepLabel = _interopRequireDefault(require("../StepLabel"));
 var _isMuiElement = _interopRequireDefault(require("../utils/isMuiElement"));
+var _useRovingTabIndex = require("../utils/useRovingTabIndex");
 var _StepperContext = require("../Stepper/StepperContext");
 var _StepContext = _interopRequireDefault(require("../Step/StepContext"));
 var _stepButtonClasses = _interopRequireWildcard(require("./stepButtonClasses"));
@@ -61,6 +62,26 @@ const StepButtonRoot = (0, _zeroStyled.styled)(_ButtonBase.default, {
     }
   }]
 });
+const RovingStepButton = /*#__PURE__*/React.forwardRef(function RovingStepButton(props, ref) {
+  // eslint-disable-next-line react/prop-types
+  const {
+    children,
+    disabled,
+    index,
+    ...other
+  } = props;
+  const rovingItemProps = (0, _useRovingTabIndex.useRovingTabIndexItem)({
+    id: index,
+    ref,
+    disabled
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepButtonRoot, {
+    disabled: disabled,
+    ...rovingItemProps,
+    ...other,
+    children: children
+  });
+});
 const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, ref) {
   const props = (0, _DefaultPropsProvider.useDefaultProps)({
     props: inProps,
@@ -81,7 +102,7 @@ const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, re
   const {
     orientation,
     totalSteps,
-    getRovingTabIndexProps
+    isTabList
   } = (0, _StepperContext.useStepperContext)();
   const ownerState = {
     ...props,
@@ -96,24 +117,33 @@ const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, re
     ...childProps,
     children: children
   });
-  const rovingTabIndexItemProps = getRovingTabIndexProps?.(index, ref) ?? {
-    ref,
-    tabIndex: active ? 0 : -1
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepButtonRoot, {
+  const stepButtonProps = {
+    internalNativeButton: true,
     focusRipple: true,
-    disabled: disabled,
+    disabled,
     TouchRippleProps: {
       className: classes.touchRipple
     },
     className: (0, _clsx.default)(classes.root, className),
-    ownerState: ownerState,
-    "aria-selected": active,
-    "aria-posinset": index + 1,
-    "aria-setsize": totalSteps,
-    role: "tab",
-    ...rovingTabIndexItemProps,
-    ...other,
+    ownerState,
+    'aria-selected': active,
+    'aria-posinset': index + 1,
+    'aria-setsize': totalSteps,
+    role: 'tab',
+    ...other
+  };
+  if (isTabList) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(RovingStepButton, {
+      ...stepButtonProps,
+      index: index,
+      ref: ref,
+      children: child
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepButtonRoot, {
+    ref: ref,
+    tabIndex: active ? 0 : -1,
+    ...stepButtonProps,
     children: child
   });
 });

package/StepButton/StepButton.mjs

@@ -9,6 +9,7 @@ import { useDefaultProps } from "../DefaultPropsProvider/index.mjs";
 import ButtonBase from "../ButtonBase/index.mjs";
 import StepLabel from "../StepLabel/index.mjs";
 import isMuiElement from "../utils/isMuiElement.mjs";
+import { useRovingTabIndexItem } from "../utils/useRovingTabIndex.mjs";
 import { useStepperContext } from "../Stepper/StepperContext.mjs";
 import StepContext from "../Step/StepContext.mjs";
 import stepButtonClasses, { getStepButtonUtilityClass } from "./stepButtonClasses.mjs";
@@ -54,6 +55,26 @@ const StepButtonRoot = styled(ButtonBase, {
     }
   }]
 });
+const RovingStepButton = /*#__PURE__*/React.forwardRef(function RovingStepButton(props, ref) {
+  // eslint-disable-next-line react/prop-types
+  const {
+    children,
+    disabled,
+    index,
+    ...other
+  } = props;
+  const rovingItemProps = useRovingTabIndexItem({
+    id: index,
+    ref,
+    disabled
+  });
+  return /*#__PURE__*/_jsx(StepButtonRoot, {
+    disabled: disabled,
+    ...rovingItemProps,
+    ...other,
+    children: children
+  });
+});
 const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, ref) {
   const props = useDefaultProps({
     props: inProps,
@@ -74,7 +95,7 @@ const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, re
   const {
     orientation,
     totalSteps,
-    getRovingTabIndexProps
+    isTabList
   } = useStepperContext();
   const ownerState = {
     ...props,
@@ -89,24 +110,33 @@ const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, re
     ...childProps,
     children: children
   });
-  const rovingTabIndexItemProps = getRovingTabIndexProps?.(index, ref) ?? {
-    ref,
-    tabIndex: active ? 0 : -1
-  };
-  return /*#__PURE__*/_jsx(StepButtonRoot, {
+  const stepButtonProps = {
+    internalNativeButton: true,
     focusRipple: true,
-    disabled: disabled,
+    disabled,
     TouchRippleProps: {
       className: classes.touchRipple
     },
     className: clsx(classes.root, className),
-    ownerState: ownerState,
-    "aria-selected": active,
-    "aria-posinset": index + 1,
-    "aria-setsize": totalSteps,
-    role: "tab",
-    ...rovingTabIndexItemProps,
-    ...other,
+    ownerState,
+    'aria-selected': active,
+    'aria-posinset': index + 1,
+    'aria-setsize': totalSteps,
+    role: 'tab',
+    ...other
+  };
+  if (isTabList) {
+    return /*#__PURE__*/_jsx(RovingStepButton, {
+      ...stepButtonProps,
+      index: index,
+      ref: ref,
+      children: child
+    });
+  }
+  return /*#__PURE__*/_jsx(StepButtonRoot, {
+    ref: ref,
+    tabIndex: active ? 0 : -1,
+    ...stepButtonProps,
     children: child
   });
 });

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, {
@@ -21,7 +21,7 @@ export type StepContentSlotsAndSlotProps = CreateSlotsAndSlotProps<StepContentSl
    * Props forwarded to the transition slot.
    * By default, the available props are based on the [Collapse](https://mui.com/material-ui/api/collapse/#props) component
    */
-  transition: SlotComponentProps<React.ElementType, CollapseProps, StepContentOwnerState>;
+  transition: SlotComponentProps<React.ElementType<CollapseProps>, CollapseProps, StepContentOwnerState>;
 }>;
 export interface StepContentOwnerState extends StepContentProps {}
 export interface StepContentProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>>, StepContentSlotsAndSlotProps {
@@ -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, {
@@ -21,7 +21,7 @@ export type StepContentSlotsAndSlotProps = CreateSlotsAndSlotProps<StepContentSl
    * Props forwarded to the transition slot.
    * By default, the available props are based on the [Collapse](https://mui.com/material-ui/api/collapse/#props) component
    */
-  transition: SlotComponentProps<React.ElementType, CollapseProps, StepContentOwnerState>;
+  transition: SlotComponentProps<React.ElementType<CollapseProps>, CollapseProps, StepContentOwnerState>;
 }>;
 export interface StepContentOwnerState extends StepContentProps {}
 export interface StepContentProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>>, StepContentSlotsAndSlotProps {
@@ -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.js

@@ -70,9 +70,7 @@ const StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps,
   const {
     children,
     className,
-    TransitionComponent = _Collapse.default,
     transitionDuration: transitionDurationProp = 'auto',
-    TransitionProps,
     slots = {},
     slotProps = {},
     ...other
@@ -96,15 +94,12 @@ const StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps,
     }
   }
   let transitionDuration = transitionDurationProp;
-  if (transitionDurationProp === 'auto' && !TransitionComponent.muiSupportAuto) {
+  if (transitionDurationProp === 'auto' && !(slots.transition ?? _Collapse.default).muiSupportAuto) {
     transitionDuration = undefined;
   }
   const externalForwardedProps = {
     slots,
-    slotProps: {
-      transition: TransitionProps,
-      ...slotProps
-    }
+    slotProps
   };
   const [TransitionSlot, transitionProps] = (0, _useSlot.default)('transition', {
     elementType: StepContentTransition,
@@ -123,7 +118,6 @@ const StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps,
     ownerState: ownerState,
     ...other,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionSlot, {
-      as: TransitionComponent,
       ...transitionProps,
       children: children
     })
@@ -164,13 +158,6 @@ process.env.NODE_ENV !== "production" ? StepContent.propTypes /* remove-proptype
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
-  /**
-   * 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: _propTypes.default.elementType,
   /**
    * Adjust the duration of the content expand transition.
    * Passed as a prop to the transition component.
@@ -182,12 +169,6 @@ process.env.NODE_ENV !== "production" ? StepContent.propTypes /* remove-proptype
     appear: _propTypes.default.number,
     enter: _propTypes.default.number,
     exit: _propTypes.default.number
-  })]),
-  /**
-   * 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: _propTypes.default.object
+  })])
 } : void 0;
 var _default = exports.default = StepContent;

package/StepContent/StepContent.mjs

@@ -63,9 +63,7 @@ const StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps,
   const {
     children,
     className,
-    TransitionComponent = Collapse,
     transitionDuration: transitionDurationProp = 'auto',
-    TransitionProps,
     slots = {},
     slotProps = {},
     ...other
@@ -89,15 +87,12 @@ const StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps,
     }
   }
   let transitionDuration = transitionDurationProp;
-  if (transitionDurationProp === 'auto' && !TransitionComponent.muiSupportAuto) {
+  if (transitionDurationProp === 'auto' && !(slots.transition ?? Collapse).muiSupportAuto) {
     transitionDuration = undefined;
   }
   const externalForwardedProps = {
     slots,
-    slotProps: {
-      transition: TransitionProps,
-      ...slotProps
-    }
+    slotProps
   };
   const [TransitionSlot, transitionProps] = useSlot('transition', {
     elementType: StepContentTransition,
@@ -116,7 +111,6 @@ const StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps,
     ownerState: ownerState,
     ...other,
     children: /*#__PURE__*/_jsx(TransitionSlot, {
-      as: TransitionComponent,
       ...transitionProps,
       children: children
     })
@@ -157,13 +151,6 @@ process.env.NODE_ENV !== "production" ? StepContent.propTypes /* remove-proptype
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  /**
-   * 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: PropTypes.elementType,
   /**
    * Adjust the duration of the content expand transition.
    * Passed as a prop to the transition component.
@@ -175,12 +162,6 @@ process.env.NODE_ENV !== "production" ? StepContent.propTypes /* remove-proptype
     appear: PropTypes.number,
     enter: PropTypes.number,
     exit: PropTypes.number
-  })]),
-  /**
-   * 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: PropTypes.object
+  })])
 } : void 0;
 export default StepContent;