@mui/material 5.4.4 → 5.5.2

package/Typography/typographyClasses.d.ts

@@ -1,50 +1,50 @@
-export interface TypographyClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `variant="body2"`. */
-    body2: string;
-    /** Styles applied to the root element if `variant="body1"`. */
-    body1: string;
-    /** Styles applied to the root element if `variant="caption"`. */
-    caption: string;
-    /** Styles applied to the root element if `variant="button"`. */
-    button: string;
-    /** Styles applied to the root element if `variant="h1"`. */
-    h1: string;
-    /** Styles applied to the root element if `variant="h2"`. */
-    h2: string;
-    /** Styles applied to the root element if `variant="h3"`. */
-    h3: string;
-    /** Styles applied to the root element if `variant="h4"`. */
-    h4: string;
-    /** Styles applied to the root element if `variant="h5"`. */
-    h5: string;
-    /** Styles applied to the root element if `variant="h6"`. */
-    h6: string;
-    /** Styles applied to the root element if `variant="subtitle1"`. */
-    subtitle1: string;
-    /** Styles applied to the root element if `variant="subtitle2"`. */
-    subtitle2: string;
-    /** Styles applied to the root element if `variant="overline"`. */
-    overline: string;
-    /** Styles applied to the root element if `variant="inherit"`. */
-    inherit: string;
-    /** Styles applied to the root element if `align="left"`. */
-    alignLeft: string;
-    /** Styles applied to the root element if `align="center"`. */
-    alignCenter: string;
-    /** Styles applied to the root element if `align="right"`. */
-    alignRight: string;
-    /** Styles applied to the root element if `align="justify"`. */
-    alignJustify: string;
-    /** Styles applied to the root element if `nowrap={true}`. */
-    noWrap: string;
-    /** Styles applied to the root element if `gutterBottom={true}`. */
-    gutterBottom: string;
-    /** Styles applied to the root element if `paragraph={true}`. */
-    paragraph: string;
-}
-export declare type TypographyClassKey = keyof TypographyClasses;
-export declare function getTypographyUtilityClass(slot: string): string;
-declare const typographyClasses: TypographyClasses;
-export default typographyClasses;
+export interface TypographyClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `variant="body2"`. */
+    body2: string;
+    /** Styles applied to the root element if `variant="body1"`. */
+    body1: string;
+    /** Styles applied to the root element if `variant="caption"`. */
+    caption: string;
+    /** Styles applied to the root element if `variant="button"`. */
+    button: string;
+    /** Styles applied to the root element if `variant="h1"`. */
+    h1: string;
+    /** Styles applied to the root element if `variant="h2"`. */
+    h2: string;
+    /** Styles applied to the root element if `variant="h3"`. */
+    h3: string;
+    /** Styles applied to the root element if `variant="h4"`. */
+    h4: string;
+    /** Styles applied to the root element if `variant="h5"`. */
+    h5: string;
+    /** Styles applied to the root element if `variant="h6"`. */
+    h6: string;
+    /** Styles applied to the root element if `variant="subtitle1"`. */
+    subtitle1: string;
+    /** Styles applied to the root element if `variant="subtitle2"`. */
+    subtitle2: string;
+    /** Styles applied to the root element if `variant="overline"`. */
+    overline: string;
+    /** Styles applied to the root element if `variant="inherit"`. */
+    inherit: string;
+    /** Styles applied to the root element if `align="left"`. */
+    alignLeft: string;
+    /** Styles applied to the root element if `align="center"`. */
+    alignCenter: string;
+    /** Styles applied to the root element if `align="right"`. */
+    alignRight: string;
+    /** Styles applied to the root element if `align="justify"`. */
+    alignJustify: string;
+    /** Styles applied to the root element if `nowrap={true}`. */
+    noWrap: string;
+    /** Styles applied to the root element if `gutterBottom={true}`. */
+    gutterBottom: string;
+    /** Styles applied to the root element if `paragraph={true}`. */
+    paragraph: string;
+}
+export declare type TypographyClassKey = keyof TypographyClasses;
+export declare function getTypographyUtilityClass(slot: string): string;
+declare const typographyClasses: TypographyClasses;
+export default typographyClasses;

