@mui/material 5.6.2 → 5.6.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "5.6.2",
+  "version": "5.6.3",
   "private": false,
   "author": "MUI Team",
   "description": "React components that implement Google's Material Design.",
@@ -46,8 +46,8 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.17.2",
-    "@mui/base": "5.0.0-alpha.77",
-    "@mui/system": "^5.6.2",
+    "@mui/base": "5.0.0-alpha.78",
+    "@mui/system": "^5.6.3",
     "@mui/types": "^7.1.3",
     "@mui/utils": "^5.6.1",
     "@types/react-transition-group": "^4.4.4",

package/transitions/index.d.ts

@@ -1 +1 @@
-export * from './transition';
+export * from './transition';

package/transitions/transition.d.ts

@@ -1,13 +1,13 @@
-import { TransitionProps as _TransitionProps, TransitionActions } from 'react-transition-group/Transition';
-import * as React from 'react';
-export declare type TransitionHandlerKeys = 'onEnter' | 'onEntering' | 'onEntered' | 'onExit' | 'onExiting' | 'onExited';
-export declare type TransitionHandlerProps = Pick<_TransitionProps, TransitionHandlerKeys>;
-export interface EasingProps {
-    easing: string | {
-        enter?: string;
-        exit?: string;
-    };
-}
-export declare type TransitionKeys = 'in' | 'mountOnEnter' | 'unmountOnExit' | 'timeout' | 'easing' | 'addEndListener' | TransitionHandlerKeys;
-export interface TransitionProps extends TransitionActions, Partial<Pick<_TransitionProps & EasingProps, TransitionKeys>>, React.HTMLAttributes<HTMLElement> {
-}
+import { TransitionProps as _TransitionProps, TransitionActions } from 'react-transition-group/Transition';
+import * as React from 'react';
+export declare type TransitionHandlerKeys = 'onEnter' | 'onEntering' | 'onEntered' | 'onExit' | 'onExiting' | 'onExited';
+export declare type TransitionHandlerProps = Pick<_TransitionProps, TransitionHandlerKeys>;
+export interface EasingProps {
+    easing: string | {
+        enter?: string;
+        exit?: string;
+    };
+}
+export declare type TransitionKeys = 'in' | 'mountOnEnter' | 'unmountOnExit' | 'timeout' | 'easing' | 'addEndListener' | TransitionHandlerKeys;
+export interface TransitionProps extends TransitionActions, Partial<Pick<_TransitionProps & EasingProps, TransitionKeys>>, React.HTMLAttributes<HTMLElement> {
+}

package/transitions/utils.d.ts

@@ -1,23 +1,23 @@
-import * as React from 'react';
-export declare const reflow: (node: Element) => number;
-interface ComponentProps {
-    easing: string | {
-        enter?: string;
-        exit?: string;
-    } | undefined;
-    style: React.CSSProperties | undefined;
-    timeout: number | {
-        enter?: number;
-        exit?: number;
-    };
-}
-interface Options {
-    mode: 'enter' | 'exit';
-}
-interface TransitionProps {
-    duration: string | number;
-    easing: string | undefined;
-    delay: string | undefined;
-}
-export declare function getTransitionProps(props: ComponentProps, options: Options): TransitionProps;
-export {};
+import * as React from 'react';
+export declare const reflow: (node: Element) => number;
+interface ComponentProps {
+    easing: string | {
+        enter?: string;
+        exit?: string;
+    } | undefined;
+    style: React.CSSProperties | undefined;
+    timeout: number | {
+        enter?: number;
+        exit?: number;
+    };
+}
+interface Options {
+    mode: 'enter' | 'exit';
+}
+interface TransitionProps {
+    duration: string | number;
+    easing: string | undefined;
+    delay: string | undefined;
+}
+export declare function getTransitionProps(props: ComponentProps, options: Options): TransitionProps;
+export {};

