@mui/material 9.0.0-alpha.3 → 9.0.0-beta.0

package/Tooltip/Tooltip.js

@@ -314,8 +314,6 @@ function composeEventHandler(handler, eventHandler) {
     handler(event, ...params);
   };
 }
-
-// TODO v6: Remove PopperComponent, PopperProps, TransitionComponent and TransitionProps.
 const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
   const props = (0, _DefaultPropsProvider.useDefaultProps)({
     props: inProps,
@@ -325,8 +323,6 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
     arrow = false,
     children: childrenProp,
     classes: classesProp,
-    components = {},
-    componentsProps = {},
     describeChild = false,
     disableFocusListener = false,
     disableHoverListener = false,
@@ -343,13 +339,9 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
     onOpen,
     open: openProp,
     placement = 'bottom',
-    PopperComponent: PopperComponentProp,
-    PopperProps = {},
     slotProps = {},
     slots = {},
     title,
-    TransitionComponent: TransitionComponentProp,
-    TransitionProps,
     ...other
   } = props;
 
@@ -621,7 +613,6 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
     arrow,
     disableInteractive,
     placement,
-    PopperComponentProp,
     touch: ignoreNonTouchEvents.current
   };
   const resolvedPopperProps = typeof slotProps.popper === 'function' ? slotProps.popper(ownerState) : slotProps.popper;
@@ -634,47 +625,29 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
         padding: 4
       }
     }];
-    if (PopperProps.popperOptions?.modifiers) {
-      tooltipModifiers = tooltipModifiers.concat(PopperProps.popperOptions.modifiers);
-    }
     if (resolvedPopperProps?.popperOptions?.modifiers) {
       tooltipModifiers = tooltipModifiers.concat(resolvedPopperProps.popperOptions.modifiers);
     }
     return {
-      ...PopperProps.popperOptions,
       ...resolvedPopperProps?.popperOptions,
       modifiers: tooltipModifiers
     };
-  }, [arrowRef, PopperProps.popperOptions, resolvedPopperProps?.popperOptions]);
+  }, [arrowRef, resolvedPopperProps?.popperOptions]);
   const classes = useUtilityClasses(ownerState);
