@mui/material 5.4.1 → 5.4.4

package/modern/styles/withStyles.js

@@ -1,6 +1,6 @@
 import { formatMuiErrorMessage as _formatMuiErrorMessage } from "@mui/utils";
 export default function withStyles() {
-  throw new Error(process.env.NODE_ENV !== "production" ? `MUI: withStyles is not longer exported from @mui/material/styles.
+  throw new Error(process.env.NODE_ENV !== "production" ? `MUI: withStyles is no longer exported from @mui/material/styles.
 You have to import it from @mui/styles.
 See https://mui.com/r/migration-v4/#mui-material-styles for more details.` : _formatMuiErrorMessage(15));
 }

package/modern/styles/withTheme.js

@@ -1,6 +1,6 @@
 import { formatMuiErrorMessage as _formatMuiErrorMessage } from "@mui/utils";
 export default function withTheme() {
-  throw new Error(process.env.NODE_ENV !== "production" ? `MUI: withTheme is not longer exported from @mui/material/styles.
+  throw new Error(process.env.NODE_ENV !== "production" ? `MUI: withTheme is no longer exported from @mui/material/styles.
 You have to import it from @mui/styles.
 See https://mui.com/r/migration-v4/#mui-material-styles for more details.` : _formatMuiErrorMessage(16));
 }

package/node/ButtonBase/ButtonBase.js

@@ -554,7 +554,7 @@ process.env.NODE_ENV !== "production" ? ButtonBase.propTypes
   TouchRippleProps: _propTypes.default.object,
 
   /**
-   * A ref that points to the `TouchRippple` element.
+   * A ref that points to the `TouchRipple` element.
    */
   touchRippleRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
     current: _propTypes.default.shape({

package/node/Chip/Chip.js

@@ -107,6 +107,7 @@ const ChipRoot = (0, _styled.default)('div', {
 }) => {
   const deleteIconColor = (0, _system.alpha)(theme.palette.text.primary, 0.26);
   return (0, _extends2.default)({
+    maxWidth: '100%',
     fontFamily: theme.typography.fontFamily,
     fontSize: theme.typography.pxToRem(13),
     display: 'inline-flex',

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/Select/Select.js

@@ -27,11 +27,11 @@ var _useFormControl = _interopRequireDefault(require("../FormControl/useFormCont
 
 var _ArrowDropDown = _interopRequireDefault(require("../internal/svg-icons/ArrowDropDown"));
 
-var _Input2 = _interopRequireDefault(require("../Input"));
+var _Input = _interopRequireDefault(require("../Input"));
 
 var _NativeSelectInput = _interopRequireDefault(require("../NativeSelect/NativeSelectInput"));
 
-var _FilledInput2 = _interopRequireDefault(require("../FilledInput"));
+var _FilledInput = _interopRequireDefault(require("../FilledInput"));
 
 var _OutlinedInput = _interopRequireDefault(require("../OutlinedInput"));
 
@@ -39,9 +39,11 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 
 var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
 
+var _styled = _interopRequireWildcard(require("../styles/styled"));
+
 var _jsxRuntime = require("react/jsx-runtime");
 
-var _Input, _FilledInput;
+var _StyledInput, _StyledFilledInput;
 
 const _excluded = ["autoWidth", "children", "classes", "className", "defaultOpen", "displayEmpty", "IconComponent", "id", "input", "inputProps", "label", "labelId", "MenuProps", "multiple", "native", "onClose", "onOpen", "open", "renderValue", "SelectDisplayProps", "variant"];
 
@@ -56,6 +58,15 @@ const useUtilityClasses = ownerState => {
   return classes;
 };
 
+const styledRootConfig = {
+  name: 'MuiSelect',
+  overridesResolver: (props, styles) => styles.root,
+  shouldForwardProp: prop => (0, _styled.rootShouldForwardProp)(prop) && prop !== 'variant',
+  slot: 'Root'
+};
+const StyledInput = (0, _styled.default)(_Input.default, styledRootConfig)('');
+const StyledOutlinedInput = (0, _styled.default)(_OutlinedInput.default, styledRootConfig)('');
+const StyledFilledInput = (0, _styled.default)(_FilledInput.default, styledRootConfig)('');
 const Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {
   const props = (0, _useThemeProps.default)({
     name: 'MuiSelect',
@@ -82,7 +93,7 @@ const Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {
     open,
     renderValue,
     SelectDisplayProps,
-    variant: variantProps = 'outlined'
+    variant: variantProp = 'outlined'
   } = props,
         other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const inputComponent = native ? _NativeSelectInput.default : _SelectInput.default;
@@ -92,15 +103,16 @@ const Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {
     muiFormControl,
     states: ['variant']
   });
-  const variant = fcs.variant || variantProps;
+  const variant = fcs.variant || variantProp;
   const InputComponent = input || {
-    standard: _Input || (_Input = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input2.default, {})),
-    outlined: /*#__PURE__*/(0, _jsxRuntime.jsx)(_OutlinedInput.default, {
+    standard: _StyledInput || (_StyledInput = /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledInput, {})),
+    outlined: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledOutlinedInput, {
       label: label
     }),
-    filled: _FilledInput || (_FilledInput = /*#__PURE__*/(0, _jsxRuntime.jsx)(_FilledInput2.default, {}))
+    filled: _StyledFilledInput || (_StyledFilledInput = /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledFilledInput, {}))
   }[variant];
   const ownerState = (0, _extends2.default)({}, props, {
+    variant,
     classes: classesProp
   });
   const classes = useUtilityClasses(ownerState);
@@ -138,7 +150,8 @@ const Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {
     notched: true
   } : {}, {
     ref: inputComponentRef,
-    className: (0, _clsx.default)(InputComponent.props.className, className)
+    className: (0, _clsx.default)(InputComponent.props.className, className),
+    variant
   }, other));
 });
 process.env.NODE_ENV !== "production" ? Select.propTypes

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; }