@mui/lab 5.0.0-alpha.54 → 5.0.0-alpha.58

package/node/DateTimePicker/DateTimePickerToolbar.js

@@ -15,7 +15,7 @@ var React = _interopRequireWildcard(require("react"));
 
 var _styles = require("@mui/material/styles");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _PickersToolbarText = _interopRequireDefault(require("../internal/pickers/PickersToolbarText"));
 
@@ -39,7 +39,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, _core.generateUtilityClasses)('PrivateDateTimePickerToolbar', ['penIcon']);
+const classes = (0, _base.generateUtilityClasses)('PrivateDateTimePickerToolbar', ['penIcon']);
 const DateTimePickerToolbarRoot = (0, _styles.styled)(_PickersToolbar.default, {
   skipSx: true
 })({

package/node/LoadingButton/LoadingButton.js

@@ -19,7 +19,7 @@ var _utils = require("@mui/utils");
 
 var _utils2 = require("@mui/material/utils");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _styles = require("@mui/material/styles");
 
@@ -31,7 +31,7 @@ var _loadingButtonClasses = _interopRequireWildcard(require("./loadingButtonClas
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-const _excluded = ["children", "disabled", "loading", "loadingIndicator", "loadingPosition"];
+const _excluded = ["children", "disabled", "loading", "loadingIndicator", "loadingPosition", "variant"];
 
 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); }
 
@@ -49,7 +49,7 @@ const useUtilityClasses = ownerState => {
     endIcon: [loading && `endIconLoading${(0, _utils2.capitalize)(loadingPosition)}`],
     loadingIndicator: ['loadingIndicator', loading && `loadingIndicator${(0, _utils2.capitalize)(loadingPosition)}`]
   };
-  const composedClasses = (0, _core.unstable_composeClasses)(slots, _loadingButtonClasses.getLoadingButtonUtilityClass, classes);
+  const composedClasses = (0, _base.unstable_composeClasses)(slots, _loadingButtonClasses.getLoadingButtonUtilityClass, classes);
   return (0, _extends2.default)({}, classes, composedClasses);
 }; // TODO use `import { rootShouldForwardProp } from '../styles/styled';` once move to core
 
@@ -117,14 +117,18 @@ const LoadingButtonLoadingIndicator = (0, _styles.styled)('div', {
   position: 'absolute',
   visibility: 'visible',
   display: 'flex'
-}, ownerState.loadingPosition === 'start' && {
+}, ownerState.loadingPosition === 'start' && (ownerState.variant === 'outlined' || ownerState.variant === 'contained') && {
   left: 14
+}, ownerState.loadingPosition === 'start' && ownerState.variant === 'text' && {
+  left: 6
 }, ownerState.loadingPosition === 'center' && {
   left: '50%',
   transform: 'translate(-50%)',
   color: theme.palette.action.disabled
-}, ownerState.loadingPosition === 'end' && {
+}, ownerState.loadingPosition === 'end' && (ownerState.variant === 'outlined' || ownerState.variant === 'contained') && {
   right: 14
+}, ownerState.loadingPosition === 'end' && ownerState.variant === 'text' && {
+  right: 6
 }, ownerState.loadingPosition === 'start' && ownerState.fullWidth && {
   position: 'relative',
   left: -10
@@ -146,20 +150,23 @@ const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inPro
     disabled = false,
     loading = false,
     loadingIndicator = LoadingIndicator,
-    loadingPosition = 'center'
+    loadingPosition = 'center',
+    variant = 'text'
   } = props,
         other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const ownerState = (0, _extends2.default)({}, props, {
     disabled,
     loading,
     loadingIndicator,
-    loadingPosition
+    loadingPosition,
+    variant
   });
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(LoadingButtonRoot, (0, _extends2.default)({
     disabled: disabled || loading,
     ref: ref
   }, other, {
+    variant: variant,
     classes: classes,
     ownerState: ownerState,
     children: ownerState.loadingPosition === 'end' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
@@ -232,7 +239,13 @@ process.env.NODE_ENV !== "production" ? LoadingButton.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _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 variant to use.
+   * @default 'text'
+   */
+  variant: _propTypes.default.oneOf(['contained', 'outlined', 'text'])
 } : void 0;
 var _default = LoadingButton;
 exports.default = _default;

package/node/LoadingButton/loadingButtonClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getLoadingButtonUtilityClass = getLoadingButtonUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getLoadingButtonUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiLoadingButton', slot);
+  return (0, _base.generateUtilityClass)('MuiLoadingButton', slot);
 }
 
-const loadingButtonClasses = (0, _core.generateUtilityClasses)('MuiLoadingButton', ['root', 'loading', 'loadingIndicator', 'loadingIndicatorCenter', 'loadingIndicatorStart', 'loadingIndicatorEnd', 'endIconLoadingEnd', 'startIconLoadingStart']);
+const loadingButtonClasses = (0, _base.generateUtilityClasses)('MuiLoadingButton', ['root', 'loading', 'loadingIndicator', 'loadingIndicatorCenter', 'loadingIndicatorStart', 'loadingIndicatorEnd', 'endIconLoadingEnd', 'startIconLoadingStart']);
 var _default = loadingButtonClasses;
 exports.default = _default;

package/node/Masonry/Masonry.js

@@ -11,7 +11,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _styles = require("@mui/material/styles");
 
@@ -48,7 +48,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _core.unstable_composeClasses)(slots, _masonryClasses.getMasonryUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _masonryClasses.getMasonryUtilityClass, classes);
 };
 
 const getStyle = ({
@@ -190,72 +190,96 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
     isSSR
   });
   const classes = useUtilityClasses(ownerState);
-  React.useEffect(() => {
-    const handleResize = () => {
-      const parentWidth = masonryRef.current.clientWidth;
-      const childWidth = masonryRef.current.firstChild.clientWidth;
-      const firstChildComputedStyle = window.getComputedStyle(masonryRef.current.firstChild);
-      const firstChildMarginLeft = parseToNumber(firstChildComputedStyle.marginLeft);
-      const firstChildMarginRight = parseToNumber(firstChildComputedStyle.marginRight);
-
-      if (parentWidth === 0 || childWidth === 0) {
-        return;
-      }
 
-      const currentNumberOfColumns = Math.round(parentWidth / (childWidth + firstChildMarginLeft + firstChildMarginRight));
-      const columnHeights = new Array(currentNumberOfColumns).fill(0);
-      let skip = false;
-      masonryRef.current.childNodes.forEach(child => {
-        if (child.nodeType !== Node.ELEMENT_NODE || child.dataset.class === 'line-break' || skip) {
-          return;
-        }
+  const handleResize = elements => {
+    if (!elements) {
+      return;
+    }
 
-        const childComputedStyle = window.getComputedStyle(child);
-        const childMarginTop = parseToNumber(childComputedStyle.marginTop);
-        const childMarginBottom = parseToNumber(childComputedStyle.marginBottom); // if any one of children isn't rendered yet, masonry's height shouldn't be computed yet
+    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 childHeight = parseToNumber(childComputedStyle.height) ? Math.ceil(parseToNumber(childComputedStyle.height)) + childMarginTop + childMarginBottom : 0;
+    if (parentWidth === 0 || childWidth === 0 || !masonry || !masonryFirstChild) {
+      return;
+    }
 
-        if (childHeight === 0) {
-          skip = true;
-          return;
-        } // if there is a nested image that isn't rendered yet, masonry's height shouldn't be computed yet
+    const firstChildComputedStyle = window.getComputedStyle(masonryFirstChild);
+    const firstChildMarginLeft = parseToNumber(firstChildComputedStyle.marginLeft);
+    const firstChildMarginRight = parseToNumber(firstChildComputedStyle.marginRight);
+    const currentNumberOfColumns = Math.round(parentWidth / (childWidth + firstChildMarginLeft + firstChildMarginRight));
+    const columnHeights = new Array(currentNumberOfColumns).fill(0);
+    let skip = false;
+    masonry.childNodes.forEach(child => {
+      if (child.nodeType !== Node.ELEMENT_NODE || child.dataset.class === 'line-break' || skip) {
+        return;
+      }
 
+      const childComputedStyle = window.getComputedStyle(child);
+      const childMarginTop = parseToNumber(childComputedStyle.marginTop);
+      const childMarginBottom = parseToNumber(childComputedStyle.marginBottom); // if any one of children isn't rendered yet, masonry's height shouldn't be computed yet
 
-        for (let i = 0; i < child.childNodes.length; i += 1) {
-          const nestedChild = child.childNodes[i];
+      const childHeight = parseToNumber(childComputedStyle.height) ? Math.ceil(parseToNumber(childComputedStyle.height)) + childMarginTop + childMarginBottom : 0;
 
-          if (nestedChild.tagName === 'IMG' && nestedChild.clientHeight === 0) {
-            skip = true;
-            break;
-          }
-        }
+      if (childHeight === 0) {
+        skip = true;
+        return;
+      } // if there is a nested image that isn't rendered yet, masonry's height shouldn't be computed yet
+
+
+      for (let i = 0; i < child.childNodes.length; i += 1) {
+        const nestedChild = child.childNodes[i];
 
-        if (!skip) {
-          // find the current shortest column (where the current item will be placed)
-          const currentMinColumnIndex = columnHeights.indexOf(Math.min(...columnHeights));
-          columnHeights[currentMinColumnIndex] += childHeight;
-          const order = currentMinColumnIndex + 1;
-          child.style.order = order;
+        if (nestedChild.tagName === 'IMG' && nestedChild.clientHeight === 0) {
+          skip = true;
+          break;
         }
-      });
+      }
 
       if (!skip) {
-        setMaxColumnHeight(Math.max(...columnHeights));
-        const numOfLineBreaks = currentNumberOfColumns > 0 ? currentNumberOfColumns - 1 : 0;
-        setNumberOfLineBreaks(numOfLineBreaks);
+        // find the current shortest column (where the current item will be placed)
+        const currentMinColumnIndex = columnHeights.indexOf(Math.min(...columnHeights));
+        columnHeights[currentMinColumnIndex] += childHeight;
+        const order = currentMinColumnIndex + 1;
+        child.style.order = order;
       }
-    }; // IE and old browsers are not supported
+    });
 
+    if (!skip) {
+      setMaxColumnHeight(Math.max(...columnHeights));
+      const numOfLineBreaks = currentNumberOfColumns > 0 ? currentNumberOfColumns - 1 : 0;
+      setNumberOfLineBreaks(numOfLineBreaks);
+    }
+  };
 
-    if (typeof ResizeObserver === 'undefined') {
+  const observer = React.useRef(typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(handleResize));
+  React.useEffect(() => {
+    const resizeObserver = observer.current; // IE and old browsers are not supported
+
+    if (resizeObserver === undefined) {
       return undefined;
     }
 
-    const resizeObserver = new ResizeObserver(handleResize);
     const container = masonryRef.current;
 
-    if (container) {
+    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);
@@ -265,9 +289,7 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
       }
     }
 
-    return () => {
-      resizeObserver.disconnect();
-    };
+    return () => resizeObserver ? resizeObserver.disconnect() : {};
   }, [columns, spacing, children]);
   const handleRef = (0, _utils.unstable_useForkRef)(ref, masonryRef);
   const lineBreakStyle = {

package/node/Masonry/masonryClasses.js

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

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"));
 
@@ -36,10 +36,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 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)({

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 = ({

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', {

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', {

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', {

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, {

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;