@mui/material 7.3.8 → 7.3.10

package/Breadcrumbs/Breadcrumbs.d.ts

@@ -17,15 +17,15 @@ export interface BreadcrumbsOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<BreadcrumbsClasses>;
+  classes?: Partial<BreadcrumbsClasses> | undefined;
   /**
    * The components used for each slot inside the Breadcumb.
    * Either a string to use a HTML element or a component.
    * @default {}
    */
   slots?: {
-    CollapsedIcon?: React.ElementType;
-  };
+    CollapsedIcon?: React.ElementType | undefined;
+  } | undefined;
   /**
    * The props used for each slot inside the Breadcumb.
    * @default {}
@@ -35,32 +35,32 @@ export interface BreadcrumbsOwnProps {
      * Props applied to the CollapsedIcon slot.
      * @default {}
      */
-    collapsedIcon?: SlotComponentProps<typeof SvgIcon, BreadcrumbsCollapsedIconSlotPropsOverrides, BreadcrumbsOwnerState>;
-  };
+    collapsedIcon?: SlotComponentProps<typeof SvgIcon, BreadcrumbsCollapsedIconSlotPropsOverrides, BreadcrumbsOwnerState> | undefined;
+  } | undefined;
   /**
    * Override the default label for the expand button.
    *
    * For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
    * @default 'Show path'
    */
-  expandText?: string;
+  expandText?: string | undefined;
   /**
    * If max items is exceeded, the number of items to show after the ellipsis.
    * @default 1
    */
-  itemsAfterCollapse?: number;
+  itemsAfterCollapse?: number | undefined;
   /**
    * If max items is exceeded, the number of items to show before the ellipsis.
    * @default 1
    */
-  itemsBeforeCollapse?: number;
+  itemsBeforeCollapse?: number | undefined;
   /**
    * Specifies the maximum number of breadcrumbs to display. When there are more
    * than the maximum number, only the first `itemsBeforeCollapse` and last `itemsAfterCollapse`
    * will be shown, with an ellipsis in between.
    * @default 8
    */
-  maxItems?: number;
+  maxItems?: number | undefined;
   /**
    * Custom separator node.
    * @default '/'
@@ -69,7 +69,7 @@ export interface BreadcrumbsOwnProps {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface BreadcrumbsTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'nav'> {
   props: AdditionalProps & BreadcrumbsOwnProps;
@@ -80,15 +80,15 @@ export interface BreadcrumbsTypeMap<AdditionalProps = {}, RootComponent extends
  *
  * Demos:
  *
- * - [Breadcrumbs](https://mui.com/material-ui/react-breadcrumbs/)
+ * - [Breadcrumbs](https://v7.mui.com/material-ui/react-breadcrumbs/)
  *
  * API:
  *
- * - [Breadcrumbs API](https://mui.com/material-ui/api/breadcrumbs/)
- * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
+ * - [Breadcrumbs API](https://v7.mui.com/material-ui/api/breadcrumbs/)
+ * - inherits [Typography API](https://v7.mui.com/material-ui/api/typography/)
  */
 declare const Breadcrumbs: OverridableComponent<BreadcrumbsTypeMap>;
 export type BreadcrumbsProps<RootComponent extends React.ElementType = BreadcrumbsTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<BreadcrumbsTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default Breadcrumbs;

package/Button/Button.d.ts

@@ -16,29 +16,29 @@ export interface ButtonOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ButtonClasses>;
+  classes?: Partial<ButtonClasses> | 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<'inherit' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning', ButtonPropsColorOverrides>;
+  color?: OverridableStringUnion<'inherit' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning', ButtonPropsColorOverrides> | undefined;
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * If `true`, no elevation is used.
    * @default false
    */
-  disableElevation?: boolean;
+  disableElevation?: boolean | undefined;
   /**
    * If `true`, the  keyboard focus ripple is disabled.
    * @default false
    */
-  disableFocusRipple?: boolean;
+  disableFocusRipple?: boolean | undefined;
   /**
    * Element placed after the children.
    */
