@mui/material 7.0.1 → 7.1.0

package/CardContent/CardContent.js

@@ -26,8 +26,7 @@ const useUtilityClasses = ownerState => {
 };
 const CardContentRoot = (0, _zeroStyled.styled)('div', {
   name: 'MuiCardContent',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({
   padding: 16,
   '&:last-child': {

package/CardHeader/CardHeader.js

@@ -47,8 +47,7 @@ const CardHeaderRoot = (0, _zeroStyled.styled)('div', {
 });
 const CardHeaderAvatar = (0, _zeroStyled.styled)('div', {
   name: 'MuiCardHeader',
-  slot: 'Avatar',
-  overridesResolver: (props, styles) => styles.avatar
+  slot: 'Avatar'
 })({
   display: 'flex',
   flex: '0 0 auto',
@@ -56,8 +55,7 @@ const CardHeaderAvatar = (0, _zeroStyled.styled)('div', {
 });
 const CardHeaderAction = (0, _zeroStyled.styled)('div', {
   name: 'MuiCardHeader',
-  slot: 'Action',
-  overridesResolver: (props, styles) => styles.action
+  slot: 'Action'
 })({
   flex: '0 0 auto',
   alignSelf: 'flex-start',
@@ -67,8 +65,7 @@ const CardHeaderAction = (0, _zeroStyled.styled)('div', {
 });
 const CardHeaderContent = (0, _zeroStyled.styled)('div', {
   name: 'MuiCardHeader',
-  slot: 'Content',
-  overridesResolver: (props, styles) => styles.content
+  slot: 'Content'
 })({
   flex: '1 1 auto',
   [`.${_Typography.typographyClasses.root}:where(& .${_cardHeaderClasses.default.title})`]: {

package/Checkbox/Checkbox.js

@@ -236,7 +236,7 @@ process.env.NODE_ENV !== "production" ? Checkbox.propTypes /* remove-proptypes *
    */
   indeterminateIcon: _propTypes.default.node,
   /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   * [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: _propTypes.default.object,

package/Chip/Chip.js

@@ -438,7 +438,7 @@ const Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
       className: (0, _clsx.default)(deleteIconProp.props.className, classes.deleteIcon),
       onClick: handleDeleteIconClick
     })) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cancel.default, {
-      className: (0, _clsx.default)(classes.deleteIcon),
+      className: classes.deleteIcon,
       onClick: handleDeleteIconClick
     });
   }
@@ -472,7 +472,7 @@ const Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
     ...moreProps,
     ...other,
     children: [avatar || icon, /*#__PURE__*/(0, _jsxRuntime.jsx)(ChipLabel, {
-      className: (0, _clsx.default)(classes.label),
+      className: classes.label,
       ownerState: ownerState,
       children: label
     }), deleteIcon]

package/CircularProgress/CircularProgress.js

@@ -107,8 +107,7 @@ const CircularProgressRoot = (0, _zeroStyled.styled)('span', {
 })));
 const CircularProgressSVG = (0, _zeroStyled.styled)('svg', {
   name: 'MuiCircularProgress',
-  slot: 'Svg',
-  overridesResolver: (props, styles) => styles.svg
+  slot: 'Svg'
 })({
   display: 'block' // Keeps the progress centered
 });

package/ClickAwayListener/ClickAwayListener.js

@@ -9,7 +9,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.ClickAwayListener = ClickAwayListener;
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("@mui/utils");
+var _ownerDocument = _interopRequireDefault(require("@mui/utils/ownerDocument"));
+var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
+var _elementAcceptingRef = _interopRequireDefault(require("@mui/utils/elementAcceptingRef"));
+var _exactProp = _interopRequireDefault(require("@mui/utils/exactProp"));
 var _getReactElementRef = _interopRequireDefault(require("@mui/utils/getReactElementRef"));
 // TODO: return `EventHandlerName extends `on${infer EventName}` ? Lowercase<EventName> : never` once generatePropTypes runs with TS 4.1
 function mapEventPropToEvent(eventProp) {
@@ -53,7 +57,7 @@ function ClickAwayListener(props) {
       activatedRef.current = false;
     };
   }, []);
-  const handleRef = (0, _utils.unstable_useForkRef)((0, _getReactElementRef.default)(children), nodeRef);
+  const handleRef = (0, _useForkRef.default)((0, _getReactElementRef.default)(children), nodeRef);
 
   // The handler doesn't take event.defaultPrevented into account:
   //
@@ -61,12 +65,12 @@ function ClickAwayListener(props) {
   // clicking a checkbox to check it, hitting a button to submit a form,
   // and hitting left arrow to move the cursor in a text input etc.
   // Only special HTML elements have these default behaviors.
-  const handleClickAway = (0, _utils.unstable_useEventCallback)(event => {
+  const handleClickAway = (0, _useEventCallback.default)(event => {
     // Given developers can stop the propagation of the synthetic event,
     // we can only be confident with a positive value.
     const insideReactTree = syntheticEventRef.current;
     syntheticEventRef.current = false;
-    const doc = (0, _utils.unstable_ownerDocument)(nodeRef.current);
+    const doc = (0, _ownerDocument.default)(nodeRef.current);
 
     // 1. IE11 support, which trigger the handleClickAway even after the unbind
     // 2. The child might render null.
@@ -114,7 +118,7 @@ function ClickAwayListener(props) {
   React.useEffect(() => {
     if (touchEvent !== false) {
       const mappedTouchEvent = mapEventPropToEvent(touchEvent);
-      const doc = (0, _utils.unstable_ownerDocument)(nodeRef.current);
+      const doc = (0, _ownerDocument.default)(nodeRef.current);
       const handleTouchMove = () => {
         movedRef.current = true;
       };
@@ -133,7 +137,7 @@ function ClickAwayListener(props) {
   React.useEffect(() => {
     if (mouseEvent !== false) {
       const mappedMouseEvent = mapEventPropToEvent(mouseEvent);
-      const doc = (0, _utils.unstable_ownerDocument)(nodeRef.current);
+      const doc = (0, _ownerDocument.default)(nodeRef.current);
       doc.addEventListener(mappedMouseEvent, handleClickAway);
       return () => {
         doc.removeEventListener(mappedMouseEvent, handleClickAway);
@@ -151,7 +155,7 @@ process.env.NODE_ENV !== "production" ? ClickAwayListener.propTypes /* remove-pr
   /**
    * The wrapped element.
    */
-  children: _utils.elementAcceptingRef.isRequired,
+  children: _elementAcceptingRef.default.isRequired,
   /**
    * If `true`, the React tree is ignored and only the DOM tree is considered.
    * This prop changes how portaled elements are handled.
@@ -175,5 +179,5 @@ process.env.NODE_ENV !== "production" ? ClickAwayListener.propTypes /* remove-pr
 } : void 0;
 if (process.env.NODE_ENV !== 'production') {
   // eslint-disable-next-line
-  ClickAwayListener['propTypes' + ''] = (0, _utils.exactProp)(ClickAwayListener.propTypes);
+  ClickAwayListener['propTypes' + ''] = (0, _exactProp.default)(ClickAwayListener.propTypes);
 }

package/Collapse/Collapse.js

@@ -87,8 +87,7 @@ const CollapseRoot = (0, _zeroStyled.styled)('div', {
 })));
 const CollapseWrapper = (0, _zeroStyled.styled)('div', {
   name: 'MuiCollapse',
-  slot: 'Wrapper',
-  overridesResolver: (props, styles) => styles.wrapper
+  slot: 'Wrapper'
 })({
   // Hack to get children with a negative margin to not falsify the height computation.
   display: 'flex',
@@ -105,8 +104,7 @@ const CollapseWrapper = (0, _zeroStyled.styled)('div', {
 });
 const CollapseWrapperInner = (0, _zeroStyled.styled)('div', {
   name: 'MuiCollapse',
-  slot: 'WrapperInner',
-  overridesResolver: (props, styles) => styles.wrapperInner
+  slot: 'WrapperInner'
 })({
   width: '100%',
   variants: [{

package/Dialog/Dialog.js

@@ -49,8 +49,7 @@ const useUtilityClasses = ownerState => {
 };
 const DialogRoot = (0, _zeroStyled.styled)(_Modal.default, {
   name: 'MuiDialog',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({
   '@media print': {
     // Use !important to override the Modal inline-style.
@@ -306,7 +305,7 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
     elementType: DialogContainer,
     externalForwardedProps,
     ownerState,
-    className: (0, _clsx.default)(classes.container)
+    className: classes.container
   });
   const [TransitionSlot, transitionSlotProps] = (0, _useSlot.default)('transition', {
     elementType: _Fade.default,
@@ -385,9 +384,6 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
    * @default styled(Backdrop, {
    *   name: 'MuiModal',
    *   slot: 'Backdrop',
-   *   overridesResolver: (props, styles) => {
-   *     return styles.backdrop;
-   *   },
    * })({
    *   zIndex: -1,
    * })

package/Dialog/dialogClasses.d.ts

@@ -9,9 +9,13 @@ export interface DialogClasses {
   container: string;
   /** Styles applied to the Paper component. */
   paper: string;
-  /** Styles applied to the Paper component if `scroll="paper"`. */
+  /** Styles applied to the Paper component if `scroll="paper"`.
+   * @deprecated Combine the [.MuiDialog-paper](/material-ui/api/dialog/#dialog-classes-paper) and [.MuiDialog-scrollPaper](/material-ui/api/dialog/#dialog-classes-scrollPaper) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
   paperScrollPaper: string;
-  /** Styles applied to the Paper component if `scroll="body"`. */
+  /** Styles applied to the Paper component if `scroll="body"`.
+   * @deprecated Combine the [.MuiDialog-paper](/material-ui/api/dialog/#dialog-classes-paper) and [.MuiDialog-scrollBody](/material-ui/api/dialog/#dialog-classes-scrollBody) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
   paperScrollBody: string;
   /** Styles applied to the Paper component if `maxWidth=false`. */
   paperWidthFalse: string;

package/DialogContentText/DialogContentText.js

@@ -34,8 +34,7 @@ const useUtilityClasses = ownerState => {
 const DialogContentTextRoot = (0, _zeroStyled.styled)(_Typography.default, {
   shouldForwardProp: prop => (0, _rootShouldForwardProp.default)(prop) || prop === 'classes',
   name: 'MuiDialogContentText',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({});
 const DialogContentText = /*#__PURE__*/React.forwardRef(function DialogContentText(inProps, ref) {
   const props = (0, _DefaultPropsProvider.useDefaultProps)({

package/DialogTitle/DialogTitle.js

@@ -28,8 +28,7 @@ const useUtilityClasses = ownerState => {
 };
 const DialogTitleRoot = (0, _zeroStyled.styled)(_Typography.default, {
   name: 'MuiDialogTitle',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({
   padding: '16px 24px',
   flex: '0 0 auto'

package/FilledInput/FilledInput.js

@@ -422,7 +422,7 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes /* remove-proptype
    */
   inputComponent: _propTypes.default.elementType,
   /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
    * @default {}
    */
   inputProps: _propTypes.default.object,
@@ -510,7 +510,7 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes /* remove-proptype
    */
   sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
   /**
-   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
+   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types).
    * @default 'text'
    */
   type: _propTypes.default.string,

package/FormControlLabel/FormControlLabel.js

@@ -101,8 +101,7 @@ const FormControlLabelRoot = exports.FormControlLabelRoot = (0, _zeroStyled.styl
 })));
 const AsteriskComponent = (0, _zeroStyled.styled)('span', {
   name: 'MuiFormControlLabel',
-  slot: 'Asterisk',
-  overridesResolver: (props, styles) => styles.asterisk
+  slot: 'Asterisk'
 })((0, _memoTheme.default)(({
   theme
 }) => ({

package/FormLabel/FormLabel.js

@@ -76,8 +76,7 @@ const FormLabelRoot = exports.FormLabelRoot = (0, _zeroStyled.styled)('label', {
 })));
 const AsteriskComponent = (0, _zeroStyled.styled)('span', {
   name: 'MuiFormLabel',
-  slot: 'Asterisk',
-  overridesResolver: (props, styles) => styles.asterisk
+  slot: 'Asterisk'
 })((0, _memoTheme.default)(({
   theme
 }) => ({

package/IconButton/IconButton.js

@@ -156,8 +156,7 @@ const IconButtonRoot = (0, _zeroStyled.styled)(_ButtonBase.default, {
 })));
 const IconButtonLoadingIndicator = (0, _zeroStyled.styled)('span', {
   name: 'MuiIconButton',
-  slot: 'LoadingIndicator',
-  overridesResolver: (props, styles) => styles.loadingIndicator
+  slot: 'LoadingIndicator'
 })(({
   theme
 }) => ({

package/ImageListItemBar/ImageListItemBar.js

@@ -123,8 +123,7 @@ const ImageListItemBarTitleWrap = (0, _zeroStyled.styled)('div', {
 }));
 const ImageListItemBarTitle = (0, _zeroStyled.styled)('div', {
   name: 'MuiImageListItemBar',
-  slot: 'Title',
-  overridesResolver: (props, styles) => styles.title
+  slot: 'Title'
 })((0, _memoTheme.default)(({
   theme
 }) => {
@@ -138,8 +137,7 @@ const ImageListItemBarTitle = (0, _zeroStyled.styled)('div', {
 }));
 const ImageListItemBarSubtitle = (0, _zeroStyled.styled)('div', {
   name: 'MuiImageListItemBar',
-  slot: 'Subtitle',
-  overridesResolver: (props, styles) => styles.subtitle
+  slot: 'Subtitle'
 })((0, _memoTheme.default)(({
   theme
 }) => {

package/InitColorSchemeScript/InitColorSchemeScript.d.ts

@@ -1,4 +1,4 @@
-import SystemInitColorSchemeScript from '@mui/system/InitColorSchemeScript';
+import * as React from 'react';
 export declare const defaultConfig: {
   readonly attribute: "data-mui-color-scheme";
   readonly colorSchemeStorageKey: "mui-color-scheme";
@@ -6,5 +6,61 @@ export declare const defaultConfig: {
   readonly defaultDarkColorScheme: "dark";
   readonly modeStorageKey: "mui-mode";
 };
-declare const _default: typeof SystemInitColorSchemeScript;
-export default _default;
+export interface InitColorSchemeScriptProps {
+  /**
+   * The default mode when the storage is empty (user's first visit).
+   * @default 'system'
+   */
+  defaultMode?: 'system' | 'light' | 'dark';
+  /**
+   * The default color scheme to be used in light mode.
+   * @default 'light'
+   */
+  defaultLightColorScheme?: string;
+  /**
+   * The default color scheme to be used in dark mode.
+   * @default 'dark'
+   */
+  defaultDarkColorScheme?: string;
+  /**
+   * The node (provided as string) used to attach the color-scheme attribute.
+   * @default 'document.documentElement'
+   */
+  colorSchemeNode?: string;
+  /**
+   * localStorage key used to store `mode`.
+   * @default 'mui-mode'
+   */
+  modeStorageKey?: string;
+  /**
+   * localStorage key used to store `colorScheme`.
+   * @default 'mui-color-scheme'
+   */
+  colorSchemeStorageKey?: string;
+  /**
+   * DOM attribute for applying a color scheme.
+   * @default 'data-mui-color-scheme'
+   * @example '.mode-%s' // for class based color scheme
+   * @example '[data-mode-%s]' // for data-attribute without '='
+   */
+  attribute?: 'class' | 'data' | string;
+  /**
+   * Nonce string to pass to the inline script for CSP headers.
+   */
+  nonce?: string | undefined;
+}
+/**
+ *
+ * Demos:
+ *
+ * - [InitColorSchemeScript](https://mui.com/material-ui/react-init-color-scheme-script/)
+ *
+ * API:
+ *
+ * - [InitColorSchemeScript API](https://mui.com/material-ui/api/init-color-scheme-script/)
+ */
+declare function InitColorSchemeScript(props: InitColorSchemeScriptProps): React.JSX.Element;
+declare namespace InitColorSchemeScript {
+  var propTypes: any;
+}
+export default InitColorSchemeScript;

package/InitColorSchemeScript/InitColorSchemeScript.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.defaultConfig = exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _InitColorSchemeScript = _interopRequireDefault(require("@mui/system/InitColorSchemeScript"));
 var _jsxRuntime = require("react/jsx-runtime");
 const defaultConfig = exports.defaultConfig = {
@@ -16,9 +17,83 @@ const defaultConfig = exports.defaultConfig = {
   defaultDarkColorScheme: 'dark',
   modeStorageKey: 'mui-mode'
 };
-var InitColorSchemeScript = exports.default = function InitColorSchemeScript(props) {
+/**
+ *
+ * Demos:
+ *
+ * - [InitColorSchemeScript](https://mui.com/material-ui/react-init-color-scheme-script/)
+ *
+ * API:
+ *
+ * - [InitColorSchemeScript API](https://mui.com/material-ui/api/init-color-scheme-script/)
+ */
+function InitColorSchemeScript(props) {
+  const {
+    defaultMode = 'system',
+    defaultLightColorScheme = defaultConfig.defaultLightColorScheme,
+    defaultDarkColorScheme = defaultConfig.defaultDarkColorScheme,
+    modeStorageKey = defaultConfig.modeStorageKey,
+    colorSchemeStorageKey = defaultConfig.colorSchemeStorageKey,
+    attribute: initialAttribute = defaultConfig.attribute,
+    colorSchemeNode = 'document.documentElement',
+    nonce
+  } = props;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InitColorSchemeScript.default, {
-    ...defaultConfig,
-    ...props
+    defaultMode: defaultMode,
+    defaultLightColorScheme: defaultLightColorScheme,
+    defaultDarkColorScheme: defaultDarkColorScheme,
+    modeStorageKey: modeStorageKey,
+    colorSchemeStorageKey: colorSchemeStorageKey,
+    attribute: initialAttribute,
+    colorSchemeNode: colorSchemeNode,
+    nonce: nonce
   });
-};
+}
+process.env.NODE_ENV !== "production" ? InitColorSchemeScript.propTypes /* remove-proptypes */ = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * DOM attribute for applying a color scheme.
+   * @default 'data-mui-color-scheme'
+   * @example '.mode-%s' // for class based color scheme
+   * @example '[data-mode-%s]' // for data-attribute without '='
+   */
+  attribute: _propTypes.default.string,
+  /**
+   * The node (provided as string) used to attach the color-scheme attribute.
+   * @default 'document.documentElement'
+   */
+  colorSchemeNode: _propTypes.default.string,
+  /**
+   * localStorage key used to store `colorScheme`.
+   * @default 'mui-color-scheme'
+   */
+  colorSchemeStorageKey: _propTypes.default.string,
+  /**
+   * The default color scheme to be used in dark mode.
+   * @default 'dark'
+   */
+  defaultDarkColorScheme: _propTypes.default.string,
+  /**
+   * The default color scheme to be used in light mode.
+   * @default 'light'
+   */
+  defaultLightColorScheme: _propTypes.default.string,
+  /**
+   * The default mode when the storage is empty (user's first visit).
+   * @default 'system'
+   */
+  defaultMode: _propTypes.default.oneOf(['dark', 'light', 'system']),
+  /**
+   * localStorage key used to store `mode`.
+   * @default 'mui-mode'
+   */
+  modeStorageKey: _propTypes.default.string,
+  /**
+   * Nonce string to pass to the inline script for CSP headers.
+   */
+  nonce: _propTypes.default.string
+} : void 0;
+var _default = exports.default = InitColorSchemeScript;

package/Input/Input.js

@@ -267,7 +267,7 @@ process.env.NODE_ENV !== "production" ? Input.propTypes /* remove-proptypes */ =
    */
   inputComponent: _propTypes.default.elementType,
   /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
    * @default {}
    */
   inputProps: _propTypes.default.object,
@@ -355,7 +355,7 @@ process.env.NODE_ENV !== "production" ? Input.propTypes /* remove-proptypes */ =
    */
   sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
   /**
-   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
+   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types).
    * @default 'text'
    */
   type: _propTypes.default.string,

package/InputBase/InputBase.d.ts

@@ -99,7 +99,7 @@ export interface InputBaseProps extends StandardProps<React.HTMLAttributes<HTMLD
    */
   inputComponent?: React.ElementType<InputBaseComponentProps>;
   /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
    * @default {}
    */
   inputProps?: InputBaseComponentProps;
@@ -217,7 +217,7 @@ export interface InputBaseProps extends StandardProps<React.HTMLAttributes<HTMLD
    */
   sx?: SxProps<Theme>;
   /**
-   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
+   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types).
    * @default 'text'
    */
   type?: string;

package/InputBase/InputBase.js

@@ -624,7 +624,7 @@ process.env.NODE_ENV !== "production" ? InputBase.propTypes /* remove-proptypes
    */
   inputComponent: _elementTypeAcceptingRef.default,
   /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
    * @default {}
    */
   inputProps: _propTypes.default.object,
@@ -746,7 +746,7 @@ process.env.NODE_ENV !== "production" ? InputBase.propTypes /* remove-proptypes
    */
   sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
   /**
-   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
+   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types).
    * @default 'text'
    */
   type: _propTypes.default.string,

package/ListItem/ListItem.js

@@ -149,8 +149,7 @@ const ListItemRoot = exports.ListItemRoot = (0, _zeroStyled.styled)('div', {
 })));
 const ListItemContainer = (0, _zeroStyled.styled)('li', {
   name: 'MuiListItem',
-  slot: 'Container',
-  overridesResolver: (props, styles) => styles.container
+  slot: 'Container'
 })({
   position: 'relative'
 });

package/Menu/Menu.d.ts

@@ -23,7 +23,7 @@ export interface MenuSlots {
   root: React.ElementType;
   /**
    * The component used for the paper.
-   * @default Paper
+   * @default PopoverPaper
    */
   paper: React.ElementType;
   /**

package/Menu/Menu.js

@@ -45,13 +45,11 @@ const useUtilityClasses = ownerState => {
 const MenuRoot = (0, _zeroStyled.styled)(_Popover.default, {
   shouldForwardProp: prop => (0, _rootShouldForwardProp.default)(prop) || prop === 'classes',
   name: 'MuiMenu',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({});
 const MenuPaper = exports.MenuPaper = (0, _zeroStyled.styled)(_Popover.PopoverPaper, {
   name: 'MuiMenu',
-  slot: 'Paper',
-  overridesResolver: (props, styles) => styles.paper
+  slot: 'Paper'
 })({
   // specZ: The maximum height of a simple menu should be one or more rows less than the view
   // height. This ensures a tappable area outside of the simple menu with which to dismiss
@@ -62,8 +60,7 @@ const MenuPaper = exports.MenuPaper = (0, _zeroStyled.styled)(_Popover.PopoverPa
 });
 const MenuMenuList = (0, _zeroStyled.styled)(_MenuList.default, {
   name: 'MuiMenu',
-  slot: 'List',
-  overridesResolver: (props, styles) => styles.list
+  slot: 'List'
 })({
   // We disable the focus ring for mouse, touch and keyboard users.
   outline: 0

package/MobileStepper/MobileStepper.js

@@ -82,8 +82,7 @@ const MobileStepperRoot = (0, _zeroStyled.styled)(_Paper.default, {
 })));
 const MobileStepperDots = (0, _zeroStyled.styled)('div', {
   name: 'MuiMobileStepper',
-  slot: 'Dots',
-  overridesResolver: (props, styles) => styles.dots
+  slot: 'Dots'
 })({
   variants: [{
     props: {
@@ -134,8 +133,7 @@ const MobileStepperDot = (0, _zeroStyled.styled)('div', {
 })));
 const MobileStepperProgress = (0, _zeroStyled.styled)(_LinearProgress.default, {
   name: 'MuiMobileStepper',
-  slot: 'Progress',
-  overridesResolver: (props, styles) => styles.progress
+  slot: 'Progress'
 })({
   variants: [{
     props: {

package/Modal/Modal.d.ts

@@ -30,9 +30,6 @@ export interface ModalOwnProps {
    * @default styled(Backdrop, {
    *   name: 'MuiModal',
    *   slot: 'Backdrop',
-   *   overridesResolver: (props, styles) => {
-   *     return styles.backdrop;
-   *   },
    * })({
    *   zIndex: -1,
    * })

package/Modal/Modal.js

@@ -64,10 +64,7 @@ const ModalRoot = (0, _zeroStyled.styled)('div', {
 })));
 const ModalBackdrop = (0, _zeroStyled.styled)(_Backdrop.default, {
   name: 'MuiModal',
-  slot: 'Backdrop',
-  overridesResolver: (props, styles) => {
-    return styles.backdrop;
-  }
+  slot: 'Backdrop'
 })({
   zIndex: -1
 });
@@ -238,9 +235,6 @@ process.env.NODE_ENV !== "production" ? Modal.propTypes /* remove-proptypes */ =
    * @default styled(Backdrop, {
    *   name: 'MuiModal',
    *   slot: 'Backdrop',
-   *   overridesResolver: (props, styles) => {
-   *     return styles.backdrop;
-   *   },
    * })({
    *   zIndex: -1,
    * })