package/className/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Caution! this module must not include unstyled components import from `@mui/base`, otherwise, it will break the ClassNameGenerator.
+ * ❌ import { ... } from '@mui/base';
+ * ✅ import { ... } from '@mui/base/utils'; // must be specific base module
+ *
+ * Issue: https://github.com/mui/material-ui/issues/30011#issuecomment-1024993401
+ */
+export { unstable_ClassNameGenerator } from '@mui/base/className';

package/className/index.js

@@ -0,0 +1,9 @@
+/**
+ * Caution! this module must not include unstyled components import from `@mui/base`, otherwise, it will break the ClassNameGenerator.
+ * ❌ import { ... } from '@mui/base';
+ * ✅ import { ... } from '@mui/base/utils'; // must be specific base module
+ *
+ * Issue: https://github.com/mui/material-ui/issues/30011#issuecomment-1024993401
+ */
+// eslint-disable-next-line import/prefer-default-export
+export { unstable_ClassNameGenerator } from '@mui/base/className';

package/className/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/className/index.js",
+  "types": "./index.d.ts"
+}

package/darkScrollbar/index.d.ts

@@ -1,28 +1,28 @@
-export default function darkScrollbar(options?: {
-    track: string;
-    thumb: string;
-    active: string;
-}): {
-    scrollbarColor: string;
-    '&::-webkit-scrollbar, & *::-webkit-scrollbar': {
-        backgroundColor: string;
-    };
-    '&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb': {
-        borderRadius: number;
-        backgroundColor: string;
-        minHeight: number;
-        border: string;
-    };
-    '&::-webkit-scrollbar-thumb:focus, & *::-webkit-scrollbar-thumb:focus': {
-        backgroundColor: string;
-    };
-    '&::-webkit-scrollbar-thumb:active, & *::-webkit-scrollbar-thumb:active': {
-        backgroundColor: string;
-    };
-    '&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover': {
-        backgroundColor: string;
-    };
-    '&::-webkit-scrollbar-corner, & *::-webkit-scrollbar-corner': {
-        backgroundColor: string;
-    };
-};
+export default function darkScrollbar(options?: {
+    track: string;
+    thumb: string;
+    active: string;
+}): {
+    scrollbarColor: string;
+    '&::-webkit-scrollbar, & *::-webkit-scrollbar': {
+        backgroundColor: string;
+    };
+    '&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb': {
+        borderRadius: number;
+        backgroundColor: string;
+        minHeight: number;
+        border: string;
+    };
+    '&::-webkit-scrollbar-thumb:focus, & *::-webkit-scrollbar-thumb:focus': {
+        backgroundColor: string;
+    };
+    '&::-webkit-scrollbar-thumb:active, & *::-webkit-scrollbar-thumb:active': {
+        backgroundColor: string;
+    };
+    '&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover': {
+        backgroundColor: string;
+    };
+    '&::-webkit-scrollbar-corner, & *::-webkit-scrollbar-corner': {
+        backgroundColor: string;
+    };
+};

package/index.js

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

package/internal/switchBaseClasses.d.ts

@@ -1,12 +1,12 @@
-export interface SwitchBaseClasses {
-    root: string;
-    checked: string;
-    disabled: string;
-    input: string;
-    edgeStart: string;
-    edgeEnd: string;
-}
-export declare type SwitchBaseClassKey = keyof SwitchBaseClasses;
-export declare function getSwitchBaseUtilityClass(slot: string): string;
-declare const switchBaseClasses: SwitchBaseClasses;
-export default switchBaseClasses;
+export interface SwitchBaseClasses {
+    root: string;
+    checked: string;
+    disabled: string;
+    input: string;
+    edgeStart: string;
+    edgeEnd: string;
+}
+export declare type SwitchBaseClassKey = keyof SwitchBaseClasses;
+export declare function getSwitchBaseUtilityClass(slot: string): string;
+declare const switchBaseClasses: SwitchBaseClasses;
+export default switchBaseClasses;

package/legacy/AvatarGroup/AvatarGroup.js

