@mui/lab 5.0.0-alpha.52 → 5.0.0-alpha.56

package/node/MonthPicker/MonthPicker.js

@@ -21,7 +21,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _styles = require("@mui/material/styles");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _PickersMonth = _interopRequireDefault(require("./PickersMonth"));
 
@@ -29,17 +29,17 @@ var _useUtils = require("../internal/pickers/hooks/useUtils");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-const _excluded = ["className", "date", "disableFuture", "disablePast", "maxDate", "minDate", "onChange", "onMonthChange"];
+const _excluded = ["className", "date", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onChange", "onMonthChange", "readOnly"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 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; }
 
 function getMonthPickerUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiMonthPicker', slot);
+  return (0, _base.generateUtilityClass)('MuiMonthPicker', slot);
 }
 
-const monthPickerClasses = (0, _core.generateUtilityClasses)('MuiMonthPicker', ['root']);
+const monthPickerClasses = (0, _base.generateUtilityClasses)('MuiMonthPicker', ['root']);
 exports.monthPickerClasses = monthPickerClasses;
 
 const useUtilityClasses = ownerState => {
@@ -49,7 +49,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _core.unstable_composeClasses)(slots, getMonthPickerUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, getMonthPickerUtilityClass, classes);
 };
 
 const MonthPickerRoot = (0, _styles.styled)('div', {
@@ -60,7 +60,8 @@ const MonthPickerRoot = (0, _styles.styled)('div', {
   width: 310,
   display: 'flex',
   flexWrap: 'wrap',
-  alignContent: 'stretch'
+  alignContent: 'stretch',
+  margin: '0 4px'
 });
 const MonthPicker = /*#__PURE__*/React.forwardRef(function MonthPicker(inProps, ref) {
   const props = (0, _styles.useThemeProps)({
@@ -70,12 +71,14 @@ const MonthPicker = /*#__PURE__*/React.forwardRef(function MonthPicker(inProps,
   const {
     className,
     date,
+    disabled,
     disableFuture,
     disablePast,
     maxDate,
     minDate,
     onChange,
-    onMonthChange
+    onMonthChange,
+    readOnly
   } = props,
         other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const ownerState = props;
@@ -93,6 +96,10 @@ const MonthPicker = /*#__PURE__*/React.forwardRef(function MonthPicker(inProps,
   };
 
   const onMonthSelect = month => {
+    if (readOnly) {
+      return;
+    }
+
     const newDate = utils.setMonth(date || now, month);
     onChange(newDate, 'finish');
 
@@ -113,7 +120,7 @@ const MonthPicker = /*#__PURE__*/React.forwardRef(function MonthPicker(inProps,
         value: monthNumber,
         selected: monthNumber === currentMonth,
         onSelect: onMonthSelect,
-        disabled: shouldDisableMonth(month),
+        disabled: disabled || shouldDisableMonth(month),
         children: monthText
       }, monthText);
     })
@@ -142,6 +149,11 @@ process.env.NODE_ENV !== "production" ? MonthPicker.propTypes
    */
   date: _propTypes.default.any,
 
+  /**
+   * If `true` picker is disabled
+   */
+  disabled: _propTypes.default.bool,
+
   /**
    * If `true` future days are disabled.
    */
@@ -172,10 +184,15 @@ process.env.NODE_ENV !== "production" ? MonthPicker.propTypes
    */
   onMonthChange: _propTypes.default.func,
 
+  /**
+   * If `true` picker is readonly
+   */
+  readOnly: _propTypes.default.bool,
+
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 /**
  *

package/node/MonthPicker/PickersMonth.js

@@ -7,10 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var React = _interopRequireWildcard(require("react"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -19,7 +19,7 @@ var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 
 var _styles = require("@mui/material/styles");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _utils = require("../internal/pickers/utils");
 
@@ -31,33 +31,38 @@ 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, _core.generateUtilityClasses)('PrivatePickersMonth', ['root', 'selected']);
+const classes = (0, _base.generateUtilityClasses)('PrivatePickersMonth', ['root', 'selected']);
 const PickersMonthRoot = (0, _styles.styled)(_Typography.default, {
   skipSx: true
 })(({
   theme
-}) => ({
+}) => (0, _extends2.default)({
   flex: '1 0 33.33%',
   display: 'flex',
   alignItems: 'center',
   justifyContent: 'center',
+  color: 'unset',
+  backgroundColor: 'transparent',
+  border: 0,
+  outline: 0
+}, theme.typography.subtitle1, {
+  margin: '8px 0',
+  height: 36,
+  borderRadius: 18,
   cursor: 'pointer',
-  height: 64,
-  outline: 0,
-  transition: theme.transitions.create('font-size', {
-    duration: '100ms'
-  }),
-  '&:focus': {
-    color: theme.palette.primary.main,
-    fontWeight: theme.typography.fontWeightMedium
+  '&:focus, &:hover': {
+    backgroundColor: (0, _styles.alpha)(theme.palette.action.active, theme.palette.action.hoverOpacity)
   },
   '&:disabled': {
     pointerEvents: 'none',
     color: theme.palette.text.secondary
   },
   [`&.${classes.selected}`]: {
-    color: theme.palette.primary.main,
-    fontWeight: theme.typography.fontWeightMedium
+    color: theme.palette.primary.contrastText,
+    backgroundColor: theme.palette.primary.main,
+    '&:focus, &:hover': {
+      backgroundColor: theme.palette.primary.dark
+    }
   }
 }));
 /**

package/node/PickersDay/PickersDay.js

@@ -23,7 +23,7 @@ var _ButtonBase = _interopRequireDefault(require("@mui/material/ButtonBase"));
 
 var _utils = require("@mui/utils");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _styles = require("@mui/material/styles");
 
@@ -42,10 +42,10 @@ 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; }
 
 function getPickersDayUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiPickersDay', slot);
+  return (0, _base.generateUtilityClass)('MuiPickersDay', slot);
 }
 
-const pickersDayClasses = (0, _core.generateUtilityClasses)('MuiPickersDay', ['root', 'dayWithMargin', 'dayOutsideMonth', 'hiddenDaySpacingFiller', 'today', 'selected', 'disabled']);
+const pickersDayClasses = (0, _base.generateUtilityClasses)('MuiPickersDay', ['root', 'dayWithMargin', 'dayOutsideMonth', 'hiddenDaySpacingFiller', 'today', 'selected', 'disabled']);
 exports.pickersDayClasses = pickersDayClasses;
 
 const useUtilityClasses = ownerState => {
@@ -62,7 +62,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', selected && 'selected', !disableMargin && 'dayWithMargin', !disableHighlightToday && today && 'today', outsideCurrentMonth && showDaysOutsideCurrentMonth && 'dayOutsideMonth'],
     hiddenDaySpacingFiller: ['hiddenDaySpacingFiller']
   };
-  return (0, _core.unstable_composeClasses)(slots, getPickersDayUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, getPickersDayUtilityClass, classes);
 };
 
 const styleArg = ({
@@ -405,7 +405,7 @@ process.env.NODE_ENV !== "production" ? PickersDay.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * If `true`, renders as today date.

package/node/StaticDatePicker/StaticDatePicker.js

@@ -145,6 +145,7 @@ process.env.NODE_ENV !== "production" ? StaticDatePicker.propTypes
 
   /**
    * If `true`, the picker and text field are disabled.
+   * @default false
    */
   disabled: _propTypes.default.bool,
 
@@ -326,6 +327,7 @@ process.env.NODE_ENV !== "production" ? StaticDatePicker.propTypes
 
   /**
    * Make picker read only.
+   * @default false
    */
   readOnly: _propTypes.default.bool,
 

package/node/StaticDateRangePicker/StaticDateRangePicker.js

@@ -189,6 +189,7 @@ process.env.NODE_ENV !== "production" ? StaticDateRangePicker.propTypes
 
   /**
    * If `true`, the picker and text field are disabled.
+   * @default false
    */
   disabled: _propTypes.default.bool,
 
@@ -367,6 +368,7 @@ process.env.NODE_ENV !== "production" ? StaticDateRangePicker.propTypes
 
   /**
    * Make picker read only.
+   * @default false
    */
   readOnly: _propTypes.default.bool,
 

package/node/StaticDateTimePicker/StaticDateTimePicker.js

@@ -162,6 +162,7 @@ process.env.NODE_ENV !== "production" ? StaticDateTimePicker.propTypes
 
   /**
    * If `true`, the picker and text field are disabled.
+   * @default false
    */
   disabled: _propTypes.default.bool,
 
@@ -395,6 +396,7 @@ process.env.NODE_ENV !== "production" ? StaticDateTimePicker.propTypes
 
   /**
    * Make picker read only.
+   * @default false
    */
   readOnly: _propTypes.default.bool,
 

package/node/TabPanel/TabPanel.js

@@ -19,7 +19,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _styles = require("@mui/material/styles");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _tabPanelClasses = require("./tabPanelClasses");
 
@@ -40,7 +40,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _core.unstable_composeClasses)(slots, _tabPanelClasses.getTabPanelUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _tabPanelClasses.getTabPanelUtilityClass, classes);
 };
 
 const TabPanelRoot = (0, _styles.styled)('div', {
@@ -111,7 +111,7 @@ process.env.NODE_ENV !== "production" ? TabPanel.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The `value` of the corresponding `Tab`. Must use the index of the `Tab` when

package/node/TabPanel/tabPanelClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getTabPanelUtilityClass = getTabPanelUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getTabPanelUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiTabPanel', slot);
+  return (0, _base.generateUtilityClass)('MuiTabPanel', slot);
 }
 
-const tabPanelClasses = (0, _core.generateUtilityClasses)('MuiTabPanel', ['root']);
+const tabPanelClasses = (0, _base.generateUtilityClasses)('MuiTabPanel', ['root']);
 var _default = tabPanelClasses;
 exports.default = _default;

package/node/TimePicker/TimePickerToolbar.js

@@ -19,7 +19,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _styles = require("@mui/material/styles");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _PickersToolbarText = _interopRequireDefault(require("../internal/pickers/PickersToolbarText"));
 
@@ -42,10 +42,10 @@ 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; }
 
 function getTimePickerToolbarUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('PrivateTimePickerToolbar', slot);
+  return (0, _base.generateUtilityClass)('PrivateTimePickerToolbar', slot);
 }
 
-const timePickerToolbarClasses = (0, _core.generateUtilityClasses)('PrivateTimePickerToolbar', ['separator', 'hourMinuteLabel', 'hourMinuteLabelLandscape', 'hourMinuteLabelReverse', 'ampmSelection', 'ampmLandscape', 'ampmLabel', 'penIconLandscape']);
+const timePickerToolbarClasses = (0, _base.generateUtilityClasses)('PrivateTimePickerToolbar', ['separator', 'hourMinuteLabel', 'hourMinuteLabelLandscape', 'hourMinuteLabelReverse', 'ampmSelection', 'ampmLandscape', 'ampmLabel', 'penIconLandscape']);
 exports.timePickerToolbarClasses = timePickerToolbarClasses;
 
 const useUtilityClasses = ownerState => {
@@ -61,7 +61,7 @@ const useUtilityClasses = ownerState => {
     ampmSelection: ['ampmSelection', isLandscape && 'ampmLandscape'],
     ampmLabel: ['ampmLabel']
   };
-  return (0, _core.unstable_composeClasses)(slots, getTimePickerToolbarUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, getTimePickerToolbarUtilityClass, classes);
 };
 
 const TimePickerToolbarRoot = (0, _styles.styled)(_PickersToolbar.default, {

package/node/Timeline/Timeline.js

@@ -19,7 +19,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _utils = require("@mui/material/utils");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _styles = require("@mui/material/styles");
 
@@ -43,7 +43,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', position && `position${(0, _utils.capitalize)(position)}`]
   };
-  return (0, _core.unstable_composeClasses)(slots, _timelineClasses.getTimelineUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _timelineClasses.getTimelineUtilityClass, classes);
 };
 
 const TimelineRoot = (0, _styles.styled)('ul', {
@@ -130,7 +130,7 @@ process.env.NODE_ENV !== "production" ? Timeline.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 /**
  *

package/node/Timeline/timelineClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getTimelineUtilityClass = getTimelineUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getTimelineUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiTimeline', slot);
+  return (0, _base.generateUtilityClass)('MuiTimeline', slot);
 }
 
-const timelineClasses = (0, _core.generateUtilityClasses)('MuiTimeline', ['root', 'positionLeft', 'positionRight', 'positionAlternate']);
+const timelineClasses = (0, _base.generateUtilityClasses)('MuiTimeline', ['root', 'positionLeft', 'positionRight', 'positionAlternate']);
 var _default = timelineClasses;
 exports.default = _default;

package/node/TimelineConnector/TimelineConnector.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _styles = require("@mui/material/styles");
 
@@ -38,7 +38,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _core.unstable_composeClasses)(slots, _timelineConnectorClasses.getTimelineConnectorUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _timelineConnectorClasses.getTimelineConnectorUtilityClass, classes);
 };
 
 const TimelineConnectorRoot = (0, _styles.styled)('span', {
@@ -97,7 +97,7 @@ process.env.NODE_ENV !== "production" ? TimelineConnector.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = TimelineConnector;
 exports.default = _default;

package/node/TimelineConnector/timelineConnectorClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getTimelineConnectorUtilityClass = getTimelineConnectorUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getTimelineConnectorUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiTimelineConnector', slot);
+  return (0, _base.generateUtilityClass)('MuiTimelineConnector', slot);
 }
 
-const timelineConnectorClasses = (0, _core.generateUtilityClasses)('MuiTimelineConnector', ['root']);
+const timelineConnectorClasses = (0, _base.generateUtilityClasses)('MuiTimelineConnector', ['root']);
 var _default = timelineConnectorClasses;
 exports.default = _default;

package/node/TimelineContent/TimelineContent.js

@@ -21,7 +21,7 @@ var _utils = require("@mui/material/utils");
 
 var _styles = require("@mui/material/styles");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 
@@ -45,7 +45,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', `position${(0, _utils.capitalize)(position)}`]
   };
-  return (0, _core.unstable_composeClasses)(slots, _timelineContentClasses.getTimelineContentUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _timelineContentClasses.getTimelineContentUtilityClass, classes);
 };
 
 const TimelineContentRoot = (0, _styles.styled)(_Typography.default, {
@@ -115,7 +115,7 @@ process.env.NODE_ENV !== "production" ? TimelineContent.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = TimelineContent;
 exports.default = _default;

package/node/TimelineContent/timelineContentClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getTimelineContentUtilityClass = getTimelineContentUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getTimelineContentUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiTimelineContent', slot);
+  return (0, _base.generateUtilityClass)('MuiTimelineContent', slot);
 }
 
-const timelineContentClasses = (0, _core.generateUtilityClasses)('MuiTimelineContent', ['root', 'positionLeft', 'positionRight', 'positionAlternate']);
+const timelineContentClasses = (0, _base.generateUtilityClasses)('MuiTimelineContent', ['root', 'positionLeft', 'positionRight', 'positionAlternate']);
 var _default = timelineContentClasses;
 exports.default = _default;

package/node/TimelineDot/TimelineDot.js

@@ -21,7 +21,7 @@ var _styles = require("@mui/material/styles");
 
 var _utils = require("@mui/material/utils");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _timelineDotClasses = require("./timelineDotClasses");
 
@@ -42,7 +42,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', variant, color !== 'inherit' && `${variant}${(0, _utils.capitalize)(color)}`]
   };
-  return (0, _core.unstable_composeClasses)(slots, _timelineDotClasses.getTimelineDotUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _timelineDotClasses.getTimelineDotUtilityClass, classes);
 };
 
 const TimelineDotRoot = (0, _styles.styled)('span', {
@@ -136,7 +136,7 @@ process.env.NODE_ENV !== "production" ? TimelineDot.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The dot can appear filled or outlined.

package/node/TimelineDot/timelineDotClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getTimelineDotUtilityClass = getTimelineDotUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getTimelineDotUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiTimelineDot', slot);
+  return (0, _base.generateUtilityClass)('MuiTimelineDot', slot);
 }
 
-const timelineDotClasses = (0, _core.generateUtilityClasses)('MuiTimelineDot', ['root', 'filled', 'outlined', 'filledGrey', 'outlinedGrey', 'filledPrimary', 'outlinedPrimary', 'filledSecondary', 'outlinedSecondary']);
+const timelineDotClasses = (0, _base.generateUtilityClasses)('MuiTimelineDot', ['root', 'filled', 'outlined', 'filledGrey', 'outlinedGrey', 'filledPrimary', 'outlinedPrimary', 'filledSecondary', 'outlinedSecondary']);
 var _default = timelineDotClasses;
 exports.default = _default;

package/node/TimelineItem/TimelineItem.js

@@ -21,7 +21,7 @@ var _utils = require("@mui/material/utils");
 
 var _styles = require("@mui/material/styles");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _TimelineContent = require("../TimelineContent");
 
@@ -48,7 +48,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', `position${(0, _utils.capitalize)(position)}`, !hasOppositeContent && 'missingOppositeContent']
   };
-  return (0, _core.unstable_composeClasses)(slots, _timelineItemClasses.getTimelineItemUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _timelineItemClasses.getTimelineItemUtilityClass, classes);
 };
 
 const TimelineItemRoot = (0, _styles.styled)('li', {
@@ -152,7 +152,7 @@ process.env.NODE_ENV !== "production" ? TimelineItem.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = TimelineItem;
 exports.default = _default;

package/node/TimelineItem/timelineItemClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getTimelineItemUtilityClass = getTimelineItemUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getTimelineItemUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiTimelineItem', slot);
+  return (0, _base.generateUtilityClass)('MuiTimelineItem', slot);
 }
 
-const timelineItemClasses = (0, _core.generateUtilityClasses)('MuiTimelineItem', ['root', 'positionLeft', 'positionRight', 'positionAlternate', 'missingOppositeContent']);
+const timelineItemClasses = (0, _base.generateUtilityClasses)('MuiTimelineItem', ['root', 'positionLeft', 'positionRight', 'positionAlternate', 'missingOppositeContent']);
 var _default = timelineItemClasses;
 exports.default = _default;

package/node/TimelineOppositeContent/TimelineOppositeContent.js

@@ -21,7 +21,7 @@ var _styles = require("@mui/material/styles");
 
 var _utils = require("@mui/material/utils");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 
@@ -45,7 +45,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', `position${(0, _utils.capitalize)(position)}`]
   };
-  return (0, _core.unstable_composeClasses)(slots, _timelineOppositeContentClasses.getTimelineOppositeContentUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _timelineOppositeContentClasses.getTimelineOppositeContentUtilityClass, classes);
 };
 
 const TimelineOppositeContentRoot = (0, _styles.styled)(_Typography.default, {
@@ -116,7 +116,7 @@ process.env.NODE_ENV !== "production" ? TimelineOppositeContent.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 TimelineOppositeContent.muiName = 'TimelineOppositeContent';
 var _default = TimelineOppositeContent;

package/node/TimelineOppositeContent/timelineOppositeContentClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getTimelineOppositeContentUtilityClass = getTimelineOppositeContentUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getTimelineOppositeContentUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiTimelineOppositeContent', slot);
+  return (0, _base.generateUtilityClass)('MuiTimelineOppositeContent', slot);
 }
 
-const timelineOppositeContentClasses = (0, _core.generateUtilityClasses)('MuiTimelineOppositeContent', ['root', 'positionLeft', 'positionRight', 'positionAlternate']);
+const timelineOppositeContentClasses = (0, _base.generateUtilityClasses)('MuiTimelineOppositeContent', ['root', 'positionLeft', 'positionRight', 'positionAlternate']);
 var _default = timelineOppositeContentClasses;
 exports.default = _default;

package/node/TimelineSeparator/TimelineSeparator.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _styles = require("@mui/material/styles");
 
@@ -38,7 +38,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _core.unstable_composeClasses)(slots, _timelineSeparatorClasses.getTimelineSeparatorUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _timelineSeparatorClasses.getTimelineSeparatorUtilityClass, classes);
 };
 
 const TimelineSeparatorRoot = (0, _styles.styled)('div', {
@@ -94,7 +94,7 @@ process.env.NODE_ENV !== "production" ? TimelineSeparator.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = TimelineSeparator;
 exports.default = _default;