@mui/material 9.0.0-alpha.2 → 9.0.0-alpha.4

package/CardHeader/CardHeader.js

@@ -68,7 +68,11 @@ const CardHeaderContent = (0, _zeroStyled.styled)('div', {
   slot: 'Content'
 })({
   flex: '1 1 auto',
-  [`.${_Typography.typographyClasses.root}:where(& .${_cardHeaderClasses.default.title}), .${_Typography.typographyClasses.root}:where(& .${_cardHeaderClasses.default.subheader})`]: {
+  // Combine this and the below selector once https://github.com/emotion-js/emotion/issues/3366 is solved
+  [`.${_Typography.typographyClasses.root}:where(& .${_cardHeaderClasses.default.title})`]: {
+    display: 'block'
+  },
+  [`.${_Typography.typographyClasses.root}:where(& .${_cardHeaderClasses.default.subheader})`]: {
     display: 'block'
   }
 });

package/CardHeader/CardHeader.mjs

@@ -61,7 +61,11 @@ const CardHeaderContent = styled('div', {
   slot: 'Content'
 })({
   flex: '1 1 auto',
-  [`.${typographyClasses.root}:where(& .${cardHeaderClasses.title}), .${typographyClasses.root}:where(& .${cardHeaderClasses.subheader})`]: {
+  // Combine this and the below selector once https://github.com/emotion-js/emotion/issues/3366 is solved
+  [`.${typographyClasses.root}:where(& .${cardHeaderClasses.title})`]: {
+    display: 'block'
+  },
+  [`.${typographyClasses.root}:where(& .${cardHeaderClasses.subheader})`]: {
     display: 'block'
   }
 });

package/CircularProgress/CircularProgress.js

@@ -66,7 +66,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', variant, `color${(0, _capitalize.default)(color)}`],
     svg: ['svg'],
     track: ['track'],
-    circle: ['circle', `circle${(0, _capitalize.default)(variant)}`, disableShrink && 'circleDisableShrink']
+    circle: ['circle', disableShrink && 'circleDisableShrink']
   };
   return (0, _composeClasses.default)(slots, _circularProgressClasses.getCircularProgressUtilityClass, classes);
 };
