@mui/material 5.14.2 → 5.14.4

package/node/CardContent/CardContent.js

@@ -11,7 +11,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _cardContentClasses = require("./cardContentClasses");
@@ -26,7 +26,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _base.unstable_composeClasses)(slots, _cardContentClasses.getCardContentUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _cardContentClasses.getCardContentUtilityClass, classes);
 };
 const CardContentRoot = (0, _styled.default)('div', {
   name: 'MuiCardContent',

package/node/CardHeader/CardHeader.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _Typography = _interopRequireDefault(require("../Typography"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
@@ -32,7 +32,7 @@ const useUtilityClasses = ownerState => {
     title: ['title'],
     subheader: ['subheader']
   };
-  return (0, _base.unstable_composeClasses)(slots, _cardHeaderClasses.getCardHeaderUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _cardHeaderClasses.getCardHeaderUtilityClass, classes);
 };
 const CardHeaderRoot = (0, _styled.default)('div', {
   name: 'MuiCardHeader',

package/node/CardMedia/CardMedia.js

@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _utils = require("@mui/utils");
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _cardMediaClasses = require("./cardMediaClasses");
@@ -29,7 +29,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', isMediaComponent && 'media', isImageComponent && 'img']
   };
-  return (0, _base.unstable_composeClasses)(slots, _cardMediaClasses.getCardMediaUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _cardMediaClasses.getCardMediaUtilityClass, classes);
 };
 const CardMediaRoot = (0, _styled.default)('div', {
   name: 'MuiCardMedia',

package/node/Checkbox/Checkbox.js

@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _utils = require("@mui/utils");
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _system = require("@mui/system");
 var _SwitchBase = _interopRequireDefault(require("../internal/SwitchBase"));
 var _CheckBoxOutlineBlank = _interopRequireDefault(require("../internal/svg-icons/CheckBoxOutlineBlank"));
@@ -30,12 +30,13 @@ const useUtilityClasses = ownerState => {
   const {
     classes,
     indeterminate,
-    color
+    color,
+    size
   } = ownerState;
   const slots = {
-    root: ['root', indeterminate && 'indeterminate', `color${(0, _capitalize.default)(color)}`]
+    root: ['root', indeterminate && 'indeterminate', `color${(0, _capitalize.default)(color)}`, `size${(0, _capitalize.default)(size)}`]
   };
-  const composedClasses = (0, _base.unstable_composeClasses)(slots, _checkboxClasses.getCheckboxUtilityClass, classes);
+  const composedClasses = (0, _composeClasses.unstable_composeClasses)(slots, _checkboxClasses.getCheckboxUtilityClass, classes);
   return (0, _extends2.default)({}, classes, composedClasses);
 };
 const CheckboxRoot = (0, _styled.default)(_SwitchBase.default, {

package/node/Checkbox/checkboxClasses.js

@@ -11,6 +11,6 @@ var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityCl
 function getCheckboxUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiCheckbox', slot);
 }
-const checkboxClasses = (0, _utils.unstable_generateUtilityClasses)('MuiCheckbox', ['root', 'checked', 'disabled', 'indeterminate', 'colorPrimary', 'colorSecondary']);
+const checkboxClasses = (0, _utils.unstable_generateUtilityClasses)('MuiCheckbox', ['root', 'checked', 'disabled', 'indeterminate', 'colorPrimary', 'colorSecondary', 'sizeSmall', 'sizeMedium']);
 var _default = checkboxClasses;
 exports.default = _default;

package/node/Chip/Chip.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _system = require("@mui/system");
 var _Cancel = _interopRequireDefault(require("../internal/svg-icons/Cancel"));
 var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
@@ -43,7 +43,7 @@ const useUtilityClasses = ownerState => {
     icon: ['icon', `icon${(0, _capitalize.default)(size)}`, `iconColor${(0, _capitalize.default)(iconColor)}`],
     deleteIcon: ['deleteIcon', `deleteIcon${(0, _capitalize.default)(size)}`, `deleteIconColor${(0, _capitalize.default)(color)}`, `deleteIcon${(0, _capitalize.default)(variant)}Color${(0, _capitalize.default)(color)}`]
   };
-  return (0, _base.unstable_composeClasses)(slots, _chipClasses.getChipUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _chipClasses.getChipUtilityClass, classes);
 };
 const ChipRoot = (0, _styled.default)('div', {
   name: 'MuiChip',

package/node/CircularProgress/CircularProgress.js

@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _utils = require("@mui/utils");
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _system = require("@mui/system");
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
@@ -60,7 +60,7 @@ const useUtilityClasses = ownerState => {
     svg: ['svg'],
     circle: ['circle', `circle${(0, _capitalize.default)(variant)}`, disableShrink && 'circleDisableShrink']
   };
-  return (0, _base.unstable_composeClasses)(slots, _circularProgressClasses.getCircularProgressUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _circularProgressClasses.getCircularProgressUtilityClass, classes);
 };
 const CircularProgressRoot = (0, _styled.default)('span', {
   name: 'MuiCircularProgress',

package/node/ClickAwayListener/index.js

@@ -3,24 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {};
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _ClickAwayListener.default;
+    return _ClickAwayListener.ClickAwayListener;
   }
 });
-var _ClickAwayListener = _interopRequireWildcard(require("@mui/base/ClickAwayListener"));
-Object.keys(_ClickAwayListener).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ClickAwayListener[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ClickAwayListener[key];
-    }
-  });
-});
-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; }
+var _ClickAwayListener = require("@mui/base/ClickAwayListener");