-  const resolvedTransitionProps = typeof slotProps.transition === 'function' ? slotProps.transition(ownerState) : slotProps.transition;
   const externalForwardedProps = {
-    slots: {
-      popper: components.Popper,
-      transition: components.Transition ?? TransitionComponentProp,
-      tooltip: components.Tooltip,
-      arrow: components.Arrow,
-      ...slots
-    },
+    slots,
     slotProps: {
-      arrow: slotProps.arrow ?? componentsProps.arrow,
-      popper: {
-        ...PopperProps,
-        ...(resolvedPopperProps ?? componentsProps.popper)
-      },
-      // resolvedPopperProps can be spread because it's already an object
-      tooltip: slotProps.tooltip ?? componentsProps.tooltip,
-      transition: {
-        ...TransitionProps,
-        ...(resolvedTransitionProps ?? componentsProps.transition)
-      }
+      arrow: slotProps.arrow,
+      popper: resolvedPopperProps,
+      tooltip: slotProps.tooltip,
+      transition: slotProps.transition
     }
   };
   const [PopperSlot, popperSlotProps] = (0, _useSlot.default)('popper', {
     elementType: TooltipPopper,
     externalForwardedProps,
     ownerState,
-    className: (0, _clsx.default)(classes.popper, PopperProps?.className)
+    className: classes.popper
   });
   const [TransitionSlot, transitionSlotProps] = (0, _useSlot.default)('transition', {
     elementType: _Grow.default,
@@ -696,7 +669,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
     children: [/*#__PURE__*/React.cloneElement(children, childrenProps), /*#__PURE__*/(0, _jsxRuntime.jsx)(PopperSlot, {
-      as: PopperComponentProp ?? _Popper.default,
+      as: _Popper.default,
       placement: placement,
       anchorEl: followCursor ? {
         getBoundingClientRect: () => ({
@@ -753,33 +726,6 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes /* remove-proptypes */
    * @ignore
    */
   className: _propTypes.default.string,
-  /**
-   * The components used for each slot inside.
-   *
-   * @deprecated use the `slots` 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.
-   *
-   * @default {}
-   */
-  components: _propTypes.default.shape({
-    Arrow: _propTypes.default.elementType,
-    Popper: _propTypes.default.elementType,
-    Tooltip: _propTypes.default.elementType,
-    Transition: _propTypes.default.elementType
-  }),
-  /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   *
-   * @deprecated use the `slotProps` 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.
-   *
-   * @default {}
-   */
-  componentsProps: _propTypes.default.shape({
-    arrow: _propTypes.default.object,
-    popper: _propTypes.default.object,
-    tooltip: _propTypes.default.object,
-    transition: _propTypes.default.object
-  }),
   /**
    * Set to `true` if the `title` acts as an accessible description.
    * By default the `title` acts as an accessible label for the child.
@@ -865,17 +811,6 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes /* remove-proptypes */
    * @default 'bottom'
    */
   placement: _propTypes.default.oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),
-  /**
-   * The component used for the popper.
-   * @deprecated use the `slots.popper` 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.
-   */
-  PopperComponent: _propTypes.default.elementType,
-  /**
-   * Props applied to the [`Popper`](https://mui.com/material-ui/api/popper/) element.
-   * @deprecated use the `slotProps.popper` 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.
-   * @default {}
-   */
-  PopperProps: _propTypes.default.object,
   /**
    * The props used for each slot inside.
    * @default {}
@@ -903,19 +838,6 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes /* remove-proptypes */
   /**
    * Tooltip title. Zero-length titles string, undefined, null and false are never displayed.
    */
-  title: _propTypes.default.node,
-  /**
-   * 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.
-   * @deprecated use the `slots.transition` 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.
-   */
-  TransitionComponent: _propTypes.default.elementType,
-  /**
-   * 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 the `slotProps.transition` 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.
-   * @default {}
-   */
-  TransitionProps: _propTypes.default.object
+  title: _propTypes.default.node
 } : void 0;
 var _default = exports.default = Tooltip;

package/Tooltip/Tooltip.mjs

@@ -306,8 +306,6 @@ function composeEventHandler(handler, eventHandler) {
     handler(event, ...params);
   };
 }
-
-// TODO v6: Remove PopperComponent, PopperProps, TransitionComponent and TransitionProps.
 const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
   const props = useDefaultProps({
     props: inProps,
@@ -317,8 +315,6 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
     arrow = false,
     children: childrenProp,
     classes: classesProp,
-    components = {},
-    componentsProps = {},
     describeChild = false,
     disableFocusListener = false,
     disableHoverListener = false,
@@ -335,13 +331,9 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
     onOpen,
     open: openProp,
     placement = 'bottom',
-    PopperComponent: PopperComponentProp,
-    PopperProps = {},
     slotProps = {},
     slots = {},
     title,
-    TransitionComponent: TransitionComponentProp,
-    TransitionProps,
     ...other
   } = props;
 
@@ -613,7 +605,6 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
     arrow,
     disableInteractive,
     placement,
-    PopperComponentProp,
     touch: ignoreNonTouchEvents.current
   };
   const resolvedPopperProps = typeof slotProps.popper === 'function' ? slotProps.popper(ownerState) : slotProps.popper;
@@ -626,47 +617,29 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
         padding: 4
       }
     }];
-    if (PopperProps.popperOptions?.modifiers) {
-      tooltipModifiers = tooltipModifiers.concat(PopperProps.popperOptions.modifiers);
-    }
     if (resolvedPopperProps?.popperOptions?.modifiers) {
       tooltipModifiers = tooltipModifiers.concat(resolvedPopperProps.popperOptions.modifiers);
     }
     return {
-      ...PopperProps.popperOptions,
       ...resolvedPopperProps?.popperOptions,
       modifiers: tooltipModifiers
     };
-  }, [arrowRef, PopperProps.popperOptions, resolvedPopperProps?.popperOptions]);
+  }, [arrowRef, resolvedPopperProps?.popperOptions]);
   const classes = useUtilityClasses(ownerState);
