npm - @mui/material - Versions diffs - 5.14.7 → 5.14.9 - Mend

@mui/material 5.14.7 → 5.14.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (143) hide show

package/Accordion/Accordion.d.ts +2 -2
package/AccordionSummary/AccordionSummary.d.ts +22 -20
package/AlertTitle/AlertTitle.d.ts +1 -0
package/AppBar/AppBar.d.ts +33 -31
package/Avatar/Avatar.d.ts +49 -50
package/Backdrop/Backdrop.d.ts +87 -85
package/Badge/Badge.d.ts +2 -2
package/BottomNavigation/BottomNavigation.d.ts +35 -33
package/BottomNavigationAction/BottomNavigationAction.d.ts +39 -37
package/Breadcrumbs/Breadcrumbs.d.ts +70 -67
package/Button/Button.d.ts +72 -73
package/Button/Button.js +4 -1
package/ButtonBase/ButtonBase.d.ts +83 -81
package/ButtonGroup/ButtonGroup.d.ts +72 -70
package/ButtonGroup/ButtonGroup.js +86 -54
package/ButtonGroup/ButtonGroupButtonContext.d.ts +6 -0
package/ButtonGroup/ButtonGroupButtonContext.js +9 -0
package/ButtonGroup/buttonGroupClasses.d.ts +6 -0
package/ButtonGroup/buttonGroupClasses.js +1 -1
package/CHANGELOG.md +235 -38
package/Card/Card.d.ts +19 -18
package/CardActionArea/CardActionArea.d.ts +15 -13
package/CardContent/CardContent.d.ts +18 -16
package/CardHeader/CardHeader.d.ts +77 -67
package/CardMedia/CardMedia.d.ts +30 -28
package/Chip/Chip.d.ts +84 -82
package/CircularProgress/CircularProgress.d.ts +1 -1
package/CircularProgress/CircularProgress.js +1 -1
package/Container/Container.d.ts +35 -33
package/DialogContentText/DialogContentText.d.ts +14 -12
package/DialogTitle/DialogTitle.d.ts +19 -16
package/Divider/Divider.d.ts +49 -50
package/Fab/Fab.d.ts +59 -56
package/FormControl/FormControl.d.ts +74 -72
package/FormHelperText/FormHelperText.d.ts +52 -50
package/FormLabel/FormLabel.d.ts +7 -4
package/Grid/Grid.d.ts +69 -68
package/Hidden/Hidden.d.ts +10 -10
package/Icon/Icon.d.ts +50 -48
package/IconButton/IconButton.d.ts +52 -50
package/ImageList/ImageList.d.ts +41 -39
package/ImageListItem/ImageListItem.d.ts +28 -26
package/ImageListItem/ImageListItem.js +2 -1
package/InputAdornment/InputAdornment.d.ts +39 -37
package/InputBase/InputBase.js +1 -1
package/InputLabel/InputLabel.d.ts +58 -56
package/InputLabel/InputLabel.js +2 -1
package/Link/Link.d.ts +37 -39
package/List/List.d.ts +34 -35
package/ListItem/ListItem.d.ts +53 -49
package/ListItemButton/ListItemButton.d.ts +9 -3
package/ListSubheader/ListSubheader.d.ts +38 -36
package/MenuItem/MenuItem.d.ts +47 -44
package/MenuList/MenuList.d.ts +37 -35
package/Modal/Modal.d.ts +172 -178
package/Modal/Modal.js +1 -1
package/PaginationItem/PaginationItem.d.ts +85 -83
package/Paper/Paper.d.ts +2 -2
package/README.md +9 -198
package/Radio/Radio.js +3 -2
package/Radio/radioClasses.d.ts +2 -0
package/Radio/radioClasses.js +1 -1
package/ScopedCssBaseline/ScopedCssBaseline.d.ts +25 -23
package/Select/SelectInput.js +9 -5
package/Skeleton/Skeleton.d.ts +42 -40
package/Slider/Slider.d.ts +249 -247
package/Slider/Slider.js +9 -86
package/Stack/Stack.d.ts +39 -38
package/Step/Step.d.ts +46 -44
package/StepButton/StepButton.d.ts +27 -25
package/Stepper/Stepper.d.ts +45 -44
package/SvgIcon/SvgIcon.d.ts +77 -75
package/SwipeableDrawer/SwipeableDrawer.js +4 -4
package/Tab/Tab.d.ts +52 -50
package/TabScrollButton/TabScrollButton.d.ts +3 -2
package/Table/Table.d.ts +35 -33
package/TableBody/TableBody.d.ts +18 -16
package/TableContainer/TableContainer.d.ts +18 -16
package/TableFooter/TableFooter.d.ts +18 -16
package/TableHead/TableHead.d.ts +18 -16
package/TablePagination/TablePagination.d.ts +113 -112
package/TableRow/TableRow.d.ts +28 -26
package/TableSortLabel/TableSortLabel.d.ts +40 -36
package/Tabs/Tabs.d.ts +153 -150
package/Tabs/Tabs.js +1 -4
package/ToggleButton/ToggleButton.d.ts +72 -70
package/Toolbar/Toolbar.d.ts +29 -27
package/Typography/Typography.d.ts +2 -2
package/index.js +1 -1
package/legacy/Button/Button.js +4 -1
package/legacy/ButtonGroup/ButtonGroup.js +81 -56
package/legacy/ButtonGroup/ButtonGroupButtonContext.js +9 -0
package/legacy/ButtonGroup/buttonGroupClasses.js +1 -1
package/legacy/CircularProgress/CircularProgress.js +1 -1
package/legacy/ImageListItem/ImageListItem.js +2 -1
package/legacy/InputBase/InputBase.js +1 -1
package/legacy/InputLabel/InputLabel.js +2 -1
package/legacy/Modal/Modal.js +3 -1
package/legacy/Radio/Radio.js +3 -2
package/legacy/Radio/radioClasses.js +1 -1
package/legacy/Select/SelectInput.js +9 -5
package/legacy/Slider/Slider.js +9 -86
package/legacy/SwipeableDrawer/SwipeableDrawer.js +4 -4
package/legacy/Tabs/Tabs.js +1 -4
package/legacy/index.js +1 -1
package/legacy/useTouchRipple/useTouchRipple.js +4 -4
package/modern/Button/Button.js +4 -1
package/modern/ButtonGroup/ButtonGroup.js +86 -54
package/modern/ButtonGroup/ButtonGroupButtonContext.js +9 -0
package/modern/ButtonGroup/buttonGroupClasses.js +1 -1
package/modern/CircularProgress/CircularProgress.js +1 -1
package/modern/ImageListItem/ImageListItem.js +2 -1
package/modern/InputBase/InputBase.js +1 -1
package/modern/InputLabel/InputLabel.js +2 -1
package/modern/Modal/Modal.js +1 -1
package/modern/Radio/Radio.js +3 -2
package/modern/Radio/radioClasses.js +1 -1
package/modern/Select/SelectInput.js +8 -5
package/modern/Slider/Slider.js +9 -86
package/modern/SwipeableDrawer/SwipeableDrawer.js +4 -4
package/modern/Tabs/Tabs.js +1 -4
package/modern/index.js +1 -1
package/node/Button/Button.js +4 -1
package/node/ButtonGroup/ButtonGroup.js +86 -54
package/node/ButtonGroup/ButtonGroupButtonContext.js +18 -0
package/node/ButtonGroup/buttonGroupClasses.js +1 -1
package/node/CircularProgress/CircularProgress.js +1 -1
package/node/ImageListItem/ImageListItem.js +2 -1
package/node/InputBase/InputBase.js +1 -1
package/node/InputLabel/InputLabel.js +2 -1
package/node/Modal/Modal.js +1 -1
package/node/Radio/Radio.js +3 -2
package/node/Radio/radioClasses.js +1 -1
package/node/Select/SelectInput.js +9 -5
package/node/Slider/Slider.js +3 -73
package/node/SwipeableDrawer/SwipeableDrawer.js +4 -4
package/node/Tabs/Tabs.js +1 -4
package/node/index.js +1 -1
package/node/useTouchRipple/useTouchRipple.js +4 -4
package/package.json +16 -16
package/umd/material-ui.development.js +258 -254
package/umd/material-ui.production.min.js +18 -18
package/useTouchRipple/useTouchRipple.js +4 -4

package/Accordion/Accordion.d.ts CHANGED Viewed

@@ -8,7 +8,7 @@ import { ExtendPaperTypeMap } from '../Paper/Paper';
 export type AccordionTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > = ExtendPaperTypeMap<
   {
     props: AdditionalProps & {
@@ -65,7 +65,7 @@ export type AccordionTypeMap<
        */
       TransitionProps?: TransitionProps;
     };
-    defaultComponent: DefaultComponent;
+    defaultComponent: RootComponent;
   },
   'onChange' | 'classes'
 >;

package/AccordionSummary/AccordionSummary.d.ts CHANGED Viewed

@@ -5,29 +5,31 @@ import { OverrideProps } from '../OverridableComponent';
 import { Theme } from '..';
 import { AccordionSummaryClasses } from './accordionSummaryClasses';
+export interface AccordionSummaryOwnProps {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<AccordionSummaryClasses>;
+  /**
+   * The icon to display as the expand indicator.
+   */
+  expandIcon?: React.ReactNode;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
 export type AccordionSummaryTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > = ExtendButtonBaseTypeMap<{
-  props: AdditionalProps & {
-    /**
-     * The content of the component.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<AccordionSummaryClasses>;
-    /**
-     * The icon to display as the expand indicator.
-     */
-    expandIcon?: React.ReactNode;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & AccordionSummaryOwnProps;
+  defaultComponent: RootComponent;
 }>;
 /**

package/AlertTitle/AlertTitle.d.ts CHANGED Viewed

@@ -27,5 +27,6 @@ export interface AlertTitleProps extends StandardProps<React.HTMLAttributes<HTML
  * API:
  *
  * - [AlertTitle API](https://mui.com/material-ui/api/alert-title/)
+ * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
  */
 export default function AlertTitle(props: AlertTitleProps): JSX.Element;

package/AppBar/AppBar.d.ts CHANGED Viewed

@@ -8,41 +8,43 @@ import { ExtendPaperTypeMap } from '../Paper/Paper';
 export interface AppBarPropsColorOverrides {}
+export interface AppBarOwnProps {
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<AppBarClasses>;
+  /**
+   * 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/#adding-new-colors).
+   * @default 'primary'
+   */
+  color?: OverridableStringUnion<PropTypes.Color | 'transparent', AppBarPropsColorOverrides>;
+  /**
+   * If true, the `color` prop is applied in dark mode.
+   * @default false
+   */
+  enableColorOnDark?: boolean;
+  /**
+   * The positioning type. The behavior of the different options is described
+   * [in the MDN web docs](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Positioning).
+   * Note: `sticky` is not universally supported and will fall back to `static` when unavailable.
+   * @default 'fixed'
+   */
+  position?: 'fixed' | 'absolute' | 'sticky' | 'static' | 'relative';
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
 export type AppBarTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'header',
+  RootComponent extends React.ElementType = 'header',
 > = ExtendPaperTypeMap<
   {
-    props: AdditionalProps & {
-      /**
-       * Override or extend the styles applied to the component.
-       */
-      classes?: Partial<AppBarClasses>;
-      /**
-       * 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/#adding-new-colors).
-       * @default 'primary'
-       */
-      color?: OverridableStringUnion<PropTypes.Color | 'transparent', AppBarPropsColorOverrides>;
-      /**
-       * If true, the `color` prop is applied in dark mode.
-       * @default false
-       */
-      enableColorOnDark?: boolean;
-      /**
-       * The positioning type. The behavior of the different options is described
-       * [in the MDN web docs](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Positioning).
-       * Note: `sticky` is not universally supported and will fall back to `static` when unavailable.
-       * @default 'fixed'
-       */
-      position?: 'fixed' | 'absolute' | 'sticky' | 'static' | 'relative';
-      /**
-       * The system prop that allows defining system overrides as well as additional CSS styles.
-       */
-      sx?: SxProps<Theme>;
-    };
-    defaultComponent: DefaultComponent;
+    props: AdditionalProps & AppBarOwnProps;
+    defaultComponent: RootComponent;
   },
   'position' | 'color' | 'classes'
 >;

package/Avatar/Avatar.d.ts CHANGED Viewed

@@ -7,59 +7,58 @@ import { AvatarClasses } from './avatarClasses';
 export interface AvatarPropsVariantOverrides {}
+export interface AvatarOwnProps {
+  /**
+   * Used in combination with `src` or `srcSet` to
+   * provide an alt attribute for the rendered `img` element.
+   */
+  alt?: string;
+  /**
+   * Used to render icon or text elements inside the Avatar if `src` is not set.
+   * This can be an element, or just a string.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<AvatarClasses>;
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attributes) applied to the `img` element if the component is used to display an image.
+   * It can be used to listen for the loading error event.
+   */
+  imgProps?: React.ImgHTMLAttributes<HTMLImageElement> & {
+    sx?: SxProps<Theme>;
+  };
+  /**
+   * The `sizes` attribute for the `img` element.
+   */
+  sizes?: string;
+  /**
+   * The `src` attribute for the `img` element.
+   */
+  src?: string;
+  /**
+   * The `srcSet` attribute for the `img` element.
+   * Use this attribute for responsive image display.
+   */
+  srcSet?: string;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The shape of the avatar.
+   * @default 'circular'
+   */
+  variant?: OverridableStringUnion<'circular' | 'rounded' | 'square', AvatarPropsVariantOverrides>;
+}
 export interface AvatarTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > {
-  props: AdditionalProps & {
-    /**
-     * Used in combination with `src` or `srcSet` to
-     * provide an alt attribute for the rendered `img` element.
-     */
-    alt?: string;
-    /**
-     * Used to render icon or text elements inside the Avatar if `src` is not set.
-     * This can be an element, or just a string.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<AvatarClasses>;
-    /**
-     * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attributes) applied to the `img` element if the component is used to display an image.
-     * It can be used to listen for the loading error event.
-     */
-    imgProps?: React.ImgHTMLAttributes<HTMLImageElement> & {
-      sx?: SxProps<Theme>;
-    };
-    /**
-     * The `sizes` attribute for the `img` element.
-     */
-    sizes?: string;
-    /**
-     * The `src` attribute for the `img` element.
-     */
-    src?: string;
-    /**
-     * The `srcSet` attribute for the `img` element.
-     * Use this attribute for responsive image display.
-     */
-    srcSet?: string;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * The shape of the avatar.
-     * @default 'circular'
-     */
-    variant?: OverridableStringUnion<
-      'circular' | 'rounded' | 'square',
-      AvatarPropsVariantOverrides
-    >;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & AvatarOwnProps;
+  defaultComponent: RootComponent;
 }
 /**

package/Backdrop/Backdrop.d.ts CHANGED Viewed

@@ -8,94 +8,96 @@ import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 export interface BackdropComponentsPropsOverrides {}
+export interface BackdropOwnProps extends Partial<Omit<FadeProps, 'children'>> {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `slots` prop.
+   * It's recommended to use the `slots` prop instead.
+   *
+   * @default {}
+   */
+  components?: {
+    Root?: React.ElementType;
+  };
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `slotProps` prop.
+   * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
+   *
+   * @default {}
+   */
+  componentsProps?: {
+    root?: React.HTMLAttributes<HTMLDivElement> & BackdropComponentsPropsOverrides;
+  };
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<BackdropClasses>;
+  /**
+   * If `true`, the backdrop is invisible.
+   * It can be used when rendering a popover or a custom select component.
+   * @default false
+   */
+  invisible?: boolean;
+  /**
+   * If `true`, the component is shown.
+   */
+  open: boolean;
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
+   *
+   * @default {}
+   */
+  slotProps?: {
+    root?: React.HTMLAttributes<HTMLDivElement> & BackdropComponentsPropsOverrides;
+  };
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `components` prop, which will be deprecated in the future.
+   *
+   * @default {}
+   */
+  slots?: {
+    root?: React.ElementType;
+  };
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The duration for the transition, in milliseconds.
+   * You may specify a single timeout for all transitions, or individually with an object.
+   */
+  transitionDuration?: TransitionProps['timeout'];
+  /**
+   * The component used for the transition.
+   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * @default Fade
+   */
+  TransitionComponent?: React.JSXElementConstructor<
+    TransitionProps & {
+      children: React.ReactElement<any, any>;
+    }
+  >;
+}
 export interface BackdropTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > {
-  props: AdditionalProps &
-    Partial<Omit<FadeProps, 'children'>> & {
-      /**
-       * The content of the component.
-       */
-      children?: React.ReactNode;
-      /**
-       * The components used for each slot inside.
-       *
-       * This prop is an alias for the `slots` prop.
-       * It's recommended to use the `slots` prop instead.
-       *
-       * @default {}
-       */
-      components?: {
-        Root?: React.ElementType;
-      };
-      /**
-       * The extra props for the slot components.
-       * You can override the existing props or add new ones.
-       *
-       * This prop is an alias for the `slotProps` prop.
-       * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
-       *
-       * @default {}
-       */
-      componentsProps?: {
-        root?: React.HTMLAttributes<HTMLDivElement> & BackdropComponentsPropsOverrides;
-      };
-      /**
-       * Override or extend the styles applied to the component.
-       */
-      classes?: Partial<BackdropClasses>;
-      /**
-       * If `true`, the backdrop is invisible.
-       * It can be used when rendering a popover or a custom select component.
-       * @default false
-       */
-      invisible?: boolean;
-      /**
-       * If `true`, the component is shown.
-       */
-      open: boolean;
-      /**
-       * The extra props for the slot components.
-       * You can override the existing props or add new ones.
-       *
-       * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
-       *
-       * @default {}
-       */
-      slotProps?: {
-        root?: React.HTMLAttributes<HTMLDivElement> & BackdropComponentsPropsOverrides;
-      };
-      /**
-       * The components used for each slot inside.
-       *
-       * This prop is an alias for the `components` prop, which will be deprecated in the future.
-       *
-       * @default {}
-       */
-      slots?: {
-        root?: React.ElementType;
-      };
-      /**
-       * The system prop that allows defining system overrides as well as additional CSS styles.
-       */
-      sx?: SxProps<Theme>;
-      /**
-       * The duration for the transition, in milliseconds.
-       * You may specify a single timeout for all transitions, or individually with an object.
-       */
-      transitionDuration?: TransitionProps['timeout'];
-      /**
-       * The component used for the transition.
-       * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-       * @default Fade
-       */
-      TransitionComponent?: React.JSXElementConstructor<
-        TransitionProps & { children: React.ReactElement<any, any> }
-      >;
-    };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & BackdropOwnProps;
+  defaultComponent: RootComponent;
 }
 type BackdropRootProps = NonNullable<BackdropTypeMap['props']['componentsProps']>['root'];

package/Badge/Badge.d.ts CHANGED Viewed

@@ -147,11 +147,11 @@ export interface BadgeOwnProps {
 }
 export interface BadgeTypeMap<
-  DefaultComponent extends React.ElementType = 'span',
+  RootComponent extends React.ElementType = 'span',
   AdditionalProps = {},
 > {
   props: AdditionalProps & BadgeOwnProps;
-  defaultComponent: DefaultComponent;
+  defaultComponent: RootComponent;
 }
 type BadgeRootProps = NonNullable<BadgeTypeMap['props']['slotProps']>['root'];

package/BottomNavigation/BottomNavigation.d.ts CHANGED Viewed

@@ -4,42 +4,44 @@ import { Theme } from '..';
 import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { BottomNavigationClasses } from './bottomNavigationClasses';
+export interface BottomNavigationOwnProps {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<BottomNavigationClasses>;
+  /**
+   * Callback fired when the value changes.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
+   * @param {any} value We default to the index of the child.
+   */
+  onChange?: (event: React.SyntheticEvent, value: any) => void;
+  /**
+   * If `true`, all `BottomNavigationAction`s will show their labels.
+   * By default, only the selected `BottomNavigationAction` will show its label.
+   * @default false
+   */
+  showLabels?: boolean;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The value of the currently selected `BottomNavigationAction`.
+   */
+  value?: any;
+}
 export interface BottomNavigationTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > {
-  props: AdditionalProps & {
-    /**
-     * The content of the component.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<BottomNavigationClasses>;
-    /**
-     * Callback fired when the value changes.
-     *
-     * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
-     * @param {any} value We default to the index of the child.
-     */
-    onChange?: (event: React.SyntheticEvent, value: any) => void;
-    /**
-     * If `true`, all `BottomNavigationAction`s will show their labels.
-     * By default, only the selected `BottomNavigationAction` will show its label.
-     * @default false
-     */
-    showLabels?: boolean;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * The value of the currently selected `BottomNavigationAction`.
-     */
-    value?: any;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & BottomNavigationOwnProps;
+  defaultComponent: RootComponent;
 }
 /**
  *

package/BottomNavigationAction/BottomNavigationAction.d.ts CHANGED Viewed

@@ -5,46 +5,48 @@ import { ButtonBaseTypeMap, ExtendButtonBase, ExtendButtonBaseTypeMap } from '..
 import { OverrideProps } from '../OverridableComponent';
 import { BottomNavigationActionClasses } from './bottomNavigationActionClasses';
+export interface BottomNavigationActionOwnProps {
+  /**
+   * This prop isn't supported.
+   * Use the `component` prop if you need to change the children structure.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<BottomNavigationActionClasses>;
+  /**
+   * The icon to display.
+   */
+  icon?: React.ReactNode;
+  /**
+   * The label element.
+   */
+  label?: React.ReactNode;
+  /**
+   * If `true`, the `BottomNavigationAction` will show its label.
+   * By default, only the selected `BottomNavigationAction`
+   * inside `BottomNavigation` will show its label.
+   *
+   * The prop defaults to the value (`false`) inherited from the parent BottomNavigation component.
+   */
+  showLabel?: boolean;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * You can provide your own value. Otherwise, we fallback to the child position index.
+   */
+  value?: any;
+}
 export type BottomNavigationActionTypeMap<
   AdditionalProps,
-  DefaultComponent extends React.ElementType,
+  RootComponent extends React.ElementType,
 > = ExtendButtonBaseTypeMap<{
-  props: AdditionalProps & {
-    /**
-     * This prop isn't supported.
-     * Use the `component` prop if you need to change the children structure.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<BottomNavigationActionClasses>;
-    /**
-     * The icon to display.
-     */
-    icon?: React.ReactNode;
-    /**
-     * The label element.
-     */
-    label?: React.ReactNode;
-    /**
-     * If `true`, the `BottomNavigationAction` will show its label.
-     * By default, only the selected `BottomNavigationAction`
-     * inside `BottomNavigation` will show its label.
-     *
-     * The prop defaults to the value (`false`) inherited from the parent BottomNavigation component.
-     */
-    showLabel?: boolean;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * You can provide your own value. Otherwise, we fallback to the child position index.
-     */
-    value?: any;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & BottomNavigationActionOwnProps;
+  defaultComponent: RootComponent;
 }>;
 /**