package/node/Collapse/Collapse.js

@@ -13,7 +13,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactTransitionGroup = require("react-transition-group");
 var _utils = require("@mui/utils");
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _createTransitions = require("../styles/createTransitions");
@@ -37,7 +37,7 @@ const useUtilityClasses = ownerState => {
     wrapper: ['wrapper', `${orientation}`],
     wrapperInner: ['wrapperInner', `${orientation}`]
   };
-  return (0, _base.unstable_composeClasses)(slots, _collapseClasses.getCollapseUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _collapseClasses.getCollapseUtilityClass, classes);
 };
 const CollapseRoot = (0, _styled.default)('div', {
   name: 'MuiCollapse',

package/node/Dialog/Dialog.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _utils = require("@mui/utils");
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _Modal = _interopRequireDefault(require("../Modal"));
@@ -48,7 +48,7 @@ const useUtilityClasses = ownerState => {
     container: ['container', `scroll${(0, _capitalize.default)(scroll)}`],
     paper: ['paper', `paperScroll${(0, _capitalize.default)(scroll)}`, `paperWidth${(0, _capitalize.default)(String(maxWidth))}`, fullWidth && 'paperFullWidth', fullScreen && 'paperFullScreen']
   };
-  return (0, _base.unstable_composeClasses)(slots, _dialogClasses.getDialogUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _dialogClasses.getDialogUtilityClass, classes);
 };
 const DialogRoot = (0, _styled.default)(_Modal.default, {
   name: 'MuiDialog',

package/node/DialogActions/DialogActions.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _dialogActionsClasses = require("./dialogActionsClasses");
@@ -27,7 +27,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', !disableSpacing && 'spacing']
   };
-  return (0, _base.unstable_composeClasses)(slots, _dialogActionsClasses.getDialogActionsUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _dialogActionsClasses.getDialogActionsUtilityClass, classes);
 };
 const DialogActionsRoot = (0, _styled.default)('div', {
   name: 'MuiDialogActions',

package/node/DialogContent/DialogContent.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _dialogContentClasses = require("./dialogContentClasses");
@@ -28,7 +28,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', dividers && 'dividers']
   };
-  return (0, _base.unstable_composeClasses)(slots, _dialogContentClasses.getDialogContentUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _dialogContentClasses.getDialogContentUtilityClass, classes);
 };
 const DialogContentRoot = (0, _styled.default)('div', {
   name: 'MuiDialogContent',

package/node/DialogContentText/DialogContentText.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _styled = _interopRequireWildcard(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _Typography = _interopRequireDefault(require("../Typography"));
@@ -27,7 +27,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  const composedClasses = (0, _base.unstable_composeClasses)(slots, _dialogContentTextClasses.getDialogContentTextUtilityClass, classes);
+  const composedClasses = (0, _composeClasses.unstable_composeClasses)(slots, _dialogContentTextClasses.getDialogContentTextUtilityClass, classes);
   return (0, _extends2.default)({}, classes, composedClasses);
 };
 const DialogContentTextRoot = (0, _styled.default)(_Typography.default, {

package/node/DialogTitle/DialogTitle.js

@@ -11,7 +11,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _Typography = _interopRequireDefault(require("../Typography"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
@@ -28,7 +28,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _base.unstable_composeClasses)(slots, _dialogTitleClasses.getDialogTitleUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _dialogTitleClasses.getDialogTitleUtilityClass, classes);
 };
 const DialogTitleRoot = (0, _styled.default)(_Typography.default, {
   name: 'MuiDialogTitle',

package/node/Divider/Divider.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _system = require("@mui/system");
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
@@ -35,7 +35,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', absolute && 'absolute', variant, light && 'light', orientation === 'vertical' && 'vertical', flexItem && 'flexItem', children && 'withChildren', children && orientation === 'vertical' && 'withChildrenVertical', textAlign === 'right' && orientation !== 'vertical' && 'textAlignRight', textAlign === 'left' && orientation !== 'vertical' && 'textAlignLeft'],
     wrapper: ['wrapper', orientation === 'vertical' && 'wrapperVertical']
   };
-  return (0, _base.unstable_composeClasses)(slots, _dividerClasses.getDividerUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _dividerClasses.getDividerUtilityClass, classes);
 };
 const DividerRoot = (0, _styled.default)('div', {
   name: 'MuiDivider',
@@ -187,6 +187,12 @@ const Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
     }) : null
   }));
 });
