@mui/material 7.3.8 → 7.3.10

package/Snackbar/useSnackbar.types.d.ts

@@ -7,12 +7,12 @@ export interface UseSnackbarParameters {
    * the `null` value.
    * @default null
    */
-  autoHideDuration?: number | null;
+  autoHideDuration?: number | null | undefined;
   /**
    * If `true`, the `autoHideDuration` timer will expire even if the window is not focused.
    * @default false
    */
-  disableWindowBlurListener?: boolean;
+  disableWindowBlurListener?: boolean | undefined;
   /**
    * Callback fired when the component requests to be closed.
    * Typically `onClose` is used to set state in the parent component,
@@ -23,18 +23,18 @@ export interface UseSnackbarParameters {
    * @param {React.SyntheticEvent<any> | Event} event The event source of the callback.
    * @param {string} reason Can be: `"timeout"` (`autoHideDuration` expired), `"clickaway"`, or `"escapeKeyDown"`.
    */
-  onClose?: (event: React.SyntheticEvent<any> | Event | null, reason: SnackbarCloseReason) => void;
+  onClose?: ((event: React.SyntheticEvent<any> | Event | null, reason: SnackbarCloseReason) => void) | undefined;
   /**
    * If `true`, the component is shown.
    */
-  open?: boolean;
+  open?: boolean | undefined;
   /**
    * The number of milliseconds to wait before dismissing after user interaction.
    * If `autoHideDuration` prop isn't specified, it does nothing.
    * If `autoHideDuration` prop is specified but `resumeHideDuration` isn't,
    * we default to `autoHideDuration / 2` ms.
    */
-  resumeHideDuration?: number;
+  resumeHideDuration?: number | undefined;
 }
 export type UseSnackbarRootSlotProps<ExternalProps = {}> = ExternalProps & UseSnackbarRootSlotOwnProps;
 export interface UseSnackbarRootSlotOwnProps {
@@ -42,7 +42,7 @@ export interface UseSnackbarRootSlotOwnProps {
   onFocus: React.FocusEventHandler;
   onMouseEnter: React.MouseEventHandler;
   onMouseLeave: React.MouseEventHandler;
-  ref?: React.RefCallback<Element>;
+  ref?: React.RefCallback<Element> | undefined;
   role: React.AriaRole;
 }
 export interface UseSnackbarReturnValue {

package/SnackbarContent/SnackbarContent.d.ts

@@ -12,7 +12,7 @@ export interface SnackbarContentProps extends StandardProps<PaperProps, 'childre
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<SnackbarContentClasses>;
+  classes?: Partial<SnackbarContentClasses> | undefined;
   /**
    * The message to display.
    */
@@ -21,22 +21,22 @@ export interface SnackbarContentProps extends StandardProps<PaperProps, 'childre
    * The ARIA role attribute of the element.
    * @default 'alert'
    */
-  role?: PaperProps['role'];
+  role?: PaperProps['role'] | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 
 /**
  *
  * Demos:
  *
- * - [Snackbar](https://mui.com/material-ui/react-snackbar/)
+ * - [Snackbar](https://v7.mui.com/material-ui/react-snackbar/)
  *
  * API:
  *
- * - [SnackbarContent API](https://mui.com/material-ui/api/snackbar-content/)
- * - inherits [Paper API](https://mui.com/material-ui/api/paper/)
+ * - [SnackbarContent API](https://v7.mui.com/material-ui/api/snackbar-content/)
+ * - inherits [Paper API](https://v7.mui.com/material-ui/api/paper/)
  */
 export default function SnackbarContent(props: SnackbarContentProps): React.JSX.Element;

package/SpeedDial/SpeedDial.d.ts

@@ -41,7 +41,7 @@ export interface SpeedDialProps extends Omit<StandardProps<React.HTMLAttributes<
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<SpeedDialClasses>;
+  classes?: Partial<SpeedDialClasses> | undefined;
   /**
    * The aria-label of the button element.
    * Also used to provide the `id` for the `SpeedDial` element and its children.
@@ -51,17 +51,17 @@ export interface SpeedDialProps extends Omit<StandardProps<React.HTMLAttributes<
    * The direction the actions open relative to the floating action button.
    * @default 'up'
    */
-  direction?: 'up' | 'down' | 'left' | 'right';
+  direction?: 'up' | 'down' | 'left' | 'right' | undefined;
   /**
    * If `true`, the SpeedDial is hidden.
    * @default false
    */
-  hidden?: boolean;
+  hidden?: boolean | undefined;
   /**
    * Props applied to the [`Fab`](https://mui.com/material-ui/api/fab/) element.
    * @default {}
    */
-  FabProps?: Partial<FabProps>;
+  FabProps?: Partial<FabProps> | undefined;
   /**
    * The icon to display in the SpeedDial Fab. The `SpeedDialIcon` component
    * provides a default Icon with animation.
@@ -73,18 +73,18 @@ export interface SpeedDialProps extends Omit<StandardProps<React.HTMLAttributes<
    * @param {object} event The event source of the callback.
    * @param {string} reason Can be: `"toggle"`, `"blur"`, `"mouseLeave"`, `"escapeKeyDown"`.
    */
-  onClose?: (event: React.SyntheticEvent<{}>, reason: CloseReason) => void;
+  onClose?: ((event: React.SyntheticEvent<{}>, reason: CloseReason) => void) | undefined;
   /**
    * Callback fired when the component requests to be open.
    *
    * @param {object} event The event source of the callback.
    * @param {string} reason Can be: `"toggle"`, `"focus"`, `"mouseEnter"`.
    */
-  onOpen?: (event: React.SyntheticEvent<{}>, reason: OpenReason) => void;
+  onOpen?: ((event: React.SyntheticEvent<{}>, reason: OpenReason) => void) | undefined;
   /**
    * If `true`, the component is shown.
    */
-  open?: boolean;
+  open?: boolean | undefined;
   /**
    * The icon to display in the SpeedDial Fab when the SpeedDial is open.
    */
@@ -92,14 +92,14 @@ export interface SpeedDialProps extends Omit<StandardProps<React.HTMLAttributes<
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  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 Zoom
    * * @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>;
+  TransitionComponent?: React.JSXElementConstructor<TransitionProps> | undefined;
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -108,13 +108,13 @@ export interface SpeedDialProps extends Omit<StandardProps<React.HTMLAttributes<
    *   exit: theme.transitions.duration.leavingScreen,
    * }
    */
-  transitionDuration?: TransitionProps['timeout'];
+  transitionDuration?: TransitionProps['timeout'] | 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. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
    */
-  TransitionProps?: TransitionProps;
+  TransitionProps?: TransitionProps | undefined;
 }
 export interface SpeedDialOwnerState extends SpeedDialProps {}
 
