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

package/TablePaginationActions/TablePaginationActions.mjs

@@ -33,12 +33,10 @@ const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePagin
     name: 'MuiTablePaginationActions'
   });
   const {
-    backIconButtonProps,
     className,
     count,
     disabled = false,
     getItemAriaLabel,
-    nextIconButtonProps,
     onPageChange,
     page,
     rowsPerPage,
@@ -100,7 +98,7 @@ const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePagin
       color: "inherit",
       "aria-label": getItemAriaLabel('previous', page),
       title: getItemAriaLabel('previous', page),
-      ...(previousButtonSlotProps ?? backIconButtonProps),
+      ...previousButtonSlotProps,
       children: isRtl ? /*#__PURE__*/_jsx(NextButtonIcon, {
         ...slotProps.nextButtonIcon
       }) : /*#__PURE__*/_jsx(PreviousButtonIcon, {
@@ -112,7 +110,7 @@ const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePagin
       color: "inherit",
       "aria-label": getItemAriaLabel('next', page),
       title: getItemAriaLabel('next', page),
-      ...(nextButtonSlotProps ?? nextIconButtonProps),
+      ...nextButtonSlotProps,
       children: isRtl ? /*#__PURE__*/_jsx(PreviousButtonIcon, {
         ...slotProps.previousButtonIcon
       }) : /*#__PURE__*/_jsx(NextButtonIcon, {
@@ -137,11 +135,6 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes /* remo
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
   // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * This prop is an alias for `slotProps.previousButton` and will be overridden by it if both are used.
-   * @deprecated Use `slotProps.previousButton` instead.
-   */
-  backIconButtonProps: PropTypes.object,
   /**
    * @ignore
    */
@@ -172,11 +165,6 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes /* remo
    * @returns {string}
    */
   getItemAriaLabel: PropTypes.func.isRequired,
-  /**
-   * This prop is an alias for `slotProps.nextButton` and will be overridden by it if both are used.
-   * @deprecated Use `slotProps.nextButton` instead.
-   */
-  nextIconButtonProps: PropTypes.object,
   /**
    * @ignore
    */

package/TableSortLabel/TableSortLabel.js

@@ -28,7 +28,7 @@ const useUtilityClasses = ownerState => {
   } = ownerState;
   const slots = {
     root: ['root', active && 'active', `direction${(0, _capitalize.default)(direction)}`],
-    icon: ['icon', `iconDirection${(0, _capitalize.default)(direction)}`]
+    icon: ['icon']
   };
   return (0, _composeClasses.default)(slots, _tableSortLabelClasses.getTableSortLabelUtilityClass, classes);
 };
@@ -69,12 +69,7 @@ const TableSortLabelRoot = (0, _zeroStyled.styled)(_ButtonBase.default, {
 const TableSortLabelIcon = (0, _zeroStyled.styled)('span', {
   name: 'MuiTableSortLabel',
   slot: 'Icon',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.icon, styles[`iconDirection${(0, _capitalize.default)(ownerState.direction)}`]];
-  }
+  overridesResolver: (props, styles) => styles.icon
 })((0, _memoTheme.default)(({
   theme
 }) => ({

package/TableSortLabel/TableSortLabel.mjs

@@ -21,7 +21,7 @@ const useUtilityClasses = ownerState => {
   } = ownerState;
   const slots = {
     root: ['root', active && 'active', `direction${capitalize(direction)}`],
-    icon: ['icon', `iconDirection${capitalize(direction)}`]
+    icon: ['icon']
   };
   return composeClasses(slots, getTableSortLabelUtilityClass, classes);
 };
@@ -62,12 +62,7 @@ const TableSortLabelRoot = styled(ButtonBase, {
 const TableSortLabelIcon = styled('span', {
   name: 'MuiTableSortLabel',
   slot: 'Icon',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.icon, styles[`iconDirection${capitalize(ownerState.direction)}`]];
-  }
+  overridesResolver: (props, styles) => styles.icon
 })(memoTheme(({
   theme
 }) => ({

package/TableSortLabel/tableSortLabelClasses.d.mts

@@ -9,14 +9,6 @@ export interface TableSortLabelClasses {
   active: string;
   /** Styles applied to the icon component. */
   icon: string;
-  /** Styles applied to the icon component if `direction="desc"`.
-   * @deprecated Combine the [.MuiTableSortLabel-icon](/material-ui/api/table-sort-label/#TableSortLabel-css-MuiTableSortLabel-icon) and [.MuiTableSortLabel-directionDesc](/material-ui/api/table-sort-label/#table-sort-label-classes-MuiTableSortLabel-directionDesc) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  iconDirectionDesc: string;
-  /** Styles applied to the icon component if `direction="asc"`.
-   * @deprecated Combine the [.MuiTableSortLabel-icon](/material-ui/api/table-sort-label/#TableSortLabel-css-MuiTableSortLabel-icon) and [.MuiTableSortLabel-directionAsc](/material-ui/api/table-sort-label/#table-sort-label-classes-MuiTableSortLabel-directionAsc) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  iconDirectionAsc: string;
 }
 export type TableSortLabelClassKey = keyof TableSortLabelClasses;
 export declare function getTableSortLabelUtilityClass(slot: string): string;

package/TableSortLabel/tableSortLabelClasses.d.ts

@@ -9,14 +9,6 @@ export interface TableSortLabelClasses {
   active: string;
   /** Styles applied to the icon component. */
   icon: string;
-  /** Styles applied to the icon component if `direction="desc"`.
-   * @deprecated Combine the [.MuiTableSortLabel-icon](/material-ui/api/table-sort-label/#TableSortLabel-css-MuiTableSortLabel-icon) and [.MuiTableSortLabel-directionDesc](/material-ui/api/table-sort-label/#table-sort-label-classes-MuiTableSortLabel-directionDesc) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  iconDirectionDesc: string;
-  /** Styles applied to the icon component if `direction="asc"`.
-   * @deprecated Combine the [.MuiTableSortLabel-icon](/material-ui/api/table-sort-label/#TableSortLabel-css-MuiTableSortLabel-icon) and [.MuiTableSortLabel-directionAsc](/material-ui/api/table-sort-label/#table-sort-label-classes-MuiTableSortLabel-directionAsc) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  iconDirectionAsc: string;
 }
 export type TableSortLabelClassKey = keyof TableSortLabelClasses;
 export declare function getTableSortLabelUtilityClass(slot: string): string;

package/TableSortLabel/tableSortLabelClasses.js

@@ -11,5 +11,5 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
 function getTableSortLabelUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiTableSortLabel', slot);
 }
-const tableSortLabelClasses = (0, _generateUtilityClasses.default)('MuiTableSortLabel', ['root', 'active', 'icon', 'iconDirectionDesc', 'iconDirectionAsc', 'directionDesc', 'directionAsc']);
+const tableSortLabelClasses = (0, _generateUtilityClasses.default)('MuiTableSortLabel', ['root', 'active', 'icon', 'directionDesc', 'directionAsc']);
 var _default = exports.default = tableSortLabelClasses;

package/TableSortLabel/tableSortLabelClasses.mjs

@@ -3,5 +3,5 @@ import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getTableSortLabelUtilityClass(slot) {
   return generateUtilityClass('MuiTableSortLabel', slot);
 }
-const tableSortLabelClasses = generateUtilityClasses('MuiTableSortLabel', ['root', 'active', 'icon', 'iconDirectionDesc', 'iconDirectionAsc', 'directionDesc', 'directionAsc']);
+const tableSortLabelClasses = generateUtilityClasses('MuiTableSortLabel', ['root', 'active', 'icon', 'directionDesc', 'directionAsc']);
 export default tableSortLabelClasses;

package/Tabs/Tabs.js

@@ -43,7 +43,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', vertical && 'vertical'],
     scroller: ['scroller', fixed && 'fixed', hideScrollbar && 'hideScrollbar', scrollableX && 'scrollableX', scrollableY && 'scrollableY'],
-    list: ['list', 'flexContainer', vertical && 'flexContainerVertical', vertical && 'vertical', centered && 'centered'],
+    list: ['list', vertical && 'vertical', centered && 'centered'],
     indicator: ['indicator'],
     scrollButtons: ['scrollButtons', scrollButtonsHideMobile && 'scrollButtonsHideMobile'],
     scrollableX: [scrollableX && 'scrollableX'],
@@ -151,7 +151,7 @@ const List = (0, _zeroStyled.styled)('div', {
     const {
       ownerState
     } = props;
-    return [styles.list, styles.flexContainer, ownerState.vertical && styles.flexContainerVertical, ownerState.centered && styles.centered];
+    return [styles.list, ownerState.centered && styles.centered];
   }
 })({
   display: 'flex',
@@ -704,7 +704,7 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
   };
   const [ListSlot, listSlotProps] = (0, _useSlot.default)('list', {
     ref: mergedRef,
-    className: (0, _clsx.default)(classes.list, classes.flexContainer),
+    className: classes.list,
     elementType: List,
     externalForwardedProps,
     ownerState,

package/Tabs/Tabs.mjs

@@ -36,7 +36,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', vertical && 'vertical'],
     scroller: ['scroller', fixed && 'fixed', hideScrollbar && 'hideScrollbar', scrollableX && 'scrollableX', scrollableY && 'scrollableY'],
-    list: ['list', 'flexContainer', vertical && 'flexContainerVertical', vertical && 'vertical', centered && 'centered'],
+    list: ['list', vertical && 'vertical', centered && 'centered'],
     indicator: ['indicator'],
     scrollButtons: ['scrollButtons', scrollButtonsHideMobile && 'scrollButtonsHideMobile'],
     scrollableX: [scrollableX && 'scrollableX'],
@@ -144,7 +144,7 @@ const List = styled('div', {
     const {
       ownerState
     } = props;
-    return [styles.list, styles.flexContainer, ownerState.vertical && styles.flexContainerVertical, ownerState.centered && styles.centered];
+    return [styles.list, ownerState.centered && styles.centered];
   }
 })({
   display: 'flex',
@@ -697,7 +697,7 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
   };
   const [ListSlot, listSlotProps] = useSlot('list', {
     ref: mergedRef,
-    className: clsx(classes.list, classes.flexContainer),
+    className: classes.list,
     elementType: List,
     externalForwardedProps,
     ownerState,

package/Tabs/tabsClasses.d.mts

@@ -3,12 +3,6 @@ export interface TabsClasses {
   root: string;
   /** Styles applied to the root element if `orientation="vertical"`. */
   vertical: string;
-  /** Styles applied to the flex container element. */
-  /** @deprecated use `list` instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details. */
-  flexContainer: string;
-  /** Styles applied to the flex container element if `orientation="vertical"`. */
-  /** @deprecated use a combination of `list` and `vertical` instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details. */
-  flexContainerVertical: string;
   /** Styles applied to the list element. */
   list: string;
   /** Styles applied to the flex container element if `centered={true}` & `!variant="scrollable"`. */

package/Tabs/tabsClasses.d.ts

@@ -3,12 +3,6 @@ export interface TabsClasses {
   root: string;
   /** Styles applied to the root element if `orientation="vertical"`. */
   vertical: string;
-  /** Styles applied to the flex container element. */
-  /** @deprecated use `list` instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details. */
-  flexContainer: string;
-  /** Styles applied to the flex container element if `orientation="vertical"`. */
-  /** @deprecated use a combination of `list` and `vertical` instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details. */
-  flexContainerVertical: string;
   /** Styles applied to the list element. */
   list: string;
   /** Styles applied to the flex container element if `centered={true}` & `!variant="scrollable"`. */

package/Tabs/tabsClasses.js

@@ -11,5 +11,5 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
 function getTabsUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiTabs', slot);
 }
-const tabsClasses = (0, _generateUtilityClasses.default)('MuiTabs', ['root', 'vertical', 'list', 'flexContainer', 'flexContainerVertical', 'centered', 'scroller', 'fixed', 'scrollableX', 'scrollableY', 'hideScrollbar', 'scrollButtons', 'scrollButtonsHideMobile', 'indicator']);
+const tabsClasses = (0, _generateUtilityClasses.default)('MuiTabs', ['root', 'vertical', 'list', 'centered', 'scroller', 'fixed', 'scrollableX', 'scrollableY', 'hideScrollbar', 'scrollButtons', 'scrollButtonsHideMobile', 'indicator']);
 var _default = exports.default = tabsClasses;

package/Tabs/tabsClasses.mjs

@@ -3,5 +3,5 @@ import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getTabsUtilityClass(slot) {
   return generateUtilityClass('MuiTabs', slot);
 }
-const tabsClasses = generateUtilityClasses('MuiTabs', ['root', 'vertical', 'list', 'flexContainer', 'flexContainerVertical', 'centered', 'scroller', 'fixed', 'scrollableX', 'scrollableY', 'hideScrollbar', 'scrollButtons', 'scrollButtonsHideMobile', 'indicator']);
+const tabsClasses = generateUtilityClasses('MuiTabs', ['root', 'vertical', 'list', 'centered', 'scroller', 'fixed', 'scrollableX', 'scrollableY', 'hideScrollbar', 'scrollButtons', 'scrollButtonsHideMobile', 'indicator']);
 export default tabsClasses;

package/ToggleButtonGroup/ToggleButtonGroup.js

@@ -16,7 +16,6 @@ var _getValidReactChildren = _interopRequireDefault(require("@mui/utils/getValid
 var _zeroStyled = require("../zero-styled");
 var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
 var _DefaultPropsProvider = require("../DefaultPropsProvider");
-var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _toggleButtonGroupClasses = _interopRequireWildcard(require("./toggleButtonGroupClasses"));
 var _ToggleButtonGroupContext = _interopRequireDefault(require("./ToggleButtonGroupContext"));
 var _ToggleButtonGroupButtonContext = _interopRequireDefault(require("./ToggleButtonGroupButtonContext"));
@@ -31,7 +30,7 @@ const useUtilityClasses = ownerState => {
   } = ownerState;
   const slots = {
     root: ['root', orientation, fullWidth && 'fullWidth'],
-    grouped: ['grouped', `grouped${(0, _capitalize.default)(orientation)}`, disabled && 'disabled'],
+    grouped: ['grouped', disabled && 'disabled'],
     firstButton: ['firstButton'],
     lastButton: ['lastButton'],
     middleButton: ['middleButton']
@@ -47,8 +46,6 @@ const ToggleButtonGroupRoot = (0, _zeroStyled.styled)('div', {
     } = props;
     return [{
       [`& .${_toggleButtonGroupClasses.default.grouped}`]: styles.grouped
-    }, {
-      [`& .${_toggleButtonGroupClasses.default.grouped}`]: styles[`grouped${(0, _capitalize.default)(ownerState.orientation)}`]
     }, {
       [`& .${_toggleButtonGroupClasses.default.firstButton}`]: styles.firstButton
     }, {

package/ToggleButtonGroup/ToggleButtonGroup.mjs

@@ -9,7 +9,6 @@ import getValidReactChildren from '@mui/utils/getValidReactChildren';
 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 toggleButtonGroupClasses, { getToggleButtonGroupUtilityClass } from "./toggleButtonGroupClasses.mjs";
 import ToggleButtonGroupContext from "./ToggleButtonGroupContext.mjs";
 import ToggleButtonGroupButtonContext from "./ToggleButtonGroupButtonContext.mjs";
@@ -24,7 +23,7 @@ const useUtilityClasses = ownerState => {
   } = ownerState;
   const slots = {
     root: ['root', orientation, fullWidth && 'fullWidth'],
-    grouped: ['grouped', `grouped${capitalize(orientation)}`, disabled && 'disabled'],
+    grouped: ['grouped', disabled && 'disabled'],
     firstButton: ['firstButton'],
     lastButton: ['lastButton'],
     middleButton: ['middleButton']
@@ -40,8 +39,6 @@ const ToggleButtonGroupRoot = styled('div', {
     } = props;
     return [{
       [`& .${toggleButtonGroupClasses.grouped}`]: styles.grouped
-    }, {
-      [`& .${toggleButtonGroupClasses.grouped}`]: styles[`grouped${capitalize(ownerState.orientation)}`]
     }, {
       [`& .${toggleButtonGroupClasses.firstButton}`]: styles.firstButton
     }, {

package/ToggleButtonGroup/toggleButtonGroupClasses.d.mts

@@ -11,14 +11,6 @@ export interface ToggleButtonGroupClasses {
   disabled: string;
   /** Styles applied to the children. */
   grouped: string;
-  /** Styles applied to the children if `orientation="horizontal"`.
-   *  @deprecated Combine the [.MuiToggleButtonGroup-horizontal](/material-ui/api/toggle-button-group/#toggle-button-group-classes-MuiToggleButtonGroup-horizontal) and [.MuiToggleButtonGroup-grouped](/material-ui/api/toggle-button-group/#toggle-button-group-classes-MuiToggleButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  groupedHorizontal: string;
-  /** Styles applied to the children if `orientation="vertical"`.
-   * @deprecated Combine the [.MuiToggleButtonGroup-vertical](/material-ui/api/toggle-button-group/#toggle-button-group-classes-MuiToggleButtonGroup-vertical) and [.MuiToggleButtonGroup-grouped](/material-ui/api/toggle-button-group/#toggle-button-group-classes-MuiToggleButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  groupedVertical: string;
   /** Styles applied to the root element if `fullWidth={true}`. */
   fullWidth: string;
   /** Styles applied to the first button in the toggle button group. */

package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts

@@ -11,14 +11,6 @@ export interface ToggleButtonGroupClasses {
   disabled: string;
   /** Styles applied to the children. */
   grouped: string;
-  /** Styles applied to the children if `orientation="horizontal"`.
-   *  @deprecated Combine the [.MuiToggleButtonGroup-horizontal](/material-ui/api/toggle-button-group/#toggle-button-group-classes-MuiToggleButtonGroup-horizontal) and [.MuiToggleButtonGroup-grouped](/material-ui/api/toggle-button-group/#toggle-button-group-classes-MuiToggleButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  groupedHorizontal: string;
-  /** Styles applied to the children if `orientation="vertical"`.
-   * @deprecated Combine the [.MuiToggleButtonGroup-vertical](/material-ui/api/toggle-button-group/#toggle-button-group-classes-MuiToggleButtonGroup-vertical) and [.MuiToggleButtonGroup-grouped](/material-ui/api/toggle-button-group/#toggle-button-group-classes-MuiToggleButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  groupedVertical: string;
   /** Styles applied to the root element if `fullWidth={true}`. */
   fullWidth: string;
   /** Styles applied to the first button in the toggle button group. */

package/ToggleButtonGroup/toggleButtonGroupClasses.js

@@ -11,5 +11,5 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
 function getToggleButtonGroupUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiToggleButtonGroup', slot);
 }
-const toggleButtonGroupClasses = (0, _generateUtilityClasses.default)('MuiToggleButtonGroup', ['root', 'selected', 'horizontal', 'vertical', 'disabled', 'grouped', 'groupedHorizontal', 'groupedVertical', 'fullWidth', 'firstButton', 'lastButton', 'middleButton']);
+const toggleButtonGroupClasses = (0, _generateUtilityClasses.default)('MuiToggleButtonGroup', ['root', 'selected', 'horizontal', 'vertical', 'disabled', 'grouped', 'fullWidth', 'firstButton', 'lastButton', 'middleButton']);
 var _default = exports.default = toggleButtonGroupClasses;

package/ToggleButtonGroup/toggleButtonGroupClasses.mjs

@@ -3,5 +3,5 @@ import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getToggleButtonGroupUtilityClass(slot) {
   return generateUtilityClass('MuiToggleButtonGroup', slot);
 }
-const toggleButtonGroupClasses = generateUtilityClasses('MuiToggleButtonGroup', ['root', 'selected', 'horizontal', 'vertical', 'disabled', 'grouped', 'groupedHorizontal', 'groupedVertical', 'fullWidth', 'firstButton', 'lastButton', 'middleButton']);
+const toggleButtonGroupClasses = generateUtilityClasses('MuiToggleButtonGroup', ['root', 'selected', 'horizontal', 'vertical', 'disabled', 'grouped', 'fullWidth', 'firstButton', 'lastButton', 'middleButton']);
 export default toggleButtonGroupClasses;

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

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

package/Typography/Typography.js

@@ -18,18 +18,6 @@ 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,
@@ -124,22 +112,12 @@ 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,

package/Typography/Typography.mjs

@@ -4,25 +4,13 @@ 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,
@@ -117,22 +105,12 @@ 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,

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v9.0.0-alpha.4
+ * @mui/material v9.0.0-beta.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/material v9.0.0-alpha.4
+ * @mui/material v9.0.0-beta.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internal/SwitchBase.d.mts

@@ -68,16 +68,6 @@ export interface SwitchBaseProps extends StandardProps<ButtonBaseProps, 'childre
    * The id of the `input` element.
    */
   id?: string | undefined;
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
-   * @deprecated Use `slotProps.input` 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.
-   */
-  inputProps?: React.InputHTMLAttributes<HTMLInputElement> | undefined;
-  /**
-   * Pass a ref to the `input` element.
-   * @deprecated Use `slotProps.input.ref` 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.
-   */
-  inputRef?: React.Ref<any> | undefined;
   /**
    * Name attribute of the `input` element.
    */

package/internal/SwitchBase.d.ts

@@ -68,16 +68,6 @@ export interface SwitchBaseProps extends StandardProps<ButtonBaseProps, 'childre
    * The id of the `input` element.
    */
   id?: string | undefined;
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
-   * @deprecated Use `slotProps.input` 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.
-   */
-  inputProps?: React.InputHTMLAttributes<HTMLInputElement> | undefined;
-  /**
-   * Pass a ref to the `input` element.
-   * @deprecated Use `slotProps.input.ref` 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.
-   */
-  inputRef?: React.Ref<any> | undefined;
   /**
    * Name attribute of the `input` element.
    */

package/internal/SwitchBase.js

@@ -9,7 +9,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _refType = _interopRequireDefault(require("@mui/utils/refType"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _rootShouldForwardProp = _interopRequireDefault(require("../styles/rootShouldForwardProp"));
@@ -102,8 +101,6 @@ const SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref)
     edge = false,
     icon,
     id,
-    inputProps,
-    inputRef,
     name,
     onBlur,
     onChange,
@@ -169,10 +166,7 @@ const SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref)
   const classes = useUtilityClasses(ownerState);
   const externalForwardedProps = {
     slots,
-    slotProps: {
-      input: inputProps,
-      ...slotProps
-    }
+    slotProps
   };
   const [RootSlot, rootSlotProps] = (0, _useSlot.default)('root', {
     ref,
@@ -204,7 +198,6 @@ const SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref)
     }
   });
   const [InputSlot, inputSlotProps] = (0, _useSlot.default)('input', {
-    ref: inputRef,
     elementType: SwitchBaseInput,
     className: classes.input,
     externalForwardedProps,
@@ -292,14 +285,6 @@ process.env.NODE_ENV !== "production" ? SwitchBase.propTypes = {
    * The id of the `input` element.
    */
   id: _propTypes.default.string,
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
-   */
-  inputProps: _propTypes.default.object,
-  /**
-   * Pass a ref to the `input` element.
-   */
-  inputRef: _refType.default,
   /*
    * @ignore
    */