package/umd/material-ui.development.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.6.2
+/** @license MUI v5.6.3
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -5717,7 +5717,13 @@
       }
     }
 
-    return path.split('.').reduce((acc, item) => acc && acc[item] ? acc[item] : null, obj);
+    return path.split('.').reduce((acc, item) => {
+      if (acc && acc[item] != null) {
+        return acc[item];
+      }
+
+      return null;
+    }, obj);
   }
 
   function getValue$1(themeMapping, transform, propValueFinal, userValue = propValueFinal) {
@@ -5856,7 +5862,9 @@
   const paddingKeys = ['p', 'pt', 'pr', 'pb', 'pl', 'px', 'py', 'padding', 'paddingTop', 'paddingRight', 'paddingBottom', 'paddingLeft', 'paddingX', 'paddingY', 'paddingInline', 'paddingInlineStart', 'paddingInlineEnd', 'paddingBlock', 'paddingBlockStart', 'paddingBlockEnd'];
   const spacingKeys = [...marginKeys, ...paddingKeys];
   function createUnaryUnit(theme, themeKey, defaultValue, propName) {
-    const themeSpacing = getPath(theme, themeKey) || defaultValue;
+    var _getPath;
+
+    const themeSpacing = (_getPath = getPath(theme, themeKey)) != null ? _getPath : defaultValue;
 
     if (typeof themeSpacing === 'number') {
       return abs => {
@@ -6843,30 +6851,6 @@
         theme: theme
       }, other));
     });
-    Box.propTypes
-    /* remove-proptypes */
-    = {
-      // ----------------------------- Warning --------------------------------
-      // | These PropTypes are generated from the TypeScript type definitions |
-      // |     To update them edit the d.ts file and run "yarn proptypes"     |
-      // ----------------------------------------------------------------------
-
-      /**
-       * @ignore
-       */
-      children: PropTypes.node,
-
-      /**
-       * The component used for the root node.
-       * Either a string to use a HTML element or a component.
-       */
-      component: PropTypes.elementType,
-
-      /**
-       * @ignore
-       */
-      sx: PropTypes.oneOfType([PropTypes.object, PropTypes.array, PropTypes.func])
-    } ;
     return Box;
   }
 
@@ -7477,7 +7461,14 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     });
   }
 
-  ThemeProvider.propTypes = {
+  ThemeProvider.propTypes
+  /* remove-proptypes */
+  = {
+    // ----------------------------- Warning --------------------------------
+    // | These PropTypes are generated from the TypeScript type definitions |
+    // |     To update them edit the d.ts file and run "yarn proptypes"     |
+    // ----------------------------------------------------------------------
+
     /**
      * Your component tree.
      */
@@ -7486,7 +7477,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     /**
      * A theme object. You can provide a function to extend the outer theme.
      */
-    theme: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired
+    theme: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired
   } ;
 
   {
@@ -24104,17 +24095,18 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     transition: theme.transitions.create(['color', 'padding-top'], {
       duration: theme.transitions.duration.short
     }),
-    padding: '6px 12px 8px',
+    padding: '0px 12px',
     minWidth: 80,
     maxWidth: 168,
     color: theme.palette.text.secondary,
     flexDirection: 'column',
     flex: '1'
   }, !ownerState.showLabel && !ownerState.selected && {
-    paddingTop: 16
+    paddingTop: 14
+  }, !ownerState.showLabel && !ownerState.selected && !ownerState.label && {
+    paddingTop: 0
   }, {
     [`&.${bottomNavigationActionClasses$1.selected}`]: {
-      paddingTop: 6,
       color: theme.palette.primary.main
     }
   }));
@@ -24248,15 +24240,35 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   var BottomNavigationAction$1 = BottomNavigationAction;
 
   const defaultTheme = createTheme$1();
-  /**
-   * @ignore - do not document.
-   */
-
   const Box = createBox({
     defaultTheme,
     defaultClassName: 'MuiBox-root',
     generateClassName: ClassNameGenerator$1.generate
   });
+  Box.propTypes
+  /* remove-proptypes */
+  = {
+    // ----------------------------- Warning --------------------------------
+    // | These PropTypes are generated from the TypeScript type definitions |
+    // |     To update them edit the d.ts file and run "yarn proptypes"     |
+    // ----------------------------------------------------------------------
+
+    /**
+     * @ignore
+     */
+    children: PropTypes.node,
+
+    /**
+     * The component used for the root node.
+     * Either a string to use a HTML element or a component.
+     */
+    component: PropTypes.elementType,
+
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
+  } ;
   var Box$1 = Box;
 
   var MoreHorizIcon = createSvgIcon( /*#__PURE__*/jsxRuntime_1("path", {