@mui/material 5.4.2 → 5.4.3

package/umd/material-ui.development.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.4.2
+/** @license MUI v5.4.3
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -17956,7 +17956,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     TouchRippleProps: PropTypes.object,
 
     /**
-     * A ref that points to the `TouchRippple` element.
+     * A ref that points to the `TouchRipple` element.
      */
     touchRippleRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
       current: PropTypes.shape({
@@ -21492,16 +21492,18 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       opacity: 1
     }
   };
-  const defaultTimeout$2 = {
-    enter: duration.enteringScreen,
-    exit: 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__namespace.forwardRef(function Fade(props, ref) {
+    const theme = useTheme();
+    const defaultTimeout = {
+      enter: theme.transitions.duration.enteringScreen,
+      exit: theme.transitions.duration.leavingScreen
+    };
+
     const {
       addEndListener,
       appear = true,
@@ -21515,13 +21517,11 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       onExited,
       onExiting,
       style,
-      timeout = defaultTimeout$2,
+      timeout = defaultTimeout,
       // eslint-disable-next-line react/prop-types
       TransitionComponent = Transition$1
     } = props,
           other = _objectWithoutPropertiesLoose(props, _excluded$1M);
-
-    const theme = useTheme();
     const nodeRef = React__namespace.useRef(null);
     const foreignRef = useForkRef(children.ref, ref);
     const handleRef = useForkRef(nodeRef, foreignRef);
@@ -21686,8 +21686,8 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      * 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.oneOfType([PropTypes.number, PropTypes.shape({
@@ -25782,10 +25782,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       maxWidth: '100%'
     }
   }));
-  const defaultTransitionDuration$1 = {
-    enter: duration.enteringScreen,
-    exit: duration.leavingScreen
-  };
   /**
    * Dialogs are overlaid modal paper based components with a backdrop.
    */
@@ -25795,6 +25791,11 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       props: inProps,
       name: 'MuiDialog'
     });
+    const theme = useTheme();
+    const defaultTransitionDuration = {
+      enter: theme.transitions.duration.enteringScreen,
+      exit: theme.transitions.duration.leavingScreen
+    };
 
     const {
       'aria-describedby': ariaDescribedby,
@@ -25814,7 +25815,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       PaperProps = {},
       scroll = 'paper',
       TransitionComponent = Fade$1,
-      transitionDuration = defaultTransitionDuration$1,
+      transitionDuration = defaultTransitionDuration,
       TransitionProps
     } = props,
           other = _objectWithoutPropertiesLoose(props, _excluded$1t);
@@ -26035,7 +26036,10 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     /**
      * 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.oneOfType([PropTypes.number, PropTypes.shape({
       appear: PropTypes.number,
@@ -26743,20 +26747,22 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       node.style.transform = transform;
     }
   }
-  const defaultEasing = {
-    enter: easing.easeOut,
-    exit: easing.sharp
-  };
-  const defaultTimeout$1 = {
-    enter: duration.enteringScreen,
-    exit: 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__namespace.forwardRef(function Slide(props, ref) {
+    const theme = useTheme();
+    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,
@@ -26772,13 +26778,12 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       onExited,
       onExiting,
       style,
-      timeout = defaultTimeout$1,
+      timeout = defaultTimeout,
       // eslint-disable-next-line react/prop-types
       TransitionComponent = Transition$1
     } = props,
           other = _objectWithoutPropertiesLoose(props, _excluded$1n);
 
-    const theme = useTheme();
     const childrenRef = React__namespace.useRef(null);
     const handleRefIntermediary = useForkRef(children.ref, childrenRef);
     const handleRef = useForkRef(handleRefIntermediary, ref);
@@ -26966,8 +26971,8 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      * 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.oneOfType([PropTypes.shape({
@@ -27019,8 +27024,8 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      * 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.oneOfType([PropTypes.number, PropTypes.shape({
@@ -27146,10 +27151,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   function getAnchor(theme, anchor) {
     return theme.direction === 'rtl' && isHorizontal(anchor) ? oppositeDirection[anchor] : anchor;
   }
-  const defaultTransitionDuration = {
-    enter: duration.enteringScreen,
-    exit: duration.leavingScreen
-  };
   /**
    * The props of the [Modal](/api/modal/) component are available
    * when `variant="temporary"` is set.
@@ -27160,6 +27161,11 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       props: inProps,
       name: 'MuiDrawer'
     });
+    const theme = useTheme();
+    const defaultTransitionDuration = {
+      enter: theme.transitions.duration.enteringScreen,
+      exit: theme.transitions.duration.leavingScreen
+    };
 
     const {
       anchor: anchorProp = 'left',
@@ -27181,12 +27187,11 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       variant = 'temporary'
     } = props,
           ModalProps = _objectWithoutPropertiesLoose(props.ModalProps, _excluded$1m),
-          other = _objectWithoutPropertiesLoose(props, _excluded2$8);
-
-    const theme = useTheme(); // Let's assume that the Drawer will always be rendered on user space.
+          other = _objectWithoutPropertiesLoose(props, _excluded2$8); // 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.
 
+
     const mounted = React__namespace.useRef(false);
     React__namespace.useEffect(() => {
       mounted.current = true;
@@ -27340,7 +27345,10 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     /**
      * 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.oneOfType([PropTypes.number, PropTypes.shape({
       appear: PropTypes.number,
@@ -41148,6 +41156,11 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       props: inProps,
       name: 'MuiSnackbar'
     });
+    const theme = useTheme();
+    const defaultTransitionDuration = {
+      enter: theme.transitions.duration.enteringScreen,
+      exit: theme.transitions.duration.leavingScreen
+    };
 
     const {
       action,
@@ -41173,10 +41186,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       open,
       resumeHideDuration,
       TransitionComponent = Grow$1,
-      transitionDuration = {
-        enter: duration.enteringScreen,
-        exit: duration.leavingScreen
-      },
+      transitionDuration = defaultTransitionDuration,
       TransitionProps: {
         onEnter,
         onExited
@@ -41185,7 +41195,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
           TransitionProps = _objectWithoutPropertiesLoose(props.TransitionProps, _excluded$z),
           other = _objectWithoutPropertiesLoose(props, _excluded2$2);
 
-    const theme = useTheme();
     const isRtl = theme.direction === 'rtl';
 
     const ownerState = _extends({}, props, {
@@ -41504,8 +41513,8 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      * 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.oneOfType([PropTypes.number, PropTypes.shape({
@@ -41532,10 +41541,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       transform: 'none'
     }
   };
-  const defaultTimeout = {
-    enter: duration.enteringScreen,
-    exit: duration.leavingScreen
-  };
   /**
    * The Zoom transition can be used for the floating variant of the
    * [Button](/components/buttons/#floating-action-buttons) component.
@@ -41543,6 +41548,12 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
    */
 
   const Zoom = /*#__PURE__*/React__namespace.forwardRef(function Zoom(props, ref) {
+    const theme = useTheme();
+    const defaultTimeout = {
+      enter: theme.transitions.duration.enteringScreen,
+      exit: theme.transitions.duration.leavingScreen
+    };
+
     const {
       addEndListener,
       appear = true,
@@ -41562,7 +41573,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     } = props,
           other = _objectWithoutPropertiesLoose(props, _excluded$y);
 
-    const theme = useTheme();
     const nodeRef = React__namespace.useRef(null);
     const foreignRef = useForkRef(children.ref, ref);
     const handleRef = useForkRef(nodeRef, foreignRef);
@@ -41727,8 +41737,8 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      * 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.oneOfType([PropTypes.number, PropTypes.shape({
@@ -41865,6 +41875,11 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       props: inProps,
       name: 'MuiSpeedDial'
     });
+    const theme = useTheme();
+    const defaultTransitionDuration = {
+      enter: theme.transitions.duration.enteringScreen,
+      exit: theme.transitions.duration.leavingScreen
+    };
 
     const {
       ariaLabel,
@@ -41885,10 +41900,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       onOpen,
       open: openProp,
       TransitionComponent = Zoom$1,
-      transitionDuration = {
-        enter: duration.enteringScreen,
-        exit: duration.leavingScreen
-      },
+      transitionDuration = defaultTransitionDuration,
       TransitionProps
     } = props,
           FabProps = _objectWithoutPropertiesLoose(props.FabProps, _excluded$x),
@@ -42270,8 +42282,8 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      * 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.oneOfType([PropTypes.number, PropTypes.shape({
@@ -43675,15 +43687,22 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   var StepperContext$1 = StepperContext;
 
   /**
-   * @ignore - internal component.
+   * Provides information about the current step in Stepper.
    */
-
   const StepContext = /*#__PURE__*/React__namespace.createContext({});
 
   {
     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__namespace.useContext(StepContext);
+  }
   var StepContext$1 = StepContext;
 
   function getStepUtilityClass(slot) {
@@ -45038,16 +45057,16 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   }
 
   const iOS = typeof navigator !== 'undefined' && /iPad|iPhone|iPod/.test(navigator.userAgent);
-  const transitionDurationDefault = {
-    enter: duration.enteringScreen,
-    exit: duration.leavingScreen
-  };
   const SwipeableDrawer = /*#__PURE__*/React__namespace.forwardRef(function SwipeableDrawer(inProps, ref) {
     const props = useThemeProps$1({
       name: 'MuiSwipeableDrawer',
       props: inProps
     });
     const theme = useTheme();
+    const transitionDurationDefault = {
+      enter: theme.transitions.duration.enteringScreen,
+      exit: theme.transitions.duration.leavingScreen
+    };
 
     const {
       anchor = 'left',
@@ -45525,7 +45544,10 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     /**
      * 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.oneOfType([PropTypes.number, PropTypes.shape({
       appear: PropTypes.number,
@@ -50051,6 +50073,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   exports.StepButton = StepButton$1;
   exports.StepConnector = StepConnector$1;
   exports.StepContent = StepContent$1;
+  exports.StepContext = StepContext$1;
   exports.StepIcon = StepIcon$1;
   exports.StepLabel = StepLabel$1;
   exports.Stepper = Stepper$1;
@@ -50358,6 +50381,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   exports.usePagination = usePagination;
   exports.useRadioGroup = useRadioGroup;
   exports.useScrollTrigger = useScrollTrigger;
+  exports.useStepContext = useStepContext;
   exports.useTheme = useTheme;
   exports.useThemeProps = useThemeProps;
   exports.withStyles = withStyles;