@mui/material 5.14.20 → 5.15.0

package/styles/variants.d.ts

@@ -1,8 +1,7 @@
 import { Interpolation } from '@mui/system';
-import { Theme } from './createTheme';
 import { ComponentsPropsList } from './props';
 
-export type ComponentsVariants = {
+export type ComponentsVariants<Theme = unknown> = {
   [Name in keyof ComponentsPropsList]?: Array<{
     props: Partial<ComponentsPropsList[Name]>;
     style: Interpolation<{ theme: Theme }>;

package/umd/material-ui.development.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.14.20
+ * @mui/material v5.15.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -1597,6 +1597,7 @@
   // This module is based on https://github.com/airbnb/prop-types-exact repository.
   // However, in order to reduce the number of dependencies and to remove some extra safe checks
   // the module was forked.
+
   const specialProperty = 'exact-prop: \u200b';
   function exactProp(propTypes) {
     return _extends({}, propTypes, {
@@ -2140,7 +2141,6 @@
     });
     return React__namespace.useRef((...args) =>
     // @ts-expect-error hide `this`
-    // tslint:disable-next-line:ban-comma-operator
     (0, ref.current)(...args)).current;
   }
 
@@ -2555,6 +2555,7 @@
 
   // If GlobalStateSlot is changed, GLOBAL_STATE_CLASSES in
   // \packages\api-docs-builder\utils\parseSlotsAndClasses.ts must be updated accordingly.
+
   const globalStateClassesMapping = {
     active: 'active',
     checked: 'checked',
@@ -6328,7 +6329,6 @@
           // desktop
           xl: 1536 // large screen
         },
-
         unit = 'px',
         step = 5
       } = breakpoints,
@@ -6406,7 +6406,6 @@
     // desktop
     xl: 1536 // large screen
   };
-
   const defaultBreakpoints = {
     // Sorted ASC by size. That's important.
     // It can't be configured as it's used statically for propTypes.
@@ -6735,8 +6734,6 @@
 
   // The different signatures imply different meaning for their arguments that can't be expressed structurally.
   // We express the difference with variable names.
-  /* tslint:disable:unified-signatures */
-  /* tslint:enable:unified-signatures */
 
   function createSpacing(spacingInput = 8) {
     // Already transformed.
@@ -7351,7 +7348,6 @@
       if (!sx) {
         return null; // Emotion & styled-components will neglect null
       }
-
       const config = (_theme$unstable_sxCon = theme.unstable_sxConfig) != null ? _theme$unstable_sxCon : defaultSxConfig$1;
 
       /*
@@ -8101,7 +8097,6 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
       if (color.type !== 'color') {
         val /= 255; // normalized
       }
-
       return val <= 0.03928 ? val / 12.92 : ((val + 0.055) / 1.055) ** 2.4;
     });
 
@@ -9116,7 +9111,6 @@ try {
       }
     }, keys => keys[0] === 'vars' // skip 'vars/*' paths
     );
-
     return {
       css,
       vars,
@@ -9680,7 +9674,6 @@ try {
         // use context value if exists.
         parentDisableEqualOverflow: overflow // for nested grid
       });
-
       const classes = useUtilityClasses(ownerState, theme);
       let result = /*#__PURE__*/jsxRuntime_1(GridRoot, _extends({
         ref: ref,
@@ -13782,7 +13775,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     '&::-moz-focus-inner': {
       borderStyle: 'none' // Remove Firefox dotted outline.
     },
-
     [`&.${buttonBaseClasses$1.disabled}`]: {
       pointerEvents: 'none',
       // Disable link interactions
@@ -13949,7 +13941,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     });
     const handleKeyUp = useEventCallback(event => {
       // calling preventDefault in keyUp on a <button> will not dispatch a click event if Space is pressed
-      // https://codesandbox.io/s/button-keyup-preventdefault-dn7f0
+      // https://codesandbox.io/p/sandbox/button-keyup-preventdefault-dn7f0
       if (focusRipple && event.key === ' ' && rippleRef.current && focusVisible && !event.defaultPrevented) {
         keydownRef.current = false;
         rippleRef.current.stop(event, () => {
@@ -19043,7 +19035,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         var _document$activeEleme;
         // This is necessary because Firefox and Safari will keep focus
         // on a disabled element:
-        // https://codesandbox.io/s/mui-pr-22247-forked-h151h?file=/src/App.js
+        // https://codesandbox.io/p/sandbox/mui-pr-22247-forked-h151h?file=/src/App.js
         // @ts-ignore
         (_document$activeEleme = document.activeElement) == null || _document$activeEleme.blur();
       }
@@ -21845,13 +21837,11 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         // IE11
         '&:focus::-ms-input-placeholder': placeholderVisible // Edge
       },
-
       [`&.${inputBaseClasses$1.disabled}`]: {
         opacity: 1,
         // Reset iOS opacity
         WebkitTextFillColor: (theme.vars || theme).palette.text.disabled // Fix opacity Safari bug
       },
-
       '&:-webkit-autofill': {
         animationDuration: '5000s',
         animationName: 'mui-auto-fill'
@@ -22604,7 +22594,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     right: 0,
     top: 'calc(50% - 14px)' // Center vertically
   });
-
   const AutocompleteClearIndicator = styled$1(IconButton$1, {
     name: 'MuiAutocomplete',
     slot: 'ClearIndicator',
@@ -27189,7 +27178,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   })({
     display: 'block' // Keeps the progress centered
   });
-
   const CircularProgressCircle = styled$1('circle', {
     name: 'MuiCircularProgress',
     slot: 'Circle',
@@ -29779,7 +29767,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         }),
         pointerEvents: 'none' // Transparent to the hover style.
       },
-
       [`&.${filledInputClasses$1.focused}:after`]: {
         // translateX(0) is a workaround for Safari transform scale bug
         // See https://github.com/mui/material-ui/issues/31766
@@ -29803,7 +29790,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         }),
         pointerEvents: 'none' // Transparent to the hover style.
       },
-
       [`&:hover:not(.${filledInputClasses$1.disabled}, .${filledInputClasses$1.error}):before`]: {
         borderBottom: `1px solid ${(theme.vars || theme).palette.text.primary}`
       },
@@ -33338,7 +33324,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         }),
         pointerEvents: 'none' // Transparent to the hover style.
       },
-
       [`&.${inputClasses$1.focused}:after`]: {
         // translateX(0) is a workaround for Safari transform scale bug
         // See https://github.com/mui/material-ui/issues/31766
@@ -33362,7 +33347,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         }),
         pointerEvents: 'none' // Transparent to the hover style.
       },