-  const resolvedTransitionProps = typeof slotProps.transition === 'function' ? slotProps.transition(ownerState) : slotProps.transition;
   const externalForwardedProps = {
-    slots: {
-      popper: components.Popper,
-      transition: components.Transition ?? TransitionComponentProp,
-      tooltip: components.Tooltip,
-      arrow: components.Arrow,
-      ...slots
-    },
+    slots,
     slotProps: {
-      arrow: slotProps.arrow ?? componentsProps.arrow,
-      popper: {
-        ...PopperProps,
-        ...(resolvedPopperProps ?? componentsProps.popper)
-      },
-      // resolvedPopperProps can be spread because it's already an object
-      tooltip: slotProps.tooltip ?? componentsProps.tooltip,
-      transition: {
-        ...TransitionProps,
-        ...(resolvedTransitionProps ?? componentsProps.transition)
-      }
+      arrow: slotProps.arrow,
+      popper: resolvedPopperProps,
+      tooltip: slotProps.tooltip,
+      transition: slotProps.transition
     }
   };
   const [PopperSlot, popperSlotProps] = useSlot('popper', {
     elementType: TooltipPopper,
     externalForwardedProps,
     ownerState,
-    className: clsx(classes.popper, PopperProps?.className)
+    className: classes.popper
   });
   const [TransitionSlot, transitionSlotProps] = useSlot('transition', {
     elementType: Grow,
@@ -688,7 +661,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
   });
   return /*#__PURE__*/_jsxs(React.Fragment, {
     children: [/*#__PURE__*/React.cloneElement(children, childrenProps), /*#__PURE__*/_jsx(PopperSlot, {
-      as: PopperComponentProp ?? Popper,
+      as: Popper,
       placement: placement,
       anchorEl: followCursor ? {
         getBoundingClientRect: () => ({
@@ -745,33 +718,6 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes /* remove-proptypes */
    * @ignore
    */
   className: PropTypes.string,
-  /**
-   * The components used for each slot inside.
-   *
-   * @deprecated use the `slots` 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.
-   *
-   * @default {}
-   */
-  components: PropTypes.shape({
-    Arrow: PropTypes.elementType,
-    Popper: PropTypes.elementType,
-    Tooltip: PropTypes.elementType,
-    Transition: PropTypes.elementType
-  }),
-  /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   *
-   * @deprecated use the `slotProps` 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.
-   *
-   * @default {}
-   */
-  componentsProps: PropTypes.shape({
-    arrow: PropTypes.object,
-    popper: PropTypes.object,
-    tooltip: PropTypes.object,
-    transition: PropTypes.object
-  }),
   /**
    * Set to `true` if the `title` acts as an accessible description.
    * By default the `title` acts as an accessible label for the child.
@@ -857,17 +803,6 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes /* remove-proptypes */
    * @default 'bottom'
    */
   placement: PropTypes.oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),
-  /**
-   * The component used for the popper.
-   * @deprecated use the `slots.popper` 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.
-   */
-  PopperComponent: PropTypes.elementType,
-  /**
-   * Props applied to the [`Popper`](https://mui.com/material-ui/api/popper/) element.
-   * @deprecated use the `slotProps.popper` 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.
-   * @default {}
-   */
-  PopperProps: PropTypes.object,
   /**
    * The props used for each slot inside.
    * @default {}
@@ -895,19 +830,6 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes /* remove-proptypes */
   /**
    * Tooltip title. Zero-length titles string, undefined, null and false are never displayed.
    */
-  title: PropTypes.node,
-  /**
-   * 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.
-   * @deprecated use the `slots.transition` 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.
-   */
-  TransitionComponent: PropTypes.elementType,
-  /**
-   * 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 the `slotProps.transition` 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.
-   * @default {}
-   */
-  TransitionProps: PropTypes.object
+  title: PropTypes.node
 } : void 0;
 export default Tooltip;

package/Typography/Typography.d.mts

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { OverridableStringUnion } from '@mui/types';
-import { SxProps, SystemProps } from '@mui/system';
+import { SxProps } from '@mui/system';
 import { Theme, TypeText } from "../styles/index.mjs";
 import { OverrideProps, OverridableComponent } from "../OverridableComponent/index.mjs";
 import { TypographyVariant } from "../styles/createTypography.mjs";
 import { TypographyClasses } from "./typographyClasses.mjs";
 export interface TypographyPropsVariantOverrides {}
 export interface TypographyPropsColorOverrides {}
-export interface TypographyOwnProps extends Omit<SystemProps<Theme>, 'color'> {
+export interface TypographyOwnProps {
   /**
    * Set the text-align on the component.
    * @default 'inherit'
@@ -26,7 +26,7 @@ export interface TypographyOwnProps extends Omit<SystemProps<Theme>, 'color'> {
    * 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).
    */
-  color?: OverridableStringUnion<'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning' | `text${Capitalize<keyof TypeText>}`, TypographyPropsColorOverrides> | (string & {}) | undefined; // to work with v5 color prop type which allows any string
+  color?: OverridableStringUnion<'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning' | `text${Capitalize<keyof TypeText>}`, TypographyPropsColorOverrides> | (string & {}) | undefined;
   /**
    * If `true`, the text will have a bottom margin.
    * @default false
@@ -40,12 +40,6 @@ export interface TypographyOwnProps extends Omit<SystemProps<Theme>, 'color'> {
    * @default false
    */
   noWrap?: boolean | undefined;
-  /**
-   * If `true`, the element will be a paragraph element.
-   * @default false
-   * @deprecated Use the `component` 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.
-   */
-  paragraph?: boolean | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/Typography/Typography.d.ts

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { OverridableStringUnion } from '@mui/types';
-import { SxProps, SystemProps } from '@mui/system';
+import { SxProps } from '@mui/system';
 import { Theme, TypeText } from "../styles/index.js";
 import { OverrideProps, OverridableComponent } from "../OverridableComponent/index.js";
 import { TypographyVariant } from "../styles/createTypography.js";
 import { TypographyClasses } from "./typographyClasses.js";
 export interface TypographyPropsVariantOverrides {}
 export interface TypographyPropsColorOverrides {}
-export interface TypographyOwnProps extends Omit<SystemProps<Theme>, 'color'> {
+export interface TypographyOwnProps {
   /**
    * Set the text-align on the component.
    * @default 'inherit'
@@ -26,7 +26,7 @@ export interface TypographyOwnProps extends Omit<SystemProps<Theme>, 'color'> {
    * 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).
    */
-  color?: OverridableStringUnion<'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning' | `text${Capitalize<keyof TypeText>}`, TypographyPropsColorOverrides> | (string & {}) | undefined; // to work with v5 color prop type which allows any string
+  color?: OverridableStringUnion<'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning' | `text${Capitalize<keyof TypeText>}`, TypographyPropsColorOverrides> | (string & {}) | undefined;
   /**
    * If `true`, the text will have a bottom margin.
    * @default false
@@ -40,12 +40,6 @@ export interface TypographyOwnProps extends Omit<SystemProps<Theme>, 'color'> {
    * @default false
    */
   noWrap?: boolean | undefined;
-  /**
-   * If `true`, the element will be a paragraph element.
-   * @default false
-   * @deprecated Use the `component` 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.
-   */
-  paragraph?: boolean | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/Typography/Typography.js

@@ -18,29 +18,16 @@ var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _createSimplePaletteValueFilter = _interopRequireDefault(require("../utils/createSimplePaletteValueFilter"));
 var _typographyClasses = require("./typographyClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const v6Colors = {
-  primary: true,
-  secondary: true,
-  error: true,
-  info: true,
-  success: true,
-  warning: true,
-  textPrimary: true,
-  textSecondary: true,
-  textDisabled: true
-};
-const extendSxProp = (0, _zeroStyled.internal_createExtendSxProp)();
 const useUtilityClasses = ownerState => {
   const {
     align,
     gutterBottom,
     noWrap,
-    paragraph,
     variant,
     classes
   } = ownerState;
   const slots = {
-    root: ['root', variant, ownerState.align !== 'inherit' && `align${(0, _capitalize.default)(align)}`, gutterBottom && 'gutterBottom', noWrap && 'noWrap', paragraph && 'paragraph']
+    root: ['root', variant, ownerState.align !== 'inherit' && `align${(0, _capitalize.default)(align)}`, gutterBottom && 'gutterBottom', noWrap && 'noWrap']
   };
   return (0, _composeClasses.default)(slots, _typographyClasses.getTypographyUtilityClass, classes);
 };
@@ -51,7 +38,7 @@ const TypographyRoot = exports.TypographyRoot = (0, _zeroStyled.styled)('span',
     const {
       ownerState
     } = props;
-    return [styles.root, ownerState.variant && styles[ownerState.variant], ownerState.align !== 'inherit' && styles[`align${(0, _capitalize.default)(ownerState.align)}`], ownerState.noWrap && styles.noWrap, ownerState.gutterBottom && styles.gutterBottom, ownerState.paragraph && styles.paragraph];
+    return [styles.root, ownerState.variant && styles[ownerState.variant], ownerState.align !== 'inherit' && styles[`align${(0, _capitalize.default)(ownerState.align)}`], ownerState.noWrap && styles.noWrap, ownerState.gutterBottom && styles.gutterBottom];
   }
 })((0, _memoTheme.default)(({
   theme
@@ -109,13 +96,6 @@ const TypographyRoot = exports.TypographyRoot = (0, _zeroStyled.styled)('span',
     style: {
       marginBottom: '0.35em'
     }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.paragraph,
-    style: {
-      marginBottom: 16
-    }
   }]
 })));
 const defaultVariantMapping = {
@@ -132,28 +112,17 @@ const defaultVariantMapping = {
   inherit: 'p'
 };
 const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, ref) {
-  const {
-    color,
-    ...themeProps
-  } = (0, _DefaultPropsProvider.useDefaultProps)({
+  const props = (0, _DefaultPropsProvider.useDefaultProps)({
     props: inProps,
     name: 'MuiTypography'
   });
-  const isSxColor = !v6Colors[color];
-  // TODO: Remove `extendSxProp` in v7
-  const props = extendSxProp({
-    ...themeProps,
-    ...(isSxColor && {
-      color
-    })
-  });
   const {
+    color,
     align = 'inherit',
     className,
     component,
     gutterBottom = false,
     noWrap = false,
-    paragraph = false,
     variant = 'body1',
     variantMapping = defaultVariantMapping,
     ...other
@@ -166,11 +135,10 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
     component,
     gutterBottom,
     noWrap,
-    paragraph,
     variant,
     variantMapping
   };
-  const Component = component || (paragraph ? 'p' : variantMapping[variant] || defaultVariantMapping[variant]) || 'span';
+  const Component = component || variantMapping[variant] || defaultVariantMapping[variant] || 'span';
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(TypographyRoot, {
     as: Component,
@@ -232,12 +200,6 @@ process.env.NODE_ENV !== "production" ? Typography.propTypes /* remove-proptypes
    * @default false
    */
   noWrap: _propTypes.default.bool,
-  /**
-   * If `true`, the element will be a paragraph element.
-   * @default false
-   * @deprecated Use the `component` 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.
-   */
-  paragraph: _propTypes.default.bool,
   /**
    * @ignore
    */

package/Typography/Typography.mjs

@@ -4,36 +4,23 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
-import { styled, internal_createExtendSxProp } from "../zero-styled/index.mjs";
+import { styled } from "../zero-styled/index.mjs";
 import memoTheme from "../utils/memoTheme.mjs";
 import { useDefaultProps } from "../DefaultPropsProvider/index.mjs";
 import capitalize from "../utils/capitalize.mjs";
 import createSimplePaletteValueFilter from "../utils/createSimplePaletteValueFilter.mjs";
 import { getTypographyUtilityClass } from "./typographyClasses.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
-const v6Colors = {
-  primary: true,
-  secondary: true,
-  error: true,
-  info: true,
-  success: true,
-  warning: true,
-  textPrimary: true,
-  textSecondary: true,
-  textDisabled: true
-};
-const extendSxProp = internal_createExtendSxProp();
 const useUtilityClasses = ownerState => {
   const {
     align,
     gutterBottom,
     noWrap,
-    paragraph,
     variant,
     classes
   } = ownerState;
   const slots = {
-    root: ['root', variant, ownerState.align !== 'inherit' && `align${capitalize(align)}`, gutterBottom && 'gutterBottom', noWrap && 'noWrap', paragraph && 'paragraph']
+    root: ['root', variant, ownerState.align !== 'inherit' && `align${capitalize(align)}`, gutterBottom && 'gutterBottom', noWrap && 'noWrap']
   };
   return composeClasses(slots, getTypographyUtilityClass, classes);
 };
@@ -44,7 +31,7 @@ export const TypographyRoot = styled('span', {
     const {
       ownerState
     } = props;
-    return [styles.root, ownerState.variant && styles[ownerState.variant], ownerState.align !== 'inherit' && styles[`align${capitalize(ownerState.align)}`], ownerState.noWrap && styles.noWrap, ownerState.gutterBottom && styles.gutterBottom, ownerState.paragraph && styles.paragraph];
+    return [styles.root, ownerState.variant && styles[ownerState.variant], ownerState.align !== 'inherit' && styles[`align${capitalize(ownerState.align)}`], ownerState.noWrap && styles.noWrap, ownerState.gutterBottom && styles.gutterBottom];
   }
 })(memoTheme(({
   theme
@@ -102,13 +89,6 @@ export const TypographyRoot = styled('span', {
     style: {
       marginBottom: '0.35em'
     }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.paragraph,
-    style: {
-      marginBottom: 16
-    }
   }]
 })));
 const defaultVariantMapping = {
@@ -125,28 +105,17 @@ const defaultVariantMapping = {
   inherit: 'p'
 };
 const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, ref) {
-  const {
-    color,
-    ...themeProps
-  } = useDefaultProps({
+  const props = useDefaultProps({
     props: inProps,
     name: 'MuiTypography'
   });
-  const isSxColor = !v6Colors[color];
-  // TODO: Remove `extendSxProp` in v7
-  const props = extendSxProp({
-    ...themeProps,
-    ...(isSxColor && {
-      color
-    })
-  });
   const {
+    color,
     align = 'inherit',
     className,
     component,
     gutterBottom = false,
     noWrap = false,
-    paragraph = false,
     variant = 'body1',
     variantMapping = defaultVariantMapping,
     ...other
@@ -159,11 +128,10 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
     component,
     gutterBottom,
     noWrap,
-    paragraph,
     variant,
     variantMapping
   };
-  const Component = component || (paragraph ? 'p' : variantMapping[variant] || defaultVariantMapping[variant]) || 'span';
+  const Component = component || variantMapping[variant] || defaultVariantMapping[variant] || 'span';
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(TypographyRoot, {
     as: Component,
@@ -225,12 +193,6 @@ process.env.NODE_ENV !== "production" ? Typography.propTypes /* remove-proptypes
    * @default false
    */
   noWrap: PropTypes.bool,
-  /**
-   * If `true`, the element will be a paragraph element.
-   * @default false
-   * @deprecated Use the `component` 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.
-   */
-  paragraph: PropTypes.bool,
   /**
    * @ignore
    */

package/Typography/typographyClasses.d.mts

@@ -41,11 +41,6 @@ export interface TypographyClasses {
   noWrap: string;
   /** Styles applied to the root element if `gutterBottom={true}`. */
   gutterBottom: string;
-  /**
-   * Styles applied to the root element if `paragraph={true}`.
-   * @deprecated
-   */
-  paragraph: string;
 }
 export type TypographyClassKey = keyof TypographyClasses;
 export declare function getTypographyUtilityClass(slot: string): string;

package/Typography/typographyClasses.d.ts

@@ -41,11 +41,6 @@ export interface TypographyClasses {
   noWrap: string;
   /** Styles applied to the root element if `gutterBottom={true}`. */
   gutterBottom: string;
-  /**
-   * Styles applied to the root element if `paragraph={true}`.
-   * @deprecated
-   */
-  paragraph: string;
 }
 export type TypographyClassKey = keyof TypographyClasses;
 export declare function getTypographyUtilityClass(slot: string): string;