@mui/material 5.8.1 → 5.8.2

package/locale/index.d.ts

@@ -1,71 +1,71 @@
-import { ComponentsPropsList } from '../styles/props';
-export interface Localization {
-    components?: {
-        MuiAlert?: {
-            defaultProps: Pick<ComponentsPropsList['MuiAlert'], 'closeText'>;
-        };
-        MuiBreadcrumbs?: {
-            defaultProps: Pick<ComponentsPropsList['MuiBreadcrumbs'], 'expandText'>;
-        };
-        MuiTablePagination?: {
-            defaultProps: Pick<ComponentsPropsList['MuiTablePagination'], 'labelRowsPerPage' | 'labelDisplayedRows' | 'getItemAriaLabel'>;
-        };
-        MuiRating?: {
-            defaultProps: Pick<ComponentsPropsList['MuiRating'], 'emptyLabelText' | 'getLabelText'>;
-        };
-        MuiAutocomplete?: {
-            defaultProps: Pick<ComponentsPropsList['MuiAutocomplete'], 'clearText' | 'closeText' | 'loadingText' | 'noOptionsText' | 'openText'>;
-        };
-        MuiPagination?: {
-            defaultProps: Pick<ComponentsPropsList['MuiPagination'], 'aria-label' | 'getItemAriaLabel'>;
-        };
-    };
-}
-export declare const amET: Localization;
-export declare const arEG: Localization;
-export declare const arSD: Localization;
-export declare const azAZ: Localization;
-export declare const bnBD: Localization;
-export declare const bgBG: Localization;
-export declare const caES: Localization;
-export declare const csCZ: Localization;
-export declare const daDK: Localization;
-export declare const deDE: Localization;
-export declare const elGR: Localization;
-export declare const enUS: Localization;
-export declare const esES: Localization;
-export declare const etEE: Localization;
-export declare const faIR: Localization;
-export declare const fiFI: Localization;
-export declare const frFR: Localization;
-export declare const heIL: Localization;
-export declare const hiIN: Localization;
-export declare const hrHR: Localization;
-export declare const huHU: Localization;
-export declare const hyAM: Localization;
-export declare const idID: Localization;
-export declare const isIS: Localization;
-export declare const itIT: Localization;
-export declare const jaJP: Localization;
-export declare const khKH: Localization;
-export declare const koKR: Localization;
-export declare const kzKZ: Localization;
-export declare const mkMK: Localization;
-export declare const nbNO: Localization;
-export declare const nlNL: Localization;
-export declare const plPL: Localization;
-export declare const ptBR: Localization;
-export declare const ptPT: Localization;
-export declare const roRO: Localization;
-export declare const srRS: Localization;
-export declare const ruRU: Localization;
-export declare const siLK: Localization;
-export declare const skSK: Localization;
-export declare const svSE: Localization;
-export declare const thTH: Localization;
-export declare const trTR: Localization;
-export declare const ukUA: Localization;
-export declare const viVN: Localization;
-export declare const zhCN: Localization;
-export declare const zhHK: Localization;
-export declare const zhTW: Localization;
+import { ComponentsPropsList } from '../styles/props';
+export interface Localization {
+    components?: {
+        MuiAlert?: {
+            defaultProps: Pick<ComponentsPropsList['MuiAlert'], 'closeText'>;
+        };
+        MuiBreadcrumbs?: {
+            defaultProps: Pick<ComponentsPropsList['MuiBreadcrumbs'], 'expandText'>;
+        };
+        MuiTablePagination?: {
+            defaultProps: Pick<ComponentsPropsList['MuiTablePagination'], 'labelRowsPerPage' | 'labelDisplayedRows' | 'getItemAriaLabel'>;
+        };
+        MuiRating?: {
+            defaultProps: Pick<ComponentsPropsList['MuiRating'], 'emptyLabelText' | 'getLabelText'>;
+        };
+        MuiAutocomplete?: {
+            defaultProps: Pick<ComponentsPropsList['MuiAutocomplete'], 'clearText' | 'closeText' | 'loadingText' | 'noOptionsText' | 'openText'>;
+        };
+        MuiPagination?: {
+            defaultProps: Pick<ComponentsPropsList['MuiPagination'], 'aria-label' | 'getItemAriaLabel'>;
+        };
+    };
+}
+export declare const amET: Localization;
+export declare const arEG: Localization;
+export declare const arSD: Localization;
+export declare const azAZ: Localization;
+export declare const bnBD: Localization;
+export declare const bgBG: Localization;
+export declare const caES: Localization;
+export declare const csCZ: Localization;
+export declare const daDK: Localization;
+export declare const deDE: Localization;
+export declare const elGR: Localization;
+export declare const enUS: Localization;
+export declare const esES: Localization;
+export declare const etEE: Localization;
+export declare const faIR: Localization;
+export declare const fiFI: Localization;
+export declare const frFR: Localization;
+export declare const heIL: Localization;
+export declare const hiIN: Localization;
+export declare const hrHR: Localization;
+export declare const huHU: Localization;
+export declare const hyAM: Localization;
+export declare const idID: Localization;
+export declare const isIS: Localization;
+export declare const itIT: Localization;
+export declare const jaJP: Localization;
+export declare const khKH: Localization;
+export declare const koKR: Localization;
+export declare const kzKZ: Localization;
+export declare const mkMK: Localization;
+export declare const nbNO: Localization;
+export declare const nlNL: Localization;
+export declare const plPL: Localization;
+export declare const ptBR: Localization;
+export declare const ptPT: Localization;
+export declare const roRO: Localization;
+export declare const srRS: Localization;
+export declare const ruRU: Localization;
+export declare const siLK: Localization;
+export declare const skSK: Localization;
+export declare const svSE: Localization;
+export declare const thTH: Localization;
+export declare const trTR: Localization;
+export declare const ukUA: Localization;
+export declare const viVN: Localization;
+export declare const zhCN: Localization;
+export declare const zhHK: Localization;
+export declare const zhTW: Localization;