@@ -122,10 +122,10 @@ export interface SpeedDialOwnerState extends SpeedDialProps {}
  *
  * Demos:
  *
- * - [Speed Dial](https://mui.com/material-ui/react-speed-dial/)
+ * - [Speed Dial](https://v7.mui.com/material-ui/react-speed-dial/)
  *
  * API:
  *
- * - [SpeedDial API](https://mui.com/material-ui/api/speed-dial/)
+ * - [SpeedDial API](https://v7.mui.com/material-ui/api/speed-dial/)
  */
 export default function SpeedDial(props: SpeedDialProps): React.JSX.Element;

package/SpeedDialAction/SpeedDialAction.d.ts

@@ -11,22 +11,22 @@ export interface SpeedDialActionSlots {
    * The component that renders the fab.
    * @default Fab
    */
-  fab?: React.ElementType;
+  fab?: React.ElementType | undefined;
   /**
    * The component that renders the tooltip.
    * @default Tooltip
    */
-  tooltip?: React.ElementType;
+  tooltip?: React.ElementType | undefined;
   /**
    * The component that renders the static tooltip.
    * @default 'span'
    */
-  staticTooltip?: React.ElementType;
+  staticTooltip?: React.ElementType | undefined;
   /**
    * The component that renders the static tooltip label.
    * @default 'span'
    */
-  staticTooltipLabel?: React.ElementType;
+  staticTooltipLabel?: React.ElementType | undefined;
 }
 export interface SpeedDialActionFabSlotPropsOverrides {}
 export interface SpeedDialActionTooltipSlotPropsOverrides {}
@@ -58,18 +58,18 @@ export interface SpeedDialActionProps extends Omit<StandardProps<Partial<Tooltip
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<SpeedDialActionClasses>;
+  classes?: Partial<SpeedDialActionClasses> | undefined;
   /**
    * Props applied to the [`Fab`](https://mui.com/material-ui/api/fab/) component.
    * @default {}
    * @deprecated Use `slotProps.fab` 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.
    */
-  FabProps?: Partial<FabProps>;
+  FabProps?: Partial<FabProps> | undefined;
   /**
    * Adds a transition delay, to allow a series of SpeedDialActions to be animated.
    * @default 0
    */
-  delay?: number;
+  delay?: number | undefined;
   /**
    * The icon to display in the SpeedDial Fab.
    */
@@ -77,18 +77,18 @@ export interface SpeedDialActionProps extends Omit<StandardProps<Partial<Tooltip
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * `classes` prop applied to the [`Tooltip`](https://mui.com/material-ui/api/tooltip/) element.
    * @deprecated Use `slotProps.tooltip.classes` 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.
    */
-  TooltipClasses?: TooltipProps['classes'];
+  TooltipClasses?: TooltipProps['classes'] | undefined;
   /**
    * Placement of the tooltip.
    * @default 'left'
    * @deprecated Use `slotProps.tooltip.placement` 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.
    */
-  tooltipPlacement?: TooltipProps['placement'];
+  tooltipPlacement?: TooltipProps['placement'] | undefined;
   /**
    * Label to display in the tooltip.
    * @deprecated Use `slotProps.tooltip.title` 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.
@@ -99,19 +99,19 @@ export interface SpeedDialActionProps extends Omit<StandardProps<Partial<Tooltip
    * @default false
    * @deprecated Use `slotProps.tooltip.open` 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.
    */
-  tooltipOpen?: boolean;
+  tooltipOpen?: boolean | undefined;
 }
 
 /**
  *
  * Demos:
  *
- * - [Speed Dial](https://mui.com/material-ui/react-speed-dial/)
+ * - [Speed Dial](https://v7.mui.com/material-ui/react-speed-dial/)
  *
  * API:
  *
- * - [SpeedDialAction API](https://mui.com/material-ui/api/speed-dial-action/)
- * - inherits [Tooltip API](https://mui.com/material-ui/api/tooltip/)
+ * - [SpeedDialAction API](https://v7.mui.com/material-ui/api/speed-dial-action/)
+ * - inherits [Tooltip API](https://v7.mui.com/material-ui/api/tooltip/)
  */
 export default function SpeedDialAction(props: SpeedDialActionProps): React.JSX.Element;
 export interface SpeedDialActionOwnerState extends Omit<SpeedDialActionProps, 'slots' | 'slotProps'> {}

package/SpeedDialIcon/SpeedDialIcon.d.ts

@@ -7,7 +7,7 @@ export interface SpeedDialIconProps extends StandardProps<React.HTMLAttributes<H
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<SpeedDialIconClasses>;
+  classes?: Partial<SpeedDialIconClasses> | undefined;
   /**
    * The icon to display.
    */
@@ -20,22 +20,22 @@ export interface SpeedDialIconProps extends StandardProps<React.HTMLAttributes<H
    * @ignore
    * If `true`, the component is shown.
    */
-  open?: boolean;
+  open?: boolean | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 
 /**
  *
  * Demos:
  *
- * - [Speed Dial](https://mui.com/material-ui/react-speed-dial/)
+ * - [Speed Dial](https://v7.mui.com/material-ui/react-speed-dial/)
  *
  * API:
  *
- * - [SpeedDialIcon API](https://mui.com/material-ui/api/speed-dial-icon/)
+ * - [SpeedDialIcon API](https://v7.mui.com/material-ui/api/speed-dial-icon/)
  */
 declare const SpeedDialIcon: ((props: SpeedDialIconProps) => React.JSX.Element) & {
   muiName: string;

package/SpeedDialIcon/SpeedDialIcon.js

@@ -73,6 +73,10 @@ const SpeedDialIconRoot = (0, _zeroStyled.styled)('span', {
     style: {
       [`& .${_speedDialIconClasses.default.icon}`]: {
         transform: 'rotate(45deg)'
+      },
+      [`& .${_speedDialIconClasses.default.openIcon}`]: {
+        transform: 'rotate(0deg)',
+        opacity: 1
       }
     }
   }, {
@@ -84,16 +88,6 @@ const SpeedDialIconRoot = (0, _zeroStyled.styled)('span', {
         opacity: 0
       }
     }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.open,
-    style: {
-      [`& .${_speedDialIconClasses.default.openIcon}`]: {
-        transform: 'rotate(0deg)',
-        opacity: 1
-      }
-    }
   }]
 })));
 const SpeedDialIcon = /*#__PURE__*/React.forwardRef(function SpeedDialIcon(inProps, ref) {

package/Stack/Stack.d.ts

@@ -12,12 +12,12 @@ export interface StackOwnProps extends SystemProps<Theme> {
    * It is applied for all screen sizes.
    * @default 'column'
    */
-  direction?: ResponsiveStyleValue<'row' | 'row-reverse' | 'column' | 'column-reverse'>;
+  direction?: ResponsiveStyleValue<'row' | 'row-reverse' | 'column' | 'column-reverse'> | undefined;
   /**
    * Defines the space between immediate children.
    * @default 0
    */
-  spacing?: ResponsiveStyleValue<number | string>;
+  spacing?: ResponsiveStyleValue<number | string> | undefined;
   /**
    * Add an element between each child.
    */
@@ -31,11 +31,11 @@ export interface StackOwnProps extends SystemProps<Theme> {
    * To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.
    * @default false
    */
-  useFlexGap?: boolean;
+  useFlexGap?: boolean | undefined;
   /**
    * The system prop, which allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface StackTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
   props: AdditionalProps & StackOwnProps;
@@ -45,14 +45,14 @@ export interface StackTypeMap<AdditionalProps = {}, RootComponent extends React.
  *
  * Demos:
  *
- * - [Stack](https://mui.com/material-ui/react-stack/)
+ * - [Stack](https://v7.mui.com/material-ui/react-stack/)
  *
  * API:
  *
- * - [Stack API](https://mui.com/material-ui/api/stack/)
+ * - [Stack API](https://v7.mui.com/material-ui/api/stack/)
  */
 declare const Stack: OverridableComponent<StackTypeMap>;
 export type StackProps<RootComponent extends React.ElementType = StackTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<StackTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default Stack;

package/Step/Step.d.ts

@@ -7,7 +7,7 @@ export interface StepOwnProps {
   /**
    * Sets the step as active. Is passed to child components.
    */
-  active?: boolean;
+  active?: boolean | undefined;
   /**
    * Should be `Step` sub-components such as `StepLabel`, `StepContent`.
    */
@@ -15,44 +15,44 @@ export interface StepOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<StepClasses>;
+  classes?: Partial<StepClasses> | undefined;
   /**
    * Mark the step as completed. Is passed to child components.
    */
-  completed?: boolean;
+  completed?: boolean | undefined;
   /**
    * If `true`, the step is disabled, will also disable the button if
    * `StepButton` is a child of `Step`. Is passed to child components.
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * Expand the step.
    * @default false
    */
-  expanded?: boolean;
+  expanded?: boolean | undefined;
   /**
    * The position of the step.
    * The prop defaults to the value inherited from the parent Stepper component.
    */
-  index?: number;
+  index?: number | undefined;
   /**
    * If `true`, the Step is displayed as rendered last.
    * The prop defaults to the value inherited from the parent Stepper component.
    */
-  last?: boolean;
+  last?: boolean | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface StepTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
   props: AdditionalProps & StepOwnProps;
   defaultComponent: RootComponent;
 }
 export type StepProps<RootComponent extends React.ElementType = StepTypeMap['defaultComponent'], AdditionalProps = {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 }> = OverrideProps<StepTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export type StepClasskey = keyof NonNullable<StepProps['classes']>;
 
@@ -60,11 +60,11 @@ export type StepClasskey = keyof NonNullable<StepProps['classes']>;
  *
  * Demos:
  *
- * - [Stepper](https://mui.com/material-ui/react-stepper/)
+ * - [Stepper](https://v7.mui.com/material-ui/react-stepper/)
  *
  * API:
  *
- * - [Step API](https://mui.com/material-ui/api/step/)
+ * - [Step API](https://v7.mui.com/material-ui/api/step/)
  */
 declare const Step: OverridableComponent<StepTypeMap>;
 export default Step;

package/StepButton/StepButton.d.ts

@@ -12,7 +12,7 @@ export interface StepButtonOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<StepButtonClasses>;
+  classes?: Partial<StepButtonClasses> | undefined;
   /**
    * The icon displayed by the step label.
    */
@@ -24,7 +24,7 @@ export interface StepButtonOwnProps {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export type StepButtonTypeMap<AdditionalProps, RootComponent extends React.ElementType> = ExtendButtonBaseTypeMap<{
   props: AdditionalProps & StepButtonOwnProps;
@@ -36,16 +36,16 @@ export type StepButtonTypeMap<AdditionalProps, RootComponent extends React.Eleme
  *
  * Demos:
  *
- * - [Stepper](https://mui.com/material-ui/react-stepper/)
+ * - [Stepper](https://v7.mui.com/material-ui/react-stepper/)
  *
  * API:
  *
- * - [StepButton API](https://mui.com/material-ui/api/step-button/)
- * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
+ * - [StepButton API](https://v7.mui.com/material-ui/api/step-button/)
+ * - inherits [ButtonBase API](https://v7.mui.com/material-ui/api/button-base/)
  */
 declare const StepButton: ExtendButtonBase<StepButtonTypeMap<{}, ButtonBaseTypeMap['defaultComponent']>>;
 export type StepButtonClasskey = keyof NonNullable<StepButtonProps['classes']>;
 export type StepButtonProps<RootComponent extends React.ElementType = ButtonBaseTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<StepButtonTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default StepButton;

package/StepConnector/StepConnector.d.ts

@@ -8,11 +8,11 @@ export interface StepConnectorProps extends StandardProps<React.HTMLAttributes<H
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<StepConnectorClasses>;
+  classes?: Partial<StepConnectorClasses> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export type StepConnectorClasskey = keyof NonNullable<StepConnectorProps['classes']>;
 
@@ -20,10 +20,10 @@ export type StepConnectorClasskey = keyof NonNullable<StepConnectorProps['classe
  *
  * Demos:
  *
- * - [Stepper](https://mui.com/material-ui/react-stepper/)
+ * - [Stepper](https://v7.mui.com/material-ui/react-stepper/)
  *
  * API:
  *
- * - [StepConnector API](https://mui.com/material-ui/api/step-connector/)
+ * - [StepConnector API](https://v7.mui.com/material-ui/api/step-connector/)
  */
 export default function StepConnector(props: StepConnectorProps): React.JSX.Element;

package/StepContent/StepContent.d.ts

@@ -13,8 +13,8 @@ export interface StepContentSlots {
    * @default Collapse
    */
   transition?: React.JSXElementConstructor<TransitionProps & {
-    children?: React.ReactElement<unknown, any>;
-  }>;
+    children?: React.ReactElement<unknown, any> | undefined;
+  }> | undefined;
 }
 export type StepContentSlotsAndSlotProps = CreateSlotsAndSlotProps<StepContentSlots, {
   /**
@@ -32,11 +32,11 @@ export interface StepContentProps extends StandardProps<React.HTMLAttributes<HTM
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<StepContentClasses>;
+  classes?: Partial<StepContentClasses> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  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.
@@ -45,7 +45,7 @@ export interface StepContentProps extends StandardProps<React.HTMLAttributes<HTM
    */
   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.
@@ -53,13 +53,13 @@ export interface StepContentProps extends StandardProps<React.HTMLAttributes<HTM
    * Set to 'auto' to automatically calculate transition time based on height.
    * @default 'auto'
    */
-  transitionDuration?: TransitionProps['timeout'] | '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;
+  TransitionProps?: TransitionProps | undefined;
 }
 export type StepContentClasskey = keyof NonNullable<StepContentProps['classes']>;
 
@@ -67,10 +67,10 @@ export type StepContentClasskey = keyof NonNullable<StepContentProps['classes']>
  *
  * Demos:
  *
- * - [Stepper](https://mui.com/material-ui/react-stepper/)
+ * - [Stepper](https://v7.mui.com/material-ui/react-stepper/)
  *
  * API:
  *
- * - [StepContent API](https://mui.com/material-ui/api/step-content/)
+ * - [StepContent API](https://v7.mui.com/material-ui/api/step-content/)
  */
 export default function StepContent(props: StepContentProps): React.JSX.Element;

package/StepIcon/StepIcon.d.ts

@@ -11,21 +11,21 @@ extends StandardProps<React.HTMLAttributes<HTMLDivElement>, 'color' | 'children'
    * Whether this step is active.
    * @default false
    */
-  active?: boolean;
+  active?: boolean | undefined;
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<StepIconClasses>;
+  classes?: Partial<StepIconClasses> | undefined;
   /**
    * Mark the step as completed. Is passed to child components.
    * @default false
    */
-  completed?: boolean;
+  completed?: boolean | undefined;
   /**
    * If `true`, the step is marked as failed.
    * @default false
    */
-  error?: boolean;
+  error?: boolean | undefined;
   /**
    * The label displayed in the step icon.
    */
@@ -33,7 +33,7 @@ extends StandardProps<React.HTMLAttributes<HTMLDivElement>, 'color' | 'children'
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export type StepIconClasskey = keyof NonNullable<StepIconProps['classes']>;
 
@@ -41,11 +41,11 @@ export type StepIconClasskey = keyof NonNullable<StepIconProps['classes']>;
  *
  * Demos:
  *
- * - [Stepper](https://mui.com/material-ui/react-stepper/)
+ * - [Stepper](https://v7.mui.com/material-ui/react-stepper/)
  *
  * API:
  *
- * - [StepIcon API](https://mui.com/material-ui/api/step-icon/)
- * - inherits [SvgIcon API](https://mui.com/material-ui/api/svg-icon/)
+ * - [StepIcon API](https://v7.mui.com/material-ui/api/step-icon/)
+ * - inherits [SvgIcon API](https://v7.mui.com/material-ui/api/svg-icon/)
  */
 export default function StepIcon(props: StepIconProps): React.JSX.Element;

package/StepIcon/StepIcon.js

@@ -44,10 +44,7 @@ const StepIconRoot = (0, _zeroStyled.styled)(_SvgIcon.default, {
     duration: theme.transitions.duration.shortest
   }),
   color: (theme.vars || theme).palette.text.disabled,
-  [`&.${_stepIconClasses.default.completed}`]: {
-    color: (theme.vars || theme).palette.primary.main
-  },
-  [`&.${_stepIconClasses.default.active}`]: {
+  [`&.${_stepIconClasses.default.completed}, &.${_stepIconClasses.default.active}`]: {
     color: (theme.vars || theme).palette.primary.main
   },
   [`&.${_stepIconClasses.default.error}`]: {