@mui/material 5.10.7 → 5.10.9

package/legacy/CssBaseline/CssBaseline.js

@@ -1,3 +1,4 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
@@ -16,7 +17,7 @@ export var html = function html(theme, enableColorScheme) {
     boxSizing: 'border-box',
     // Fix font resize problem in iOS
     WebkitTextSizeAdjust: '100%'
-  }, enableColorScheme && {
+  }, enableColorScheme && !theme.vars && {
     colorScheme: theme.palette.mode
   });
 };
@@ -36,7 +37,23 @@ var _styles = function styles(theme) {
   var _theme$components, _theme$components$Mui;
 
   var enableColorScheme = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  var defaultStyles = {
+  var colorSchemeStyles = {};
+
+  if (enableColorScheme && theme.colorSchemes) {
+    Object.entries(theme.colorSchemes).forEach(function (_ref) {
+      var _scheme$palette;
+
+      var _ref2 = _slicedToArray(_ref, 2),
+          key = _ref2[0],
+          scheme = _ref2[1];
+
+      colorSchemeStyles[theme.getColorSchemeSelector(key).replace(/\s*&/, '')] = {
+        colorScheme: (_scheme$palette = scheme.palette) == null ? void 0 : _scheme$palette.mode
+      };
+    });
+  }
+
+  var defaultStyles = _extends({
     html: html(theme, enableColorScheme),
     '*, *::before, *::after': {
       boxSizing: 'inherit'
@@ -53,7 +70,8 @@ var _styles = function styles(theme) {
         backgroundColor: (theme.vars || theme).palette.background.default
       }
     })
-  };
+  }, colorSchemeStyles);
+
   var themeOverrides = (_theme$components = theme.components) == null ? void 0 : (_theme$components$Mui = _theme$components.MuiCssBaseline) == null ? void 0 : _theme$components$Mui.styleOverrides;
 
   if (themeOverrides) {

package/legacy/Fab/Fab.js

@@ -9,7 +9,7 @@ import ButtonBase from '../ButtonBase';
 import capitalize from '../utils/capitalize';
 import useThemeProps from '../styles/useThemeProps';
 import fabClasses, { getFabUtilityClass } from './fabClasses';
-import styled from '../styles/styled';
+import styled, { rootShouldForwardProp } from '../styles/styled';
 import { jsx as _jsx } from "react/jsx-runtime";
 
 var useUtilityClasses = function useUtilityClasses(ownerState) {
@@ -20,12 +20,16 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   var slots = {
     root: ['root', variant, "size".concat(capitalize(size)), color === 'inherit' ? 'colorInherit' : color]
   };
-  return composeClasses(slots, getFabUtilityClass, classes);
+  var composedClasses = composeClasses(slots, getFabUtilityClass, classes);
+  return _extends({}, classes, composedClasses);
 };
 
 var FabRoot = styled(ButtonBase, {
   name: 'MuiFab',
   slot: 'Root',
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return rootShouldForwardProp(prop) || prop === 'classes';
+  },
   overridesResolver: function overridesResolver(props, styles) {
     var ownerState = props.ownerState;
     return [styles.root, styles[ownerState.variant], styles["size".concat(capitalize(ownerState.size))], ownerState.color === 'inherit' && styles.colorInherit, styles[capitalize(ownerState.size)], styles[ownerState.color]];
@@ -151,6 +155,7 @@ var Fab = /*#__PURE__*/React.forwardRef(function Fab(inProps, ref) {
     ownerState: ownerState,
     ref: ref
   }, other, {
+    classes: classes,
     children: children
   }));
 });

package/legacy/Fade/Fade.js

@@ -49,8 +49,7 @@ var Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
 
   var enableStrictModeCompat = true;
   var nodeRef = React.useRef(null);
-  var foreignRef = useForkRef(_children.ref, ref);
-  var handleRef = useForkRef(nodeRef, foreignRef);
+  var handleRef = useForkRef(nodeRef, _children.ref, ref);
 
   var normalizedTransitionCallback = function normalizedTransitionCallback(callback) {
     return function (maybeIsAppearing) {

package/legacy/Grow/Grow.js

@@ -59,8 +59,7 @@ var Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
   var autoTimeout = React.useRef();
   var theme = useTheme();
   var nodeRef = React.useRef(null);
-  var foreignRef = useForkRef(_children.ref, ref);
-  var handleRef = useForkRef(nodeRef, foreignRef);
+  var handleRef = useForkRef(nodeRef, _children.ref, ref);
 
   var normalizedTransitionCallback = function normalizedTransitionCallback(callback) {
     return function (maybeIsAppearing) {

package/legacy/InputBase/InputBase.js

@@ -269,9 +269,7 @@ var InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref) {
       }
     }
   }, []);
