@mui/material 5.11.12 → 5.11.13

package/umd/material-ui.development.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.11.12
+ * @mui/material v5.11.13
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -2292,7 +2292,7 @@
     return output;
   }
 
-  function composeClasses(slots, getUtilityClass, classes) {
+  function composeClasses(slots, getUtilityClass, classes = undefined) {
     const output = {};
     Object.keys(slots).forEach(
     // `Objet.keys(slots)` can't be wider than `T` because we infer `T` from `slots`.
@@ -2300,7 +2300,10 @@
     slot => {
       output[slot] = slots[slot].reduce((acc, key) => {
         if (key) {
-          acc.push(getUtilityClass(key));
+          const utilityClass = getUtilityClass(key);
+          if (utilityClass !== '') {
+            acc.push(utilityClass);
+          }
           if (classes && classes[key]) {
             acc.push(classes[key]);
           }
@@ -6447,6 +6450,28 @@
   });
   compose(width, maxWidth, minWidth, height, maxHeight, minHeight, boxSizing);
 
+  const createFontStyleFunction = prop => {
+    return props => {
+      if (props[prop] !== undefined && props[prop] !== null) {
+        const styleFromPropValue = propValue => {
+          var _props$theme$typograp, _props$prop;
+          let value = (_props$theme$typograp = props.theme.typography) == null ? void 0 : _props$theme$typograp[`${prop}${props[prop] === 'default' || props[prop] === prop ? '' : capitalize((_props$prop = props[prop]) == null ? void 0 : _props$prop.toString())}`];
+          if (!value) {
+            var _props$theme$typograp2, _props$theme$typograp3;
+            value = (_props$theme$typograp2 = props.theme.typography) == null ? void 0 : (_props$theme$typograp3 = _props$theme$typograp2[propValue]) == null ? void 0 : _props$theme$typograp3[prop];
+          }
+          if (!value) {
+            value = propValue;
+          }
+          return {
+            [prop]: value
+          };
+        };
+        return handleBreakpoints(props, props[prop], styleFromPropValue);
+      }
+      return null;
+    };
+  };
   const defaultSxConfig = {
     // borders
     border: {
@@ -6705,16 +6730,19 @@
     boxSizing: {},
     // typography
     fontFamily: {
-      themeKey: 'typography'
+      themeKey: 'typography',
+      style: createFontStyleFunction('fontFamily')
     },
     fontSize: {
-      themeKey: 'typography'
+      themeKey: 'typography',
+      style: createFontStyleFunction('fontSize')
     },
     fontStyle: {
       themeKey: 'typography'
     },
     fontWeight: {
-      themeKey: 'typography'
+      themeKey: 'typography',
+      style: createFontStyleFunction('fontWeight')
     },
     letterSpacing: {},
     textTransform: {},
@@ -9698,7 +9726,14 @@ const theme2 = createTheme({ palette: {
       body2: buildVariant(fontWeightRegular, 14, 1.43, 0.15),
       button: buildVariant(fontWeightMedium, 14, 1.75, 0.4, caseAllCaps),
       caption: buildVariant(fontWeightRegular, 12, 1.66, 0.4),
-      overline: buildVariant(fontWeightRegular, 12, 2.66, 1, caseAllCaps)
+      overline: buildVariant(fontWeightRegular, 12, 2.66, 1, caseAllCaps),
+      inherit: {
+        fontFamily: 'inherit',
+        fontWeight: 'inherit',
+        fontSize: 'inherit',
+        lineHeight: 'inherit',
+        letterSpacing: 'inherit'
+      }
     };
     return deepmerge(_extends({
       htmlFontSize,
@@ -10148,6 +10183,13 @@ You have to import it from @mui/styles.
 See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   }
 
+  function shouldSkipGeneratingVar(keys) {
+    var _keys$;
+    return !!keys[0].match(/(cssVarPrefix|typography|mixins|breakpoints|direction|transitions)/) || !!keys[0].match(/sxConfig$/) ||
+    // ends with sxConfig
+    keys[0] === 'palette' && !!((_keys$ = keys[1]) != null && _keys$.match(/(mode|contrastThreshold|tonalOffset)/));
+  }
+
   // Inspired by https://github.com/material-components/material-components-ios/blob/bca36107405594d5b7b16265a5b0ed698f85a5ee/components/Elevation/src/UIColor%2BMaterialElevation.m#L61
   const getOverlayAlpha = elevation => {
     let alphaValue;
@@ -10197,18 +10239,12 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     return undefined;
   };
   const createGetCssVar = (cssVarPrefix = 'mui') => createGetCssVar$1(cssVarPrefix);
-  const defaultShouldSkipGeneratingVar = keys => {
-    var _keys$;
-    return !!keys[0].match(/(typography|mixins|breakpoints|direction|transitions)/) || !!keys[0].match(/sxConfig$/) ||
-    // ends with sxConfig
-    keys[0] === 'palette' && !!((_keys$ = keys[1]) != null && _keys$.match(/(mode|contrastThreshold|tonalOffset)/));
-  };
   function extendTheme(options = {}, ...args) {
     var _colorSchemesInput$li, _colorSchemesInput$da, _colorSchemesInput$li2, _colorSchemesInput$li3, _colorSchemesInput$da2, _colorSchemesInput$da3;
     const {
         colorSchemes: colorSchemesInput = {},
         cssVarPrefix = 'mui',
-        shouldSkipGeneratingVar = defaultShouldSkipGeneratingVar
+        shouldSkipGeneratingVar: shouldSkipGeneratingVar$1 = shouldSkipGeneratingVar
       } = options,
       input = _objectWithoutPropertiesLoose(options, _excluded$27);
     const getCssVar = createGetCssVar(cssVarPrefix);
@@ -10436,7 +10472,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     theme = args.reduce((acc, argument) => deepmerge(acc, argument), theme);
     const parserConfig = {
       prefix: cssVarPrefix,
-      shouldSkipGeneratingVar
+      shouldSkipGeneratingVar: shouldSkipGeneratingVar$1
     };
     const {
       vars: themeVars,
@@ -10444,7 +10480,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     } = prepareCssVars(theme, parserConfig);
     theme.vars = themeVars;
     theme.generateCssVars = generateCssVars;
-    theme.shouldSkipGeneratingVar = shouldSkipGeneratingVar;
+    theme.shouldSkipGeneratingVar = shouldSkipGeneratingVar$1;
     theme.unstable_sxConfig = _extends({}, defaultSxConfig$1, input == null ? void 0 : input.unstable_sxConfig);
     theme.unstable_sx = function sx(props) {
       return styleFunctionSx$1({
@@ -10525,6 +10561,30 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     });
   }
 
+  const defaultContextValue = {
+    disableDefaultClasses: false
+  };
+  const ClassNameConfiguratorContext = /*#__PURE__*/React__namespace.createContext(defaultContextValue);
+  /**
+   * @ignore - internal hook.
+   *
+   * Wraps the `generateUtilityClass` function and controls how the classes are generated.
+   * Currently it only affects whether the classes are applied or not.
+   *
+   * @returns Function to be called with the `generateUtilityClass` function specific to a component to generate the classes.
+   */
+  function useClassNamesOverride(generateUtilityClass) {
+    const {
+      disableDefaultClasses
+    } = React__namespace.useContext(ClassNameConfiguratorContext);
+    return slot => {
+      if (disableDefaultClasses) {
+        return '';
+      }
+      return generateUtilityClass(slot);
+    };
+  }
+
   /**
    * Extracts event handlers from a given object.
    * A prop is considered an event handler if it is a function and its name starts with `on`.
@@ -10876,6 +10936,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     ClickAwayListener['propTypes' + ''] = exactProp(ClickAwayListener.propTypes);
   }
 
+  /* eslint-disable consistent-return, jsx-a11y/no-noninteractive-tabindex */
   // Inspired by https://github.com/focus-trap/tabbable
   const candidatesSelector = ['input', 'select', 'textarea', 'a[href]', 'button', '[tabindex]', 'audio[controls]', 'video[controls]', '[contenteditable]:not([contenteditable="false"])'].join(',');
   function getTabIndex(node) {
@@ -13291,7 +13352,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     const slots = {
       root: ['root']
     };
-    return composeClasses(slots, getPopperUnstyledUtilityClass, {});
+    return composeClasses(slots, useClassNamesOverride(getPopperUnstyledUtilityClass));
   };
   const defaultPopperOptions = {};
   const PopperTooltip = /*#__PURE__*/React__namespace.forwardRef(function PopperTooltip(props, ref) {
@@ -13854,7 +13915,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       root: ['root', !open && exited && 'hidden'],
       backdrop: ['backdrop']
     };
-    return composeClasses(slots, getModalUtilityClass, undefined);
+    return composeClasses(slots, useClassNamesOverride(getModalUtilityClass));
   };
   function getContainer(container) {
     return typeof container === 'function' ? container() : container;
@@ -16054,7 +16115,12 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         reason: 'mouse'
       });
     };
-    const handleOptionTouchStart = () => {
+    const handleOptionTouchStart = event => {
+      setHighlightedIndex({
+        event,
+        index: Number(event.currentTarget.getAttribute('data-option-index')),
+        reason: 'touch'
+      });
       isTouch.current = true;
     };
     const handleOptionClick = event => {
@@ -16213,6 +16279,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       inputValue,
       value,
       dirty,
+      expanded: popupOpen && anchorEl,
       popupOpen,
       focused: focused || focusedTag !== -1,
       anchorEl,
@@ -49377,6 +49444,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   exports.scopedCssBaselineClasses = scopedCssBaselineClasses$1;
   exports.selectClasses = selectClasses$1;
   exports.setRef = setRef;
+  exports.shouldSkipGeneratingVar = shouldSkipGeneratingVar;
   exports.skeletonClasses = skeletonClasses$1;
   exports.sliderClasses = sliderClasses$1;
   exports.snackbarClasses = snackbarClasses$1;