@mui/material 5.2.7 → 5.2.8

package/node/FilledInput/FilledInput.js

@@ -279,7 +279,10 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes
    * The props used for each slot inside the Input.
    * @default {}
    */
-  componentsProps: _propTypes.default.object,
+  componentsProps: _propTypes.default.shape({
+    input: _propTypes.default.object,
+    root: _propTypes.default.object
+  }),
 
   /**
    * The default value. Use when the component is not controlled.

package/node/FormControlLabel/FormControlLabel.js

@@ -185,7 +185,9 @@ process.env.NODE_ENV !== "production" ? FormControlLabel.propTypes
    * The props used for each slot inside.
    * @default {}
    */
-  componentsProps: _propTypes.default.object,
+  componentsProps: _propTypes.default.shape({
+    typography: _propTypes.default.object
+  }),
 
   /**
    * A control element. For instance, it can be a `Radio`, a `Switch` or a `Checkbox`.

package/node/Input/Input.js

@@ -215,7 +215,10 @@ process.env.NODE_ENV !== "production" ? Input.propTypes
    * The props used for each slot inside the Input.
    * @default {}
    */
-  componentsProps: _propTypes.default.object,
+  componentsProps: _propTypes.default.shape({
+    input: _propTypes.default.object,
+    root: _propTypes.default.object
+  }),
 
   /**
    * The default value. Use when the component is not controlled.

package/node/InputBase/InputBase.js

@@ -584,7 +584,10 @@ process.env.NODE_ENV !== "production" ? InputBase.propTypes
    * The props used for each slot inside the Input.
    * @default {}
    */
-  componentsProps: _propTypes.default.object,
+  componentsProps: _propTypes.default.shape({
+    input: _propTypes.default.object,
+    root: _propTypes.default.object
+  }),
 
   /**
    * The default value. Use when the component is not controlled.

package/node/InputLabel/InputLabel.js

@@ -107,6 +107,8 @@ const InputLabelRoot = (0, _styled.default)(_FormLabel.default, {
 }, ownerState.size === 'small' && {
   transform: 'translate(12px, 13px) scale(1)'
 }, ownerState.shrink && (0, _extends2.default)({
+  userSelect: 'none',
+  pointerEvents: 'auto',
   transform: 'translate(12px, 7px) scale(0.75)',
   maxWidth: 'calc(133% - 24px)'
 }, ownerState.size === 'small' && {
@@ -120,6 +122,8 @@ const InputLabelRoot = (0, _styled.default)(_FormLabel.default, {
 }, ownerState.size === 'small' && {
   transform: 'translate(14px, 9px) scale(1)'
 }, ownerState.shrink && {
+  userSelect: 'none',
+  pointerEvents: 'auto',
   maxWidth: 'calc(133% - 24px)',
   transform: 'translate(14px, -9px) scale(0.75)'
 })));

package/node/ListItem/ListItem.js

@@ -375,7 +375,9 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes
    * The props used for each slot inside the Input.
    * @default {}
    */
-  componentsProps: _propTypes.default.object,
+  componentsProps: _propTypes.default.shape({
+    root: _propTypes.default.object
+  }),
 
   /**
    * The container component used when a `ListItemSecondaryAction` is the last child.

package/node/Modal/Modal.js

@@ -201,7 +201,9 @@ process.env.NODE_ENV !== "production" ? Modal.propTypes
    * The props used for each slot inside the Modal.
    * @default {}
    */