-
       [`&:hover:not(.${inputClasses$1.disabled}, .${inputClasses$1.error}):before`]: {
         borderBottom: `2px solid ${(theme.vars || theme).palette.text.primary}`,
         // Reset on touch devices, it doesn't add specificity
@@ -33874,11 +33858,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     // but it feels a better when it bleeds a bit on the left, so 32px.
     maxWidth: 'calc(133% - 32px)',
     transform: 'translate(14px, -9px) scale(0.75)'
-  }), ownerState.variant === 'standard' && {
-    '&:not(label) + div': {
-      marginTop: 16
-    }
-  }));
+  })));
   const InputLabel = /*#__PURE__*/React__namespace.forwardRef(function InputLabel(inProps, ref) {
     const props = useThemeProps({
       name: 'MuiInputLabel',
@@ -34426,7 +34406,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       '&::-moz-focus-inner': {
         borderStyle: 'none' // Remove Firefox dotted outline.
       },
-
       [`&.${linkClasses$1.focusVisible}`]: {
         outline: 'auto'
       }
@@ -37312,7 +37291,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     }, {
       borderRadius: 0 // Reset Chrome style
     }),
-
     // Remove IE11 arrow
     '&::-ms-expand': {
       display: 'none'
@@ -37340,7 +37318,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     '&:focus': {
       borderRadius: (theme.vars || theme).shape.borderRadius // Reset the reset for Chrome style
     },
-
     '&&&': {
       paddingRight: 32
     }
@@ -40262,7 +40239,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         'data-value': child.props.value // Instead, we provide it as a data attribute.
       });
     });
-
     {
       // eslint-disable-next-line react-hooks/rules-of-hooks
       React__namespace.useEffect(() => {
@@ -40311,7 +40287,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     const classes = useUtilityClasses$x(ownerState);
     const paperProps = _extends({}, MenuProps.PaperProps, (_MenuProps$slotProps = MenuProps.slotProps) == null ? void 0 : _MenuProps$slotProps.paper);
     const listboxId = useId();
-    const hiddenInputId = useId();
     return /*#__PURE__*/jsxRuntime_2(React__namespace.Fragment, {
       children: [/*#__PURE__*/jsxRuntime_1(SelectSelect, _extends({
         ref: handleDisplayRef,
@@ -40342,7 +40317,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       })), /*#__PURE__*/jsxRuntime_1(SelectNativeInput, _extends({
         "aria-invalid": error,
         value: Array.isArray(value) ? value.join(',') : value,
-        name: name != null ? name : hiddenInputId,
+        name: name,
         ref: inputRef,
         "aria-hidden": true,
         onChange: handleChange,
@@ -47478,7 +47453,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       textAlignLast: 'right' // Align <select> on Chrome.
     }
   });
-
   const TablePaginationMenuItem = styled$1(MenuItem$1, {
     name: 'MuiTablePagination',
     slot: 'MenuItem',
@@ -47562,7 +47536,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     if (component === TableCell$1 || component === 'td') {
       colSpan = colSpanProp || 1000; // col-span over everything
     }
-
     const selectId = useId(selectProps.id);
     const labelId = useId(selectProps.labelId);
     const getLabelDisplayedRowsTo = () => {
@@ -48511,7 +48484,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       display: 'none' // Safari + Chrome
     }
   });
-
   const defaultIndicatorStyle = {};
   let warnedOnceTabPresent = false;
   const Tabs = /*#__PURE__*/React__namespace.forwardRef(function Tabs(inProps, ref) {
@@ -50022,6 +49994,8 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   exports.Button = Button$1;
   exports.ButtonBase = ButtonBase$1;
   exports.ButtonGroup = ButtonGroup$1;
+  exports.ButtonGroupButtonContext = ButtonGroupButtonContext$1;
+  exports.ButtonGroupContext = ButtonGroupContext$1;
   exports.Card = Card$1;
   exports.CardActionArea = CardActionArea$1;
   exports.CardActions = CardActions$1;