@mui/lab 5.0.0-alpha.64 → 5.0.0-alpha.65

package/internal/svg-icons/Calendar.d.ts

@@ -1,7 +1,7 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};
-/**
- * @ignore - internal component.
- */
-export default _default;
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+/**
+ * @ignore - internal component.
+ */
+export default _default;

package/internal/svg-icons/Clock.d.ts

@@ -1,7 +1,7 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};
-/**
- * @ignore - internal component.
- */
-export default _default;
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+/**
+ * @ignore - internal component.
+ */
+export default _default;

package/internal/svg-icons/DateRange.d.ts

@@ -1,7 +1,7 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};
-/**
- * @ignore - internal component.
- */
-export default _default;
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+/**
+ * @ignore - internal component.
+ */
+export default _default;

package/internal/svg-icons/Pen.d.ts

@@ -1,7 +1,7 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};
-/**
- * @ignore - internal component.
- */
-export default _default;
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+/**
+ * @ignore - internal component.
+ */
+export default _default;

package/internal/svg-icons/Time.d.ts

@@ -1,7 +1,7 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};
-/**
- * @ignore - internal component.
- */
-export default _default;
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+/**
+ * @ignore - internal component.
+ */
+export default _default;

package/legacy/Masonry/Masonry.js

@@ -173,40 +173,24 @@ var Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
 
   var classes = useUtilityClasses(ownerState);
 