@@ -125,11 +125,13 @@ var AvatarGroup = /*#__PURE__*/React.forwardRef(function AvatarGroup(inProps, re
         marginLeft: marginLeft
       }, (_componentsProps$addi2 = componentsProps.additionalAvatar) == null ? void 0 : _componentsProps$addi2.style),
       children: ["+", extraAvatars]
-    })) : null, children.slice(0, maxAvatars).reverse().map(function (child) {
+    })) : null, children.slice(0, maxAvatars).reverse().map(function (child, index) {
       return /*#__PURE__*/React.cloneElement(child, {
         className: clsx(child.props.className, classes.avatar),
         style: _extends({
-          marginLeft: marginLeft
+          // Consistent with "&:last-child" styling for the default spacing,
+          // we do not apply custom marginLeft spacing on the last child
+          marginLeft: index === maxAvatars - 1 ? undefined : marginLeft
         }, child.props.style),
         variant: child.props.variant || variant
       });

package/legacy/Box/Box.js

@@ -1,5 +1,5 @@
 import { createBox } from '@mui/system';
-import { unstable_ClassNameGenerator as ClassNameGenerator } from '../utils';
+import { unstable_ClassNameGenerator as ClassNameGenerator } from '../className';
 import { createTheme } from '../styles';
 var defaultTheme = createTheme();
 /**

package/legacy/Fab/Fab.js

@@ -45,6 +45,7 @@ var FabRoot = styled(ButtonBase, {
     minWidth: 0,
     width: 56,
     height: 56,
+    zIndex: theme.zIndex.fab,
     boxShadow: theme.shadows[6],
     '&:active': {
       boxShadow: theme.shadows[12]

package/legacy/FilledInput/FilledInput.js

@@ -342,7 +342,7 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes
   minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
 
   /**
-   * If `true`, a `textarea` element is rendered.
+   * If `true`, a [TextareaAutosize](/components/textarea-autosize/) element is rendered.
    * @default false
    */
   multiline: PropTypes.bool,

package/legacy/Grid/Grid.js

@@ -314,10 +314,9 @@ var Grid = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {
 
   var rowSpacing = rowSpacingProp || spacing;
   var columnSpacing = columnSpacingProp || spacing;
-  var columnsContext = React.useContext(GridContext); // setting prop before context to accomodate nesting
-  // colums set with default breakpoint unit of 12
+  var columnsContext = React.useContext(GridContext); // columns set with default breakpoint unit of 12
 
-  var columns = columnsProp || columnsContext || 12;
+  var columns = container ? columnsProp || 12 : columnsContext;
 
   var ownerState = _extends({}, props, {
     columns: columns,
@@ -336,20 +335,15 @@ var Grid = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {
   });
 
   var classes = useUtilityClasses(ownerState);
-
-  var wrapChild = function wrapChild(element) {
-    return columns !== 12 ? /*#__PURE__*/_jsx(GridContext.Provider, {
-      value: columns,
-      children: element
-    }) : element;
-  };
-
-  return wrapChild( /*#__PURE__*/_jsx(GridRoot, _extends({
-    ownerState: ownerState,
-    className: clsx(classes.root, className),
-    as: component,
-    ref: ref
-  }, other)));
+  return /*#__PURE__*/_jsx(GridContext.Provider, {
+    value: columns,
+    children: /*#__PURE__*/_jsx(GridRoot, _extends({
+      ownerState: ownerState,
+      className: clsx(classes.root, className),
+      as: component,
+      ref: ref
+    }, other))
+  });
 });
 process.env.NODE_ENV !== "production" ? Grid.propTypes
 /* remove-proptypes */

package/legacy/Input/Input.js

@@ -269,7 +269,7 @@ process.env.NODE_ENV !== "production" ? Input.propTypes
   minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
 
   /**
-   * If `true`, a `textarea` element is rendered.
+   * If `true`, a [TextareaAutosize](/components/textarea-autosize/) element is rendered.
    * @default false
    */
   multiline: PropTypes.bool,

package/legacy/InputBase/InputBase.js

@@ -642,7 +642,7 @@ process.env.NODE_ENV !== "production" ? InputBase.propTypes
   minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
 
   /**
-   * If `true`, a `textarea` element is rendered.
+   * If `true`, a [TextareaAutosize](/components/textarea-autosize/) element is rendered.
    * @default false
    */
   multiline: PropTypes.bool,

package/legacy/OutlinedInput/NotchedOutline.js

@@ -57,7 +57,9 @@ var NotchedOutlineLegend = styled('legend')(function (_ref) {
     '& > span': {
       paddingLeft: 5,
       paddingRight: 5,
-      display: 'inline-block'
+      display: 'inline-block',
+      opacity: 0,
+      visibility: 'visible'
     }
   }, ownerState.notched && {
     maxWidth: '100%',

package/legacy/OutlinedInput/OutlinedInput.js

@@ -272,7 +272,7 @@ process.env.NODE_ENV !== "production" ? OutlinedInput.propTypes
   minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
 
   /**
-   * If `true`, a `textarea` element is rendered.
+   * If `true`, a [TextareaAutosize](/components/textarea-autosize/) element is rendered.
    * @default false
    */
   multiline: PropTypes.bool,

package/legacy/Popper/Popper.js

@@ -1,11 +1,18 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
 import PopperUnstyled from '@mui/base/PopperUnstyled';
-import { HTMLElementType, refType } from '@mui/utils';
 import { useThemeWithoutDefault as useTheme } from '@mui/system';
+import { HTMLElementType, refType } from '@mui/utils';
+import PropTypes from 'prop-types';
+import * as React from 'react';
+import { styled, useThemeProps } from '../styles';
 import { jsx as _jsx } from "react/jsx-runtime";
-
+var PopperRoot = styled(PopperUnstyled, {
+  name: 'MuiPopper',
+  slot: 'Root',
+  overridesResolver: function overridesResolver(props, styles) {
+    return styles.root;
+  }
+})({});
 /**
  *
  * Demos:
@@ -18,9 +25,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  * - [Popper API](https://mui.com/api/popper/)
  */
-var Popper = /*#__PURE__*/React.forwardRef(function Popper(props, ref) {
+
+var Popper = /*#__PURE__*/React.forwardRef(function Popper(inProps, ref) {
   var theme = useTheme();
-  return /*#__PURE__*/_jsx(PopperUnstyled, _extends({
+  var props = useThemeProps({
+    props: inProps,
+    name: 'MuiPopper'
+  });
+  return /*#__PURE__*/_jsx(PopperRoot, _extends({
     direction: theme == null ? void 0 : theme.direction
   }, props, {
     ref: ref
@@ -124,6 +136,11 @@ process.env.NODE_ENV !== "production" ? Popper.propTypes
    */
   popperRef: refType,
 
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+
   /**
    * Help supporting a react-transition-group/Transition component.
    * @default false

package/legacy/Snackbar/Snackbar.js

@@ -290,7 +290,7 @@ var Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
       onMouseLeave: handleMouseLeave,
       ownerState: ownerState,
       ref: ref // ClickAwayListener adds an `onClick` prop which results in the alert not being announced.
-      // See https://github.com/mui-org/material-ui/issues/29080
+      // See https://github.com/mui/material-ui/issues/29080
       ,
       role: "presentation"
     }, other, {

package/legacy/SvgIcon/SvgIcon.js

@@ -83,6 +83,7 @@ var SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
     color: color,
     component: component,
     fontSize: fontSize,
+    instanceFontSize: inProps.fontSize,
     inheritViewBox: inheritViewBox,
     viewBox: viewBox
   });

package/legacy/className/index.js

@@ -0,0 +1,9 @@
+/**
+ * Caution! this module must not include unstyled components import from `@mui/base`, otherwise, it will break the ClassNameGenerator.
+ * ❌ import { ... } from '@mui/base';
+ * ✅ import { ... } from '@mui/base/utils'; // must be specific base module
+ *
+ * Issue: https://github.com/mui/material-ui/issues/30011#issuecomment-1024993401
+ */
+// eslint-disable-next-line import/prefer-default-export
+export { unstable_ClassNameGenerator } from '@mui/base/className';

package/legacy/index.js

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