-  var handleInputPropsRefProp = useForkRef(inputPropsProp.ref, handleInputRefWarning);
-  var handleInputRefProp = useForkRef(inputRefProp, handleInputPropsRefProp);
-  var handleInputRef = useForkRef(inputRef, handleInputRefProp);
+  var handleInputRef = useForkRef(inputRef, inputRefProp, inputPropsProp.ref, handleInputRefWarning);
 
   var _React$useState = React.useState(false),
       focused = _React$useState[0],

package/legacy/Popover/Popover.js

@@ -334,6 +334,7 @@ var Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
       }, PaperProps, {
         ref: handlePaperRef,
         className: clsx(classes.paper, PaperProps.className),
+        ownerState: ownerState,
         children: children
       }))
     }))

package/legacy/Rating/Rating.js

@@ -367,8 +367,7 @@ var Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
       setFocusVisible = _React$useState2[1];
 
   var rootRef = React.useRef();
-  var handleFocusRef = useForkRef(focusVisibleRef, rootRef);
-  var handleRef = useForkRef(handleFocusRef, ref);
+  var handleRef = useForkRef(focusVisibleRef, rootRef, ref);
 
   var handleMouseMove = function handleMouseMove(event) {
     if (onMouseMove) {

package/legacy/ScopedCssBaseline/ScopedCssBaseline.js

@@ -1,5 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -27,6 +28,22 @@ var ScopedCssBaselineRoot = styled('div', {
 })(function (_ref) {
   var theme = _ref.theme,
       ownerState = _ref.ownerState;
+  var colorSchemeStyles = {};
+
+  if (ownerState.enableColorScheme && theme.colorSchemes) {
+    Object.entries(theme.colorSchemes).forEach(function (_ref2) {
+      var _scheme$palette;
+
+      var _ref3 = _slicedToArray(_ref2, 2),
+          key = _ref3[0],
+          scheme = _ref3[1];
+
+      colorSchemeStyles["&".concat(theme.getColorSchemeSelector(key).replace(/\s*&/, ''))] = {
+        colorScheme: (_scheme$palette = scheme.palette) == null ? void 0 : _scheme$palette.mode
+      };
+    });
+  }
+
   return _extends({}, html(theme, ownerState.enableColorScheme), body(theme), {
     '& *, & *::before, & *::after': {
       boxSizing: 'inherit'
@@ -34,7 +51,7 @@ var ScopedCssBaselineRoot = styled('div', {
     '& strong, & b': {
       fontWeight: theme.typography.fontWeightBold
     }
-  });
+  }, colorSchemeStyles);
 });
 var ScopedCssBaseline = /*#__PURE__*/React.forwardRef(function ScopedCssBaseline(inProps, ref) {
   var props = useThemeProps({

package/legacy/Slide/Slide.js

@@ -120,8 +120,7 @@ var Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
       other = _objectWithoutProperties(props, ["addEndListener", "appear", "children", "container", "direction", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"]);
 
   var childrenRef = React.useRef(null);
-  var handleRefIntermediary = useForkRef(_children.ref, childrenRef);
-  var handleRef = useForkRef(handleRefIntermediary, ref);
+  var handleRef = useForkRef(_children.ref, childrenRef, ref);
 
   var normalizedTransitionCallback = function normalizedTransitionCallback(callback) {
     return function (isAppearing) {

package/legacy/Tooltip/Tooltip.js

@@ -484,9 +484,7 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
       document.removeEventListener('keydown', handleKeyDown);
     };
   }, [handleClose, open]);
-  var handleUseRef = useForkRef(setChildNode, ref);
-  var handleFocusRef = useForkRef(focusVisibleRef, handleUseRef);
-  var handleRef = useForkRef(children.ref, handleFocusRef); // There is no point in displaying an empty tooltip.
+  var handleRef = useForkRef(children.ref, focusVisibleRef, setChildNode, ref); // There is no point in displaying an empty tooltip.
 
   if (typeof title !== 'number' && !title) {
     open = false;

package/legacy/Zoom/Zoom.js

@@ -49,8 +49,7 @@ var Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
       other = _objectWithoutProperties(props, ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"]);
 
   var nodeRef = React.useRef(null);
-  var foreignRef = useForkRef(_children.ref, ref);
-  var handleRef = useForkRef(nodeRef, foreignRef);
+  var handleRef = useForkRef(nodeRef, _children.ref, ref);
 
   var normalizedTransitionCallback = function normalizedTransitionCallback(callback) {
     return function (maybeIsAppearing) {

package/legacy/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.10.7
+/** @license MUI v5.10.9
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.