@@ -47,18 +47,18 @@ export interface ButtonOwnProps {
    * If `true`, the button will take up the full width of its container.
    * @default false
    */
-  fullWidth?: boolean;
+  fullWidth?: boolean | undefined;
   /**
    * The URL to link to when the button is clicked.
    * If defined, an `a` element will be used as the root node.
    */
-  href?: string;
+  href?: string | undefined;
   /**
    * If `true`, the loading indicator is visible and the button is disabled.
    * If `true | false`, the loading wrapper is always rendered before the children to prevent [Google Translation Crash](https://github.com/mui/material-ui/issues/27853).
    * @default null
    */
-  loading?: boolean | null;
+  loading?: boolean | null | undefined;
   /**
    * Element placed before the children if the button is in loading state.
    * The node should contain an element with `role="progressbar"` with an accessible name.
@@ -70,13 +70,13 @@ export interface ButtonOwnProps {
    * The loading indicator can be positioned on the start, end, or the center of the button.
    * @default 'center'
    */
-  loadingPosition?: 'start' | 'end' | 'center';
+  loadingPosition?: 'start' | 'end' | 'center' | undefined;
   /**
    * The size of the component.
    * `small` is equivalent to the dense button styling.
    * @default 'medium'
    */
-  size?: OverridableStringUnion<'small' | 'medium' | 'large', ButtonPropsSizeOverrides>;
+  size?: OverridableStringUnion<'small' | 'medium' | 'large', ButtonPropsSizeOverrides> | undefined;
   /**
    * Element placed before the children.
    */
@@ -84,12 +84,12 @@ export interface ButtonOwnProps {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * The variant to use.
    * @default 'text'
    */
-  variant?: OverridableStringUnion<'text' | 'outlined' | 'contained', ButtonPropsVariantOverrides>;
+  variant?: OverridableStringUnion<'text' | 'outlined' | 'contained', ButtonPropsVariantOverrides> | undefined;
 }
 export type ButtonTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'button'> = ExtendButtonBaseTypeMap<{
   props: AdditionalProps & ButtonOwnProps;
@@ -103,7 +103,7 @@ export type ButtonTypeMap<AdditionalProps = {}, RootComponent extends React.Elem
  */
 export interface ExtendButtonTypeMap<TypeMap extends OverridableTypeMap> {
   props: TypeMap['props'] & (TypeMap['props'] extends {
-    classes?: Record<string, string>;
+    classes?: Record<string, string> | undefined;
   } ? DistributiveOmit<ButtonTypeMap['props'], 'classes'> : ButtonTypeMap['props']);
   defaultComponent: TypeMap['defaultComponent'];
 }
@@ -115,17 +115,18 @@ export type ExtendButton<TypeMap extends OverridableTypeMap> = ((props: {
  *
  * Demos:
  *
- * - [Button Group](https://mui.com/material-ui/react-button-group/)
- * - [Button](https://mui.com/material-ui/react-button/)
- * - [Number Field](https://mui.com/material-ui/react-number-field/)
+ * - [Button Group](https://v7.mui.com/material-ui/react-button-group/)
+ * - [Button](https://v7.mui.com/material-ui/react-button/)
+ * - [Menubar](https://v7.mui.com/material-ui/react-menubar/)
+ * - [Number Field](https://v7.mui.com/material-ui/react-number-field/)
  *
  * API:
  *
- * - [Button API](https://mui.com/material-ui/api/button/)
- * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
+ * - [Button API](https://v7.mui.com/material-ui/api/button/)
+ * - inherits [ButtonBase API](https://v7.mui.com/material-ui/api/button-base/)
  */
 declare const Button: ExtendButtonBase<ButtonTypeMap>;
 export type ButtonProps<RootComponent extends React.ElementType = ButtonTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ButtonTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default Button;

package/ButtonBase/ButtonBase.d.ts

@@ -10,13 +10,13 @@ export interface ButtonBaseOwnProps {
    * A ref for imperative actions.
    * It currently only supports `focusVisible()` action.
    */
-  action?: React.Ref<ButtonBaseActions>;
+  action?: React.Ref<ButtonBaseActions> | undefined;
   /**
    * If `true`, the ripples are centered.
    * They won't start at the cursor interaction position.
    * @default false
    */
-  centerRipple?: boolean;
+  centerRipple?: boolean | undefined;
   /**
    * The content of the component.
    */
@@ -24,12 +24,12 @@ export interface ButtonBaseOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ButtonBaseClasses>;
+  classes?: Partial<ButtonBaseClasses> | undefined;
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * If `true`, the ripple effect is disabled.
    *
@@ -37,17 +37,17 @@ export interface ButtonBaseOwnProps {
    * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
    * @default false
    */
-  disableRipple?: boolean;
+  disableRipple?: boolean | undefined;
   /**
    * If `true`, the touch ripple effect is disabled.
    * @default false
    */
-  disableTouchRipple?: boolean;
+  disableTouchRipple?: boolean | undefined;
   /**
    * If `true`, the base button will have a keyboard focus ripple.
    * @default false
    */
-  focusRipple?: boolean;
+  focusRipple?: boolean | undefined;
   /**
    * This prop can help identify which element has keyboard focus.
    * The class name will be applied when the element gains the focus through keyboard interaction.
@@ -56,33 +56,33 @@ export interface ButtonBaseOwnProps {
    * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
    * if needed.
    */
-  focusVisibleClassName?: string;
+  focusVisibleClassName?: string | undefined;
   /**
    * The component used to render a link when the `href` prop is provided.
    * @default 'a'
    */
-  LinkComponent?: React.ElementType;
+  LinkComponent?: React.ElementType | undefined;
   /**
    * Callback fired when the component is focused with a keyboard.
    * We trigger a `onFocus` callback too.
    */
-  onFocusVisible?: React.FocusEventHandler<any>;
+  onFocusVisible?: React.FocusEventHandler<any> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * @default 0
    */
-  tabIndex?: NonNullable<React.HTMLAttributes<any>['tabIndex']>;
+  tabIndex?: NonNullable<React.HTMLAttributes<any>['tabIndex']> | undefined;
   /**
    * Props applied to the `TouchRipple` element.
    */
-  TouchRippleProps?: Partial<TouchRippleProps>;
+  TouchRippleProps?: Partial<TouchRippleProps> | undefined;
   /**
    * A ref that points to the `TouchRipple` element.
    */
-  touchRippleRef?: React.Ref<TouchRippleActions>;
+  touchRippleRef?: React.Ref<TouchRippleActions> | undefined;
 }
 export interface ButtonBaseTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'button'> {
   props: AdditionalProps & ButtonBaseOwnProps;
@@ -109,15 +109,15 @@ export type ExtendButtonBase<TypeMap extends OverridableTypeMap> = ((props: {
  *
  * Demos:
  *
- * - [Button](https://mui.com/material-ui/react-button/)
+ * - [Button](https://v7.mui.com/material-ui/react-button/)
  *
  * API:
  *
- * - [ButtonBase API](https://mui.com/material-ui/api/button-base/)
+ * - [ButtonBase API](https://v7.mui.com/material-ui/api/button-base/)
  */
 declare const ButtonBase: ExtendButtonBase<ButtonBaseTypeMap>;
 export type ButtonBaseProps<RootComponent extends React.ElementType = ButtonBaseTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ButtonBaseTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export interface ButtonBaseActions {
   focusVisible(): void;

package/ButtonBase/ButtonBase.js

@@ -182,7 +182,13 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
   });
   const isNonNativeButton = () => {
     const button = buttonRef.current;
-    return component && component !== 'button' && !(button.tagName === 'A' && button.href);
+    if (!button) {
+      return component && component !== 'button';
+    }
+    if (button.tagName === 'BUTTON') {
+      return false;
+    }
+    return !(button.tagName === 'A' && button.href);
   };
   const handleKeyDown = (0, _useEventCallback.default)(event => {
     // Check if key is already down to avoid repeats being counted as multiple activations
@@ -219,7 +225,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
     }
 
     // Keyboard accessibility for non interactive elements
-    if (onClick && event.target === event.currentTarget && isNonNativeButton() && event.key === ' ' && !event.defaultPrevented) {
+    if (onClick && event.target === event.currentTarget && isNonNativeButton() && event.key === ' ' && !event.defaultPrevented && !disabled) {
       onClick(event);
     }
   });

package/ButtonBase/TouchRipple.d.ts

@@ -3,8 +3,8 @@ import { InternalStandardProps as StandardProps } from "../internal/index.js";
 import { TouchRippleClasses, TouchRippleClassKey } from "./touchRippleClasses.js";
 export { TouchRippleClassKey };
 export interface StartActionOptions {
-  pulsate?: boolean;
-  center?: boolean;
+  pulsate?: boolean | undefined;
+  center?: boolean | undefined;
 }
 export interface TouchRippleActions {
   start: (event?: React.SyntheticEvent, options?: StartActionOptions, callback?: () => void) => void;
@@ -12,11 +12,11 @@ export interface TouchRippleActions {
   stop: (event?: React.SyntheticEvent, callback?: () => void) => void;
 }
 export type TouchRippleProps = StandardProps<React.HTMLAttributes<HTMLElement>> & {
-  center?: boolean;
+  center?: boolean | undefined;
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<TouchRippleClasses>;
+  classes?: Partial<TouchRippleClasses> | undefined;
 };
 declare const TouchRipple: React.ForwardRefRenderFunction<TouchRippleActions, TouchRippleProps>;
 export default TouchRipple;

package/ButtonGroup/ButtonGroup.d.ts

@@ -15,59 +15,59 @@ export interface ButtonGroupOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ButtonGroupClasses>;
+  classes?: Partial<ButtonGroupClasses> | 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<'inherit' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', ButtonGroupPropsColorOverrides>;
+  color?: OverridableStringUnion<'inherit' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', ButtonGroupPropsColorOverrides> | undefined;
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * If `true`, no elevation is used.
    * @default false
    */
-  disableElevation?: boolean;
+  disableElevation?: boolean | undefined;
   /**
    * If `true`, the button keyboard focus ripple is disabled.
    * @default false
    */
-  disableFocusRipple?: boolean;
+  disableFocusRipple?: boolean | undefined;
   /**
    * If `true`, the button ripple effect is disabled.
    * @default false
    */
-  disableRipple?: boolean;
+  disableRipple?: boolean | undefined;
   /**
    * If `true`, the buttons will take up the full width of its container.
    * @default false
    */
-  fullWidth?: boolean;
+  fullWidth?: boolean | undefined;
   /**
    * The component orientation (layout flow direction).
    * @default 'horizontal'
    */
-  orientation?: 'vertical' | 'horizontal';
+  orientation?: 'vertical' | 'horizontal' | undefined;
   /**
    * The size of the component.
    * `small` is equivalent to the dense button styling.
    * @default 'medium'
    */
-  size?: OverridableStringUnion<'small' | 'medium' | 'large', ButtonGroupPropsSizeOverrides>;
+  size?: OverridableStringUnion<'small' | 'medium' | 'large', ButtonGroupPropsSizeOverrides> | undefined;
   /**
    * The variant to use.
    * @default 'outlined'
    */
-  variant?: OverridableStringUnion<'text' | 'outlined' | 'contained', ButtonGroupPropsVariantOverrides>;
+  variant?: OverridableStringUnion<'text' | 'outlined' | 'contained', ButtonGroupPropsVariantOverrides> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface ButtonGroupTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
   props: AdditionalProps & ButtonGroupOwnProps;
@@ -78,14 +78,14 @@ export interface ButtonGroupTypeMap<AdditionalProps = {}, RootComponent extends
  *
  * Demos:
  *
- * - [Button Group](https://mui.com/material-ui/react-button-group/)
+ * - [Button Group](https://v7.mui.com/material-ui/react-button-group/)
  *
  * API:
  *
- * - [ButtonGroup API](https://mui.com/material-ui/api/button-group/)
+ * - [ButtonGroup API](https://v7.mui.com/material-ui/api/button-group/)
  */
 declare const ButtonGroup: OverridableComponent<ButtonGroupTypeMap>;
 export type ButtonGroupProps<RootComponent extends React.ElementType = ButtonGroupTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ButtonGroupTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default ButtonGroup;

package/ButtonGroup/ButtonGroupContext.d.ts

@@ -1,15 +1,15 @@
 import * as React from 'react';
 import type { ButtonGroupProps } from "./ButtonGroup.js";
 interface ButtonGroupContextType {
-  className?: string;
-  color?: ButtonGroupProps['color'];
-  disabled?: boolean;
-  disableElevation?: boolean;
-  disableFocusRipple?: boolean;
-  disableRipple?: boolean;
-  fullWidth?: boolean;
-  size?: ButtonGroupProps['size'];
-  variant?: ButtonGroupProps['variant'];
+  className?: string | undefined;
+  color?: ButtonGroupProps['color'] | undefined;
+  disabled?: boolean | undefined;
+  disableElevation?: boolean | undefined;
+  disableFocusRipple?: boolean | undefined;
+  disableRipple?: boolean | undefined;
+  fullWidth?: boolean | undefined;
+  size?: ButtonGroupProps['size'] | undefined;
+  variant?: ButtonGroupProps['variant'] | undefined;
 }
 /**
  * @ignore - internal component.

package/CHANGELOG.md

@@ -1,5 +1,91 @@
 # [Versions](https://mui.com/versions/)
 
+## 7.3.10
+
+<!-- generated comparing v7.3.9..v7.x -->
+
+_Apr 8, 2026_
+
+A big thanks to the 15 contributors who made this release possible. A few highlights ✨:
+
+- 📖 Added the Menubar component page to the docs.
+
+### `@mui/material@7.3.10`
+
+- [alert][dialog] Accessibility improvements (#48161) @silviuaavram
+- [autocomplete] Add `root` slot (#47916) @GerardasB
+- [autocomplete] Fix helper text focusing input when clicked (#48162) @mj12albert
+- [autocomplete] Fix popup reopening on window focus regain with openOnFocus (#47914) @aman44444
+- [autocomplete] Optimize selected option lookup (#48027) @anchmelev
+- [autocomplete] Support full slots for clearIndicator and popupIndicator (#47913) @silviuaavram
+- [button-base] Fix native button detection (#47994) @mj12albert
+- [input] Fix high contrast cutoff on first character (#48160) @silviuaavram
+- [list item text][card header] Revert cleanup of duplicated CSS rules (#47938) @sai6855
+- [popper] Add missing classes export (#48033) @mj12albert
+- [select] Fix focus visible always set on menu item (#48022) @silviuaavram
+- [slider] Accept readonly array for the value prop (#47961) @pcorpet
+- [switch] Add border to make it visible in high contrast mode (#48210) @silviuaavram
+- [theme] Do not create channel tokens for custom colors when `nativeColor` is used (#48144) @ZeeshanTamboli
+- [transitions] Performance improvements & misc fixes (#48217) @mj12albert
+
+### Docs
+
+- [codemod] Add v7 migration docs for deprecated Autocomplete APIs and Autocomplete codemod (#47954) @ZeeshanTamboli
+- [menubar] Add Menubar component page (#47942) @siriwatknp
+- [progress] Label all demo components (#48168) @mj12albert
+- [system] Update `styled` API docs for easier understanding (#47969) @olivier-lxo
+- Fix the dark mode footer row shadow for the Data Grid on the advanced components page (#48152) @arminmeh
+- Fix MUI X redirects (#47917) @cherniavskii
+- Use direct palette vars in Tailwind v4 snippet (#47955) @Ahmad-Alaziz
+
+### Core
+
+- [blog] Blogpost for upcoming price changes for MUI X (#47820) @DanailH
+- [blog] Update the 2026 price changes blogpost (#47944) @DanailH
+- [code-infra] Add pkg-pr-new as dev dependency (#48023) @silviuaavram
+- [docs-infra] Update Release Instructions and Search Index v7 (#48109) @dav-is
+
+All contributors of this release in alphabetical order: @Ahmad-Alaziz, @aman44444, @anchmelev, @arminmeh, @cherniavskii, @DanailH, @dav-is, @GerardasB, @mj12albert, @olivier-lxo, @pcorpet, @sai6855, @silviuaavram, @siriwatknp, @ZeeshanTamboli
+
+## 7.3.9
+
+<!-- generated comparing v7.3.8..v7.x -->
+
+_Mar 5, 2026_
+
+A big thanks to the 15 contributors who made this release possible.
+
+### `@mui/material@7.3.9`
+
+- Clean up duplicated CSS rules (#47893) @sai6855
+- [theme] Generate `color-mix` value on top of default generated Material UI CSS variables (#47791) @ZeeshanTamboli
+- [tooltip] Fix error is thrown when wrapping an input which is disabled while focused (#47841) @ZeeshanTamboli
+- [table cell][theme] Apply `alpha` before color mixing to border bottom color when nativeColor + cssVariables is used (#47840) @ZeeshanTamboli
+
+### Docs
+
+- Fix small typo in NumberField page (#47888) @arthur-plazanet
+- Fix Theme builder video (#47855) @oliviertassinari
+- Add updated community theme resource (#47853) @PeterTYLiu
+- Fix the keyboard navigation in GroupedMenu example (#47848) @silviuaavram
+- Few copy fixes (#47810) @pavan-sh
+- Fix JSX in Overriding component structure docs (#47805) @ZeeshanTamboli
+- Fix SSR flicker sentence grammar (#47794) @pavan-sh
+- [system] Update sizing docs to clarify `(0, 1]` behavior. (#47851) @matthias-ccri
+- [theme] Fix `nativeColor` docs (#47759) (#47789) @ZeeshanTamboli
+
+### Core
+
+- point v7 subdomain to MUI X v7 docs (#113) @vmakhaev
+- [blog] Blogpost for upcoming price changes for MUI X (#47748) (#47910) @DanailH
+- [blog] Company Update: What we've been working on (and why) (alethomas) (#47626) (#47908) @alelthomas
+- [core] Update releaseChangelog.mjs (#47862) @mnajdova
+- [code-infra] Detect browser envs that don't support layout (#47813) (#47873) @Janpot
+- [code-infra] Enable undefined addition to optional properties (#47815) @brijeshb42
+- [docs-infra] Reapply Cookie Banner with Design Fixes (#47744) @dav-is
+
+All contributors of this release in alphabetical order: @alelthomas, @arthur-plazanet, @brijeshb42, @DanailH, @dav-is, @Janpot, @matthias-ccri, @mnajdova, @oliviertassinari, @pavan-sh, @PeterTYLiu, @sai6855, @silviuaavram, @vmakhaev, @ZeeshanTamboli
+
 ## 7.3.8
 
 <!-- generated comparing v7.3.7..master -->

package/Card/Card.d.ts

@@ -12,16 +12,16 @@ export interface CardOwnProps extends DistributiveOmit<PaperOwnProps, 'classes'>
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<CardClasses>;
+  classes?: Partial<CardClasses> | undefined;
   /**
    * If `true`, the card will use raised styling.
    * @default false
    */
-  raised?: boolean;
+  raised?: 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 CardTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
   props: AdditionalProps & CardOwnProps;
@@ -32,16 +32,16 @@ export interface CardTypeMap<AdditionalProps = {}, RootComponent extends React.E
  *
  * Demos:
  *
- * - [Card](https://mui.com/material-ui/react-card/)
+ * - [Card](https://v7.mui.com/material-ui/react-card/)
  *
  * API:
  *
- * - [Card API](https://mui.com/material-ui/api/card/)
- * - inherits [Paper API](https://mui.com/material-ui/api/paper/)
+ * - [Card API](https://v7.mui.com/material-ui/api/card/)
+ * - inherits [Paper API](https://v7.mui.com/material-ui/api/paper/)
  */
 
 declare const Card: OverridableComponent<CardTypeMap>;
 export type CardProps<RootComponent extends React.ElementType = CardTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<CardTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default Card;

package/CardActionArea/CardActionArea.d.ts

@@ -34,12 +34,12 @@ export interface CardActionAreaOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<CardActionAreaClasses>;
-  focusVisibleClassName?: string;
+  classes?: Partial<CardActionAreaClasses> | undefined;
+  focusVisibleClassName?: string | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export type CardActionAreaTypeMap<AdditionalProps, RootComponent extends React.ElementType> = ExtendButtonBaseTypeMap<{
   props: AdditionalProps & CardActionAreaOwnProps & CardActionAreaSlotsAndSlotProps;
@@ -50,15 +50,15 @@ export type CardActionAreaTypeMap<AdditionalProps, RootComponent extends React.E
  *
  * Demos:
  *
- * - [Card](https://mui.com/material-ui/react-card/)
+ * - [Card](https://v7.mui.com/material-ui/react-card/)
  *
  * API:
  *
- * - [CardActionArea API](https://mui.com/material-ui/api/card-action-area/)
- * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
+ * - [CardActionArea API](https://v7.mui.com/material-ui/api/card-action-area/)
+ * - inherits [ButtonBase API](https://v7.mui.com/material-ui/api/button-base/)
  */
 declare const CardActionArea: ExtendButtonBase<CardActionAreaTypeMap<{}, ButtonBaseTypeMap['defaultComponent']>>;
 export type CardActionAreaProps<RootComponent extends React.ElementType = ButtonBaseTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<CardActionAreaTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default CardActionArea;