-  var handleResize = function handleResize(elements) {
-    if (!elements) {
+  var handleResize = function handleResize(masonryChildren) {
+    if (!masonryRef.current || !masonryChildren || masonryChildren.length === 0) {
       return;
     }
 
-    var masonry;
-    var masonryFirstChild;
-    var parentWidth;
-    var childWidth;
-
-    if (elements[0].target.className.includes(classes.root)) {
-      var _elements$, _masonryFirstChild, _masonryFirstChild$co, _masonryFirstChild2;
-
-      masonry = elements[0].target;
-      parentWidth = elements[0].contentRect.width;
-      masonryFirstChild = ((_elements$ = elements[1]) == null ? void 0 : _elements$.target) || masonry.firstChild;
-      childWidth = ((_masonryFirstChild = masonryFirstChild) == null ? void 0 : (_masonryFirstChild$co = _masonryFirstChild.contentRect) == null ? void 0 : _masonryFirstChild$co.width) || ((_masonryFirstChild2 = masonryFirstChild) == null ? void 0 : _masonryFirstChild2.clientWidth) || 0;
-    } else {
-      var _elements$2, _masonry$contentRect;
-
-      masonryFirstChild = elements[0].target;
-      childWidth = elements[0].contentRect.width;
-      masonry = ((_elements$2 = elements[1]) == null ? void 0 : _elements$2.target) || masonryFirstChild.parentElement;
-      parentWidth = ((_masonry$contentRect = masonry.contentRect) == null ? void 0 : _masonry$contentRect.width) || masonry.clientWidth;
-    }
+    var masonry = masonryRef.current;
+    var masonryFirstChild = masonryRef.current.firstChild;
+    var parentWidth = masonry.clientWidth;
+    var firstChildWidth = masonryFirstChild.clientWidth;
 
-    if (parentWidth === 0 || childWidth === 0 || !masonry || !masonryFirstChild) {
+    if (parentWidth === 0 || firstChildWidth === 0) {
       return;
     }
 
     var firstChildComputedStyle = window.getComputedStyle(masonryFirstChild);
     var firstChildMarginLeft = parseToNumber(firstChildComputedStyle.marginLeft);
     var firstChildMarginRight = parseToNumber(firstChildComputedStyle.marginRight);
-    var currentNumberOfColumns = Math.round(parentWidth / (childWidth + firstChildMarginLeft + firstChildMarginRight));
+    var currentNumberOfColumns = Math.round(parentWidth / (firstChildWidth + firstChildMarginLeft + firstChildMarginRight));
     var columnHeights = new Array(currentNumberOfColumns).fill(0);
     var skip = false;
     masonry.childNodes.forEach(function (child) {
@@ -259,16 +243,10 @@ var Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
       return undefined;
     }
 
-    var container = masonryRef.current;
-
-    if (container && resizeObserver) {
-      // only the masonry container and its first child are observed for resizing;
-      // this might cause unforeseen problems in some use cases;
-      resizeObserver.observe(container);
-
-      if (container.firstChild) {
-        resizeObserver.observe(container.firstChild);
-      }
+    if (masonryRef.current) {
+      masonryRef.current.childNodes.forEach(function (childNode) {
+        resizeObserver.observe(childNode);
+      });
     }
 
     return function () {

package/legacy/index.js

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

package/legacy/internal/pickers/PureDateInput.js

@@ -34,15 +34,17 @@ export var PureDateInput = /*#__PURE__*/React.forwardRef(function PureDateInput(
     inputRef: inputRef,
     error: validationError,
     InputProps: PureDateInputProps,
-    inputProps: {
+    inputProps: _extends({
       disabled: disabled,
       readOnly: true,
       'aria-readonly': true,
       'aria-label': getOpenDialogAriaText(rawValue, utils),
-      value: inputValue,
-      onClick: onOpen,
+      value: inputValue
+    }, !props.readOnly && {
+      onClick: onOpen
+    }, {
       onKeyDown: onSpaceOrEnter(onOpen)
-    }
+    })
   }, TextFieldProps));
 });
 PureDateInput.propTypes = {

package/legacy/internal/pickers/test-utils.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
@@ -58,7 +59,7 @@ export var AdapterClassToUse = /*#__PURE__*/function (_AdapterDateFns) {
     return _this;
   }
 
-  return AdapterClassToUse;
+  return _createClass(AdapterClassToUse);
 }(AdapterDateFns);
 export var adapterToUse = new AdapterClassToUse();
 export var FakeTransitionComponent = /*#__PURE__*/React.forwardRef(function FakeTransitionComponent(_ref, ref) {

package/modern/Masonry/Masonry.js

@@ -167,36 +167,24 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
 
   const classes = useUtilityClasses(ownerState);
 
-  const handleResize = elements => {
-    if (!elements) {
+  const handleResize = masonryChildren => {
+    if (!masonryRef.current || !masonryChildren || masonryChildren.length === 0) {
       return;
     }
 
-    let masonry;
-    let masonryFirstChild;
-    let parentWidth;
-    let childWidth;
-
-    if (elements[0].target.className.includes(classes.root)) {
-      masonry = elements[0].target;
-      parentWidth = elements[0].contentRect.width;
-      masonryFirstChild = elements[1]?.target || masonry.firstChild;
-      childWidth = masonryFirstChild?.contentRect?.width || masonryFirstChild?.clientWidth || 0;
-    } else {
-      masonryFirstChild = elements[0].target;
-      childWidth = elements[0].contentRect.width;
-      masonry = elements[1]?.target || masonryFirstChild.parentElement;
-      parentWidth = masonry.contentRect?.width || masonry.clientWidth;
-    }
+    const masonry = masonryRef.current;
+    const masonryFirstChild = masonryRef.current.firstChild;
+    const parentWidth = masonry.clientWidth;
+    const firstChildWidth = masonryFirstChild.clientWidth;
 
-    if (parentWidth === 0 || childWidth === 0 || !masonry || !masonryFirstChild) {
+    if (parentWidth === 0 || firstChildWidth === 0) {
       return;
     }
 
     const firstChildComputedStyle = window.getComputedStyle(masonryFirstChild);
     const firstChildMarginLeft = parseToNumber(firstChildComputedStyle.marginLeft);
     const firstChildMarginRight = parseToNumber(firstChildComputedStyle.marginRight);
-    const currentNumberOfColumns = Math.round(parentWidth / (childWidth + firstChildMarginLeft + firstChildMarginRight));
+    const currentNumberOfColumns = Math.round(parentWidth / (firstChildWidth + firstChildMarginLeft + firstChildMarginRight));
     const columnHeights = new Array(currentNumberOfColumns).fill(0);
     let skip = false;
     masonry.childNodes.forEach(child => {
@@ -249,16 +237,10 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
       return undefined;
     }
 
-    const container = masonryRef.current;
-
-    if (container && resizeObserver) {
-      // only the masonry container and its first child are observed for resizing;
-      // this might cause unforeseen problems in some use cases;
-      resizeObserver.observe(container);
-
-      if (container.firstChild) {
-        resizeObserver.observe(container.firstChild);
-      }
+    if (masonryRef.current) {
+      masonryRef.current.childNodes.forEach(childNode => {
+        resizeObserver.observe(childNode);
+      });
     }
 
     return () => resizeObserver ? resizeObserver.disconnect() : {};

package/modern/index.js

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

package/modern/internal/pickers/PureDateInput.js

@@ -32,15 +32,17 @@ export const PureDateInput = /*#__PURE__*/React.forwardRef(function PureDateInpu
     inputRef,
     error: validationError,
     InputProps: PureDateInputProps,
-    inputProps: {
+    inputProps: _extends({
       disabled,
       readOnly: true,
       'aria-readonly': true,
       'aria-label': getOpenDialogAriaText(rawValue, utils),
-      value: inputValue,
-      onClick: onOpen,
+      value: inputValue
+    }, !props.readOnly && {
+      onClick: onOpen
+    }, {
       onKeyDown: onSpaceOrEnter(onOpen)
-    }
+    })
   }, TextFieldProps));
 });
 PureDateInput.propTypes = {

package/node/Masonry/Masonry.js

@@ -191,40 +191,24 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
   });
   const classes = useUtilityClasses(ownerState);
 
-  const handleResize = elements => {
-    if (!elements) {
+  const handleResize = masonryChildren => {
+    if (!masonryRef.current || !masonryChildren || masonryChildren.length === 0) {
       return;
     }
 
-    let masonry;
-    let masonryFirstChild;
-    let parentWidth;
-    let childWidth;
-
-    if (elements[0].target.className.includes(classes.root)) {
-      var _elements$, _masonryFirstChild, _masonryFirstChild$co, _masonryFirstChild2;
-
-      masonry = elements[0].target;
-      parentWidth = elements[0].contentRect.width;
-      masonryFirstChild = ((_elements$ = elements[1]) == null ? void 0 : _elements$.target) || masonry.firstChild;
-      childWidth = ((_masonryFirstChild = masonryFirstChild) == null ? void 0 : (_masonryFirstChild$co = _masonryFirstChild.contentRect) == null ? void 0 : _masonryFirstChild$co.width) || ((_masonryFirstChild2 = masonryFirstChild) == null ? void 0 : _masonryFirstChild2.clientWidth) || 0;
-    } else {
-      var _elements$2, _masonry$contentRect;
-
-      masonryFirstChild = elements[0].target;
-      childWidth = elements[0].contentRect.width;
-      masonry = ((_elements$2 = elements[1]) == null ? void 0 : _elements$2.target) || masonryFirstChild.parentElement;
-      parentWidth = ((_masonry$contentRect = masonry.contentRect) == null ? void 0 : _masonry$contentRect.width) || masonry.clientWidth;
-    }
+    const masonry = masonryRef.current;
+    const masonryFirstChild = masonryRef.current.firstChild;
+    const parentWidth = masonry.clientWidth;
+    const firstChildWidth = masonryFirstChild.clientWidth;
 
-    if (parentWidth === 0 || childWidth === 0 || !masonry || !masonryFirstChild) {
+    if (parentWidth === 0 || firstChildWidth === 0) {
       return;
     }
 
     const firstChildComputedStyle = window.getComputedStyle(masonryFirstChild);
     const firstChildMarginLeft = parseToNumber(firstChildComputedStyle.marginLeft);
     const firstChildMarginRight = parseToNumber(firstChildComputedStyle.marginRight);
-    const currentNumberOfColumns = Math.round(parentWidth / (childWidth + firstChildMarginLeft + firstChildMarginRight));
+    const currentNumberOfColumns = Math.round(parentWidth / (firstChildWidth + firstChildMarginLeft + firstChildMarginRight));
     const columnHeights = new Array(currentNumberOfColumns).fill(0);
     let skip = false;
     masonry.childNodes.forEach(child => {
@@ -277,16 +261,10 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
       return undefined;
     }
 
-    const container = masonryRef.current;
-
-    if (container && resizeObserver) {
-      // only the masonry container and its first child are observed for resizing;
-      // this might cause unforeseen problems in some use cases;
-      resizeObserver.observe(container);
-
-      if (container.firstChild) {
-        resizeObserver.observe(container.firstChild);
-      }
+    if (masonryRef.current) {
+      masonryRef.current.childNodes.forEach(childNode => {
+        resizeObserver.observe(childNode);
+      });
     }
 
     return () => resizeObserver ? resizeObserver.disconnect() : {};

package/node/index.js

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

package/node/internal/pickers/PureDateInput.js

@@ -50,15 +50,17 @@ const PureDateInput = /*#__PURE__*/React.forwardRef(function PureDateInput(props
     inputRef,
     error: validationError,
     InputProps: PureDateInputProps,
-    inputProps: {
+    inputProps: (0, _extends2.default)({
       disabled,
       readOnly: true,
       'aria-readonly': true,
       'aria-label': getOpenDialogAriaText(rawValue, utils),
-      value: inputValue,
-      onClick: onOpen,
+      value: inputValue
+    }, !props.readOnly && {
+      onClick: onOpen
+    }, {
       onKeyDown: (0, _utils.onSpaceOrEnter)(onOpen)
-    }
+    })
   }, TextFieldProps));
 });
 exports.PureDateInput = PureDateInput;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/lab",
-  "version": "5.0.0-alpha.64",
+  "version": "5.0.0-alpha.65",
   "private": false,
   "author": "MUI Team",
   "description": "Laboratory for new MUI modules.",
@@ -34,8 +34,8 @@
     "dayjs": "^1.10.7",
     "luxon": "^1.28.0 || ^2.0.0",
     "moment": "^2.29.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react": "^17.0.0",
+    "react-dom": "^17.0.0"
   },
   "peerDependenciesMeta": {
     "@types/react": {
@@ -55,14 +55,14 @@
     }
   },
   "dependencies": {
-    "@babel/runtime": "^7.16.3",
+    "@babel/runtime": "^7.16.7",
     "@date-io/date-fns": "^2.11.0",
     "@date-io/dayjs": "^2.11.0",
     "@date-io/luxon": "^2.11.1",
     "@date-io/moment": "^2.11.0",
-    "@mui/base": "5.0.0-alpha.64",
-    "@mui/system": "^5.2.8",
-    "@mui/utils": "^5.2.3",
+    "@mui/base": "5.0.0-alpha.65",
+    "@mui/system": "^5.3.0",
+    "@mui/utils": "^5.3.0",
     "clsx": "^1.1.1",
     "prop-types": "^15.7.2",
     "react-is": "^17.0.2",

package/themeAugmentation/components.d.ts

@@ -1,114 +1,190 @@
-import { ComponentsProps, ComponentsOverrides, ComponentsVariants } from '@mui/material/styles';
+import {
+  ComponentsProps,
+  ComponentsOverrides,
+  ComponentsVariants,
+  Theme as MuiTheme,
+} from '@mui/material/styles';
+
+type Theme = Omit<MuiTheme, 'components'>;
+
+// shut off automatic exporting for the `Theme` above
+export {};
 
 export interface LabComponents {
   MuiCalendarPicker?: {
     defaultProps?: ComponentsProps['MuiCalendarPicker'];
-    styleOverrides?: ComponentsOverrides['MuiCalendarPicker'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiCalendarPicker'];
+    /**
+     * @deprecated pass a callback to the slot in `styleOverrides` instead. [See example](https://mui.com/customization/theme-components/#overrides-based-on-props)
+     */
     variants?: ComponentsVariants['MuiCalendarPicker'];
   };
   MuiCalendarPickerSkeleton?: {
     defaultProps?: ComponentsProps['MuiCalendarPickerSkeleton'];
-    styleOverrides?: ComponentsOverrides['MuiCalendarPickerSkeleton'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiCalendarPickerSkeleton'];
+    /**
+     * @deprecated pass a callback to the slot in `styleOverrides` instead. [See example](https://mui.com/customization/theme-components/#overrides-based-on-props)
+     */
     variants?: ComponentsVariants['MuiCalendarPickerSkeleton'];
   };
   MuiClockPicker?: {
     defaultProps?: ComponentsProps['MuiClockPicker'];
-    styleOverrides?: ComponentsOverrides['MuiClockPicker'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiClockPicker'];
+    /**
+     * @deprecated pass a callback to the slot in `styleOverrides` instead. [See example](https://mui.com/customization/theme-components/#overrides-based-on-props)
+     */
     variants?: ComponentsVariants['MuiClockPicker'];
   };
   MuiDatePicker?: {
     defaultProps?: ComponentsProps['MuiDatePicker'];
-    styleOverrides?: ComponentsOverrides['MuiDatePicker'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiDatePicker'];
+    /**
+     * @deprecated pass a callback to the slot in `styleOverrides` instead. [See example](https://mui.com/customization/theme-components/#overrides-based-on-props)
+     */
     variants?: ComponentsVariants['MuiDatePicker'];
   };
   MuiDateRangePickerDay?: {
     defaultProps?: ComponentsProps['MuiDateRangePickerDay'];
-    styleOverrides?: ComponentsOverrides['MuiDateRangePickerDay'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiDateRangePickerDay'];
+    /**
+     * @deprecated pass a callback to the slot in `styleOverrides` instead. [See example](https://mui.com/customization/theme-components/#overrides-based-on-props)
+     */
     variants?: ComponentsVariants['MuiDateRangePickerDay'];
   };
   MuiDateTimePicker?: {
     defaultProps?: ComponentsProps['MuiDateTimePicker'];
-    styleOverrides?: ComponentsOverrides['MuiDateTimePicker'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiDateTimePicker'];
+    /**
+     * @deprecated pass a callback to the slot in `styleOverrides` instead. [See example](https://mui.com/customization/theme-components/#overrides-based-on-props)
+     */
     variants?: ComponentsVariants['MuiDateTimePicker'];
   };
   MuiLoadingButton?: {
     defaultProps?: ComponentsProps['MuiLoadingButton'];
-    styleOverrides?: ComponentsOverrides['MuiLoadingButton'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiLoadingButton'];
+    /**
+     * @deprecated pass a callback to the slot in `styleOverrides` instead. [See example](https://mui.com/customization/theme-components/#overrides-based-on-props)
+     */
     variants?: ComponentsVariants['MuiLoadingButton'];
   };
   MuiMonthPicker?: {
     defaultProps?: ComponentsProps['MuiMonthPicker'];
-    styleOverrides?: ComponentsOverrides['MuiMonthPicker'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiMonthPicker'];
+    /**
+     * @deprecated pass a callback to the slot in `styleOverrides` instead. [See example](https://mui.com/customization/theme-components/#overrides-based-on-props)
+     */
     variants?: ComponentsVariants['MuiMonthPicker'];
   };
   MuiPickersDay?: {
     defaultProps?: ComponentsProps['MuiPickersDay'];
-    styleOverrides?: ComponentsOverrides['MuiPickersDay'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiPickersDay'];
+    /**
+     * @deprecated pass a callback to the slot in `styleOverrides` instead. [See example](https://mui.com/customization/theme-components/#overrides-based-on-props)
+     */
     variants?: ComponentsVariants['MuiPickersDay'];
   };
   MuiTabList?: {
     defaultProps?: ComponentsProps['MuiTabList'];
-    styleOverrides?: ComponentsOverrides['MuiTabList'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiTabList'];
+    /**
+     * @deprecated pass a callback to the slot in `styleOverrides` instead. [See example](https://mui.com/customization/theme-components/#overrides-based-on-props)
+     */
     variants?: ComponentsVariants['MuiTabList'];
   };
   MuiTabPanel?: {
     defaultProps?: ComponentsProps['MuiTabPanel'];
-    styleOverrides?: ComponentsOverrides['MuiTabPanel'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiTabPanel'];
+    /**
+     * @deprecated pass a callback to the slot in `styleOverrides` instead. [See example](https://mui.com/customization/theme-components/#overrides-based-on-props)
+     */
     variants?: ComponentsVariants['MuiTabPanel'];
   };
   MuiTimeline?: {
     defaultProps?: ComponentsProps['MuiTimeline'];
-    styleOverrides?: ComponentsOverrides['MuiTimeline'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiTimeline'];
+    /**
+     * @deprecated pass a callback to the slot in `styleOverrides` instead. [See example](https://mui.com/customization/theme-components/#overrides-based-on-props)
+     */
     variants?: ComponentsVariants['MuiTimeline'];
   };
   MuiTimelineConnector?: {
     defaultProps?: ComponentsProps['MuiTimelineConnector'];
-    styleOverrides?: ComponentsOverrides['MuiTimelineConnector'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiTimelineConnector'];
+    /**
+     * @deprecated pass a callback to the slot in `styleOverrides` instead. [See example](https://mui.com/customization/theme-components/#overrides-based-on-props)
+     */
     variants?: ComponentsVariants['MuiTimelineConnector'];
   };
   MuiTimelineContent?: {
     defaultProps?: ComponentsProps['MuiTimelineContent'];
-    styleOverrides?: ComponentsOverrides['MuiTimelineContent'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiTimelineContent'];
+    /**
+     * @deprecated pass a callback to the slot in `styleOverrides` instead. [See example](https://mui.com/customization/theme-components/#overrides-based-on-props)
+     */
     variants?: ComponentsVariants['MuiTimelineContent'];
   };
   MuiTimelineDot?: {
     defaultProps?: ComponentsProps['MuiTimelineDot'];
-    styleOverrides?: ComponentsOverrides['MuiTimelineDot'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiTimelineDot'];
+    /**
+     * @deprecated pass a callback to the slot in `styleOverrides` instead. [See example](https://mui.com/customization/theme-components/#overrides-based-on-props)
+     */
     variants?: ComponentsVariants['MuiTimelineDot'];
   };
   MuiTimelineItem?: {
     defaultProps?: ComponentsProps['MuiTimelineItem'];
-    styleOverrides?: ComponentsOverrides['MuiTimelineItem'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiTimelineItem'];
+    /**
+     * @deprecated pass a callback to the slot in `styleOverrides` instead. [See example](https://mui.com/customization/theme-components/#overrides-based-on-props)
+     */
     variants?: ComponentsVariants['MuiTimelineItem'];
   };
   MuiTimelineOppositeContent?: {
     defaultProps?: ComponentsProps['MuiTimelineOppositeContent'];
-    styleOverrides?: ComponentsOverrides['MuiTimelineOppositeContent'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiTimelineOppositeContent'];
+    /**
+     * @deprecated pass a callback to the slot in `styleOverrides` instead. [See example](https://mui.com/customization/theme-components/#overrides-based-on-props)
+     */
     variants?: ComponentsVariants['MuiTimelineOppositeContent'];
   };
   MuiTimelineSeparator?: {
     defaultProps?: ComponentsProps['MuiTimelineSeparator'];
-    styleOverrides?: ComponentsOverrides['MuiTimelineSeparator'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiTimelineSeparator'];
+    /**
+     * @deprecated pass a callback to the slot in `styleOverrides` instead. [See example](https://mui.com/customization/theme-components/#overrides-based-on-props)
+     */
     variants?: ComponentsVariants['MuiTimelineSeparator'];
   };
   MuiTreeItem?: {
     defaultProps?: ComponentsProps['MuiTreeItem'];
-    styleOverrides?: ComponentsOverrides['MuiTreeItem'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiTreeItem'];
+    /**
+     * @deprecated pass a callback to the slot in `styleOverrides` instead. [See example](https://mui.com/customization/theme-components/#overrides-based-on-props)
+     */
     variants?: ComponentsVariants['MuiTreeItem'];
   };
   MuiTreeView?: {
     defaultProps?: ComponentsProps['MuiTreeView'];
-    styleOverrides?: ComponentsOverrides['MuiTreeView'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiTreeView'];
+    /**
+     * @deprecated pass a callback to the slot in `styleOverrides` instead. [See example](https://mui.com/customization/theme-components/#overrides-based-on-props)
+     */
     variants?: ComponentsVariants['MuiTreeView'];
   };
   MuiYearPicker?: {
     defaultProps?: ComponentsProps['MuiYearPicker'];
-    styleOverrides?: ComponentsOverrides['MuiYearPicker'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiYearPicker'];
+    /**
+     * @deprecated pass a callback to the slot in `styleOverrides` instead. [See example](https://mui.com/customization/theme-components/#overrides-based-on-props)
+     */
     variants?: ComponentsVariants['MuiYearPicker'];
   };
   MuiPickerStaticWrapper?: {
     defaultProps?: ComponentsProps['MuiPickerStaticWrapper'];
-    styleOverrides?: ComponentsOverrides['MuiPickerStaticWrapper'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiPickerStaticWrapper'];
+    /**
+     * @deprecated pass a callback to the slot in `styleOverrides` instead. [See example](https://mui.com/customization/theme-components/#overrides-based-on-props)
+     */
     variants?: ComponentsVariants['MuiPickerStaticWrapper'];
   };
 }