+
+/**
+ * The following flag is used to ensure that this component isn't tabbable i.e.
+ * does not get highlight/focus inside of MUI List.
+ */
+Divider.muiSkipListHighlight = true;
 process.env.NODE_ENV !== "production" ? Divider.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/node/Drawer/Drawer.js

@@ -14,7 +14,7 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _utils = require("@mui/utils");
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _Modal = _interopRequireDefault(require("../Modal"));
 var _Slide = _interopRequireDefault(require("../Slide"));
 var _Paper = _interopRequireDefault(require("../Paper"));
@@ -46,7 +46,7 @@ const useUtilityClasses = ownerState => {
     modal: ['modal'],
     paper: ['paper', `paperAnchor${(0, _capitalize.default)(anchor)}`, variant !== 'temporary' && `paperAnchorDocked${(0, _capitalize.default)(anchor)}`]
   };
-  return (0, _base.unstable_composeClasses)(slots, _drawerClasses.getDrawerUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _drawerClasses.getDrawerUtilityClass, classes);
 };
 const DrawerRoot = (0, _styled.default)(_Modal.default, {
   name: 'MuiDrawer',

package/node/Fab/Fab.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
@@ -31,7 +31,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', variant, `size${(0, _capitalize.default)(size)}`, color === 'inherit' ? 'colorInherit' : color]
   };
-  const composedClasses = (0, _base.unstable_composeClasses)(slots, _fabClasses.getFabUtilityClass, classes);
+  const composedClasses = (0, _composeClasses.unstable_composeClasses)(slots, _fabClasses.getFabUtilityClass, classes);
   return (0, _extends2.default)({}, classes, composedClasses);
 };
 const FabRoot = (0, _styled.default)(_ButtonBase.default, {

package/node/FilledInput/FilledInput.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _utils = require("@mui/utils");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _InputBase = _interopRequireDefault(require("../InputBase"));
 var _styled = _interopRequireWildcard(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
@@ -30,7 +30,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', !disableUnderline && 'underline'],
     input: ['input']
   };
-  const composedClasses = (0, _base.unstable_composeClasses)(slots, _filledInputClasses.getFilledInputUtilityClass, classes);
+  const composedClasses = (0, _composeClasses.unstable_composeClasses)(slots, _filledInputClasses.getFilledInputUtilityClass, classes);
   return (0, _extends2.default)({}, classes, composedClasses);
 };
 const FilledInputRoot = (0, _styled.default)(_InputBase2.InputBaseRoot, {

package/node/FormControl/FormControl.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _utils = require("../InputBase/utils");
@@ -32,7 +32,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', margin !== 'none' && `margin${(0, _capitalize.default)(margin)}`, fullWidth && 'fullWidth']
   };
-  return (0, _base.unstable_composeClasses)(slots, _formControlClasses.getFormControlUtilityClasses, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _formControlClasses.getFormControlUtilityClasses, classes);
 };
 const FormControlRoot = (0, _styled.default)('div', {
   name: 'MuiFormControl',

package/node/FormControlLabel/FormControlLabel.js

@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _utils = require("@mui/utils");
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _FormControl = require("../FormControl");
 var _Stack = _interopRequireDefault(require("../Stack"));
 var _Typography = _interopRequireDefault(require("../Typography"));
@@ -38,7 +38,7 @@ const useUtilityClasses = ownerState => {
     label: ['label', disabled && 'disabled'],
     asterisk: ['asterisk', error && 'error']
   };
-  return (0, _base.unstable_composeClasses)(slots, _formControlLabelClasses.getFormControlLabelUtilityClasses, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _formControlLabelClasses.getFormControlLabelUtilityClasses, classes);
 };
 const FormControlLabelRoot = (0, _styled.default)('label', {
   name: 'MuiFormControlLabel',

package/node/FormGroup/FormGroup.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _formGroupClasses = require("./formGroupClasses");
@@ -30,7 +30,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', row && 'row', error && 'error']
   };
-  return (0, _base.unstable_composeClasses)(slots, _formGroupClasses.getFormGroupUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _formGroupClasses.getFormGroupUtilityClass, classes);
 };
 const FormGroupRoot = (0, _styled.default)('div', {
   name: 'MuiFormGroup',

package/node/FormHelperText/FormHelperText.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _formControlState = _interopRequireDefault(require("../FormControl/formControlState"));
 var _useFormControl = _interopRequireDefault(require("../FormControl/useFormControl"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
@@ -37,7 +37,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', disabled && 'disabled', error && 'error', size && `size${(0, _capitalize.default)(size)}`, contained && 'contained', focused && 'focused', filled && 'filled', required && 'required']
   };
-  return (0, _base.unstable_composeClasses)(slots, _formHelperTextClasses.getFormHelperTextUtilityClasses, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _formHelperTextClasses.getFormHelperTextUtilityClasses, classes);
 };
 const FormHelperTextRoot = (0, _styled.default)('p', {
   name: 'MuiFormHelperText',

package/node/FormLabel/FormLabel.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _formControlState = _interopRequireDefault(require("../FormControl/formControlState"));
 var _useFormControl = _interopRequireDefault(require("../FormControl/useFormControl"));
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
@@ -36,7 +36,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', `color${(0, _capitalize.default)(color)}`, disabled && 'disabled', error && 'error', filled && 'filled', focused && 'focused', required && 'required'],
     asterisk: ['asterisk', error && 'error']
   };
-  return (0, _base.unstable_composeClasses)(slots, _formLabelClasses.getFormLabelUtilityClasses, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _formLabelClasses.getFormLabelUtilityClasses, classes);
 };
 const FormLabelRoot = (0, _styled.default)('label', {
   name: 'MuiFormLabel',

package/node/Grid/Grid.js

@@ -28,7 +28,7 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _system = require("@mui/system");
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _requirePropFactory = _interopRequireDefault(require("../utils/requirePropFactory"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
@@ -374,7 +374,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', container && 'container', item && 'item', zeroMinWidth && 'zeroMinWidth', ...spacingClasses, direction !== 'row' && `direction-xs-${String(direction)}`, wrap !== 'wrap' && `wrap-xs-${String(wrap)}`, ...breakpointsClasses]
   };
-  return (0, _base.unstable_composeClasses)(slots, _gridClasses.getGridUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _gridClasses.getGridUtilityClass, classes);
 };
 const Grid = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {
   const themeProps = (0, _useThemeProps.default)({

package/node/Hidden/HiddenCss.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
@@ -33,7 +33,7 @@ const useUtilityClasses = ownerState => {
       return dir === 'only' ? `${dir}${(0, _capitalize.default)(breakpoint)}` : `${breakpoint}${(0, _capitalize.default)(dir)}`;
     })]
   };
-  return (0, _base.unstable_composeClasses)(slots, _hiddenCssClasses.getHiddenCssUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _hiddenCssClasses.getHiddenCssUtilityClass, classes);
 };
 const HiddenCssRoot = (0, _styled.default)('div', {
   name: 'PrivateHiddenCss',

package/node/Icon/Icon.js

@@ -11,7 +11,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
@@ -29,7 +29,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', color !== 'inherit' && `color${(0, _capitalize.default)(color)}`, `fontSize${(0, _capitalize.default)(fontSize)}`]
   };
-  return (0, _base.unstable_composeClasses)(slots, _iconClasses.getIconUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _iconClasses.getIconUtilityClass, classes);
 };
 const IconRoot = (0, _styled.default)('span', {
   name: 'MuiIcon',

package/node/IconButton/IconButton.js

@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _utils = require("@mui/utils");
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _system = require("@mui/system");
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
@@ -34,7 +34,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', disabled && 'disabled', color !== 'default' && `color${(0, _capitalize.default)(color)}`, edge && `edge${(0, _capitalize.default)(edge)}`, `size${(0, _capitalize.default)(size)}`]
   };
-  return (0, _base.unstable_composeClasses)(slots, _iconButtonClasses.getIconButtonUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _iconButtonClasses.getIconButtonUtilityClass, classes);
 };
 const IconButtonRoot = (0, _styled.default)(_ButtonBase.default, {
   name: 'MuiIconButton',

package/node/ImageList/ImageList.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _utils = require("@mui/utils");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -29,7 +29,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', variant]
   };
-  return (0, _base.unstable_composeClasses)(slots, _imageListClasses.getImageListUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _imageListClasses.getImageListUtilityClass, classes);
 };
 const ImageListRoot = (0, _styled.default)('ul', {
   name: 'MuiImageList',

package/node/ImageListItem/ImageListItem.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _utils = require("@mui/utils");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -32,7 +32,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', variant],
     img: ['img']
   };
-  return (0, _base.unstable_composeClasses)(slots, _imageListItemClasses.getImageListItemUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _imageListItemClasses.getImageListItemUtilityClass, classes);
 };
 const ImageListItemRoot = (0, _styled.default)('li', {
   name: 'MuiImageListItem',

package/node/ImageListItemBar/ImageListItemBar.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
@@ -34,7 +34,7 @@ const useUtilityClasses = ownerState => {
     subtitle: ['subtitle'],
     actionIcon: ['actionIcon', `actionIconActionPos${(0, _capitalize.default)(actionPosition)}`]
   };
-  return (0, _base.unstable_composeClasses)(slots, _imageListItemBarClasses.getImageListItemBarUtilityClass, classes);
+  return (0, _composeClasses.unstable_composeClasses)(slots, _imageListItemBarClasses.getImageListItemBarUtilityClass, classes);
 };
 const ImageListItemBarRoot = (0, _styled.default)('div', {
   name: 'MuiImageListItemBar',

package/node/Input/Input.js

@@ -10,7 +10,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _base = require("@mui/base");
+var _composeClasses = require("@mui/base/composeClasses");
 var _utils = require("@mui/utils");
 var _InputBase = _interopRequireDefault(require("../InputBase"));
 var _styled = _interopRequireWildcard(require("../styles/styled"));
@@ -30,7 +30,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', !disableUnderline && 'underline'],
     input: ['input']
   };
-  const composedClasses = (0, _base.unstable_composeClasses)(slots, _inputClasses.getInputUtilityClass, classes);
+  const composedClasses = (0, _composeClasses.unstable_composeClasses)(slots, _inputClasses.getInputUtilityClass, classes);
   return (0, _extends2.default)({}, classes, composedClasses);
 };
 const InputRoot = (0, _styled.default)(_InputBase2.InputBaseRoot, {