@@ -119,7 +119,7 @@ const CircularProgressCircle = (0, _zeroStyled.styled)('circle', {
     const {
       ownerState
     } = props;
-    return [styles.circle, styles[`circle${(0, _capitalize.default)(ownerState.variant)}`], ownerState.disableShrink && styles.circleDisableShrink];
+    return [styles.circle, ownerState.disableShrink && styles.circleDisableShrink];
   }
 })((0, _memoTheme.default)(({
   theme

package/CircularProgress/CircularProgress.mjs

@@ -59,7 +59,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', variant, `color${capitalize(color)}`],
     svg: ['svg'],
     track: ['track'],
-    circle: ['circle', `circle${capitalize(variant)}`, disableShrink && 'circleDisableShrink']
+    circle: ['circle', disableShrink && 'circleDisableShrink']
   };
   return composeClasses(slots, getCircularProgressUtilityClass, classes);
 };
@@ -112,7 +112,7 @@ const CircularProgressCircle = styled('circle', {
     const {
       ownerState
     } = props;
-    return [styles.circle, styles[`circle${capitalize(ownerState.variant)}`], ownerState.disableShrink && styles.circleDisableShrink];
+    return [styles.circle, ownerState.disableShrink && styles.circleDisableShrink];
   }
 })(memoTheme(({
   theme

package/CircularProgress/circularProgressClasses.d.mts

@@ -15,14 +15,6 @@ export interface CircularProgressClasses {
   track: string;
   /** Styles applied to the `circle` svg path. */
   circle: string;
-  /** Styles applied to the `circle` svg path if `variant="determinate"`.
-   * @deprecated Combine the [.MuiCircularProgress-circle](/material-ui/api/circular-progress/#circular-progress-classes-MuiCircularProgress-circle) and [.MuiCircularProgress-determinate](/material-ui/api/circular-progress/#circular-progress-classes-MuiCircularProgress-determinate) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  circleDeterminate: string;
-  /** Styles applied to the `circle` svg path if `variant="indeterminate"`.
-   * @deprecated Combine the [.MuiCircularProgress-circle](/material-ui/api/circular-progress/#circular-progress-classes-MuiCircularProgress-circle) and [.MuiCircularProgress-indeterminate](/material-ui/api/circular-progress/#circular-progress-classes-MuiCircularProgress-indeterminate) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  circleIndeterminate: string;
   /** Styles applied to the `circle` svg path if `disableShrink={true}`. */
   circleDisableShrink: string;
 }

package/CircularProgress/circularProgressClasses.d.ts

@@ -15,14 +15,6 @@ export interface CircularProgressClasses {
   track: string;
   /** Styles applied to the `circle` svg path. */
   circle: string;
-  /** Styles applied to the `circle` svg path if `variant="determinate"`.
-   * @deprecated Combine the [.MuiCircularProgress-circle](/material-ui/api/circular-progress/#circular-progress-classes-MuiCircularProgress-circle) and [.MuiCircularProgress-determinate](/material-ui/api/circular-progress/#circular-progress-classes-MuiCircularProgress-determinate) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  circleDeterminate: string;
-  /** Styles applied to the `circle` svg path if `variant="indeterminate"`.
-   * @deprecated Combine the [.MuiCircularProgress-circle](/material-ui/api/circular-progress/#circular-progress-classes-MuiCircularProgress-circle) and [.MuiCircularProgress-indeterminate](/material-ui/api/circular-progress/#circular-progress-classes-MuiCircularProgress-indeterminate) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  circleIndeterminate: string;
   /** Styles applied to the `circle` svg path if `disableShrink={true}`. */
   circleDisableShrink: string;
 }

package/CircularProgress/circularProgressClasses.js

@@ -11,5 +11,5 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
 function getCircularProgressUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiCircularProgress', slot);
 }
-const circularProgressClasses = (0, _generateUtilityClasses.default)('MuiCircularProgress', ['root', 'determinate', 'indeterminate', 'colorPrimary', 'colorSecondary', 'svg', 'track', 'circle', 'circleDeterminate', 'circleIndeterminate', 'circleDisableShrink']);
+const circularProgressClasses = (0, _generateUtilityClasses.default)('MuiCircularProgress', ['root', 'determinate', 'indeterminate', 'colorPrimary', 'colorSecondary', 'svg', 'track', 'circle', 'circleDisableShrink']);
 var _default = exports.default = circularProgressClasses;

package/CircularProgress/circularProgressClasses.mjs

@@ -3,5 +3,5 @@ import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getCircularProgressUtilityClass(slot) {
   return generateUtilityClass('MuiCircularProgress', slot);
 }
-const circularProgressClasses = generateUtilityClasses('MuiCircularProgress', ['root', 'determinate', 'indeterminate', 'colorPrimary', 'colorSecondary', 'svg', 'track', 'circle', 'circleDeterminate', 'circleIndeterminate', 'circleDisableShrink']);
+const circularProgressClasses = generateUtilityClasses('MuiCircularProgress', ['root', 'determinate', 'indeterminate', 'colorPrimary', 'colorSecondary', 'svg', 'track', 'circle', 'circleDisableShrink']);
 export default circularProgressClasses;

package/Divider/Divider.d.mts

@@ -25,12 +25,6 @@ export interface DividerOwnProps {
    * @default false
    */
   flexItem?: boolean | undefined;
-  /**
-   * If `true`, the divider will have a lighter color.
-   * @default false
-   * @deprecated Use <Divider sx={{ opacity: 0.6 }} /> (or any opacity or color) instead. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  light?: boolean | undefined;
   /**
    * The component orientation.
    * @default 'horizontal'
@@ -62,6 +56,7 @@ export interface DividerTypeMap<AdditionalProps = {}, RootComponent extends Reac
  *
  * - [Divider](https://next.mui.com/material-ui/react-divider/)
  * - [Lists](https://next.mui.com/material-ui/react-list/)
+ * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
  *
  * API:
  *

package/Divider/Divider.d.ts

@@ -25,12 +25,6 @@ export interface DividerOwnProps {
    * @default false
    */
   flexItem?: boolean | undefined;
-  /**
-   * If `true`, the divider will have a lighter color.
-   * @default false
-   * @deprecated Use <Divider sx={{ opacity: 0.6 }} /> (or any opacity or color) instead. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  light?: boolean | undefined;
   /**
    * The component orientation.
    * @default 'horizontal'
@@ -62,6 +56,7 @@ export interface DividerTypeMap<AdditionalProps = {}, RootComponent extends Reac
  *
  * - [Divider](https://next.mui.com/material-ui/react-divider/)
  * - [Lists](https://next.mui.com/material-ui/react-list/)
+ * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
  *
  * API:
  *

package/Divider/Divider.js

@@ -22,13 +22,12 @@ const useUtilityClasses = ownerState => {
     children,
     classes,
     flexItem,
-    light,
     orientation,
     textAlign,
     variant
   } = ownerState;
   const slots = {
-    root: ['root', absolute && 'absolute', variant, light && 'light', orientation === 'vertical' && 'vertical', flexItem && 'flexItem', children && 'withChildren', children && orientation === 'vertical' && 'withChildrenVertical', textAlign === 'right' && orientation !== 'vertical' && 'textAlignRight', textAlign === 'left' && orientation !== 'vertical' && 'textAlignLeft'],
+    root: ['root', absolute && 'absolute', variant, orientation === 'vertical' && 'vertical', flexItem && 'flexItem', children && 'withChildren', children && orientation === 'vertical' && 'withChildrenVertical', textAlign === 'right' && orientation !== 'vertical' && 'textAlignRight', textAlign === 'left' && orientation !== 'vertical' && 'textAlignLeft'],
     wrapper: ['wrapper', orientation === 'vertical' && 'wrapperVertical']
   };
   return (0, _composeClasses.default)(slots, _dividerClasses.getDividerUtilityClass, classes);
@@ -40,7 +39,7 @@ const DividerRoot = (0, _zeroStyled.styled)('div', {
     const {
       ownerState
     } = props;
-    return [styles.root, ownerState.absolute && styles.absolute, styles[ownerState.variant], ownerState.light && styles.light, ownerState.orientation === 'vertical' && styles.vertical, ownerState.flexItem && styles.flexItem, ownerState.children && styles.withChildren, ownerState.children && ownerState.orientation === 'vertical' && styles.withChildrenVertical, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && styles.textAlignRight, ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && styles.textAlignLeft];
+    return [styles.root, ownerState.absolute && styles.absolute, styles[ownerState.variant], ownerState.orientation === 'vertical' && styles.vertical, ownerState.flexItem && styles.flexItem, ownerState.children && styles.withChildren, ownerState.children && ownerState.orientation === 'vertical' && styles.withChildrenVertical, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && styles.textAlignRight, ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && styles.textAlignLeft];
   }
 })((0, _memoTheme.default)(({
   theme
@@ -62,13 +61,6 @@ const DividerRoot = (0, _zeroStyled.styled)('div', {
       left: 0,
       width: '100%'
     }
-  }, {
-    props: {
-      light: true
-    },
-    style: {
-      borderColor: theme.alpha((theme.vars || theme).palette.divider, 0.08)
-    }
   }, {
     props: {
       variant: 'inset'
@@ -213,7 +205,6 @@ const Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
     orientation = 'horizontal',
     component = children || orientation === 'vertical' ? 'div' : 'hr',
     flexItem = false,
-    light = false,
     role = component !== 'hr' ? 'separator' : undefined,
     textAlign = 'center',
     variant = 'fullWidth',
@@ -224,7 +215,6 @@ const Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
     absolute,
     component,
     flexItem,
-    light,
     orientation,
     role,
     textAlign,
@@ -287,12 +277,6 @@ process.env.NODE_ENV !== "production" ? Divider.propTypes /* remove-proptypes */
    * @default false
    */
   flexItem: _propTypes.default.bool,
-  /**
-   * If `true`, the divider will have a lighter color.
-   * @default false
-   * @deprecated Use <Divider sx={{ opacity: 0.6 }} /> (or any opacity or color) instead. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  light: _propTypes.default.bool,
   /**
    * The component orientation.
    * @default 'horizontal'

package/Divider/Divider.mjs

@@ -15,13 +15,12 @@ const useUtilityClasses = ownerState => {
     children,
     classes,
     flexItem,
-    light,
     orientation,
     textAlign,
     variant
   } = ownerState;
   const slots = {
-    root: ['root', absolute && 'absolute', variant, light && 'light', orientation === 'vertical' && 'vertical', flexItem && 'flexItem', children && 'withChildren', children && orientation === 'vertical' && 'withChildrenVertical', textAlign === 'right' && orientation !== 'vertical' && 'textAlignRight', textAlign === 'left' && orientation !== 'vertical' && 'textAlignLeft'],
+    root: ['root', absolute && 'absolute', variant, orientation === 'vertical' && 'vertical', flexItem && 'flexItem', children && 'withChildren', children && orientation === 'vertical' && 'withChildrenVertical', textAlign === 'right' && orientation !== 'vertical' && 'textAlignRight', textAlign === 'left' && orientation !== 'vertical' && 'textAlignLeft'],
     wrapper: ['wrapper', orientation === 'vertical' && 'wrapperVertical']
   };
   return composeClasses(slots, getDividerUtilityClass, classes);
@@ -33,7 +32,7 @@ const DividerRoot = styled('div', {
     const {
       ownerState
     } = props;
-    return [styles.root, ownerState.absolute && styles.absolute, styles[ownerState.variant], ownerState.light && styles.light, ownerState.orientation === 'vertical' && styles.vertical, ownerState.flexItem && styles.flexItem, ownerState.children && styles.withChildren, ownerState.children && ownerState.orientation === 'vertical' && styles.withChildrenVertical, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && styles.textAlignRight, ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && styles.textAlignLeft];
+    return [styles.root, ownerState.absolute && styles.absolute, styles[ownerState.variant], ownerState.orientation === 'vertical' && styles.vertical, ownerState.flexItem && styles.flexItem, ownerState.children && styles.withChildren, ownerState.children && ownerState.orientation === 'vertical' && styles.withChildrenVertical, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && styles.textAlignRight, ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && styles.textAlignLeft];
   }
 })(memoTheme(({
   theme
@@ -55,13 +54,6 @@ const DividerRoot = styled('div', {
       left: 0,
       width: '100%'
     }
-  }, {
-    props: {
-      light: true
-    },
-    style: {
-      borderColor: theme.alpha((theme.vars || theme).palette.divider, 0.08)
-    }
   }, {
     props: {
       variant: 'inset'
@@ -206,7 +198,6 @@ const Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
     orientation = 'horizontal',
     component = children || orientation === 'vertical' ? 'div' : 'hr',
     flexItem = false,
-    light = false,
     role = component !== 'hr' ? 'separator' : undefined,
     textAlign = 'center',
     variant = 'fullWidth',
@@ -217,7 +208,6 @@ const Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
     absolute,
     component,
     flexItem,
-    light,
     orientation,
     role,
     textAlign,
@@ -280,12 +270,6 @@ process.env.NODE_ENV !== "production" ? Divider.propTypes /* remove-proptypes */
    * @default false
    */
   flexItem: PropTypes.bool,
-  /**
-   * If `true`, the divider will have a lighter color.
-   * @default false
-   * @deprecated Use <Divider sx={{ opacity: 0.6 }} /> (or any opacity or color) instead. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  light: PropTypes.bool,
   /**
    * The component orientation.
    * @default 'horizontal'

package/Divider/dividerClasses.d.mts

@@ -7,10 +7,6 @@ export interface DividerClasses {
   inset: string;
   /** Styles applied to the root element if `variant="fullWidth"`. */
   fullWidth: string;
-  /** Styles applied to the root element if `light={true}`.
-   * @deprecated
-   */
-  light: string;
   /** Styles applied to the root element if `variant="middle"`. */
   middle: string;
   /** Styles applied to the root element if `orientation="vertical"`. */

package/Divider/dividerClasses.d.ts

@@ -7,10 +7,6 @@ export interface DividerClasses {
   inset: string;
   /** Styles applied to the root element if `variant="fullWidth"`. */
   fullWidth: string;
-  /** Styles applied to the root element if `light={true}`.
-   * @deprecated
-   */
-  light: string;
   /** Styles applied to the root element if `variant="middle"`. */
   middle: string;
   /** Styles applied to the root element if `orientation="vertical"`. */

package/Divider/dividerClasses.js

@@ -11,5 +11,5 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
 function getDividerUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiDivider', slot);
 }
-const dividerClasses = (0, _generateUtilityClasses.default)('MuiDivider', ['root', 'absolute', 'fullWidth', 'inset', 'middle', 'flexItem', 'light', 'vertical', 'withChildren', 'withChildrenVertical', 'textAlignRight', 'textAlignLeft', 'wrapper', 'wrapperVertical']);
+const dividerClasses = (0, _generateUtilityClasses.default)('MuiDivider', ['root', 'absolute', 'fullWidth', 'inset', 'middle', 'flexItem', 'vertical', 'withChildren', 'withChildrenVertical', 'textAlignRight', 'textAlignLeft', 'wrapper', 'wrapperVertical']);
 var _default = exports.default = dividerClasses;

package/Divider/dividerClasses.mjs

@@ -3,5 +3,5 @@ import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getDividerUtilityClass(slot) {
   return generateUtilityClass('MuiDivider', slot);
 }
-const dividerClasses = generateUtilityClasses('MuiDivider', ['root', 'absolute', 'fullWidth', 'inset', 'middle', 'flexItem', 'light', 'vertical', 'withChildren', 'withChildrenVertical', 'textAlignRight', 'textAlignLeft', 'wrapper', 'wrapperVertical']);
+const dividerClasses = generateUtilityClasses('MuiDivider', ['root', 'absolute', 'fullWidth', 'inset', 'middle', 'flexItem', 'vertical', 'withChildren', 'withChildrenVertical', 'textAlignRight', 'textAlignLeft', 'wrapper', 'wrapperVertical']);
 export default dividerClasses;

package/FormControlLabel/FormControlLabel.d.mts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { Theme } from "../styles/index.mjs";
 import { InternalStandardProps as StandardProps } from "../internal/index.mjs";
-import Typography, { TypographyProps } from "../Typography/index.mjs";
+import Typography from "../Typography/index.mjs";
 import { FormControlLabelClasses } from "./formControlLabelClasses.mjs";
 import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.mjs";
 export interface FormControlLabelSlots {
@@ -25,19 +25,6 @@ export interface FormControlLabelProps extends StandardProps<React.LabelHTMLAttr
    * Override or extend the styles applied to the component.
    */
   classes?: Partial<FormControlLabelClasses> | undefined;
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   * @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.
-   */
-  componentsProps?: {
-    /**
-     * Props applied to the Typography wrapper of the passed label.
-     * This is unused if disableTypography is true.
-     * @default {}
-     */
-    typography?: TypographyProps | undefined;
-  } | undefined;
   /**
    * A control element. For instance, it can be a `Radio`, a `Switch` or a `Checkbox`.
    */

package/FormControlLabel/FormControlLabel.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { Theme } from "../styles/index.js";
 import { InternalStandardProps as StandardProps } from "../internal/index.js";
-import Typography, { TypographyProps } from "../Typography/index.js";
+import Typography from "../Typography/index.js";
 import { FormControlLabelClasses } from "./formControlLabelClasses.js";
 import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
 export interface FormControlLabelSlots {
@@ -25,19 +25,6 @@ export interface FormControlLabelProps extends StandardProps<React.LabelHTMLAttr
    * Override or extend the styles applied to the component.
    */
   classes?: Partial<FormControlLabelClasses> | undefined;
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   * @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.
-   */
-  componentsProps?: {
-    /**
-     * Props applied to the Typography wrapper of the passed label.
-     * This is unused if disableTypography is true.
-     * @default {}
-     */
-    typography?: TypographyProps | undefined;
-  } | undefined;
   /**
    * A control element. For instance, it can be a `Radio`, a `Switch` or a `Checkbox`.
    */

package/FormControlLabel/FormControlLabel.js

@@ -122,7 +122,6 @@ const FormControlLabel = /*#__PURE__*/React.forwardRef(function FormControlLabel
   const {
     checked,
     className,
-    componentsProps = {},
     control,
     disabled: disabledProp,
     disableTypography,
@@ -164,10 +163,7 @@ const FormControlLabel = /*#__PURE__*/React.forwardRef(function FormControlLabel
   const classes = useUtilityClasses(ownerState);
   const externalForwardedProps = {
     slots,
-    slotProps: {
-      ...componentsProps,
-      ...slotProps
-    }
+    slotProps
   };
   const [TypographySlot, typographySlotProps] = (0, _useSlot.default)('typography', {
     elementType: _Typography.default,
@@ -215,14 +211,6 @@ process.env.NODE_ENV !== "production" ? FormControlLabel.propTypes /* remove-pro
    * @ignore
    */
   className: _propTypes.default.string,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   * @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.
-   */
-  componentsProps: _propTypes.default.shape({
-    typography: _propTypes.default.object
-  }),
   /**
    * A control element. For instance, it can be a `Radio`, a `Switch` or a `Checkbox`.
    */

package/FormControlLabel/FormControlLabel.mjs

@@ -115,7 +115,6 @@ const FormControlLabel = /*#__PURE__*/React.forwardRef(function FormControlLabel
   const {
     checked,
     className,
-    componentsProps = {},
     control,
     disabled: disabledProp,
     disableTypography,
@@ -157,10 +156,7 @@ const FormControlLabel = /*#__PURE__*/React.forwardRef(function FormControlLabel
   const classes = useUtilityClasses(ownerState);
   const externalForwardedProps = {
     slots,
-    slotProps: {
-      ...componentsProps,
-      ...slotProps
-    }
+    slotProps
   };
   const [TypographySlot, typographySlotProps] = useSlot('typography', {
     elementType: Typography,
@@ -208,14 +204,6 @@ process.env.NODE_ENV !== "production" ? FormControlLabel.propTypes /* remove-pro
    * @ignore
    */
   className: PropTypes.string,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   * @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.
-   */
-  componentsProps: PropTypes.shape({
-    typography: PropTypes.object
-  }),
   /**
    * A control element. For instance, it can be a `Radio`, a `Switch` or a `Checkbox`.
    */

package/Input/Input.js

@@ -18,6 +18,7 @@ var _zeroStyled = require("../zero-styled");
 var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
 var _createSimplePaletteValueFilter = _interopRequireDefault(require("../utils/createSimplePaletteValueFilter"));
 var _DefaultPropsProvider = require("../DefaultPropsProvider");
+var _inputLabelClasses = _interopRequireDefault(require("../InputLabel/inputLabelClasses"));
 var _inputClasses = _interopRequireWildcard(require("./inputClasses"));
 var _InputBase2 = require("../InputBase/InputBase");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -62,7 +63,7 @@ const InputRoot = (0, _zeroStyled.styled)(_InputBase2.InputBaseRoot, {
         ownerState
       }) => ownerState.formControl,
       style: {
-        'label + &': {
+        [`label + &, .${_inputLabelClasses.default.root} + &`]: {
           marginTop: 16
         }
       }

package/Input/Input.mjs

@@ -11,6 +11,7 @@ import { styled } from "../zero-styled/index.mjs";
 import memoTheme from "../utils/memoTheme.mjs";
 import createSimplePaletteValueFilter from "../utils/createSimplePaletteValueFilter.mjs";
 import { useDefaultProps } from "../DefaultPropsProvider/index.mjs";
+import inputLabelClasses from "../InputLabel/inputLabelClasses.mjs";
 import inputClasses, { getInputUtilityClass } from "./inputClasses.mjs";
 import { rootOverridesResolver as inputBaseRootOverridesResolver, inputOverridesResolver as inputBaseInputOverridesResolver, InputBaseRoot, InputBaseInput } from "../InputBase/InputBase.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -55,7 +56,7 @@ const InputRoot = styled(InputBaseRoot, {
         ownerState
       }) => ownerState.formControl,
       style: {
-        'label + &': {
+        [`label + &, .${inputLabelClasses.root} + &`]: {
           marginTop: 16
         }
       }

package/List/List.d.mts

@@ -52,6 +52,7 @@ export type ExtendList<TypeMap extends OverridableTypeMap> = OverridableComponen
  * Demos:
  *
  * - [Lists](https://next.mui.com/material-ui/react-list/)
+ * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
  * - [Transfer List](https://next.mui.com/material-ui/react-transfer-list/)
  *
  * API:

package/List/List.d.ts

@@ -52,6 +52,7 @@ export type ExtendList<TypeMap extends OverridableTypeMap> = OverridableComponen
  * Demos:
  *
  * - [Lists](https://next.mui.com/material-ui/react-list/)
+ * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
  * - [Transfer List](https://next.mui.com/material-ui/react-transfer-list/)
  *
  * API:

package/ListItemButton/ListItemButton.d.mts

@@ -72,6 +72,7 @@ export type ListItemButtonTypeMap<AdditionalProps = {}, RootComponent extends Re
  * Demos:
  *
  * - [Lists](https://next.mui.com/material-ui/react-list/)
+ * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
  *
  * API:
  *

package/ListItemButton/ListItemButton.d.ts

@@ -72,6 +72,7 @@ export type ListItemButtonTypeMap<AdditionalProps = {}, RootComponent extends Re
  * Demos:
  *
  * - [Lists](https://next.mui.com/material-ui/react-list/)
+ * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
  *
  * API:
  *

package/ListItemIcon/ListItemIcon.d.mts

@@ -25,6 +25,7 @@ export interface ListItemIconProps extends StandardProps<React.HTMLAttributes<HT
  * Demos:
  *
  * - [Lists](https://next.mui.com/material-ui/react-list/)
+ * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
  *
  * API:
  *

package/ListItemIcon/ListItemIcon.d.ts

@@ -25,6 +25,7 @@ export interface ListItemIconProps extends StandardProps<React.HTMLAttributes<HT
  * Demos:
  *
  * - [Lists](https://next.mui.com/material-ui/react-list/)
+ * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
  *
  * API:
  *

package/ListItemText/ListItemText.d.mts

@@ -98,6 +98,7 @@ export interface ListItemTextProps<PrimaryTypographyComponent extends React.Elem
  * Demos:
  *
  * - [Lists](https://next.mui.com/material-ui/react-list/)
+ * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
  *
  * API:
  *

package/ListItemText/ListItemText.d.ts

@@ -98,6 +98,7 @@ export interface ListItemTextProps<PrimaryTypographyComponent extends React.Elem
  * Demos:
  *
  * - [Lists](https://next.mui.com/material-ui/react-list/)
+ * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
  *
  * API:
  *

package/ListItemText/ListItemText.js

@@ -51,7 +51,11 @@ const ListItemTextRoot = (0, _zeroStyled.styled)('div', {
   minWidth: 0,
   marginTop: 4,
   marginBottom: 4,
-  [`.${_Typography.typographyClasses.root}:where(& .${_listItemTextClasses.default.primary}), .${_Typography.typographyClasses.root}:where(& .${_listItemTextClasses.default.secondary})`]: {
+  // Combine this and the below selector once https://github.com/emotion-js/emotion/issues/3366 is solved
+  [`.${_Typography.typographyClasses.root}:where(& .${_listItemTextClasses.default.primary})`]: {
+    display: 'block'
+  },
+  [`.${_Typography.typographyClasses.root}:where(& .${_listItemTextClasses.default.secondary})`]: {
     display: 'block'
   },
   variants: [{

package/ListItemText/ListItemText.mjs

@@ -44,7 +44,11 @@ const ListItemTextRoot = styled('div', {
   minWidth: 0,
   marginTop: 4,
   marginBottom: 4,
-  [`.${typographyClasses.root}:where(& .${listItemTextClasses.primary}), .${typographyClasses.root}:where(& .${listItemTextClasses.secondary})`]: {
+  // Combine this and the below selector once https://github.com/emotion-js/emotion/issues/3366 is solved
+  [`.${typographyClasses.root}:where(& .${listItemTextClasses.primary})`]: {
+    display: 'block'
+  },
+  [`.${typographyClasses.root}:where(& .${listItemTextClasses.secondary})`]: {
     display: 'block'
   },
   variants: [{

package/ListSubheader/ListSubheader.d.mts

@@ -47,6 +47,7 @@ export interface ListSubheaderTypeMap<AdditionalProps = {}, RootComponent extend
  * Demos:
  *
  * - [Lists](https://next.mui.com/material-ui/react-list/)
+ * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
  *
  * API:
  *

package/ListSubheader/ListSubheader.d.ts

@@ -47,6 +47,7 @@ export interface ListSubheaderTypeMap<AdditionalProps = {}, RootComponent extend
  * Demos:
  *
  * - [Lists](https://next.mui.com/material-ui/react-list/)
+ * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
  *
  * API:
  *