@mui/material 5.4.2 → 5.5.0

package/node/Dialog/Dialog.js

@@ -27,8 +27,6 @@ var _Modal = _interopRequireDefault(require("../Modal"));
 
 var _Fade = _interopRequireDefault(require("../Fade"));
 
-var _createTransitions = require("../styles/createTransitions");
-
 var _Paper = _interopRequireDefault(require("../Paper"));
 
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
@@ -41,6 +39,8 @@ var _DialogContext = _interopRequireDefault(require("./DialogContext"));
 
 var _Backdrop = _interopRequireDefault(require("../Backdrop"));
 
+var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 const _excluded = ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"];
@@ -178,10 +178,6 @@ const DialogPaper = (0, _styled.default)(_Paper.default, {
     maxWidth: '100%'
   }
 }));
-const defaultTransitionDuration = {
-  enter: _createTransitions.duration.enteringScreen,
-  exit: _createTransitions.duration.leavingScreen
-};
 /**
  * Dialogs are overlaid modal paper based components with a backdrop.
  */
@@ -191,6 +187,11 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
     props: inProps,
     name: 'MuiDialog'
   });
+  const theme = (0, _useTheme.default)();
+  const defaultTransitionDuration = {
+    enter: theme.transitions.duration.enteringScreen,
+    exit: theme.transitions.duration.leavingScreen
+  };
   const {
     'aria-describedby': ariaDescribedby,
     'aria-labelledby': ariaLabelledbyProp,
@@ -428,7 +429,10 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
-   * @default { enter: duration.enteringScreen, exit: duration.leavingScreen }
+   * @default {
+   *   enter: theme.transitions.duration.enteringScreen,
+   *   exit: theme.transitions.duration.leavingScreen,
+   * }
    */
   transitionDuration: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
     appear: _propTypes.default.number,

package/node/Drawer/Drawer.js

@@ -31,8 +31,6 @@ var _Paper = _interopRequireDefault(require("../Paper"));
 
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 
-var _createTransitions = require("../styles/createTransitions");
-
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
 
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
@@ -158,21 +156,22 @@ function isHorizontal(anchor) {
 function getAnchor(theme, anchor) {
   return theme.direction === 'rtl' && isHorizontal(anchor) ? oppositeDirection[anchor] : anchor;
 }
-
-const defaultTransitionDuration = {
-  enter: _createTransitions.duration.enteringScreen,
-  exit: _createTransitions.duration.leavingScreen
-};
 /**
  * The props of the [Modal](/api/modal/) component are available
  * when `variant="temporary"` is set.
  */
 
+
 const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
   const props = (0, _useThemeProps.default)({
     props: inProps,
     name: 'MuiDrawer'
   });
+  const theme = (0, _useTheme.default)();
+  const defaultTransitionDuration = {
+    enter: theme.transitions.duration.enteringScreen,
+    exit: theme.transitions.duration.leavingScreen
+  };
   const {
     anchor: anchorProp = 'left',
     BackdropProps,
@@ -193,8 +192,7 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
     variant = 'temporary'
   } = props,
         ModalProps = (0, _objectWithoutPropertiesLoose2.default)(props.ModalProps, _excluded),
-        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
-  const theme = (0, _useTheme.default)(); // Let's assume that the Drawer will always be rendered on user space.
+        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2); // Let's assume that the Drawer will always be rendered on user space.
   // We use this state is order to skip the appear transition during the
   // initial mount of the component.
 
@@ -348,7 +346,10 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
-   * @default { enter: duration.enteringScreen, exit: duration.leavingScreen }
+   * @default {
+   *   enter: theme.transitions.duration.enteringScreen,
+   *   exit: theme.transitions.duration.leavingScreen,
+   * }
    */
   transitionDuration: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
     appear: _propTypes.default.number,

package/node/Fade/Fade.js

@@ -19,8 +19,6 @@ var _reactTransitionGroup = require("react-transition-group");
 
 var _utils = require("@mui/utils");
 
-var _createTransitions = require("../styles/createTransitions");
-
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
 
 var _utils2 = require("../transitions/utils");
@@ -43,16 +41,17 @@ const styles = {
     opacity: 1
   }
 };
