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

package/modern/MonthPicker/PickersMonth.js

@@ -1,11 +1,11 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["disabled", "onSelect", "selected", "value"];
 import * as React from 'react';
 import clsx from 'clsx';
 import Typography from '@mui/material/Typography';
-import { styled } from '@mui/material/styles';
-import { generateUtilityClasses } from '@mui/core';
+import { styled, alpha } from '@mui/material/styles';
+import { generateUtilityClasses } from '@mui/base';
 import { onSpaceOrEnter } from '../internal/pickers/utils';
 import { jsx as _jsx } from "react/jsx-runtime";
 const classes = generateUtilityClasses('PrivatePickersMonth', ['root', 'selected']);
@@ -13,28 +13,33 @@ const PickersMonthRoot = styled(Typography, {
   skipSx: true
 })(({
   theme
-}) => ({
+}) => _extends({
   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: 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/modern/PickersDay/PickersDay.js

@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import ButtonBase from '@mui/material/ButtonBase';
 import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
-import { unstable_composeClasses as composeClasses, generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses, generateUtilityClass, generateUtilityClasses } from '@mui/base';
 import { useTheme, alpha, styled, useThemeProps } from '@mui/material/styles';
 import { useForkRef } from '@mui/material/utils';
 import { useUtils } from '../internal/pickers/hooks/useUtils';

package/modern/TabPanel/TabPanel.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { styled, useThemeProps } from '@mui/material/styles';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { getTabPanelUtilityClass } from './tabPanelClasses';
 import { getPanelId, getTabId, useTabContext } from '../TabContext';
 import { jsx as _jsx } from "react/jsx-runtime";

package/modern/TabPanel/tabPanelClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getTabPanelUtilityClass(slot) {
   return generateUtilityClass('MuiTabPanel', slot);
 }

package/modern/TimePicker/TimePickerToolbar.js

@@ -4,7 +4,7 @@ const _excluded = ["ampm", "ampmInClock", "date", "isLandscape", "isMobileKeyboa
 import * as React from 'react';
 import clsx from 'clsx';
 import { useTheme, styled } from '@mui/material/styles';
-import { unstable_composeClasses as composeClasses, generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses, generateUtilityClass, generateUtilityClasses } from '@mui/base';
 import PickersToolbarText from '../internal/pickers/PickersToolbarText';
 import PickersToolbarButton from '../internal/pickers/PickersToolbarButton';
 import PickersToolbar from '../internal/pickers/PickersToolbar';

package/modern/Timeline/Timeline.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { capitalize } from '@mui/material/utils';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { styled, useThemeProps } from '@mui/material/styles';
 import TimelineContext from './TimelineContext';
 import { getTimelineUtilityClass } from './timelineClasses';

package/modern/Timeline/timelineClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getTimelineUtilityClass(slot) {
   return generateUtilityClass('MuiTimeline', slot);
 }

package/modern/TimelineConnector/TimelineConnector.js

@@ -4,7 +4,7 @@ const _excluded = ["className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { styled, useThemeProps } from '@mui/material/styles';
 import { getTimelineConnectorUtilityClass } from './timelineConnectorClasses';
 import { jsx as _jsx } from "react/jsx-runtime";

package/modern/TimelineConnector/timelineConnectorClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getTimelineConnectorUtilityClass(slot) {
   return generateUtilityClass('MuiTimelineConnector', slot);
 }

package/modern/TimelineContent/TimelineContent.js

@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { capitalize } from '@mui/material/utils';
 import { styled, useThemeProps } from '@mui/material/styles';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import Typography from '@mui/material/Typography';
 import TimelineContext from '../Timeline/TimelineContext';
 import { getTimelineContentUtilityClass } from './timelineContentClasses';

package/modern/TimelineContent/timelineContentClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getTimelineContentUtilityClass(slot) {
   return generateUtilityClass('MuiTimelineContent', slot);
 }

package/modern/TimelineDot/TimelineDot.js

@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { styled, useThemeProps } from '@mui/material/styles';
 import { capitalize } from '@mui/material/utils';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { getTimelineDotUtilityClass } from './timelineDotClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 

package/modern/TimelineDot/timelineDotClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getTimelineDotUtilityClass(slot) {
   return generateUtilityClass('MuiTimelineDot', slot);
 }

package/modern/TimelineItem/TimelineItem.js

@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { capitalize, isMuiElement } from '@mui/material/utils';
 import { styled, useThemeProps } from '@mui/material/styles';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { timelineContentClasses } from '../TimelineContent';
 import { timelineOppositeContentClasses } from '../TimelineOppositeContent';
 import TimelineContext from '../Timeline/TimelineContext';

package/modern/TimelineItem/timelineItemClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getTimelineItemUtilityClass(slot) {
   return generateUtilityClass('MuiTimelineItem', slot);
 }

package/modern/TimelineOppositeContent/TimelineOppositeContent.js

@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { styled, useThemeProps } from '@mui/material/styles';
 import { capitalize } from '@mui/material/utils';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import Typography from '@mui/material/Typography';
 import TimelineContext from '../Timeline/TimelineContext';
 import { getTimelineOppositeContentUtilityClass } from './timelineOppositeContentClasses';

package/modern/TimelineOppositeContent/timelineOppositeContentClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getTimelineOppositeContentUtilityClass(slot) {
   return generateUtilityClass('MuiTimelineOppositeContent', slot);
 }

package/modern/TimelineSeparator/TimelineSeparator.js

@@ -4,7 +4,7 @@ const _excluded = ["className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { styled, useThemeProps } from '@mui/material/styles';
 import { getTimelineSeparatorUtilityClass } from './timelineSeparatorClasses';
 import { jsx as _jsx } from "react/jsx-runtime";

package/modern/TimelineSeparator/timelineSeparatorClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getTimelineSeparatorUtilityClass(slot) {
   return generateUtilityClass('MuiTimelineSeparator', slot);
 }

package/modern/TreeItem/TreeItem.js

@@ -8,7 +8,7 @@ import { elementTypeAcceptingRef } from '@mui/utils';
 import Collapse from '@mui/material/Collapse';
 import { alpha, styled, useThemeProps } from '@mui/material/styles';
 import { ownerDocument, useForkRef, unsupportedProp } from '@mui/material/utils';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import TreeViewContext from '../TreeView/TreeViewContext';
 import { DescendantProvider, useDescendant } from '../TreeView/descendants';
 import TreeItemContent from './TreeItemContent';

package/modern/TreeItem/treeItemClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getTreeItemUtilityClass(slot) {
   return generateUtilityClass('MuiTreeItem', slot);
 }

package/modern/TreeView/TreeView.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
 import { styled, useTheme, useThemeProps } from '@mui/material/styles';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { useControlled, useForkRef, ownerDocument, unstable_useId as useId } from '@mui/material/utils';
 import TreeViewContext from './TreeViewContext';
 import { DescendantProvider } from './descendants';

package/modern/TreeView/treeViewClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getTreeViewUtilityClass(slot) {
   return generateUtilityClass('MuiTreeView', slot);
 }

package/modern/YearPicker/PickersYear.js

@@ -3,7 +3,7 @@ import * as React from 'react';
 import clsx from 'clsx';
 import { useForkRef, capitalize } from '@mui/material/utils';
 import { alpha, styled } from '@mui/material/styles';
-import { unstable_composeClasses as composeClasses, generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses, generateUtilityClass, generateUtilityClasses } from '@mui/base';
 import { WrapperVariantContext } from '../internal/pickers/wrappers/WrapperVariantContext';
 import { jsx as _jsx } from "react/jsx-runtime";
 export function getPickersYearUtilityClass(slot) {
@@ -50,7 +50,7 @@ const PickersYearButton = styled('button', {
   margin: '8px 0',
   height: 36,
   width: 72,
-  borderRadius: 16,
+  borderRadius: 18,
   cursor: 'pointer',
   '&:focus, &:hover': {
     backgroundColor: alpha(theme.palette.action.active, theme.palette.action.hoverOpacity)

package/modern/YearPicker/YearPicker.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useTheme, styled, useThemeProps as useThemProps } from '@mui/material/styles';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import clsx from 'clsx';
 import PickersYear from './PickersYear';
 import { useUtils, useNow } from '../internal/pickers/hooks/useUtils';

package/modern/YearPicker/yearPickerClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getYearPickerUtilityClass(slot) {
   return generateUtilityClass('MuiYearPicker', slot);
 }

package/modern/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.0-alpha.54
+/** @license MUI v5.0.0-alpha.58
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -105,4 +105,6 @@ export * from './TreeView';
 export { default as YearPicker } from './YearPicker';
 export * from './YearPicker'; // createFilterOptions is exported from Autocomplete
 
-export { default as useAutocomplete } from './useAutocomplete';
+export { default as useAutocomplete } from './useAutocomplete';
+export { default as Masonry } from './Masonry';
+export * from './Masonry';

package/modern/internal/pickers/PickersToolbar.js

@@ -8,7 +8,7 @@ import Grid from '@mui/material/Grid';
 import Typography from '@mui/material/Typography';
 import IconButton from '@mui/material/IconButton';
 import { styled } from '@mui/material/styles';
-import { generateUtilityClasses } from '@mui/core';
+import { generateUtilityClasses } from '@mui/base';
 import PenIcon from '../svg-icons/Pen';
 import CalendarIcon from '../svg-icons/Calendar';
 import ClockIcon from '../svg-icons/Clock';

package/modern/internal/pickers/PickersToolbarText.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import clsx from 'clsx';
 import Typography from '@mui/material/Typography';
 import { styled } from '@mui/material/styles';
-import { generateUtilityClasses } from '@mui/core';
+import { generateUtilityClasses } from '@mui/base';
 import { jsx as _jsx } from "react/jsx-runtime";
 const classes = generateUtilityClasses('PrivatePickersToolbarText', ['selected']);
 const PickersToolbarTextRoot = styled(Typography, {

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

@@ -54,15 +54,16 @@ export function wrapPickerMount(mount) {
     children: node
   }));
 }
-export function createPickerRender(_ref = {}) {
+export function createPickerRenderer(_ref = {}) {
   let {
     locale
   } = _ref,
-      renderOptions = _objectWithoutPropertiesLoose(_ref, _excluded);
+      createRendererOptions = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   const {
+    clock,
     render: clientRender
-  } = createRenderer(renderOptions);
+  } = createRenderer(createRendererOptions);
 
   function Wrapper({
     children
@@ -74,9 +75,16 @@ export function createPickerRender(_ref = {}) {
     });
   }
 
-  return (node, options) => clientRender(node, _extends({}, options, {
-    wrapper: Wrapper
-  }));
+  return {
+    clock,
+
+    render(node, options) {
+      return clientRender(node, _extends({}, options, {
+        wrapper: Wrapper
+      }));
+    }
+
+  };
 }
 export function openMobilePicker() {
   fireEvent.click(screen.getByRole('textbox'));

package/modern/useAutocomplete/index.js

@@ -1 +1 @@
-export { useAutocomplete as default, createFilterOptions } from '@mui/core';
+export { useAutocomplete as default, createFilterOptions } from '@mui/base';

package/node/CalendarPicker/CalendarPicker.js

@@ -20,7 +20,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _styles = require("@mui/material/styles");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _MonthPicker = _interopRequireDefault(require("../MonthPicker/MonthPicker"));
 
@@ -53,10 +53,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 getCalendarPickerUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiCalendarPicker', slot);
+  return (0, _base.generateUtilityClass)('MuiCalendarPicker', slot);
 }
 
-const calendarPickerClasses = (0, _core.generateUtilityClasses)('MuiCalendarPicker', ['root', 'viewTransitionContainer']);
+const calendarPickerClasses = (0, _base.generateUtilityClasses)('MuiCalendarPicker', ['root', 'viewTransitionContainer']);
 exports.calendarPickerClasses = calendarPickerClasses;
 
 const useUtilityClasses = ownerState => {
@@ -67,7 +67,7 @@ const useUtilityClasses = ownerState => {
     root: ['root'],
     viewTransitionContainer: ['viewTransitionContainer']
   };
-  return (0, _core.unstable_composeClasses)(slots, getCalendarPickerUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, getCalendarPickerUtilityClass, classes);
 };
 
 const CalendarPickerRoot = (0, _styles.styled)(_PickerView.default, {

package/node/CalendarPicker/PickersFadeTransitionGroup.js

@@ -15,7 +15,7 @@ var _Fade = _interopRequireDefault(require("@mui/material/Fade"));
 
 var _styles = require("@mui/material/styles");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _reactTransitionGroup = require("react-transition-group");
 
@@ -25,7 +25,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)('PrivatePickersFadeTransitionGroup', ['root']);
+const classes = (0, _base.generateUtilityClasses)('PrivatePickersFadeTransitionGroup', ['root']);
 const animationDuration = 500;
 const PickersFadeTransitionGroupRoot = (0, _styles.styled)(_reactTransitionGroup.TransitionGroup, {
   skipSx: true

package/node/CalendarPicker/PickersSlideTransition.js

@@ -17,7 +17,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _styles = require("@mui/material/styles");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _reactTransitionGroup = require("react-transition-group");
 
@@ -29,7 +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 classes = (0, _core.generateUtilityClasses)('PrivatePickersSlideTransition', ['root', 'slideEnter-left', 'slideEnter-right', 'slideEnterActive', 'slideEnterActive', 'slideExit', 'slideExitActiveLeft-left', 'slideExitActiveLeft-right']);
+const classes = (0, _base.generateUtilityClasses)('PrivatePickersSlideTransition', ['root', 'slideEnter-left', 'slideEnter-right', 'slideEnterActive', 'slideEnterActive', 'slideExit', 'slideExitActiveLeft-left', 'slideExitActiveLeft-right']);
 const slideAnimationDuration = 350;
 exports.slideAnimationDuration = slideAnimationDuration;
 const PickersSlideTransitionRoot = (0, _styles.styled)(_reactTransitionGroup.TransitionGroup, {

package/node/CalendarPickerSkeleton/CalendarPickerSkeleton.js

@@ -22,7 +22,7 @@ var _Skeleton = _interopRequireDefault(require("@mui/material/Skeleton"));
 
 var _styles = require("@mui/material/styles");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _dimensions = require("../internal/pickers/constants/dimensions");
 
@@ -35,10 +35,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 getCalendarPickerSkeletonUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiCalendarPickerSkeleton', slot);
+  return (0, _base.generateUtilityClass)('MuiCalendarPickerSkeleton', slot);
 }
 
-const calendarPickerSkeletonClasses = (0, _core.generateUtilityClasses)('MuiCalendarPickerSkeleton', ['root', 'week', 'daySkeleton']);
+const calendarPickerSkeletonClasses = (0, _base.generateUtilityClasses)('MuiCalendarPickerSkeleton', ['root', 'week', 'daySkeleton']);
 exports.calendarPickerSkeletonClasses = calendarPickerSkeletonClasses;
 
 const useUtilityClasses = ownerState => {
@@ -50,7 +50,7 @@ const useUtilityClasses = ownerState => {
     week: ['week'],
     daySkeleton: ['daySkeleton']
   };
-  return (0, _core.unstable_composeClasses)(slots, getCalendarPickerSkeletonUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, getCalendarPickerSkeletonUtilityClass, classes);
 };
 
 const CalendarPickerSkeletonRoot = (0, _styles.styled)('div', {

package/node/ClockPicker/ClockNumber.js

@@ -17,7 +17,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _styles = require("@mui/material/styles");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _shared = require("./shared");
 
@@ -29,7 +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 classes = (0, _core.generateUtilityClasses)('PrivateClockNumber', ['selected', 'disabled']);
+const classes = (0, _base.generateUtilityClasses)('PrivateClockNumber', ['selected', 'disabled']);
 exports.classes = classes;
 const ClockNumberRoot = (0, _styles.styled)('span', {
   skipSx: true

package/node/ClockPicker/ClockPicker.js

@@ -18,7 +18,7 @@ var _utils = require("@mui/utils");
 
 var _styles = require("@mui/material/styles");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _Clock = _interopRequireDefault(require("./Clock"));
 
@@ -41,10 +41,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 getClockPickerUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiClockPicker', slot);
+  return (0, _base.generateUtilityClass)('MuiClockPicker', slot);
 }
 
-const clockPickerClasses = (0, _core.generateUtilityClasses)('MuiClockPicker', ['arrowSwitcher']);
+const clockPickerClasses = (0, _base.generateUtilityClasses)('MuiClockPicker', ['arrowSwitcher']);
 exports.clockPickerClasses = clockPickerClasses;
 
 const useUtilityClasses = ownerState => {
@@ -54,7 +54,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     arrowSwitcher: ['arrowSwitcher']
   };
-  return (0, _core.unstable_composeClasses)(slots, getClockPickerUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, getClockPickerUtilityClass, classes);
 };
 
 const ClockPickerArrowSwitcher = (0, _styles.styled)(_PickersArrowSwitcher.default, {

package/node/DatePicker/DatePickerToolbar.js

@@ -17,7 +17,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 _PickersToolbar = _interopRequireDefault(require("../internal/pickers/PickersToolbar"));
 
@@ -33,7 +33,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)('PrivateDatePickerToolbar', ['penIcon']);
+const classes = (0, _base.generateUtilityClasses)('PrivateDatePickerToolbar', ['penIcon']);
 const DatePickerToolbarRoot = (0, _styles.styled)(_PickersToolbar.default, {
   skipSx: true
 })({

package/node/DateRangePicker/DateRangePickerToolbar.js

@@ -13,7 +13,7 @@ var _Typography2 = _interopRequireDefault(require("@mui/material/Typography"));
 
 var _styles = require("@mui/material/styles");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _PickersToolbar = _interopRequireDefault(require("../internal/pickers/PickersToolbar"));
 
@@ -29,7 +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 classes = (0, _core.generateUtilityClasses)('PrivateDateRangePickerToolbar', ['penIcon']);
+const classes = (0, _base.generateUtilityClasses)('PrivateDateRangePickerToolbar', ['penIcon']);
 const DateRangePickerToolbarRoot = (0, _styles.styled)(_PickersToolbar.default, {
   skipSx: true
 })({

package/node/DateRangePickerDay/DateRangePickerDay.js

@@ -20,7 +20,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _styles = require("@mui/material/styles");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _dimensions = require("../internal/pickers/constants/dimensions");
 
@@ -37,10 +37,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 getDateRangePickerDayUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiDateRangePickerDay', slot);
+  return (0, _base.generateUtilityClass)('MuiDateRangePickerDay', slot);
 }
 
-const dateRangePickerDayClasses = (0, _core.generateUtilityClasses)('MuiDateRangePickerDay', ['root', 'rangeIntervalDayHighlight', 'rangeIntervalDayHighlightStart', 'rangeIntervalDayHighlightEnd', 'rangeIntervalPreview', 'rangeIntervalDayPreview', 'rangeIntervalDayPreviewStart', 'rangeIntervalDayPreviewEnd', 'day', 'dayOutsideRangeInterval', 'dayInsideRangeInterval', 'notSelectedDate']);
+const dateRangePickerDayClasses = (0, _base.generateUtilityClasses)('MuiDateRangePickerDay', ['root', 'rangeIntervalDayHighlight', 'rangeIntervalDayHighlightStart', 'rangeIntervalDayHighlightEnd', 'rangeIntervalPreview', 'rangeIntervalDayPreview', 'rangeIntervalDayPreviewStart', 'rangeIntervalDayPreviewEnd', 'day', 'dayOutsideRangeInterval', 'dayInsideRangeInterval', 'notSelectedDate']);
 exports.dateRangePickerDayClasses = dateRangePickerDayClasses;
 
 const useUtilityClasses = ownerState => {
@@ -62,7 +62,7 @@ const useUtilityClasses = ownerState => {
     rangeIntervalPreview: ['rangeIntervalPreview', isPreviewing && !outsideCurrentMonth && 'rangeIntervalDayPreview', (isStartOfPreviewing || isStartOfMonth) && 'rangeIntervalDayPreviewStart', (isEndOfPreviewing || isEndOfMonth) && 'rangeIntervalDayPreviewEnd'],
     day: ['day', !selected && 'notSelectedDate', !isHighlighting && 'dayOutsideRangeInterval', !selected && isHighlighting && 'dayInsideRangeInterval']
   };
-  return (0, _core.unstable_composeClasses)(slots, getDateRangePickerDayUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, getDateRangePickerDayUtilityClass, classes);
 };
 
 const endBorderStyle = {