package/modern/Grow/Grow.js

@@ -24,9 +24,10 @@ const styles = {
     transform: 'none'
   }
 };
-/**
- * Conditionally apply a workaround for the CSS transition bug in Safari 15.4 / WebKit browsers.
- * Remove this workaround once the WebKit bug fix is released.
+/*
+ TODO v6: remove
+ Conditionally apply a workaround for the CSS transition bug in Safari 15.4 / WebKit browsers.
+ Remove this workaround once the WebKit bug fix is released.
  */
 
 const isWebKit154 = typeof navigator !== 'undefined' && /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) && /(os |version\/)15(.|_)[4-9]/i.test(navigator.userAgent);

package/modern/InputLabel/InputLabel.js

@@ -209,6 +209,12 @@ process.env.NODE_ENV !== "production" ? InputLabel.propTypes
    */
   shrink: PropTypes.bool,
 
+  /**
+   * The size of the component.
+   * @default 'normal'
+   */
+  size: PropTypes.oneOf(['normal', 'small']),
+
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/modern/index.js

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

package/node/Grow/Grow.js

@@ -47,9 +47,10 @@ const styles = {
     transform: 'none'
   }
 };
-/**
- * Conditionally apply a workaround for the CSS transition bug in Safari 15.4 / WebKit browsers.
- * Remove this workaround once the WebKit bug fix is released.
+/*
+ TODO v6: remove
+ Conditionally apply a workaround for the CSS transition bug in Safari 15.4 / WebKit browsers.
+ Remove this workaround once the WebKit bug fix is released.
  */
 
 const isWebKit154 = typeof navigator !== 'undefined' && /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) && /(os |version\/)15(.|_)[4-9]/i.test(navigator.userAgent);

package/node/InputLabel/InputLabel.js

@@ -230,6 +230,12 @@ process.env.NODE_ENV !== "production" ? InputLabel.propTypes
    */
   shrink: _propTypes.default.bool,
 
+  /**
+   * The size of the component.
+   * @default 'normal'
+   */
+  size: _propTypes.default.oneOf(['normal', 'small']),
+
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/node/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "5.8.1",
+  "version": "5.8.2",
   "private": false,
   "author": "MUI Team",
   "description": "React components that implement Google's Material Design.",