-const defaultTimeout = {
-  enter: _createTransitions.duration.enteringScreen,
-  exit: _createTransitions.duration.leavingScreen
-};
 /**
  * The Fade transition is used by the [Modal](/components/modal/) component.
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
  */
 
 const Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
+  const theme = (0, _useTheme.default)();
+  const defaultTimeout = {
+    enter: theme.transitions.duration.enteringScreen,
+    exit: theme.transitions.duration.leavingScreen
+  };
   const {
     addEndListener,
     appear = true,
@@ -71,7 +70,6 @@ const Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
     TransitionComponent = _reactTransitionGroup.Transition
   } = props,
         other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const theme = (0, _useTheme.default)();
   const enableStrictModeCompat = true;
   const nodeRef = React.useRef(null);
   const foreignRef = (0, _useForkRef.default)(children.ref, ref);
@@ -237,8 +235,8 @@ process.env.NODE_ENV !== "production" ? Fade.propTypes
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
    * @default {
-   *   enter: duration.enteringScreen,
-   *   exit: duration.leavingScreen,
+   *   enter: theme.transitions.duration.enteringScreen,
+   *   exit: theme.transitions.duration.leavingScreen,
    * }
    */
   timeout: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({

package/node/FilledInput/filledInputClasses.js

@@ -1,17 +1,23 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getFilledInputUtilityClass = getFilledInputUtilityClass;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _base = require("@mui/base");
 
+var _InputBase = require("../InputBase");
+
 function getFilledInputUtilityClass(slot) {
   return (0, _base.generateUtilityClass)('MuiFilledInput', slot);
 }
 
-const filledInputClasses = (0, _base.generateUtilityClasses)('MuiFilledInput', ['root', 'colorSecondary', 'underline', 'focused', 'disabled', 'adornedStart', 'adornedEnd', 'error', 'sizeSmall', 'multiline', 'hiddenLabel', 'input', 'inputSizeSmall', 'inputHiddenLabel', 'inputMultiline', 'inputAdornedStart', 'inputAdornedEnd']);
+const filledInputClasses = (0, _extends2.default)({}, _InputBase.inputBaseClasses, (0, _base.generateUtilityClasses)('MuiFilledInput', ['root', 'underline', 'input']));
 var _default = filledInputClasses;
 exports.default = _default;

package/node/Input/inputClasses.js

@@ -1,17 +1,23 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getInputUtilityClass = getInputUtilityClass;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _base = require("@mui/base");
 
+var _InputBase = require("../InputBase");
+
 function getInputUtilityClass(slot) {
   return (0, _base.generateUtilityClass)('MuiInput', slot);
 }
 
-const inputClasses = (0, _base.generateUtilityClasses)('MuiInput', ['root', 'formControl', 'focused', 'disabled', 'colorSecondary', 'underline', 'error', 'sizeSmall', 'multiline', 'fullWidth', 'input', 'inputSizeSmall', 'inputMultiline', 'inputTypeSearch']);
+const inputClasses = (0, _extends2.default)({}, _InputBase.inputBaseClasses, (0, _base.generateUtilityClasses)('MuiInput', ['root', 'underline', 'input']));
 var _default = inputClasses;
 exports.default = _default;

package/node/OutlinedInput/NotchedOutline.js

@@ -47,7 +47,9 @@ const NotchedOutlineLegend = (0, _styled.default)('legend')(({
   ownerState,
   theme
 }) => (0, _extends2.default)({
-  float: 'unset'
+  float: 'unset',
+  // Fix conflict with bootstrap
+  overflow: 'hidden'
 }, !ownerState.withLabel && {
   padding: 0,
   lineHeight: '11px',

package/node/OutlinedInput/outlinedInputClasses.js

@@ -1,17 +1,23 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getOutlinedInputUtilityClass = getOutlinedInputUtilityClass;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _base = require("@mui/base");
 
+var _InputBase = require("../InputBase");
+
 function getOutlinedInputUtilityClass(slot) {
   return (0, _base.generateUtilityClass)('MuiOutlinedInput', slot);
 }
 
-const outlinedInputClasses = (0, _base.generateUtilityClasses)('MuiOutlinedInput', ['root', 'colorSecondary', 'focused', 'disabled', 'adornedStart', 'adornedEnd', 'error', 'sizeSmall', 'multiline', 'notchedOutline', 'input', 'inputSizeSmall', 'inputMultiline', 'inputAdornedStart', 'inputAdornedEnd']);
+const outlinedInputClasses = (0, _extends2.default)({}, _InputBase.inputBaseClasses, (0, _base.generateUtilityClasses)('MuiOutlinedInput', ['root', 'notchedOutline', 'input']));
 var _default = outlinedInputClasses;
 exports.default = _default;

package/node/Popper/Popper.js

@@ -109,7 +109,7 @@ process.env.NODE_ENV !== "production" ? Popper.propTypes
     effect: _propTypes.default.func,
     enabled: _propTypes.default.bool,
     fn: _propTypes.default.func,
-    name: _propTypes.default.any.isRequired,
+    name: _propTypes.default.any,
     options: _propTypes.default.object,
     phase: _propTypes.default.oneOf(['afterMain', 'afterRead', 'afterWrite', 'beforeMain', 'beforeRead', 'beforeWrite', 'main', 'read', 'write']),
     requires: _propTypes.default.arrayOf(_propTypes.default.string),

package/node/Slide/Slide.js

@@ -26,8 +26,6 @@ var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
 
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
 
-var _createTransitions = require("../styles/createTransitions");
-
 var _utils2 = require("../transitions/utils");
 
 var _utils3 = require("../utils");
@@ -109,21 +107,22 @@ function setTranslateValue(direction, node, containerProp) {
     node.style.transform = transform;
   }
 }
-
-const defaultEasing = {
-  enter: _createTransitions.easing.easeOut,
-  exit: _createTransitions.easing.sharp
-};
-const defaultTimeout = {
-  enter: _createTransitions.duration.enteringScreen,
-  exit: _createTransitions.duration.leavingScreen
-};
 /**
  * The Slide transition is used by the [Drawer](/components/drawers/) component.
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
  */
 
+
 const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
+  const theme = (0, _useTheme.default)();
+  const defaultEasing = {
+    enter: theme.transitions.easing.easeOut,
+    exit: theme.transitions.easing.sharp
+  };
+  const defaultTimeout = {
+    enter: theme.transitions.duration.enteringScreen,
+    exit: theme.transitions.duration.leavingScreen
+  };
   const {
     addEndListener,
     appear = true,
@@ -144,7 +143,6 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
     TransitionComponent = _reactTransitionGroup.Transition
   } = props,
         other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const theme = (0, _useTheme.default)();
   const childrenRef = React.useRef(null);
   const handleRefIntermediary = (0, _useForkRef.default)(children.ref, childrenRef);
   const handleRef = (0, _useForkRef.default)(handleRefIntermediary, ref);
@@ -332,8 +330,8 @@ process.env.NODE_ENV !== "production" ? Slide.propTypes
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.
    * @default {
-   *   enter: easing.easeOut,
-   *   exit: easing.sharp,
+   *   enter: theme.transitions.easing.easeOut,
+   *   exit: theme.transitions.easing.sharp,
    * }
    */
   easing: _propTypes.default.oneOfType([_propTypes.default.shape({
@@ -385,8 +383,8 @@ process.env.NODE_ENV !== "production" ? Slide.propTypes
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
    * @default {
-   *   enter: duration.enteringScreen,
-   *   exit: duration.leavingScreen,
+   *   enter: theme.transitions.duration.enteringScreen,
+   *   exit: theme.transitions.duration.leavingScreen,
    * }
    */
   timeout: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({

package/node/Snackbar/Snackbar.js

@@ -27,8 +27,6 @@ var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
 
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 
-var _createTransitions = require("../styles/createTransitions");
-
 var _useEventCallback = _interopRequireDefault(require("../utils/useEventCallback"));
 
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
@@ -122,6 +120,11 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     props: inProps,
     name: 'MuiSnackbar'
   });
+  const theme = (0, _useTheme.default)();
+  const defaultTransitionDuration = {
+    enter: theme.transitions.duration.enteringScreen,
+    exit: theme.transitions.duration.leavingScreen
+  };
   const {
     action,
     anchorOrigin: {
@@ -146,10 +149,7 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     open,
     resumeHideDuration,
     TransitionComponent = _Grow.default,
-    transitionDuration = {
-      enter: _createTransitions.duration.enteringScreen,
-      exit: _createTransitions.duration.leavingScreen
-    },
+    transitionDuration = defaultTransitionDuration,
     TransitionProps: {
       onEnter,
       onExited
@@ -157,7 +157,6 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
   } = props,
         TransitionProps = (0, _objectWithoutPropertiesLoose2.default)(props.TransitionProps, _excluded),
         other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
-  const theme = (0, _useTheme.default)();
   const isRtl = theme.direction === 'rtl';
   const ownerState = (0, _extends2.default)({}, props, {
     anchorOrigin: {
@@ -474,8 +473,8 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
    * @default {
-   *   enter: duration.enteringScreen,
-   *   exit: duration.leavingScreen,
+   *   enter: theme.transitions.duration.enteringScreen,
+   *   exit: theme.transitions.duration.leavingScreen,
    * }
    */
   transitionDuration: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({

package/node/SpeedDial/SpeedDial.js

@@ -25,7 +25,7 @@ var _styled = _interopRequireDefault(require("../styles/styled"));
 
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 
-var _createTransitions = require("../styles/createTransitions");
+var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
 
 var _Zoom = _interopRequireDefault(require("../Zoom"));
 
@@ -167,6 +167,11 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
     props: inProps,
     name: 'MuiSpeedDial'
   });
+  const theme = (0, _useTheme.default)();
+  const defaultTransitionDuration = {
+    enter: theme.transitions.duration.enteringScreen,
+    exit: theme.transitions.duration.leavingScreen
+  };
   const {
     ariaLabel,
     FabProps: {
@@ -186,10 +191,7 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
     onOpen,
     open: openProp,
     TransitionComponent = _Zoom.default,
-    transitionDuration = {
-      enter: _createTransitions.duration.enteringScreen,
-      exit: _createTransitions.duration.leavingScreen
-    },
+    transitionDuration = defaultTransitionDuration,
     TransitionProps
   } = props,
         FabProps = (0, _objectWithoutPropertiesLoose2.default)(props.FabProps, _excluded),
@@ -567,8 +569,8 @@ process.env.NODE_ENV !== "production" ? SpeedDial.propTypes
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
    * @default {
-   *   enter: duration.enteringScreen,
-   *   exit: duration.leavingScreen,
+   *   enter: theme.transitions.duration.enteringScreen,
+   *   exit: theme.transitions.duration.leavingScreen,
    * }
    */
   transitionDuration: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({

package/node/Step/StepContext.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+exports.useStepContext = useStepContext;
 
 var React = _interopRequireWildcard(require("react"));
 
@@ -12,13 +13,22 @@ 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; }
 
 /**
- * @ignore - internal component.
+ * Provides information about the current step in Stepper.
  */
 const StepContext = /*#__PURE__*/React.createContext({});
 
 if (process.env.NODE_ENV !== 'production') {
   StepContext.displayName = 'StepContext';
 }
+/**
+ * Returns the current StepContext or an empty object if no StepContext
+ * has been defined in the component tree.
+ */
+
+
+function useStepContext() {
+  return React.useContext(StepContext);
+}
 
 var _default = StepContext;
 exports.default = _default;

package/node/Step/index.js

@@ -6,8 +6,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  stepClasses: true
+  stepClasses: true,
+  StepContext: true
 };
+Object.defineProperty(exports, "StepContext", {
+  enumerable: true,
+  get: function () {
+    return _StepContext.default;
+  }
+});
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
@@ -37,6 +44,20 @@ Object.keys(_stepClasses).forEach(function (key) {
   });
 });
 
+var _StepContext = _interopRequireWildcard(require("./StepContext"));
+
+Object.keys(_StepContext).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _StepContext[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _StepContext[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; }

package/node/SvgIcon/SvgIcon.js

@@ -107,6 +107,7 @@ const SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
     color,
     component,
     fontSize,
+    instanceFontSize: inProps.fontSize,
     inheritViewBox,
     viewBox
   });

package/node/SwipeableDrawer/SwipeableDrawer.js

@@ -32,8 +32,6 @@ var _useEventCallback = _interopRequireDefault(require("../utils/useEventCallbac
 
 var _useEnhancedEffect = _interopRequireDefault(require("../utils/useEnhancedEffect"));
 
-var _createTransitions = require("../styles/createTransitions");
-
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
 
 var _utils2 = require("../transitions/utils");
@@ -156,16 +154,16 @@ function computeHasNativeHandler({
 }
 
 const iOS = typeof navigator !== 'undefined' && /iPad|iPhone|iPod/.test(navigator.userAgent);
-const transitionDurationDefault = {
-  enter: _createTransitions.duration.enteringScreen,
-  exit: _createTransitions.duration.leavingScreen
-};
 const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(inProps, ref) {
   const props = (0, _system.useThemeProps)({
     name: 'MuiSwipeableDrawer',
     props: inProps
   });
   const theme = (0, _useTheme.default)();
+  const transitionDurationDefault = {
+    enter: theme.transitions.duration.enteringScreen,
+    exit: theme.transitions.duration.leavingScreen
+  };
   const {
     anchor = 'left',
     disableBackdropTransition = false,
@@ -641,7 +639,10 @@ process.env.NODE_ENV !== "production" ? SwipeableDrawer.propTypes
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
-   * @default { enter: duration.enteringScreen, exit: duration.leavingScreen }
+   * @default {
+   *   enter: theme.transitions.duration.enteringScreen,
+   *   exit: theme.transitions.duration.leavingScreen,
+   * }
    */
   transitionDuration: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
     appear: _propTypes.default.number,

package/node/Zoom/Zoom.js

@@ -19,8 +19,6 @@ var _reactTransitionGroup = require("react-transition-group");
 
 var _utils = require("@mui/utils");
 
-var _createTransitions = require("../styles/createTransitions");
-
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
 
 var _utils2 = require("../transitions/utils");
@@ -43,10 +41,6 @@ const styles = {
     transform: 'none'
   }
 };
-const defaultTimeout = {
-  enter: _createTransitions.duration.enteringScreen,
-  exit: _createTransitions.duration.leavingScreen
-};
 /**
  * The Zoom transition can be used for the floating variant of the
  * [Button](/components/buttons/#floating-action-buttons) component.
@@ -54,6 +48,11 @@ const defaultTimeout = {
  */
 
 const Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
+  const theme = (0, _useTheme.default)();
+  const defaultTimeout = {
+    enter: theme.transitions.duration.enteringScreen,
+    exit: theme.transitions.duration.leavingScreen
+  };
   const {
     addEndListener,
     appear = true,
@@ -72,7 +71,6 @@ const Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
     TransitionComponent = _reactTransitionGroup.Transition
   } = props,
         other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const theme = (0, _useTheme.default)();
   const nodeRef = React.useRef(null);
   const foreignRef = (0, _useForkRef.default)(children.ref, ref);
   const handleRef = (0, _useForkRef.default)(nodeRef, foreignRef);
@@ -237,8 +235,8 @@ process.env.NODE_ENV !== "production" ? Zoom.propTypes
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
    * @default {
-   *   enter: duration.enteringScreen,
-   *   exit: duration.leavingScreen,
+   *   enter: theme.transitions.duration.enteringScreen,
+   *   exit: theme.transitions.duration.leavingScreen,
    * }
    */
   timeout: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({

package/node/className/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "unstable_ClassNameGenerator", {
+  enumerable: true,
+  get: function () {
+    return _className.unstable_ClassNameGenerator;
+  }
+});
+
+var _className = require("@mui/base/className");

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.4.2
+/** @license MUI v5.5.0
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.