@mui/material 5.10.5 → 5.10.7

package/modern/SvgIcon/SvgIcon.js

@@ -50,7 +50,7 @@ const SvgIconRoot = styled('svg', {
     inherit: 'inherit',
     small: theme.typography?.pxToRem?.(20) || '1.25rem',
     medium: theme.typography?.pxToRem?.(24) || '1.5rem',
-    large: theme.typography?.pxToRem?.(35) || '2.1875'
+    large: theme.typography?.pxToRem?.(35) || '2.1875rem'
   }[ownerState.fontSize],
   // TODO v5 deprecate, v6 remove for sx
   color: (theme.vars || theme).palette?.[ownerState.color]?.main ?? {
@@ -97,13 +97,13 @@ const SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
   return /*#__PURE__*/_jsxs(SvgIconRoot, _extends({
     as: component,
     className: clsx(classes.root, className),
-    ownerState: ownerState,
     focusable: "false",
     color: htmlColor,
     "aria-hidden": titleAccess ? undefined : true,
     role: titleAccess ? 'img' : undefined,
     ref: ref
   }, more, other, {
+    ownerState: ownerState,
     children: [children, titleAccess ? /*#__PURE__*/_jsx("title", {
       children: titleAccess
     }) : null]

package/modern/Tooltip/Tooltip.js

@@ -463,7 +463,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
   const handleFocusRef = useForkRef(focusVisibleRef, handleUseRef);
   const handleRef = useForkRef(children.ref, handleFocusRef); // There is no point in displaying an empty tooltip.
 
-  if (title === '') {
+  if (typeof title !== 'number' && !title) {
     open = false;
   }
 
@@ -799,11 +799,9 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
 
   /**
-   * Tooltip title. Zero-length titles string are never displayed.
+   * Tooltip title. Zero-length titles string, undefined, null and false are never displayed.
    */
-  title: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .node.isRequired,
+  title: PropTypes.node,
 
   /**
    * The component used for the transition.

package/modern/Unstable_TrapFocus/index.js

@@ -1 +1 @@
-export { default } from '@mui/base/TrapFocus';
+export { default } from '@mui/base/FocusTrap';

package/modern/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.10.5
+/** @license MUI v5.10.7
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -280,4 +280,5 @@ export { StyledEngineProvider } from './styles';
 export { default as unstable_composeClasses } from '@mui/base/composeClasses';
 export { default as generateUtilityClass } from '@mui/base/generateUtilityClass';
 export * from '@mui/base/generateUtilityClass';
-export { default as generateUtilityClasses } from '@mui/base/generateUtilityClasses';
+export { default as generateUtilityClasses } from '@mui/base/generateUtilityClasses';
+export { default as Unstable_TrapFocus } from './Unstable_TrapFocus';

package/modern/styles/CssVarsProvider.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import { unstable_createCssVarsProvider as createCssVarsProvider } from '@mui/system';
 import experimental_extendTheme from './experimental_extendTheme';
 import createTypography from './createTypography';
+import excludeVariablesFromRoot from './excludeVariablesFromRoot';
 
 const shouldSkipGeneratingVar = keys => !!keys[0].match(/(typography|mixins|breakpoints|direction|transitions)/) || keys[0] === 'palette' && !!keys[1]?.match(/(mode|contrastThreshold|tonalOffset)/);
 
@@ -26,6 +27,7 @@ const {
 
     return newTheme;
   },
-  shouldSkipGeneratingVar
+  shouldSkipGeneratingVar,
+  excludeVariablesFromRoot
 });
 export { useColorScheme, getInitColorSchemeScript, shouldSkipGeneratingVar, CssVarsProvider as Experimental_CssVarsProvider };

package/modern/styles/excludeVariablesFromRoot.js

@@ -0,0 +1,6 @@
+/**
+ * @internal These variables should not appear in the :root stylesheet when the `defaultMode="dark"`
+ */
+const excludeVariablesFromRoot = cssVarPrefix => [...[...Array(24)].map((_, index) => `--${cssVarPrefix ? `${cssVarPrefix}-` : ''}overlays-${index + 1}`), `--${cssVarPrefix ? `${cssVarPrefix}-` : ''}palette-AppBar-darkBg`, `--${cssVarPrefix ? `${cssVarPrefix}-` : ''}palette-AppBar-darkColor`];
+
+export default excludeVariablesFromRoot;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "5.10.5",
+  "version": "5.10.7",
   "private": false,
   "author": "MUI Team",
   "description": "React components that implement Google's Material Design.",
@@ -45,15 +45,15 @@
     }
   },
   "dependencies": {
-    "@babel/runtime": "^7.18.9",
-    "@mui/base": "5.0.0-alpha.97",
-    "@mui/core-downloads-tracker": "^5.10.5",
-    "@mui/system": "^5.10.5",
+    "@babel/runtime": "^7.19.0",
+    "@mui/base": "5.0.0-alpha.99",
+    "@mui/core-downloads-tracker": "^5.10.7",
+    "@mui/system": "^5.10.7",
     "@mui/types": "^7.2.0",
-    "@mui/utils": "^5.10.3",
+    "@mui/utils": "^5.10.6",
     "@types/react-transition-group": "^4.4.5",
     "clsx": "^1.2.1",
-    "csstype": "^3.1.0",
+    "csstype": "^3.1.1",
     "prop-types": "^15.8.1",
     "react-is": "^18.2.0",
     "react-transition-group": "^4.4.5"

package/styles/CssVarsProvider.js

@@ -15,6 +15,8 @@ var _experimental_extendTheme = _interopRequireDefault(require("./experimental_e
 
 var _createTypography = _interopRequireDefault(require("./createTypography"));
 
+var _excludeVariablesFromRoot = _interopRequireDefault(require("./excludeVariablesFromRoot"));
+
 const shouldSkipGeneratingVar = keys => {
   var _keys$;
 
@@ -42,7 +44,8 @@ const {
     });
     return newTheme;
   },
-  shouldSkipGeneratingVar
+  shouldSkipGeneratingVar,
+  excludeVariablesFromRoot: _excludeVariablesFromRoot.default
 });
 exports.getInitColorSchemeScript = getInitColorSchemeScript;
 exports.useColorScheme = useColorScheme;

package/styles/excludeVariablesFromRoot.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @internal These variables should not appear in the :root stylesheet when the `defaultMode="dark"`
+ */
+declare const excludeVariablesFromRoot: (cssVarPrefix: string) => string[];
+export default excludeVariablesFromRoot;

package/styles/excludeVariablesFromRoot.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+/**
+ * @internal These variables should not appear in the :root stylesheet when the `defaultMode="dark"`
+ */
+const excludeVariablesFromRoot = cssVarPrefix => [...[...Array(24)].map((_, index) => `--${cssVarPrefix ? `${cssVarPrefix}-` : ''}overlays-${index + 1}`), `--${cssVarPrefix ? `${cssVarPrefix}-` : ''}palette-AppBar-darkBg`, `--${cssVarPrefix ? `${cssVarPrefix}-` : ''}palette-AppBar-darkColor`];
+
+var _default = excludeVariablesFromRoot;
+exports.default = _default;