@mui/material 5.15.19 → 5.15.21

package/umd/material-ui.development.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.15.19
+ * @mui/material v5.15.21
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -5065,11 +5065,9 @@
     var output = options.clone ? _extends({}, target) : target;
     if (isPlainObject(target) && isPlainObject(source)) {
       Object.keys(source).forEach(function (key) {
+        if (isPlainObject(source[key]) &&
         // Avoid prototype pollution
-        if (key === '__proto__') {
-          return;
-        }
-        if (isPlainObject(source[key]) && key in target && isPlainObject(target[key])) {
+        Object.prototype.hasOwnProperty.call(target, key) && isPlainObject(target[key])) {
           // Since `output` is a clone of `target` and we have narrowed `target` in this block we can cast to the same type.
           output[key] = deepmerge(target[key], source[key], options);
         } else if (options.clone) {
@@ -7978,7 +7976,7 @@
       var _React$useRef2 = React__namespace.useRef(defaultProp),
         defaultValue = _React$useRef2.current;
       React__namespace.useEffect(function () {
-        if (!isControlled && defaultValue !== defaultProp) {
+        if (!isControlled && !Object.is(defaultValue, defaultProp)) {
           console.error(["MUI: A component is changing the default ".concat(state, " state of an uncontrolled ").concat(name, " after being initialized. ") + "To suppress this warning opt to use a controlled ".concat(name, ".")].join('\n'));
         }
       }, [JSON.stringify(defaultProp)]);
@@ -23048,7 +23046,11 @@
         size = ownerState.size;
       return [_defineProperty({}, "& .".concat(autocompleteClasses$1.tag), styles.tag), _defineProperty({}, "& .".concat(autocompleteClasses$1.tag), styles["tagSize".concat(capitalize(size))]), _defineProperty({}, "& .".concat(autocompleteClasses$1.inputRoot), styles.inputRoot), _defineProperty({}, "& .".concat(autocompleteClasses$1.input), styles.input), _defineProperty({}, "& .".concat(autocompleteClasses$1.input), inputFocused && styles.inputFocused), styles.root, fullWidth && styles.fullWidth, hasPopupIcon && styles.hasPopupIcon, hasClearIcon && styles.hasClearIcon];
     }
-  })((_styled = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_styled, "& .".concat(autocompleteClasses$1.tag), {
+  })((_styled = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_styled, "&.".concat(autocompleteClasses$1.focused, " .").concat(autocompleteClasses$1.clearIndicator), {
+    visibility: 'visible'
+  }), '@media (pointer: fine)', _defineProperty({}, "&:hover .".concat(autocompleteClasses$1.clearIndicator), {
+    visibility: 'visible'
+  })), "& .".concat(autocompleteClasses$1.tag), {
     margin: 3,
     maxWidth: 'calc(100% - 6px)'
   }), "& .".concat(autocompleteClasses$1.inputRoot), _defineProperty(_defineProperty(_defineProperty({}, ".".concat(autocompleteClasses$1.hasPopupIcon, "&, .").concat(autocompleteClasses$1.hasClearIcon, "&"), {
@@ -23058,14 +23060,6 @@
   }), "& .".concat(autocompleteClasses$1.input), {
     width: 0,
     minWidth: 30
-  })), "&.".concat(autocompleteClasses$1.focused), _defineProperty(_defineProperty({}, "& .".concat(autocompleteClasses$1.clearIndicator), {
-    visibility: 'visible'
-  }), "& .".concat(autocompleteClasses$1.input), {
-    minWidth: 0
-  })), '@media (pointer: fine)', _defineProperty(_defineProperty({}, "&:hover .".concat(autocompleteClasses$1.clearIndicator), {
-    visibility: 'visible'
-  }), "&:hover .".concat(autocompleteClasses$1.input), {
-    minWidth: 0
   })), "& .".concat(inputClasses$1.root), {
     paddingBottom: 1,
     '& .MuiInput-input': {
@@ -45690,15 +45684,16 @@
   function getStepperUtilityClass(slot) {
     return generateUtilityClass$1('MuiStepper', slot);
   }
-  var stepperClasses = generateUtilityClasses$1('MuiStepper', ['root', 'horizontal', 'vertical', 'alternativeLabel']);
+  var stepperClasses = generateUtilityClasses$1('MuiStepper', ['root', 'horizontal', 'vertical', 'nonLinear', 'alternativeLabel']);
   var stepperClasses$1 = stepperClasses;
 
   var useUtilityClasses$h = function useUtilityClasses(ownerState) {
     var orientation = ownerState.orientation,
+      nonLinear = ownerState.nonLinear,
       alternativeLabel = ownerState.alternativeLabel,
       classes = ownerState.classes;
     var slots = {
-      root: ['root', orientation, alternativeLabel && 'alternativeLabel']
+      root: ['root', orientation, nonLinear && 'nonLinear', alternativeLabel && 'alternativeLabel']
     };
     return composeClasses(slots, getStepperUtilityClass, classes);
   };
@@ -45707,7 +45702,7 @@
     slot: 'Root',
     overridesResolver: function overridesResolver(props, styles) {
       var ownerState = props.ownerState;
-      return [styles.root, styles[ownerState.orientation], ownerState.alternativeLabel && styles.alternativeLabel];
+      return [styles.root, styles[ownerState.orientation], ownerState.alternativeLabel && styles.alternativeLabel, ownerState.nonLinear && styles.nonLinear];
     }
   })(function (_ref) {
     var ownerState = _ref.ownerState;
@@ -45744,6 +45739,7 @@
       orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
       other = _objectWithoutProperties(props, ["activeStep", "alternativeLabel", "children", "className", "component", "connector", "nonLinear", "orientation"]);
     var ownerState = _extends({}, props, {
+      nonLinear: nonLinear,
       alternativeLabel: alternativeLabel,
       orientation: orientation,
       component: component
@@ -46846,11 +46842,11 @@
     slot: 'Root',
     overridesResolver: function overridesResolver(props, styles) {
       var ownerState = props.ownerState;
-      return [styles.root, ownerState.label && ownerState.icon && styles.labelIcon, styles["textColor".concat(capitalize(ownerState.textColor))], ownerState.fullWidth && styles.fullWidth, ownerState.wrapped && styles.wrapped];
+      return [styles.root, ownerState.label && ownerState.icon && styles.labelIcon, styles["textColor".concat(capitalize(ownerState.textColor))], ownerState.fullWidth && styles.fullWidth, ownerState.wrapped && styles.wrapped, _defineProperty({}, "& .".concat(tabClasses$1.iconWrapper), styles.iconWrapper)];
     }
-  })(function (_ref) {
-    var theme = _ref.theme,
-      ownerState = _ref.ownerState;
+  })(function (_ref2) {
+    var theme = _ref2.theme,
+      ownerState = _ref2.ownerState;
     return _extends({}, theme.typography.button, {
       maxWidth: 360,
       minWidth: 90,