-  componentsProps: _propTypes.default.object,
+  componentsProps: _propTypes.default.shape({
+    root: _propTypes.default.object
+  }),
 
   /**
    * An HTML element or function that returns one.

package/node/Slider/Slider.js

@@ -406,11 +406,11 @@ const shouldSpreadOwnerState = Component => {
   return !Component || !(0, _base.isHostComponent)(Component);
 };
 
-const Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
+const Slider = /*#__PURE__*/React.forwardRef(function Slider(sliderProps, ref) {
   var _componentsProps$root, _componentsProps$thum, _componentsProps$trac, _componentsProps$valu;
 
   const props = (0, _useThemeProps.default)({
-    props: inputProps,
+    props: sliderProps,
     name: 'MuiSlider'
   });
   const theme = (0, _useTheme.default)();
@@ -531,6 +531,7 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
    * @default {}
    */
   components: _propTypes.default.shape({
+    Input: _propTypes.default.elementType,
     Mark: _propTypes.default.elementType,
     MarkLabel: _propTypes.default.elementType,
     Rail: _propTypes.default.elementType,
@@ -544,7 +545,24 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
    * The props used for each slot inside the Slider.
    * @default {}
    */
-  componentsProps: _propTypes.default.object,
+  componentsProps: _propTypes.default.shape({
+    input: _propTypes.default.object,
+    mark: _propTypes.default.object,
+    markLabel: _propTypes.default.object,
+    rail: _propTypes.default.object,
+    root: _propTypes.default.object,
+    thumb: _propTypes.default.object,
+    track: _propTypes.default.object,
+    valueLabel: _propTypes.default.shape({
+      className: _propTypes.default.string,
+      components: _propTypes.default.shape({
+        Root: _propTypes.default.elementType
+      }),
+      style: _propTypes.default.object,
+      value: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.number), _propTypes.default.number]),
+      valueLabelDisplay: _propTypes.default.oneOf(['auto', 'off', 'on'])
+    })
+  }),
 
   /**
    * The default value. Use when the component is not controlled.

package/node/StepLabel/StepLabel.js

@@ -227,7 +227,9 @@ process.env.NODE_ENV !== "production" ? StepLabel.propTypes
    * The props used for each slot inside.
    * @default {}
    */
-  componentsProps: _propTypes.default.object,
+  componentsProps: _propTypes.default.shape({
+    label: _propTypes.default.object
+  }),
 
   /**
    * If `true`, the step is marked as failed.

package/node/TextField/TextField.js

@@ -322,6 +322,7 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes
 
   /**
    * Props applied to the [`InputLabel`](/api/input-label/) element.
+   * Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
    */
   InputLabelProps: _propTypes.default.object,
 

package/node/Tooltip/Tooltip.js

@@ -712,7 +712,12 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes
    * and `componentsProps.transition` prop values win over `TransitionProps` if both are applied.
    * @default {}
    */
-  componentsProps: _propTypes.default.object,
+  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.

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.2.7
+/** @license MUI v5.2.8
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "5.2.7",
+  "version": "5.2.8",
   "private": false,
   "author": "MUI Team",
   "description": "Quickly build beautiful React apps. MUI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.",
@@ -46,8 +46,8 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.16.3",
-    "@mui/base": "5.0.0-alpha.63",
-    "@mui/system": "^5.2.6",
+    "@mui/base": "5.0.0-alpha.64",
+    "@mui/system": "^5.2.8",
     "@mui/types": "^7.1.0",
     "@mui/utils": "^5.2.3",
     "@types/react-transition-group": "^4.4.4",

package/transitions/index.d.ts

@@ -1 +1 @@
-export * from './transition';
+export * from './transition';

package/transitions/transition.d.ts

@@ -1,13 +1,13 @@
-import { TransitionProps as _TransitionProps, TransitionActions } from 'react-transition-group/Transition';
-import * as React from 'react';
-export declare type TransitionHandlerKeys = 'onEnter' | 'onEntering' | 'onEntered' | 'onExit' | 'onExiting' | 'onExited';
-export declare type TransitionHandlerProps = Pick<_TransitionProps, TransitionHandlerKeys>;
-export interface EasingProps {
-    easing: string | {
-        enter?: string;
-        exit?: string;
-    };
-}
-export declare type TransitionKeys = 'in' | 'mountOnEnter' | 'unmountOnExit' | 'timeout' | 'easing' | 'addEndListener' | TransitionHandlerKeys;
-export interface TransitionProps extends TransitionActions, Partial<Pick<_TransitionProps & EasingProps, TransitionKeys>>, React.HTMLAttributes<HTMLElement> {
-}
+import { TransitionProps as _TransitionProps, TransitionActions } from 'react-transition-group/Transition';
+import * as React from 'react';
+export declare type TransitionHandlerKeys = 'onEnter' | 'onEntering' | 'onEntered' | 'onExit' | 'onExiting' | 'onExited';
+export declare type TransitionHandlerProps = Pick<_TransitionProps, TransitionHandlerKeys>;
+export interface EasingProps {
+    easing: string | {
+        enter?: string;
+        exit?: string;
+    };
+}
+export declare type TransitionKeys = 'in' | 'mountOnEnter' | 'unmountOnExit' | 'timeout' | 'easing' | 'addEndListener' | TransitionHandlerKeys;
+export interface TransitionProps extends TransitionActions, Partial<Pick<_TransitionProps & EasingProps, TransitionKeys>>, React.HTMLAttributes<HTMLElement> {
+}

package/transitions/utils.d.ts

@@ -1,23 +1,23 @@
-import * as React from 'react';
-export declare const reflow: (node: Element) => number;
-interface ComponentProps {
-    easing: string | {
-        enter?: string;
-        exit?: string;
-    } | undefined;
-    style: React.CSSProperties | undefined;
-    timeout: number | {
-        enter?: number;
-        exit?: number;
-    };
-}
-interface Options {
-    mode: 'enter' | 'exit';
-}
-interface TransitionProps {
-    duration: string | number;
-    easing: string | undefined;
-    delay: string | undefined;
-}
-export declare function getTransitionProps(props: ComponentProps, options: Options): TransitionProps;
-export {};
+import * as React from 'react';
+export declare const reflow: (node: Element) => number;
+interface ComponentProps {
+    easing: string | {
+        enter?: string;
+        exit?: string;
+    } | undefined;
+    style: React.CSSProperties | undefined;
+    timeout: number | {
+        enter?: number;
+        exit?: number;
+    };
+}
+interface Options {
+    mode: 'enter' | 'exit';
+}
+interface TransitionProps {
+    duration: string | number;
+    easing: string | undefined;
+    delay: string | undefined;
+}
+export declare function getTransitionProps(props: ComponentProps, options: Options): TransitionProps;
+export {};

package/umd/material-ui.development.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.2.7
+/** @license MUI v5.2.8
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -8624,7 +8624,9 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
      * The props used for each slot inside the Backdrop.
      * @default {}
      */
-    componentsProps: propTypes.object,
+    componentsProps: propTypes.shape({
+      root: propTypes.object
+    }),
 
     /**
      * If `true`, the backdrop is invisible.
@@ -8819,7 +8821,10 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
      * The props used for each slot inside the Badge.
      * @default {}
      */
-    componentsProps: propTypes.object,
+    componentsProps: propTypes.shape({
+      badge: propTypes.object,
+      root: propTypes.object
+    }),
 
     /**
      * If `true`, the badge is invisible.
@@ -9169,7 +9174,9 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     /**
      * @ignore
      */
-    componentsProps: propTypes.object,
+    componentsProps: propTypes.shape({
+      root: propTypes.object
+    }),
 
     /**
      * If `true`, the component is disabled.
@@ -9559,7 +9566,9 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     /**
      * @ignore
      */
-    componentsProps: propTypes.object,
+    componentsProps: propTypes.shape({
+      root: propTypes.object
+    }),
 
     /**
      * @ignore
@@ -9965,7 +9974,10 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
      * The props used for each slot inside the Input.
      * @default {}
      */
-    componentsProps: propTypes.object,
+    componentsProps: propTypes.shape({
+      input: propTypes.object,
+      root: propTypes.object
+    }),
 
     /**
      * The default value. Use when the component is not controlled.
@@ -11069,7 +11081,9 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
      * The props used for each slot inside the Modal.
      * @default {}
      */
-    componentsProps: propTypes.object,
+    componentsProps: propTypes.shape({
+      root: propTypes.object
+    }),
 
     /**
      * An HTML element or function that returns one.
@@ -14123,7 +14137,9 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     const Mark = components.Mark || 'span';
     const markProps = componentsProps.mark || {};
     const MarkLabel = components.MarkLabel || 'span';
-    const markLabelProps = componentsProps.markLabel || {}; // all props with defaults
+    const markLabelProps = componentsProps.markLabel || {};
+    const Input = components.Input || 'input';
+    const inputProps = componentsProps.input || {}; // all props with defaults
     // consider extracting to hook an reusing the lint rule for the varints
 
     const ownerState = _extends({}, props, {
@@ -14221,7 +14237,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
               style: _extends({}, style, {
                 pointerEvents: disableSwap && active !== index ? 'none' : undefined
               }, thumbProps.style),
-              children: /*#__PURE__*/jsxRuntime_1("input", {
+              children: /*#__PURE__*/jsxRuntime_1(Input, _extends({
                 tabIndex: tabIndex,
                 "data-index": index,
                 "aria-label": getAriaLabel ? getAriaLabel(index) : ariaLabel,
@@ -14246,8 +14262,10 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
                   // So that VoiceOver's focus indicator matches the thumb's dimensions
                   width: '100%',
                   height: '100%'
-                })
-              })
+                }, inputProps.style)
+              }, !isHostComponent(Input) && {
+                ownerState: _extends({}, ownerState, inputProps.ownerState)
+              }, inputProps))
             }))
           }))
         }, index);
@@ -14320,6 +14338,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
      * @default {}
      */
     components: propTypes.shape({
+      Input: propTypes.elementType,
       Mark: propTypes.elementType,
       MarkLabel: propTypes.elementType,
       Rail: propTypes.elementType,
@@ -14333,7 +14352,24 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
      * The props used for each slot inside the Slider.
      * @default {}
      */
-    componentsProps: propTypes.object,
+    componentsProps: propTypes.shape({
+      input: propTypes.object,
+      mark: propTypes.object,
+      markLabel: propTypes.object,
+      rail: propTypes.object,
+      root: propTypes.object,
+      thumb: propTypes.object,
+      track: propTypes.object,
+      valueLabel: propTypes.shape({
+        className: propTypes.string,
+        components: propTypes.shape({
+          Root: propTypes.elementType
+        }),
+        style: propTypes.object,
+        value: propTypes.oneOfType([propTypes.arrayOf(propTypes.number), propTypes.number]),
+        valueLabelDisplay: propTypes.oneOf(['auto', 'off', 'on'])
+      })
+    }),
 
     /**
      * The default value. Use when the component is not controlled.
@@ -14730,7 +14766,12 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
      * The props used for each slot inside the Switch.
      * @default {}
      */
-    componentsProps: propTypes.object,
+    componentsProps: propTypes.shape({
+      input: propTypes.object,
+      root: propTypes.object,
+      thumb: propTypes.object,
+      track: propTypes.object
+    }),
 
     /**
      * The default checked state. Use when the component is not controlled.
@@ -14972,7 +15013,9 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
      * The props used for each slot inside the Tabs.
      * @default {}
      */
-    componentsProps: propTypes.object,
+    componentsProps: propTypes.shape({
+      root: propTypes.object
+    }),
 
     /**
      * The default value. Use when the component is not controlled.
@@ -15132,7 +15175,9 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
      * The props used for each slot inside the TabPanel.
      * @default {}
      */
-    componentsProps: propTypes.object,
+    componentsProps: propTypes.shape({
+      root: propTypes.object
+    }),
 
     /**
      * The value of the TabPanel. It will be shown when the Tab with the corresponding value is selected.
@@ -15431,7 +15476,9 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
      * The props used for each slot inside the TabsList.
      * @default {}
      */
-    componentsProps: propTypes.object
+    componentsProps: propTypes.shape({
+      root: propTypes.object
+    })
   } ;
   var TabsListUnstyled$1 = TabsListUnstyled;
 
@@ -15637,7 +15684,9 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
      * The props used for each slot inside the Tab.
      * @default {}
      */
-    componentsProps: propTypes.object,
+    componentsProps: propTypes.shape({
+      root: propTypes.object
+    }),
 
     /**
      * If `true`, the component is disabled.
@@ -22629,7 +22678,9 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
      * The props used for each slot inside.
      * @default {}
      */
-    componentsProps: propTypes.object,
+    componentsProps: propTypes.shape({
+      clearIndicator: propTypes.object
+    }),
 
     /**
      * The default value. Use when the component is not controlled.
@@ -23776,7 +23827,9 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
      * The props used for each slot inside the Backdrop.
      * @default {}
      */
-    componentsProps: propTypes.object,
+    componentsProps: propTypes.shape({
+      root: propTypes.object
+    }),
 
     /**
      * If `true`, the backdrop is invisible.
@@ -24097,7 +24150,10 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
      * The props used for each slot inside the Badge.
      * @default {}
      */
-    componentsProps: propTypes.object,
+    componentsProps: propTypes.shape({
+      badge: propTypes.object,
+      root: propTypes.object
+    }),
 
     /**
      * If `true`, the badge is invisible.
@@ -27497,7 +27553,9 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
      * The props used for each slot inside the Modal.
      * @default {}
      */
-    componentsProps: propTypes.object,
+    componentsProps: propTypes.shape({
+      root: propTypes.object
+    }),
 
     /**
      * An HTML element or function that returns one.
@@ -30139,7 +30197,10 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
      * The props used for each slot inside the Input.
      * @default {}
      */
-    componentsProps: propTypes.object,
+    componentsProps: propTypes.shape({
+      input: propTypes.object,
+      root: propTypes.object
+    }),
 
     /**
      * The default value. Use when the component is not controlled.
@@ -30566,7 +30627,10 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
      * The props used for each slot inside the Input.
      * @default {}
      */
-    componentsProps: propTypes.object,
+    componentsProps: propTypes.shape({
+      input: propTypes.object,
+      root: propTypes.object
+    }),
 
     /**
      * The default value. Use when the component is not controlled.
@@ -31187,7 +31251,9 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
      * The props used for each slot inside.
      * @default {}
      */
-    componentsProps: propTypes.object,
+    componentsProps: propTypes.shape({
+      typography: propTypes.object
+    }),
 
     /**
      * A control element. For instance, it can be a `Radio`, a `Switch` or a `Checkbox`.
@@ -34115,7 +34181,10 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
      * The props used for each slot inside the Input.
      * @default {}
      */
-    componentsProps: propTypes.object,
+    componentsProps: propTypes.shape({
+      input: propTypes.object,
+      root: propTypes.object
+    }),
 
     /**
      * The default value. Use when the component is not controlled.
@@ -34523,6 +34592,8 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
   }, ownerState.size === 'small' && {
     transform: 'translate(12px, 13px) scale(1)'
   }, ownerState.shrink && _extends({
+    userSelect: 'none',
+    pointerEvents: 'auto',
     transform: 'translate(12px, 7px) scale(0.75)',
     maxWidth: 'calc(133% - 24px)'
   }, ownerState.size === 'small' && {
@@ -34536,6 +34607,8 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
   }, ownerState.size === 'small' && {
     transform: 'translate(14px, 9px) scale(1)'
   }, ownerState.shrink && {
+    userSelect: 'none',
+    pointerEvents: 'auto',
     maxWidth: 'calc(133% - 24px)',
     transform: 'translate(14px, -9px) scale(0.75)'
   })));
@@ -36069,7 +36142,9 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
      * The props used for each slot inside the Input.
      * @default {}
      */
-    componentsProps: propTypes.object,
+    componentsProps: propTypes.shape({
+      root: propTypes.object
+    }),
 
     /**
      * The container component used when a `ListItemSecondaryAction` is the last child.
@@ -42414,11 +42489,11 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
     return !Component || !isHostComponent(Component);
   };
 
-  const Slider = /*#__PURE__*/React__namespace.forwardRef(function Slider(inputProps, ref) {
+  const Slider = /*#__PURE__*/React__namespace.forwardRef(function Slider(sliderProps, ref) {
     var _componentsProps$root, _componentsProps$thum, _componentsProps$trac, _componentsProps$valu;
 
     const props = useThemeProps({
-      props: inputProps,
+      props: sliderProps,
       name: 'MuiSlider'
     });
     const theme = useTheme();
@@ -42542,6 +42617,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
      * @default {}
      */
     components: propTypes.shape({
+      Input: propTypes.elementType,
       Mark: propTypes.elementType,
       MarkLabel: propTypes.elementType,
       Rail: propTypes.elementType,
@@ -42555,7 +42631,24 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
      * The props used for each slot inside the Slider.
      * @default {}
      */
-    componentsProps: propTypes.object,
+    componentsProps: propTypes.shape({
+      input: propTypes.object,
+      mark: propTypes.object,
+      markLabel: propTypes.object,
+      rail: propTypes.object,
+      root: propTypes.object,
+      thumb: propTypes.object,
+      track: propTypes.object,
+      valueLabel: propTypes.shape({
+        className: propTypes.string,
+        components: propTypes.shape({
+          Root: propTypes.elementType
+        }),
+        style: propTypes.object,
+        value: propTypes.oneOfType([propTypes.arrayOf(propTypes.number), propTypes.number]),
+        valueLabelDisplay: propTypes.oneOf(['auto', 'off', 'on'])
+      })
+    }),
 
     /**
      * The default value. Use when the component is not controlled.
@@ -44747,7 +44840,12 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
      * and `componentsProps.transition` prop values win over `TransitionProps` if both are applied.
      * @default {}
      */
-    componentsProps: propTypes.object,
+    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.
@@ -46029,7 +46127,9 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
      * The props used for each slot inside.
      * @default {}
      */
-    componentsProps: propTypes.object,
+    componentsProps: propTypes.shape({
+      label: propTypes.object
+    }),
 
     /**
      * If `true`, the step is marked as failed.
@@ -51047,6 +51147,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
 
     /**
      * Props applied to the [`InputLabel`](/api/input-label/) element.
+     * Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
      */
     InputLabelProps: propTypes.object,