@mui/material 7.3.8 → 7.3.10

package/StepLabel/StepLabel.d.ts

@@ -47,7 +47,7 @@ export interface StepLabelProps extends StandardProps<React.HTMLAttributes<HTMLD
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<StepLabelClasses>;
+  classes?: Partial<StepLabelClasses> | undefined;
   /**
    * The props used for each slot inside.
    * @default {}
@@ -58,13 +58,13 @@ export interface StepLabelProps extends StandardProps<React.HTMLAttributes<HTMLD
      * Props applied to the label element.
      * @default {}
      */
-    label?: React.HTMLProps<HTMLSpanElement>;
-  };
+    label?: React.HTMLProps<HTMLSpanElement> | undefined;
+  } | undefined;
   /**
    * If `true`, the step is marked as failed.
    * @default false
    */
-  error?: boolean;
+  error?: boolean | undefined;
   /**
    * Override the default label of the step icon.
    */
@@ -77,16 +77,16 @@ export interface StepLabelProps extends StandardProps<React.HTMLAttributes<HTMLD
    * The component to render in place of the [`StepIcon`](https://mui.com/material-ui/api/step-icon/).
    * @deprecated Use `slots.stepIcon` 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.
    */
-  StepIconComponent?: React.ElementType<StepIconProps>;
+  StepIconComponent?: React.ElementType<StepIconProps> | undefined;
   /**
    * Props applied to the [`StepIcon`](https://mui.com/material-ui/api/step-icon/) element.
    * @deprecated Use `slotProps.stepIcon` 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.
    */
-  StepIconProps?: Partial<StepIconProps>;
+  StepIconProps?: Partial<StepIconProps> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export type StepLabelClasskey = keyof NonNullable<StepLabelProps['classes']>;
 
@@ -94,11 +94,11 @@ export type StepLabelClasskey = keyof NonNullable<StepLabelProps['classes']>;
  *
  * Demos:
  *
- * - [Stepper](https://mui.com/material-ui/react-stepper/)
+ * - [Stepper](https://v7.mui.com/material-ui/react-stepper/)
  *
  * API:
  *
- * - [StepLabel API](https://mui.com/material-ui/api/step-label/)
+ * - [StepLabel API](https://v7.mui.com/material-ui/api/step-label/)
  */
 declare const StepLabel: ((props: StepLabelProps) => React.JSX.Element) & {
   muiName: string;

package/StepLabel/StepLabel.js

@@ -77,11 +77,7 @@ const StepLabelLabel = (0, _zeroStyled.styled)('span', {
   transition: theme.transitions.create('color', {
     duration: theme.transitions.duration.shortest
   }),
-  [`&.${_stepLabelClasses.default.active}`]: {
-    color: (theme.vars || theme).palette.text.primary,
-    fontWeight: 500
-  },
-  [`&.${_stepLabelClasses.default.completed}`]: {
+  [`&.${_stepLabelClasses.default.active}, &.${_stepLabelClasses.default.completed}`]: {
     color: (theme.vars || theme).palette.text.primary,
     fontWeight: 500
   },

package/Stepper/Stepper.d.ts

@@ -11,13 +11,13 @@ export interface StepperOwnProps extends Pick<PaperProps, 'elevation' | 'square'
    * Set to -1 to disable all the steps.
    * @default 0
    */
-  activeStep?: number;
+  activeStep?: number | undefined;
   /**
    * If set to 'true' and orientation is horizontal,
    * then the step label will be positioned under the icon.
    * @default false
    */
-  alternativeLabel?: boolean;
+  alternativeLabel?: boolean | undefined;
   /**
    * Two or more `<Step />` components.
    */
@@ -25,35 +25,35 @@ export interface StepperOwnProps extends Pick<PaperProps, 'elevation' | 'square'
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<StepperClasses>;
+  classes?: Partial<StepperClasses> | undefined;
   /**
    * An element to be placed between each step.
    * @default <StepConnector />
    */
-  connector?: React.ReactElement<unknown, any> | null;
+  connector?: React.ReactElement<unknown, any> | null | undefined;
   /**
    * If set the `Stepper` will not assist in controlling steps for linear flow.
    * @default false
    */
-  nonLinear?: boolean;
+  nonLinear?: boolean | undefined;
   /**
    * The component orientation (layout flow direction).
    * @default 'horizontal'
    */
-  orientation?: Orientation;
+  orientation?: Orientation | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface StepperTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
   props: AdditionalProps & StepperOwnProps;
   defaultComponent: RootComponent;
 }
 export type StepperProps<RootComponent extends React.ElementType = StepperTypeMap['defaultComponent'], AdditionalProps = {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 }> = OverrideProps<StepperTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export type StepperClasskey = keyof NonNullable<StepperProps['classes']>;
 
@@ -61,11 +61,11 @@ export type StepperClasskey = keyof NonNullable<StepperProps['classes']>;
  *
  * Demos:
  *
- * - [Stepper](https://mui.com/material-ui/react-stepper/)
+ * - [Stepper](https://v7.mui.com/material-ui/react-stepper/)
  *
  * API:
  *
- * - [Stepper API](https://mui.com/material-ui/api/stepper/)
+ * - [Stepper API](https://v7.mui.com/material-ui/api/stepper/)
  */
 declare const Stepper: OverridableComponent<StepperTypeMap>;
 export default Stepper;

package/SvgIcon/SvgIcon.d.ts

@@ -14,7 +14,7 @@ export interface SvgIconOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<SvgIconClasses>;
+  classes?: Partial<SvgIconClasses> | undefined;
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
@@ -22,16 +22,16 @@ export interface SvgIconOwnProps {
    * You can use the `htmlColor` prop to apply a color attribute to the SVG element.
    * @default 'inherit'
    */
-  color?: OverridableStringUnion<'inherit' | 'action' | 'disabled' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', SvgIconPropsColorOverrides>;
+  color?: OverridableStringUnion<'inherit' | 'action' | 'disabled' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', SvgIconPropsColorOverrides> | undefined;
   /**
    * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
    * @default 'medium'
    */
-  fontSize?: OverridableStringUnion<'inherit' | 'large' | 'medium' | 'small', SvgIconPropsSizeOverrides>;
+  fontSize?: OverridableStringUnion<'inherit' | 'large' | 'medium' | 'small', SvgIconPropsSizeOverrides> | undefined;
   /**
    * Applies a color attribute to the SVG element.
    */
-  htmlColor?: string;
+  htmlColor?: string | undefined;
   /**
    * If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
    * prop will be ignored.
@@ -39,22 +39,22 @@ export interface SvgIconOwnProps {
    * `component`'s viewBox to the root node.
    * @default false
    */
-  inheritViewBox?: boolean;
+  inheritViewBox?: boolean | undefined;
   /**
    * The shape-rendering attribute. The behavior of the different options is described on the
    * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/shape-rendering).
    * If you are having issues with blurry icons you should investigate this prop.
    */
-  shapeRendering?: string;
+  shapeRendering?: string | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * Provides a human-readable title for the element that contains it.
    * https://www.w3.org/TR/SVG-access/#Equivalent
    */
-  titleAccess?: string;
+  titleAccess?: string | undefined;
   /**
    * Allows you to redefine what the coordinates without units mean inside an SVG element.
    * For example, if the SVG element is 500 (width) by 200 (height),
@@ -63,7 +63,7 @@ export interface SvgIconOwnProps {
    * to bottom right (50,20) and each unit will be worth 10px.
    * @default '0 0 24 24'
    */
-  viewBox?: string;
+  viewBox?: string | undefined;
 }
 export interface SvgIconTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'svg'> {
   props: AdditionalProps & SvgIconOwnProps;
@@ -73,17 +73,17 @@ export interface SvgIconTypeMap<AdditionalProps = {}, RootComponent extends Reac
  *
  * Demos:
  *
- * - [Icons](https://mui.com/material-ui/icons/)
- * - [Material Icons](https://mui.com/material-ui/material-icons/)
+ * - [Icons](https://v7.mui.com/material-ui/icons/)
+ * - [Material Icons](https://v7.mui.com/material-ui/material-icons/)
  *
  * API:
  *
- * - [SvgIcon API](https://mui.com/material-ui/api/svg-icon/)
+ * - [SvgIcon API](https://v7.mui.com/material-ui/api/svg-icon/)
  */
 declare const SvgIcon: OverridableComponent<SvgIconTypeMap> & {
   muiName: string;
 };
 export type SvgIconProps<RootComponent extends React.ElementType = SvgIconTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<SvgIconTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default SvgIcon;

package/SwipeableDrawer/SwipeableDrawer.d.ts

@@ -7,7 +7,7 @@ export interface SwipeableDrawerSlots {
    * The component used for the swipeArea slot.
    * @default div
    */
-  swipeArea?: React.ElementType;
+  swipeArea?: React.ElementType | undefined;
 }
 type SwipeableDrawerSlotsAndSlotProps = DrawerSlotsAndSlotProps & CreateSlotsAndSlotProps<SwipeableDrawerSlots, {
   /**
@@ -29,38 +29,38 @@ export interface SwipeableDrawerProps extends Omit<DrawerProps, 'onClose' | 'ope
    *
    * @default false
    */
-  allowSwipeInChildren?: boolean | ((event: TouchEvent, swipeArea: HTMLDivElement, paper: HTMLDivElement) => boolean);
+  allowSwipeInChildren?: boolean | ((event: TouchEvent, swipeArea: HTMLDivElement, paper: HTMLDivElement) => boolean) | undefined;
   /**
    * Disable the backdrop transition.
    * This can improve the FPS on low-end devices.
    * @default false
    */
-  disableBackdropTransition?: boolean;
+  disableBackdropTransition?: boolean | undefined;
   /**
    * If `true`, touching the screen near the edge of the drawer will not slide in the drawer a bit
    * to promote accidental discovery of the swipe gesture.
    * @default false
    */
-  disableDiscovery?: boolean;
+  disableDiscovery?: boolean | undefined;
   /**
    * If `true`, swipe to open is disabled. This is useful in browsers where swiping triggers
    * navigation actions. Swipe to open is disabled on iOS browsers by default.
    * @default typeof navigator !== 'undefined' && /iPad|iPhone|iPod/.test(navigator.userAgent)
    */
-  disableSwipeToOpen?: boolean;
+  disableSwipeToOpen?: boolean | undefined;
   /**
    * Affects how far the drawer must be opened/closed to change its state.
    * Specified as percent (0-1) of the width of the drawer
    * @default 0.52
    */
-  hysteresis?: number;
+  hysteresis?: number | undefined;
   /**
    * Defines, from which (average) velocity on, the swipe is
    * defined as complete although hysteresis isn't reached.
    * Good threshold is between 250 - 1000 px/s
    * @default 450
    */
-  minFlingVelocity?: number;
+  minFlingVelocity?: number | undefined;
   /**
    * Callback fired when the component requests to be closed.
    *
@@ -77,30 +77,30 @@ export interface SwipeableDrawerProps extends Omit<DrawerProps, 'onClose' | 'ope
    * If `true`, the component is shown.
    * @default false
    */
-  open?: boolean;
+  open?: boolean | undefined;
   /**
    * The element is used to intercept the touch events on the edge.
    * @deprecated use the `slotProps.swipeArea` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
-  SwipeAreaProps?: object;
+  SwipeAreaProps?: object | undefined;
   /**
    * The width of the left most (or right most) area in `px` that
    * the drawer can be swiped open from.
    * @default 20
    */
-  swipeAreaWidth?: number;
+  swipeAreaWidth?: number | undefined;
 }
 
 /**
  *
  * Demos:
  *
- * - [Drawer](https://mui.com/material-ui/react-drawer/)
+ * - [Drawer](https://v7.mui.com/material-ui/react-drawer/)
  *
  * API:
  *
- * - [SwipeableDrawer API](https://mui.com/material-ui/api/swipeable-drawer/)
- * - inherits [Drawer API](https://mui.com/material-ui/api/drawer/)
+ * - [SwipeableDrawer API](https://v7.mui.com/material-ui/api/swipeable-drawer/)
+ * - inherits [Drawer API](https://v7.mui.com/material-ui/api/drawer/)
  */
 declare const SwipeableDrawer: React.JSXElementConstructor<SwipeableDrawerProps>;
 export default SwipeableDrawer;

package/SwipeableDrawer/SwipeableDrawer.js

@@ -185,7 +185,6 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
     const horizontalSwipe = (0, _Drawer.isHorizontal)(anchor);
     const transform = horizontalSwipe ? `translate(${rtlTranslateMultiplier * translate}px, 0)` : `translate(0, ${rtlTranslateMultiplier * translate}px)`;
     const drawerStyle = paperRef.current.style;
-    drawerStyle.webkitTransform = transform;
     drawerStyle.transform = transform;
     let transition = '';
     if (mode) {
@@ -198,14 +197,12 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
       }));
     }
     if (changeTransition) {
-      drawerStyle.webkitTransition = transition;
       drawerStyle.transition = transition;
     }
     if (!disableBackdropTransition && !hideBackdrop) {
       const backdropStyle = backdropRef.current.style;
       backdropStyle.opacity = 1 - translate / getMaxTranslate(horizontalSwipe, paperRef.current);
       if (changeTransition) {
-        backdropStyle.webkitTransition = transition;
         backdropStyle.transition = transition;
       }
     }

package/Switch/Switch.d.ts

@@ -76,18 +76,18 @@ export interface SwitchProps extends StandardProps<SwitchBaseProps, 'checkedIcon
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<SwitchClasses>;
+  classes?: Partial<SwitchClasses> | undefined;
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
    * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
    * @default 'primary'
    */
-  color?: OverridableStringUnion<'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | 'default', SwitchPropsColorOverrides>;
+  color?: OverridableStringUnion<'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | 'default', SwitchPropsColorOverrides> | undefined;
   /**
    * If `true`, the component is disabled.
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * The icon to display when the component is unchecked.
    */
@@ -97,11 +97,11 @@ export interface SwitchProps extends StandardProps<SwitchBaseProps, 'checkedIcon
    * `small` is equivalent to the dense switch styling.
    * @default 'medium'
    */
-  size?: OverridableStringUnion<'small' | 'medium', SwitchPropsSizeOverrides>;
+  size?: OverridableStringUnion<'small' | 'medium', SwitchPropsSizeOverrides> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * The value of the component. The DOM API casts this to a string.
    * The browser uses "on" as the default value.
@@ -113,12 +113,12 @@ export interface SwitchProps extends StandardProps<SwitchBaseProps, 'checkedIcon
  *
  * Demos:
  *
- * - [Switch](https://mui.com/material-ui/react-switch/)
- * - [Transfer List](https://mui.com/material-ui/react-transfer-list/)
+ * - [Switch](https://v7.mui.com/material-ui/react-switch/)
+ * - [Transfer List](https://v7.mui.com/material-ui/react-transfer-list/)
  *
  * API:
  *
- * - [Switch API](https://mui.com/material-ui/api/switch/)
- * - inherits [IconButton API](https://mui.com/material-ui/api/icon-button/)
+ * - [Switch API](https://v7.mui.com/material-ui/api/switch/)
+ * - inherits [IconButton API](https://v7.mui.com/material-ui/api/icon-button/)
  */
 export default function Switch(props: SwitchProps): React.JSX.Element;

package/Switch/Switch.js

@@ -187,6 +187,8 @@ const SwitchTrack = (0, _zeroStyled.styled)('span', {
   height: '100%',
   width: '100%',
   borderRadius: 14 / 2,
+  boxSizing: 'border-box',
+  border: '1px solid transparent',
   zIndex: -1,
   transition: theme.transitions.create(['opacity', 'background-color'], {
     duration: theme.transitions.duration.shortest
@@ -202,6 +204,8 @@ const SwitchThumb = (0, _zeroStyled.styled)('span', {
 }) => ({
   boxShadow: (theme.vars || theme).shadows[1],
   backgroundColor: 'currentColor',
+  boxSizing: 'border-box',
+  border: '1px solid transparent',
   width: 20,
   height: 20,
   borderRadius: '50%'

package/Tab/Tab.d.ts

@@ -9,30 +9,30 @@ export interface TabOwnProps {
    * This prop isn't supported.
    * Use the `component` prop if you need to change the children structure.
    */
-  children?: null;
+  children?: null | undefined;
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<TabClasses>;
+  classes?: Partial<TabClasses> | undefined;
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * If `true`, the  keyboard focus ripple is disabled.
    * @default false
    */
-  disableFocusRipple?: boolean;
+  disableFocusRipple?: boolean | undefined;
   /**
    * The icon to display.
    */
-  icon?: string | React.ReactElement<unknown>;
+  icon?: string | React.ReactElement<unknown> | undefined;
   /**
    * The position of the icon relative to the label.
    * @default 'top'
    */
-  iconPosition?: 'top' | 'bottom' | 'start' | 'end';
+  iconPosition?: 'top' | 'bottom' | 'start' | 'end' | undefined;
   /**
    * The label element.
    */
@@ -40,7 +40,7 @@ export interface TabOwnProps {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * You can provide your own value. Otherwise, we fallback to the child position index.
    */
@@ -50,7 +50,7 @@ export interface TabOwnProps {
    * They can use a second line if needed.
    * @default false
    */
-  wrapped?: boolean;
+  wrapped?: boolean | undefined;
 }
 export type TabTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> = ExtendButtonBaseTypeMap<{
   props: AdditionalProps & TabOwnProps;
@@ -61,15 +61,15 @@ export type TabTypeMap<AdditionalProps = {}, RootComponent extends React.Element
  *
  * Demos:
  *
- * - [Tabs](https://mui.com/material-ui/react-tabs/)
+ * - [Tabs](https://v7.mui.com/material-ui/react-tabs/)
  *
  * API:
  *
- * - [Tab API](https://mui.com/material-ui/api/tab/)
- * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
+ * - [Tab API](https://v7.mui.com/material-ui/api/tab/)
+ * - inherits [ButtonBase API](https://v7.mui.com/material-ui/api/button-base/)
  */
 declare const Tab: ExtendButtonBase<TabTypeMap>;
 export type TabProps<RootComponent extends React.ElementType = TabTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TabTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default Tab;

package/TabScrollButton/TabScrollButton.d.ts

@@ -18,24 +18,24 @@ export interface TabScrollButtonProps extends ButtonBaseProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<TabScrollButtonClasses>;
+  classes?: Partial<TabScrollButtonClasses> | undefined;
   /**
    * The components used for each slot inside.
    * @default {}
    */
   slots?: {
-    StartScrollButtonIcon?: React.ElementType;
-    EndScrollButtonIcon?: React.ElementType;
-  };
+    StartScrollButtonIcon?: React.ElementType | undefined;
+    EndScrollButtonIcon?: React.ElementType | undefined;
+  } | undefined;
   /**
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
    * @default {}
    */
   slotProps?: {
-    startScrollButtonIcon?: SlotComponentProps<typeof SvgIcon, TabScrollButtonStartIconSlotPropsOverrides, TabScrollButtonOwnerState>;
-    endScrollButtonIcon?: SlotComponentProps<typeof SvgIcon, TabScrollButtonEndIconSlotPropsOverrides, TabScrollButtonOwnerState>;
-  };
+    startScrollButtonIcon?: SlotComponentProps<typeof SvgIcon, TabScrollButtonStartIconSlotPropsOverrides, TabScrollButtonOwnerState> | undefined;
+    endScrollButtonIcon?: SlotComponentProps<typeof SvgIcon, TabScrollButtonEndIconSlotPropsOverrides, TabScrollButtonOwnerState> | undefined;
+  } | undefined;
   /**
    * The direction the button should indicate.
    */
@@ -44,7 +44,7 @@ export interface TabScrollButtonProps extends ButtonBaseProps {
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * The component orientation (layout flow direction).
    */
@@ -52,17 +52,17 @@ export interface TabScrollButtonProps extends ButtonBaseProps {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 
 /**
  *
  * Demos:
  *
- * - [Tabs](https://mui.com/material-ui/react-tabs/)
+ * - [Tabs](https://v7.mui.com/material-ui/react-tabs/)
  *
  * API:
  *
- * - [TabScrollButton API](https://mui.com/material-ui/api/tab-scroll-button/)
+ * - [TabScrollButton API](https://v7.mui.com/material-ui/api/tab-scroll-button/)
  */
 export default function TabScrollButton(props: TabScrollButtonProps): React.JSX.Element;

package/Table/Table.d.ts

@@ -13,26 +13,26 @@ export interface TableOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<TableClasses>;
+  classes?: Partial<TableClasses> | undefined;
   /**
    * Allows TableCells to inherit padding of the Table.
    * @default 'normal'
    */
-  padding?: 'normal' | 'checkbox' | 'none';
+  padding?: 'normal' | 'checkbox' | 'none' | undefined;
   /**
    * Allows TableCells to inherit size of the Table.
    * @default 'medium'
    */
-  size?: OverridableStringUnion<'small' | 'medium', TablePropsSizeOverrides>;
+  size?: OverridableStringUnion<'small' | 'medium', TablePropsSizeOverrides> | undefined;
   /**
    * Set the header sticky.
    * @default false
    */
-  stickyHeader?: boolean;
+  stickyHeader?: 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 TableTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'table'> {
   props: AdditionalProps & TableOwnProps;
@@ -42,14 +42,14 @@ export interface TableTypeMap<AdditionalProps = {}, RootComponent extends React.
  *
  * Demos:
  *
- * - [Table](https://mui.com/material-ui/react-table/)
+ * - [Table](https://v7.mui.com/material-ui/react-table/)
  *
  * API:
  *
- * - [Table API](https://mui.com/material-ui/api/table/)
+ * - [Table API](https://v7.mui.com/material-ui/api/table/)
  */
 declare const Table: OverridableComponent<TableTypeMap>;
 export type TableProps<RootComponent extends React.ElementType = TableTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TableTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default Table;

package/TableBody/TableBody.d.ts

@@ -11,11 +11,11 @@ export interface TableBodyOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<TableBodyClasses>;
+  classes?: Partial<TableBodyClasses> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface TableBodyTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'tbody'> {
   props: AdditionalProps & TableBodyOwnProps;
@@ -25,14 +25,14 @@ export interface TableBodyTypeMap<AdditionalProps = {}, RootComponent extends Re
  *
  * Demos:
  *
- * - [Table](https://mui.com/material-ui/react-table/)
+ * - [Table](https://v7.mui.com/material-ui/react-table/)
  *
  * API:
  *
- * - [TableBody API](https://mui.com/material-ui/api/table-body/)
+ * - [TableBody API](https://v7.mui.com/material-ui/api/table-body/)
  */
 declare const TableBody: OverridableComponent<TableBodyTypeMap>;
 export type TableBodyProps<RootComponent extends React.ElementType = TableBodyTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TableBodyTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default TableBody;