@mui/material 5.2.6 → 5.2.7

package/umd/material-ui.development.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.2.6
+/** @license MUI v5.2.7
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -7943,7 +7943,11 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     };
 
     const handleValue = (event, newValue, reason, details) => {
-      if (value === newValue) {
+      if (Array.isArray(value)) {
+        if (value.length === newValue.length && value.every((val, i) => val === newValue[i])) {
+          return;
+        }
+      } else if (value === newValue) {
         return;
       }
 
@@ -16762,7 +16766,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
   const svgIconClasses = generateUtilityClasses('MuiSvgIcon', ['root', 'colorPrimary', 'colorSecondary', 'colorAction', 'colorError', 'colorDisabled', 'fontSizeInherit', 'fontSizeSmall', 'fontSizeMedium', 'fontSizeLarge']);
   var svgIconClasses$1 = svgIconClasses;
 
-  const _excluded$23 = ["children", "className", "color", "component", "fontSize", "htmlColor", "titleAccess", "viewBox"];
+  const _excluded$23 = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
 
   const useUtilityClasses$1K = ownerState => {
     const {
@@ -16828,6 +16832,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
       component = 'svg',
       fontSize = 'medium',
       htmlColor,
+      inheritViewBox = false,
       titleAccess,
       viewBox = '0 0 24 24'
     } = props,
@@ -16837,21 +16842,27 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
       color,
       component,
       fontSize,
+      inheritViewBox,
       viewBox
     });
 
+    const more = {};
+
+    if (!inheritViewBox) {
+      more.viewBox = viewBox;
+    }
+
     const classes = useUtilityClasses$1K(ownerState);
     return /*#__PURE__*/jsxRuntime_2(SvgIconRoot, _extends({
       as: component,
       className: clsx(classes.root, className),
       ownerState: ownerState,
       focusable: "false",
-      viewBox: viewBox,
       color: htmlColor,
       "aria-hidden": titleAccess ? undefined : true,
       role: titleAccess ? 'img' : undefined,
       ref: ref
-    }, other, {
+    }, more, other, {
       children: [children, titleAccess ? /*#__PURE__*/jsxRuntime_1("title", {
         children: titleAccess
       }) : null]
@@ -16908,6 +16919,15 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
      */
     htmlColor: propTypes.string,
 
+    /**
+     * If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
+     * prop will be ignored.
+     * Useful when you want to reference a custom `component` and have `SvgIcon` pass that
+     * `component`'s viewBox to the root node.
+     * @default false
+     */
+    inheritViewBox: propTypes.bool,
+
     /**
      * The shape-rendering attribute. The behavior of the different options is described on the
      * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering).