@mui/lab 5.0.0-alpha.63 → 5.0.0-alpha.67

package/node/TimePicker/TimePickerToolbar.js

@@ -64,23 +64,17 @@ const useUtilityClasses = ownerState => {
   return (0, _base.unstable_composeClasses)(slots, getTimePickerToolbarUtilityClass, classes);
 };
 
-const TimePickerToolbarRoot = (0, _styles.styled)(_PickersToolbar.default, {
-  skipSx: true
-})({
+const TimePickerToolbarRoot = (0, _styles.styled)(_PickersToolbar.default)({
   [`& .${timePickerToolbarClasses.penIconLandscape}`]: {
     marginTop: 'auto'
   }
 });
-const TimePickerToolbarSeparator = (0, _styles.styled)(_PickersToolbarText.default, {
-  skipSx: true
-})({
+const TimePickerToolbarSeparator = (0, _styles.styled)(_PickersToolbarText.default)({
   outline: 0,
   margin: '0 4px 0 2px',
   cursor: 'default'
 });
-const TimePickerToolbarHourMinuteLabel = (0, _styles.styled)('div', {
-  skipSx: true
-})(({
+const TimePickerToolbarHourMinuteLabel = (0, _styles.styled)('div')(({
   theme,
   ownerState
 }) => (0, _extends2.default)({
@@ -92,9 +86,7 @@ const TimePickerToolbarHourMinuteLabel = (0, _styles.styled)('div', {
 }, theme.direction === 'rtl' && {
   flexDirection: 'row-reverse'
 }));
-const TimePickerToolbarAmPmSelection = (0, _styles.styled)('div', {
-  skipSx: true
-})(({
+const TimePickerToolbarAmPmSelection = (0, _styles.styled)('div')(({
   ownerState
 }) => (0, _extends2.default)({
   display: 'flex',

package/node/TreeView/TreeView.js

@@ -707,6 +707,10 @@ const TreeView = /*#__PURE__*/React.forwardRef(function TreeView(inProps, ref) {
           if (isExpandable(focusedNodeId)) {
             toggleExpansion(event);
             flag = true;
+          } else if (multiSelect) {
+            flag = selectNode(event, focusedNodeId, true);
+          } else {
+            flag = selectNode(event, focusedNodeId);
           }
         }
 

package/node/YearPicker/PickersYear.js

@@ -50,9 +50,7 @@ const useUtilityClasses = ownerState => {
   return (0, _base.unstable_composeClasses)(slots, getPickersYearUtilityClass, classes);
 };
 
-const PickersYearRoot = (0, _styles.styled)('div', {
-  skipSx: true
-})(({
+const PickersYearRoot = (0, _styles.styled)('div')(({
   ownerState
 }) => (0, _extends2.default)({
   flexBasis: '33.3%',
@@ -62,9 +60,7 @@ const PickersYearRoot = (0, _styles.styled)('div', {
 }, (ownerState == null ? void 0 : ownerState.wrapperVariant) === 'desktop' && {
   flexBasis: '25%'
 }));
-const PickersYearButton = (0, _styles.styled)('button', {
-  skipSx: true
-})(({
+const PickersYearButton = (0, _styles.styled)('button')(({
   theme
 }) => (0, _extends2.default)({
   color: 'unset',

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.0-alpha.63
+/** @license MUI v5.0.0-alpha.67
  *
  * 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/Picker/Picker.js

@@ -41,9 +41,7 @@ const MobileKeyboardInputView = (0, _styles.styled)('div')({
   padding: '16px 24px'
 });
 exports.MobileKeyboardInputView = MobileKeyboardInputView;
-const PickerRoot = (0, _styles.styled)('div', {
-  skipSx: true
-})(({
+const PickerRoot = (0, _styles.styled)('div')(({
   ownerState
 }) => (0, _extends2.default)({
   display: 'flex',

package/node/internal/pickers/PickersArrowSwitcher.js

@@ -34,16 +34,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 const PickersArrowSwitcherRoot = (0, _styles.styled)('div')({
   display: 'flex'
 });
-const PickersArrowSwitcherSpacer = (0, _styles.styled)('div', {
-  skipSx: true
-})(({
+const PickersArrowSwitcherSpacer = (0, _styles.styled)('div')(({
   theme
 }) => ({
   width: theme.spacing(3)
 }));
-const PickersArrowSwitcherButton = (0, _styles.styled)(_IconButton.default, {
-  skipSx: true
-})(({
+const PickersArrowSwitcherButton = (0, _styles.styled)(_IconButton.default)(({
   ownerState
 }) => (0, _extends2.default)({}, ownerState.hidden && {
   visibility: 'hidden'

package/node/internal/pickers/PickersModalDialog.js

@@ -29,9 +29,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const PickersModalDialogRoot = (0, _styles.styled)(_Dialog.default, {
-  skipSx: true
-})({
+const PickersModalDialogRoot = (0, _styles.styled)(_Dialog.default)({
   [`& .${_Dialog.dialogClasses.container}`]: {
     outline: 0
   },
@@ -40,16 +38,12 @@ const PickersModalDialogRoot = (0, _styles.styled)(_Dialog.default, {
     minWidth: _dimensions.DIALOG_WIDTH
   }
 });
-const PickersModalDialogContent = (0, _styles.styled)(_DialogContent.default, {
-  skipSx: true
-})({
+const PickersModalDialogContent = (0, _styles.styled)(_DialogContent.default)({
   '&:first-of-type': {
     padding: 0
   }
 });
-const PickersModalDialogActions = (0, _styles.styled)(_DialogActions.default, {
-  skipSx: true
-})(({
+const PickersModalDialogActions = (0, _styles.styled)(_DialogActions.default)(({
   ownerState
 }) => (0, _extends2.default)({}, (ownerState.clearable || ownerState.showTodayButton) && {
   // set justifyContent to default value to fix IE11 layout bug

package/node/internal/pickers/PickersPopper.js

@@ -33,16 +33,12 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const PickersPopperRoot = (0, _styles.styled)(_Popper.default, {
-  skipSx: true
-})(({
+const PickersPopperRoot = (0, _styles.styled)(_Popper.default)(({
   theme
 }) => ({
   zIndex: theme.zIndex.modal
 }));
-const PickersPopperPaper = (0, _styles.styled)(_Paper.default, {
-  skipSx: true
-})(({
+const PickersPopperPaper = (0, _styles.styled)(_Paper.default)(({
   ownerState
 }) => (0, _extends2.default)({
   transformOrigin: 'top center',

package/node/internal/pickers/PickersToolbar.js

@@ -38,9 +38,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 const classes = (0, _base.generateUtilityClasses)('PrivatePickersToolbar', ['root', 'dateTitleContainer']);
-const PickersToolbarRoot = (0, _styles.styled)('div', {
-  skipSx: true
-})(({
+const PickersToolbarRoot = (0, _styles.styled)('div')(({
   theme,
   ownerState
 }) => (0, _extends2.default)({
@@ -56,9 +54,7 @@ const PickersToolbarRoot = (0, _styles.styled)('div', {
   justifyContent: 'flex-start',
   flexWrap: 'wrap'
 }));
-const PickersToolbarGrid = (0, _styles.styled)(_Grid.default, {
-  skipSx: true
-})({
+const PickersToolbarGrid = (0, _styles.styled)(_Grid.default)({
   flex: 1
 });
 

package/node/internal/pickers/PickersToolbarButton.js

@@ -27,9 +27,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const PickersToolbarButtonRoot = (0, _styles.styled)(_Button.default, {
-  skipSx: true
-})({
+const PickersToolbarButtonRoot = (0, _styles.styled)(_Button.default)({
   padding: 0,
   minWidth: 16,
   textTransform: 'none'

package/node/internal/pickers/PickersToolbarText.js

@@ -30,9 +30,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 const classes = (0, _base.generateUtilityClasses)('PrivatePickersToolbarText', ['selected']);
-const PickersToolbarTextRoot = (0, _styles.styled)(_Typography.default, {
-  skipSx: true
-})(({
+const PickersToolbarTextRoot = (0, _styles.styled)(_Typography.default)(({
   theme
 }) => ({
   transition: theme.transitions.create('color'),

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/node/internal/pickers/wrappers/PickerStaticWrapper.js

@@ -51,8 +51,7 @@ const useUtilityClasses = ownerState => {
 const PickerStaticWrapperRoot = (0, _styles.styled)('div', {
   name: 'MuiPickerStaticWrapper',
   slot: 'Root',
-  overridesResolver: (props, styles) => styles.root,
-  skipSx: true
+  overridesResolver: (props, styles) => styles.root
 })(({
   theme
 }) => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/lab",
-  "version": "5.0.0-alpha.63",
+  "version": "5.0.0-alpha.67",
   "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.63",
-    "@mui/system": "^5.2.6",
-    "@mui/utils": "^5.2.3",
+    "@mui/base": "5.0.0-alpha.67",
+    "@mui/system": "^5.4.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'];
   };
 }