@mui/material 5.10.1 → 5.10.2

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.10.1
+/** @license MUI v5.10.2
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -1952,13 +1952,49 @@
 
   var pkg = {
   	name: "@emotion/react",
-  	version: "11.9.3",
+  	version: "11.10.0",
   	main: "dist/emotion-react.cjs.js",
   	module: "dist/emotion-react.esm.js",
   	browser: {
-  		"./dist/emotion-react.cjs.js": "./dist/emotion-react.browser.cjs.js",
   		"./dist/emotion-react.esm.js": "./dist/emotion-react.browser.esm.js"
   	},
+  	exports: {
+  		".": {
+  			module: {
+  				worker: "./dist/emotion-react.worker.esm.js",
+  				browser: "./dist/emotion-react.browser.esm.js",
+  				"default": "./dist/emotion-react.esm.js"
+  			},
+  			"default": "./dist/emotion-react.cjs.js"
+  		},
+  		"./jsx-runtime": {
+  			module: {
+  				worker: "./jsx-runtime/dist/emotion-react-jsx-runtime.worker.esm.js",
+  				browser: "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js",
+  				"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.esm.js"
+  			},
+  			"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.js"
+  		},
+  		"./_isolated-hnrs": {
+  			module: {
+  				worker: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.worker.esm.js",
+  				browser: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js",
+  				"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.esm.js"
+  			},
+  			"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.js"
+  		},
+  		"./jsx-dev-runtime": {
+  			module: {
+  				worker: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.worker.esm.js",
+  				browser: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.esm.js",
+  				"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.esm.js"
+  			},
+  			"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.js"
+  		},
+  		"./package.json": "./package.json",
+  		"./types/css-prop": "./types/css-prop.d.ts",
+  		"./macro": "./macro.js"
+  	},
   	types: "types/index.d.ts",
   	files: [
   		"src",
@@ -1978,12 +2014,12 @@
   		"test:typescript": "dtslint types"
   	},
   	dependencies: {
-  		"@babel/runtime": "^7.13.10",
-  		"@emotion/babel-plugin": "^11.7.1",
-  		"@emotion/cache": "^11.9.3",
-  		"@emotion/serialize": "^1.0.4",
-  		"@emotion/utils": "^1.1.0",
-  		"@emotion/weak-memoize": "^0.2.5",
+  		"@babel/runtime": "^7.18.3",
+  		"@emotion/babel-plugin": "^11.10.0",
+  		"@emotion/cache": "^11.10.0",
+  		"@emotion/serialize": "^1.1.0",
+  		"@emotion/utils": "^1.2.0",
+  		"@emotion/weak-memoize": "^0.3.0",
   		"hoist-non-react-statics": "^3.3.1"
   	},
   	peerDependencies: {
@@ -1999,12 +2035,12 @@
   		}
   	},
   	devDependencies: {
-  		"@babel/core": "^7.13.10",
+  		"@babel/core": "^7.18.5",
   		"@definitelytyped/dtslint": "0.0.112",
-  		"@emotion/css": "11.9.0",
-  		"@emotion/css-prettifier": "1.0.1",
-  		"@emotion/server": "11.4.0",
-  		"@emotion/styled": "11.9.3",
+  		"@emotion/css": "11.10.0",
+  		"@emotion/css-prettifier": "1.1.0",
+  		"@emotion/server": "11.10.0",
+  		"@emotion/styled": "11.10.0",
   		"html-tag-names": "^1.1.2",
   		react: "16.14.0",
   		"svg-tag-names": "^1.1.1",
@@ -2022,7 +2058,17 @@
   			"./jsx-dev-runtime.js",
   			"./_isolated-hnrs.js"
   		],
-  		umdName: "emotionReact"
+  		umdName: "emotionReact",
+  		exports: {
+  			envConditions: [
+  				"browser",
+  				"worker"
+  			],
+  			extra: {
+  				"./types/css-prop": "./types/css-prop.d.ts",
+  				"./macro": "./macro.js"
+  			}
+  		}
   	}
   };
 
@@ -7826,8 +7872,9 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
           return currentState;
         }
 
-        if (typeof localStorage !== 'undefined') {
+        try {
           localStorage.setItem(modeStorageKey, newMode);
+        } catch (e) {// Unsupported
         }
 
         return _extends({}, currentState, {
@@ -7852,7 +7899,10 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
             }
 
             processState(currentState, mode => {
-              localStorage.setItem(`${colorSchemeStorageKey}-${mode}`, value);
+              try {
+                localStorage.setItem(`${colorSchemeStorageKey}-${mode}`, value);
+              } catch (e) {// Unsupported
+              }
 
               if (mode === 'light') {
                 newState.lightColorScheme = value;
@@ -7882,12 +7932,15 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
           return newState;
         });
 
-        if (value.light) {
-          localStorage.setItem(`${colorSchemeStorageKey}-light`, value.light);
-        }
+        try {
+          if (value.light) {
+            localStorage.setItem(`${colorSchemeStorageKey}-light`, value.light);
+          }
 
-        if (value.dark) {
-          localStorage.setItem(`${colorSchemeStorageKey}-dark`, value.dark);
+          if (value.dark) {
+            localStorage.setItem(`${colorSchemeStorageKey}-dark`, value.dark);
+          }
+        } catch (e) {// Unsupported
         }
       }
     }, [joinedColorSchemes, colorSchemeStorageKey, defaultLightColorScheme, defaultDarkColorScheme]);
@@ -7913,19 +7966,22 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     }, []); // Save mode, lightColorScheme & darkColorScheme to localStorage
 
     React__namespace.useEffect(() => {
-      if (state.mode) {
-        localStorage.setItem(modeStorageKey, state.mode);
-      }
-
-      processState(state, mode => {
-        if (mode === 'light') {
-          localStorage.setItem(`${colorSchemeStorageKey}-light`, state.lightColorScheme);
+      try {
+        if (state.mode) {
+          localStorage.setItem(modeStorageKey, state.mode);
         }
 
-        if (mode === 'dark') {
-          localStorage.setItem(`${colorSchemeStorageKey}-dark`, state.darkColorScheme);
-        }
-      });
+        processState(state, mode => {
+          if (mode === 'light') {
+            localStorage.setItem(`${colorSchemeStorageKey}-light`, state.lightColorScheme);
+          }
+
+          if (mode === 'dark') {
+            localStorage.setItem(`${colorSchemeStorageKey}-dark`, state.darkColorScheme);
+          }
+        });
+      } catch (e) {// Unsupported
+      }
     }, [state, colorSchemeStorageKey, modeStorageKey]); // Handle when localStorage has changed
 
     React__namespace.useEffect(() => {
@@ -20205,7 +20261,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     })
   }, !ownerState.disableRipple && {
     '&:hover': {
-      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.active} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette.action.active, theme.palette.action.hoverOpacity),
+      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.activeChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette.action.active, theme.palette.action.hoverOpacity),
       // Reset on touch devices, it doesn't add specificity
       '@media (hover: none)': {
         backgroundColor: 'transparent'
@@ -23371,7 +23427,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
             readOnly
           }, getInputProps())
         })
-      })), popupOpen && anchorEl ? /*#__PURE__*/jsxRuntime_1(AutocompletePopper, _extends({
+      })), anchorEl ? /*#__PURE__*/jsxRuntime_1(AutocompletePopper, _extends({
         as: PopperComponent,
         disablePortal: disablePortal,
         style: {
@@ -23380,7 +23436,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         ownerState: ownerState,
         role: "presentation",
         anchorEl: anchorEl,
-        open: true
+        open: popupOpen
       }, componentsProps.popper, {
         className: clsx(classes.popper, (_componentsProps$popp = componentsProps.popper) == null ? void 0 : _componentsProps$popp.className),
         children: /*#__PURE__*/jsxRuntime_2(AutocompletePaper, _extends({