@@ -46,13 +46,13 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.17.2",
-    "@mui/base": "5.0.0-alpha.82",
-    "@mui/system": "^5.8.1",
+    "@mui/base": "5.0.0-alpha.83",
+    "@mui/system": "^5.8.2",
     "@mui/types": "^7.1.3",
     "@mui/utils": "^5.8.0",
     "@types/react-transition-group": "^4.4.4",
     "clsx": "^1.1.1",
-    "csstype": "^3.0.11",
+    "csstype": "^3.1.0",
     "hoist-non-react-statics": "^3.3.2",
     "prop-types": "^15.8.1",
     "react-is": "^17.0.2",

package/transitions/index.d.ts

@@ -1 +1 @@
-export * from './transition';
+export * from './transition';

package/transitions/transition.d.ts

@@ -1,13 +1,13 @@
-import { TransitionProps as _TransitionProps, TransitionActions } from 'react-transition-group/Transition';
-import * as React from 'react';
-export declare type TransitionHandlerKeys = 'onEnter' | 'onEntering' | 'onEntered' | 'onExit' | 'onExiting' | 'onExited';
-export declare type TransitionHandlerProps = Pick<_TransitionProps, TransitionHandlerKeys>;
-export interface EasingProps {
-    easing: string | {
-        enter?: string;
-        exit?: string;
-    };
-}
-export declare type TransitionKeys = 'in' | 'mountOnEnter' | 'unmountOnExit' | 'timeout' | 'easing' | 'addEndListener' | TransitionHandlerKeys;
-export interface TransitionProps extends TransitionActions, Partial<Pick<_TransitionProps & EasingProps, TransitionKeys>>, React.HTMLAttributes<HTMLElement> {
-}
+import { TransitionProps as _TransitionProps, TransitionActions } from 'react-transition-group/Transition';
+import * as React from 'react';
+export declare type TransitionHandlerKeys = 'onEnter' | 'onEntering' | 'onEntered' | 'onExit' | 'onExiting' | 'onExited';
+export declare type TransitionHandlerProps = Pick<_TransitionProps, TransitionHandlerKeys>;
+export interface EasingProps {
+    easing: string | {
+        enter?: string;
+        exit?: string;
+    };
+}
+export declare type TransitionKeys = 'in' | 'mountOnEnter' | 'unmountOnExit' | 'timeout' | 'easing' | 'addEndListener' | TransitionHandlerKeys;
+export interface TransitionProps extends TransitionActions, Partial<Pick<_TransitionProps & EasingProps, TransitionKeys>>, React.HTMLAttributes<HTMLElement> {
+}

package/transitions/utils.d.ts

@@ -1,23 +1,23 @@
-import * as React from 'react';
-export declare const reflow: (node: Element) => number;
-interface ComponentProps {
-    easing: string | {
-        enter?: string;
-        exit?: string;
-    } | undefined;
-    style: React.CSSProperties | undefined;
-    timeout: number | {
-        enter?: number;
-        exit?: number;
-    };
-}
-interface Options {
-    mode: 'enter' | 'exit';
-}
-interface TransitionProps {
-    duration: string | number;
-    easing: string | undefined;
-    delay: string | undefined;
-}
-export declare function getTransitionProps(props: ComponentProps, options: Options): TransitionProps;
-export {};
+import * as React from 'react';
+export declare const reflow: (node: Element) => number;
+interface ComponentProps {
+    easing: string | {
+        enter?: string;
+        exit?: string;
+    } | undefined;
+    style: React.CSSProperties | undefined;
+    timeout: number | {
+        enter?: number;
+        exit?: number;
+    };
+}
+interface Options {
+    mode: 'enter' | 'exit';
+}
+interface TransitionProps {
+    duration: string | number;
+    easing: string | undefined;
+    delay: string | undefined;
+}
+export declare function getTransitionProps(props: ComponentProps, options: Options): TransitionProps;
+export {};

package/umd/material-ui.development.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.8.1
+/** @license MUI v5.8.2
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -8109,7 +8109,8 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
         colorSchemes,
         prefix,
         vars: rootVars,
-        getCssVar: createGetCssVar(prefix)
+        getCssVar: createGetCssVar(prefix),
+        getColorSchemeSelector: targetColorScheme => `[${attribute}="${targetColorScheme}"] &`
       });
       const defaultColorSchemeStyleSheet = {};
       const otherColorSchemesStyleSheet = {};
@@ -9591,13 +9592,13 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     };
   }
 
-  function useBadge(props) {
+  function useBadge(parameters) {
     const {
       badgeContent: badgeContentProp,
       invisible: invisibleProp = false,
       max: maxProp = 99,
       showZero = false
-    } = props;
+    } = parameters;
     const prevProps = usePreviousProps$1({
       badgeContent: badgeContentProp,
       max: maxProp
@@ -9611,7 +9612,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     const {
       badgeContent,
       max = maxProp
-    } = invisible ? prevProps : props;
+    } = invisible ? prevProps : parameters;
     const displayValue = badgeContent && Number(badgeContent) > max ? `${max}+` : badgeContent;
     return {
       badgeContent,
@@ -9638,8 +9639,21 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     };
     return composeClasses(slots, getBadgeUnstyledUtilityClass, undefined);
   };
+  /**
+   *
+   * Demos:
+   *
+   * - [Badge](https://mui.com/base/react-badge/)
+   *
+   * API:
+   *
+   * - [BadgeUnstyled API](https://mui.com/base/api/badge-unstyled/)
+   */
+
 
   const BadgeUnstyled = /*#__PURE__*/React__namespace.forwardRef(function BadgeUnstyled(props, ref) {
+    var _componentsProps$root, _componentsProps$badg;
+
     const {
       component,
       children,
@@ -9669,15 +9683,16 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
 
     const classes = useUtilityClasses$1O(ownerState);
     const Root = component || components.Root || 'span';
-    const rootProps = appendOwnerState(Root, _extends({}, other, componentsProps.root), ownerState);
+    const rootProps = appendOwnerState(Root, _extends({}, other, componentsProps.root, {
+      ref,
+      className: clsx(classes.root, (_componentsProps$root = componentsProps.root) == null ? void 0 : _componentsProps$root.className, className)
+    }), ownerState);
     const Badge = components.Badge || 'span';
-    const badgeProps = appendOwnerState(Badge, componentsProps.badge, ownerState);
+    const badgeProps = appendOwnerState(Badge, _extends({}, componentsProps.badge, {
+      className: clsx(classes.badge, (_componentsProps$badg = componentsProps.badge) == null ? void 0 : _componentsProps$badg.className)
+    }), ownerState);
     return /*#__PURE__*/jsxRuntime_2(Root, _extends({}, rootProps, {
-      ref: ref
-    }, other, {
-      className: clsx(classes.root, rootProps.className, className),
       children: [children, /*#__PURE__*/jsxRuntime_1(Badge, _extends({}, badgeProps, {
-        className: clsx(classes.badge, badgeProps.className),
         children: displayValue
       }))]
     }));
@@ -9687,7 +9702,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
   = {
     // ----------------------------- Warning --------------------------------
     // | These PropTypes are generated from the TypeScript type definitions |
-    // |     To update them edit the d.ts file and run "yarn proptypes"     |
+    // |     To update them edit TypeScript types and run "yarn proptypes"  |
     // ----------------------------------------------------------------------
 
     /**
@@ -13610,13 +13625,13 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     return cachedSupportsTouchActionNone;
   }
 
-  function useSlider(props) {
+  function useSlider(parameters) {
     const {
-      ref,
       'aria-labelledby': ariaLabelledby,
       defaultValue,
-      disableSwap = false,
       disabled = false,
+      disableSwap = false,
+      isRtl = false,
       marks: marksProp = false,
       max = 100,
       min = 0,
@@ -13624,12 +13639,12 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
       onChange,
       onChangeCommitted,
       orientation = 'horizontal',
+      ref,
       scale = Identity$1,
       step = 1,
       tabIndex,
-      value: valueProp,
-      isRtl = false
-    } = props;
+      value: valueProp
+    } = parameters;
     const touchId = React__namespace.useRef(); // We can't use the :active browser pseudo-classes.
     // - The active state isn't triggered when clicking on the rail.
     // - The active state isn't transferred when inversing a range slider.
@@ -14052,7 +14067,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     const trackOffset = valueToPercent(range ? values[0] : min, min, max);
     const trackLeap = valueToPercent(values[values.length - 1], min, max) - trackOffset;
 
-    const getRootProps = otherHandlers => {
+    const getRootProps = (otherHandlers = {}) => {
       const ownEventHandlers = {
         onMouseDown: createHandleMouseDown(otherHandlers || {})
       };
@@ -14079,7 +14094,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
       setOpen(-1);
     };
 
-    const getThumbProps = otherHandlers => {
+    const getThumbProps = (otherHandlers = {}) => {
       const ownEventHandlers = {
         onMouseOver: createHandleMouseOver(otherHandlers || {}),
         onMouseLeave: createHandleMouseLeave(otherHandlers || {})
@@ -14090,7 +14105,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
       return _extends({}, mergedEventHandlers);
     };
 
-    const getHiddenInputProps = otherHandlers => {
+    const getHiddenInputProps = (otherHandlers = {}) => {
       const ownEventHandlers = {
         onChange: createHandleHiddenInputChange(otherHandlers || {}),
         onFocus: createHandleHiddenInputFocus(otherHandlers || {}),
@@ -14107,9 +14122,9 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
         'aria-valuemin': scale(min),
         name,
         type: 'range',
-        min: props.min,
-        max: props.max,
-        step: props.step,
+        min: parameters.min,
+        max: parameters.max,
+        step: parameters.step,
         disabled
       }, mergedEventHandlers, {
         style: _extends({}, visuallyHidden$1, {
@@ -14122,20 +14137,20 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     };
 
     return {
+      active,
       axis,
       axisProps,
-      getRootProps,
+      dragging,
+      focusVisible,
       getHiddenInputProps,
+      getRootProps,
       getThumbProps,
-      dragging,
       marks,
-      values,
-      active,
-      focusVisible,
       open,
       range,
+      trackLeap,
       trackOffset,
-      trackLeap
+      values
     };
   }
 
@@ -14316,10 +14331,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
             children: /*#__PURE__*/jsxRuntime_1(Thumb, _extends({
               "data-index": index
             }, thumbProps, getThumbProps(), {
-              className: clsx(classes.thumb, thumbProps.className, active === index && classes.active, focusVisible === index && classes.focusVisible)
-            }, !isHostComponent(Thumb) && {
-              ownerState: _extends({}, ownerState, thumbProps.ownerState)
-            }, {
+              className: clsx(classes.thumb, thumbProps.className, active === index && classes.active, focusVisible === index && classes.focusVisible),
               style: _extends({}, style, {
                 pointerEvents: disableSwap && active !== index ? 'none' : undefined
               }, thumbProps.style),
@@ -31448,9 +31460,10 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       transform: 'none'
     }
   };
-  /**
-   * Conditionally apply a workaround for the CSS transition bug in Safari 15.4 / WebKit browsers.
-   * Remove this workaround once the WebKit bug fix is released.
+  /*
+   TODO v6: remove
+   Conditionally apply a workaround for the CSS transition bug in Safari 15.4 / WebKit browsers.
+   Remove this workaround once the WebKit bug fix is released.
    */
 
   const isWebKit154 = typeof navigator !== 'undefined' && /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) && /(os |version\/)15(.|_)[4-9]/i.test(navigator.userAgent);
@@ -33914,6 +33927,12 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      */
     shrink: PropTypes.bool,
 
+    /**
+     * The size of the component.
+     * @default 'normal'
+     */
+    size: PropTypes.oneOf(['normal', 'small']),
+
     /**
      * The system prop that allows defining system overrides as well as additional CSS styles.
      */