@mui/material 5.4.3 → 5.5.1

package/modern/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/modern/index.js

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

package/modern/locale/index.js

@@ -1500,6 +1500,96 @@ export const hiIN = {
       }
     }
   }
+}; // Croatian - Hrvatski
+
+export const hrHR = {
+  components: {
+    MuiBreadcrumbs: {
+      defaultProps: {
+        expandText: 'Pokaži putanju'
+      }
+    },
+    MuiTablePagination: {
+      defaultProps: {
+        getItemAriaLabel: type => {
+          if (type === 'first') {
+            return 'Idi na prvu stranicu';
+          }
+
+          if (type === 'last') {
+            return 'Idi na posljednju stranicu';
+          }
+
+          if (type === 'next') {
+            return 'Idi na sljedeću stranicu';
+          } // if (type === 'previous') {
+
+
+          return 'Idi na prethodnu stranicu';
+        },
+        labelRowsPerPage: 'Redova po stranici:',
+        labelDisplayedRows: ({
+          from,
+          to,
+          count
+        }) => `${from}–${to} od ${count !== -1 ? count : `više nego ${to}`}`
+      }
+    },
+    MuiRating: {
+      defaultProps: {
+        getLabelText: value => {
+          const lastDigit = value % 10;
+          const lastTwoDigits = value % 100;
+
+          if ([2, 3, 4].includes(lastDigit) && ![12, 13, 14].includes(lastTwoDigits)) {
+            return 'Zvijezde';
+          }
+
+          return 'Zvijezda';
+        },
+        emptyLabelText: 'Prazno'
+      }
+    },
+    MuiAutocomplete: {
+      defaultProps: {
+        clearText: 'Briši',
+        closeText: 'Zatvori',
+        loadingText: 'Učitavanje…',
+        noOptionsText: 'Nema opcija',
+        openText: 'Otvori'
+      }
+    },
+    MuiAlert: {
+      defaultProps: {
+        closeText: 'Zatvori'
+      }
+    },
+    MuiPagination: {
+      defaultProps: {
+        'aria-label': 'Navigacija po stranicama',
+        getItemAriaLabel: (type, page, selected) => {
+          if (type === 'page') {
+            return `${selected ? '' : 'Idi na '}stranicu ${page}`;
+          }
+
+          if (type === 'first') {
+            return 'Idi na prvu stranicu';
+          }
+
+          if (type === 'last') {
+            return 'Idi na zadnju stranicu';
+          }
+
+          if (type === 'next') {
+            return 'Idi na sljedeću stranicu';
+          } // if (type === 'previous') {
+
+
+          return 'Idi na prethodnu stranicu';
+        }
+      }
+    }
+  }
 };
 export const huHU = {
   components: {
@@ -2191,6 +2281,90 @@ export const kzKZ = {
       }
     }
   }
+}; // Macedonian - Македонски
+
+export const mkMK = {
+  components: {
+    MuiBreadcrumbs: {
+      defaultProps: {
+        expandText: 'Прикажи патека'
+      }
+    },
+    MuiTablePagination: {
+      defaultProps: {
+        getItemAriaLabel: type => {
+          if (type === 'first') {
+            return 'Оди на прва страница';
+          }
+
+          if (type === 'last') {
+            return 'Оди на последна страница';
+          }
+
+          if (type === 'next') {
+            return 'Оди на следна страница';
+          } // if (type === 'previous') {
+
+
+          return 'Оди на предходна страница';
+        },
+        labelRowsPerPage: 'Редови по страница:',
+        labelDisplayedRows: ({
+          from,
+          to,
+          count
+        }) => `${from}–${to} од ${count !== -1 ? count : `повеќе од ${to}`}`
+      }
+    },
+    MuiRating: {
+      defaultProps: {
+        getLabelText: value => {
+          const lastDigit = value % 10;
+          return `${value} Ѕвезд${lastDigit === 1 ? 'а' : 'и'}`;
+        },
+        emptyLabelText: 'Празно'
+      }
+    },
+    MuiAutocomplete: {
+      defaultProps: {
+        clearText: 'Избриши',
+        closeText: 'Затвори',
+        loadingText: 'Се презема',
+        noOptionsText: 'Нема опција',
+        openText: 'Отвори'
+      }
+    },
+    MuiAlert: {
+      defaultProps: {
+        closeText: 'Затвори'
+      }
+    },
+    MuiPagination: {
+      defaultProps: {
+        'aria-label': 'Навигација низ страници',
+        getItemAriaLabel: (type, page, selected) => {
+          if (type === 'page') {
+            return `${selected ? '' : 'Оди на '}страница ${page}`;
+          }
+
+          if (type === 'first') {
+            return 'Оди на прва страница';
+          }
+
+          if (type === 'last') {
+            return 'Оди на последна страница';
+          }
+
+          if (type === 'next') {
+            return 'Оди на следна страница';
+          } // if (type === 'previous') {
+
+
+          return 'Оди на предходна страница';
+        }
+      }
+    }
+  }
 };
 export const nbNO = {
   components: {
@@ -2679,6 +2853,96 @@ export const roRO = {
       }
     }
   }
+}; // Serbian - Srpski
+
+export const srRS = {
+  components: {
+    MuiBreadcrumbs: {
+      defaultProps: {
+        expandText: 'Pokaži putanju'
+      }
+    },
+    MuiTablePagination: {
+      defaultProps: {
+        getItemAriaLabel: type => {
+          if (type === 'first') {
+            return 'Idi na prvu stranicu';
+          }
+
+          if (type === 'last') {
+            return 'Idi na poslednju stranicu';
+          }
+
+          if (type === 'next') {
+            return 'Idi na sledeću stranicu';
+          } // if (type === 'previous') {
+
+
+          return 'Idi na prethodnu stranicu';
+        },
+        labelRowsPerPage: 'Redova po stranici:',
+        labelDisplayedRows: ({
+          from,
+          to,
+          count
+        }) => `${from}–${to} od ${count !== -1 ? count : `više nego ${to}`}`
+      }
+    },
+    MuiRating: {
+      defaultProps: {
+        getLabelText: value => {
+          const lastDigit = value % 10;
+          const lastTwoDigits = value % 100;
+
+          if ([2, 3, 4].includes(lastDigit) && ![12, 13, 14].includes(lastTwoDigits)) {
+            return 'Zvezde';
+          }
+
+          return 'Zvezda';
+        },
+        emptyLabelText: 'Prazno'
+      }
+    },
+    MuiAutocomplete: {
+      defaultProps: {
+        clearText: 'Briši',
+        closeText: 'Zatvori',
+        loadingText: 'Učitavanje…',
+        noOptionsText: 'Nema opcija',
+        openText: 'Otvori'
+      }
+    },
+    MuiAlert: {
+      defaultProps: {
+        closeText: 'Zatvori'
+      }
+    },
+    MuiPagination: {
+      defaultProps: {
+        'aria-label': 'Navigacija po stranicama',
+        getItemAriaLabel: (type, page, selected) => {
+          if (type === 'page') {
+            return `${selected ? '' : 'Idi na '}stranicu ${page}`;
+          }
+
+          if (type === 'first') {
+            return 'Idi na prvu stranicu';
+          }
+
+          if (type === 'last') {
+            return 'Idi na zadnju stranicu';
+          }
+
+          if (type === 'next') {
+            return 'Idi na sledeću stranicu';
+          } // if (type === 'previous') {
+
+
+          return 'Idi na prethodnu stranicu';
+        }
+      }
+    }
+  }
 };
 export const ruRU = {
   components: {

package/modern/styles/makeStyles.js

@@ -1,6 +1,6 @@
 import { formatMuiErrorMessage as _formatMuiErrorMessage } from "@mui/utils";
 export default function makeStyles() {
-  throw new Error(process.env.NODE_ENV !== "production" ? `MUI: makeStyles is not longer exported from @mui/material/styles.
+  throw new Error(process.env.NODE_ENV !== "production" ? `MUI: makeStyles is no longer exported from @mui/material/styles.
 You have to import it from @mui/styles.
 See https://mui.com/r/migration-v4/#mui-material-styles for more details.` : _formatMuiErrorMessage(14));
 }

package/modern/styles/withStyles.js

@@ -1,6 +1,6 @@
 import { formatMuiErrorMessage as _formatMuiErrorMessage } from "@mui/utils";
 export default function withStyles() {
-  throw new Error(process.env.NODE_ENV !== "production" ? `MUI: withStyles is not longer exported from @mui/material/styles.
+  throw new Error(process.env.NODE_ENV !== "production" ? `MUI: withStyles is no longer exported from @mui/material/styles.
 You have to import it from @mui/styles.
 See https://mui.com/r/migration-v4/#mui-material-styles for more details.` : _formatMuiErrorMessage(15));
 }

package/modern/styles/withTheme.js

@@ -1,6 +1,6 @@
 import { formatMuiErrorMessage as _formatMuiErrorMessage } from "@mui/utils";
 export default function withTheme() {
-  throw new Error(process.env.NODE_ENV !== "production" ? `MUI: withTheme is not longer exported from @mui/material/styles.
+  throw new Error(process.env.NODE_ENV !== "production" ? `MUI: withTheme is no longer exported from @mui/material/styles.
 You have to import it from @mui/styles.
 See https://mui.com/r/migration-v4/#mui-material-styles for more details.` : _formatMuiErrorMessage(16));
 }

package/modern/styles/zIndex.js

@@ -2,6 +2,7 @@
 // like global values in the browser.
 const zIndex = {
   mobileStepper: 1000,
+  fab: 1050,
   speedDial: 1050,
   appBar: 1100,
   drawer: 1200,

package/modern/utils/index.js

@@ -1,3 +1,4 @@
+import { unstable_ClassNameGenerator as ClassNameGenerator } from '@mui/base/className';
 export { default as capitalize } from './capitalize';
 export { default as createChainedFunction } from './createChainedFunction';
 export { default as createSvgIcon } from './createSvgIcon';
@@ -14,5 +15,12 @@ export { default as unsupportedProp } from './unsupportedProp';
 export { default as useControlled } from './useControlled';
 export { default as useEventCallback } from './useEventCallback';
 export { default as useForkRef } from './useForkRef';
-export { default as useIsFocusVisible } from './useIsFocusVisible';
-export { unstable_ClassNameGenerator } from '@mui/base';
+export { default as useIsFocusVisible } from './useIsFocusVisible'; // TODO: remove this export once ClassNameGenerator is stable
+// eslint-disable-next-line @typescript-eslint/naming-convention
+
+export const unstable_ClassNameGenerator = {
+  configure: generator => {
+    console.warn(['MUI: `ClassNameGenerator` import from `@mui/material/utils` is outdated and might cause unexpected issues.', '', "You should use `import { unstable_ClassNameGenerator } from '@mui/material/className'` instead", '', 'The detail of the issue: https://github.com/mui/material-ui/issues/30011#issuecomment-1024993401', '', 'The updated documentation: https://mui.com/guides/classname-generator/'].join('\n'));
+    ClassNameGenerator.configure(generator);
+  }
+};

package/node/AvatarGroup/AvatarGroup.js

@@ -146,11 +146,13 @@ const AvatarGroup = /*#__PURE__*/React.forwardRef(function AvatarGroup(inProps,
         marginLeft
       }, (_componentsProps$addi2 = componentsProps.additionalAvatar) == null ? void 0 : _componentsProps$addi2.style),
       children: ["+", extraAvatars]
-    })) : null, children.slice(0, maxAvatars).reverse().map(child => {
+    })) : null, children.slice(0, maxAvatars).reverse().map((child, index) => {
       return /*#__PURE__*/React.cloneElement(child, {
         className: (0, _clsx.default)(child.props.className, classes.avatar),
         style: (0, _extends2.default)({
-          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/node/Box/Box.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _system = require("@mui/system");
 
-var _utils = require("../utils");
+var _className = require("../className");
 
 var _styles = require("../styles");
 
@@ -19,7 +19,7 @@ const defaultTheme = (0, _styles.createTheme)();
 const Box = (0, _system.createBox)({
   defaultTheme,
   defaultClassName: 'MuiBox-root',
-  generateClassName: _utils.unstable_ClassNameGenerator.generate
+  generateClassName: _className.unstable_ClassNameGenerator.generate
 });
 var _default = Box;
 exports.default = _default;

package/node/Chip/Chip.js

@@ -107,6 +107,7 @@ const ChipRoot = (0, _styled.default)('div', {
 }) => {
   const deleteIconColor = (0, _system.alpha)(theme.palette.text.primary, 0.26);
   return (0, _extends2.default)({
+    maxWidth: '100%',
     fontFamily: theme.typography.fontFamily,
     fontSize: theme.typography.pxToRem(13),
     display: 'inline-flex',

package/node/Fab/Fab.js

@@ -72,6 +72,7 @@ const FabRoot = (0, _styled.default)(_ButtonBase.default, {
   minWidth: 0,
   width: 56,
   height: 56,
+  zIndex: theme.zIndex.fab,
   boxShadow: theme.shadows[6],
   '&:active': {
     boxShadow: theme.shadows[12]

package/node/FilledInput/FilledInput.js

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

package/node/FilledInput/filledInputClasses.js

@@ -1,17 +1,23 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getFilledInputUtilityClass = getFilledInputUtilityClass;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _base = require("@mui/base");
 
+var _InputBase = require("../InputBase");
+
 function getFilledInputUtilityClass(slot) {
   return (0, _base.generateUtilityClass)('MuiFilledInput', slot);
 }
 
-const filledInputClasses = (0, _base.generateUtilityClasses)('MuiFilledInput', ['root', 'colorSecondary', 'underline', 'focused', 'disabled', 'adornedStart', 'adornedEnd', 'error', 'sizeSmall', 'multiline', 'hiddenLabel', 'input', 'inputSizeSmall', 'inputHiddenLabel', 'inputMultiline', 'inputAdornedStart', 'inputAdornedEnd']);
+const filledInputClasses = (0, _extends2.default)({}, _InputBase.inputBaseClasses, (0, _base.generateUtilityClasses)('MuiFilledInput', ['root', 'underline', 'input']));
 var _default = filledInputClasses;
 exports.default = _default;

package/node/Grid/Grid.js

@@ -338,10 +338,9 @@ const Grid = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {
         other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const rowSpacing = rowSpacingProp || spacing;
   const columnSpacing = columnSpacingProp || spacing;
-  const columnsContext = React.useContext(_GridContext.default); // setting prop before context to accomodate nesting
-  // colums set with default breakpoint unit of 12
+  const columnsContext = React.useContext(_GridContext.default); // columns set with default breakpoint unit of 12
 
-  const columns = columnsProp || columnsContext || 12;
+  const columns = container ? columnsProp || 12 : columnsContext;
   const ownerState = (0, _extends2.default)({}, props, {
     columns,
     container,
@@ -358,18 +357,15 @@ const Grid = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {
     zeroMinWidth
   });
   const classes = useUtilityClasses(ownerState);
-
-  const wrapChild = element => columns !== 12 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridContext.default.Provider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridContext.default.Provider, {
     value: columns,
-    children: element
-  }) : element;
-
-  return wrapChild( /*#__PURE__*/(0, _jsxRuntime.jsx)(GridRoot, (0, _extends2.default)({
-    ownerState: ownerState,
-    className: (0, _clsx.default)(classes.root, className),
-    as: component,
-    ref: ref
-  }, other)));
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(GridRoot, (0, _extends2.default)({
+      ownerState: ownerState,
+      className: (0, _clsx.default)(classes.root, className),
+      as: component,
+      ref: ref
+    }, other))
+  });
 });
 process.env.NODE_ENV !== "production" ? Grid.propTypes
 /* remove-proptypes */

package/node/Input/Input.js

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

package/node/Input/inputClasses.js

@@ -1,17 +1,23 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getInputUtilityClass = getInputUtilityClass;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _base = require("@mui/base");
 
+var _InputBase = require("../InputBase");
+
 function getInputUtilityClass(slot) {
   return (0, _base.generateUtilityClass)('MuiInput', slot);
 }
 
-const inputClasses = (0, _base.generateUtilityClasses)('MuiInput', ['root', 'formControl', 'focused', 'disabled', 'colorSecondary', 'underline', 'error', 'sizeSmall', 'multiline', 'fullWidth', 'input', 'inputSizeSmall', 'inputMultiline', 'inputTypeSearch']);
+const inputClasses = (0, _extends2.default)({}, _InputBase.inputBaseClasses, (0, _base.generateUtilityClasses)('MuiInput', ['root', 'underline', 'input']));
 var _default = inputClasses;
 exports.default = _default;

package/node/InputBase/InputBase.js

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

package/node/OutlinedInput/NotchedOutline.js

@@ -47,7 +47,9 @@ const NotchedOutlineLegend = (0, _styled.default)('legend')(({
   ownerState,
   theme
 }) => (0, _extends2.default)({
-  float: 'unset'
+  float: 'unset',
+  // Fix conflict with bootstrap
+  overflow: 'hidden'
 }, !ownerState.withLabel && {
   padding: 0,
   lineHeight: '11px',
@@ -75,7 +77,9 @@ const NotchedOutlineLegend = (0, _styled.default)('legend')(({
   '& > span': {
     paddingLeft: 5,
     paddingRight: 5,
-    display: 'inline-block'
+    display: 'inline-block',
+    opacity: 0,
+    visibility: 'visible'
   }
 }, ownerState.notched && {
   maxWidth: '100%',

package/node/OutlinedInput/OutlinedInput.js

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

package/node/OutlinedInput/outlinedInputClasses.js

@@ -1,17 +1,23 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getOutlinedInputUtilityClass = getOutlinedInputUtilityClass;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _base = require("@mui/base");
 
+var _InputBase = require("../InputBase");
+
 function getOutlinedInputUtilityClass(slot) {
   return (0, _base.generateUtilityClass)('MuiOutlinedInput', slot);
 }
 
-const outlinedInputClasses = (0, _base.generateUtilityClasses)('MuiOutlinedInput', ['root', 'colorSecondary', 'focused', 'disabled', 'adornedStart', 'adornedEnd', 'error', 'sizeSmall', 'multiline', 'notchedOutline', 'input', 'inputSizeSmall', 'inputMultiline', 'inputAdornedStart', 'inputAdornedEnd']);
+const outlinedInputClasses = (0, _extends2.default)({}, _InputBase.inputBaseClasses, (0, _base.generateUtilityClasses)('MuiOutlinedInput', ['root', 'notchedOutline', 'input']));
 var _default = outlinedInputClasses;
 exports.default = _default;

package/node/Popper/Popper.js

@@ -19,6 +19,8 @@ var _utils = require("@mui/utils");
 
 var _system = require("@mui/system");
 
+var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -37,8 +39,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  *
  * - [Popper API](https://mui.com/api/popper/)
  */
-const Popper = /*#__PURE__*/React.forwardRef(function Popper(props, ref) {
+const Popper = /*#__PURE__*/React.forwardRef(function Popper(inProps, ref) {
   const theme = (0, _system.useThemeWithoutDefault)();
+  const props = (0, _useThemeProps.default)({
+    props: inProps,
+    name: 'MuiPopper'
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PopperUnstyled.default, (0, _extends2.default)({
     direction: theme == null ? void 0 : theme.direction
   }, props, {
@@ -109,7 +115,7 @@ process.env.NODE_ENV !== "production" ? Popper.propTypes
     effect: _propTypes.default.func,
     enabled: _propTypes.default.bool,
     fn: _propTypes.default.func,
-    name: _propTypes.default.any.isRequired,
+    name: _propTypes.default.any,
     options: _propTypes.default.object,
     phase: _propTypes.default.oneOf(['afterMain', 'afterRead', 'afterWrite', 'beforeMain', 'beforeRead', 'beforeWrite', 'main', 'read', 'write']),
     requires: _propTypes.default.arrayOf(_propTypes.default.string),

package/node/Snackbar/Snackbar.js

@@ -315,7 +315,7 @@ const 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/node/SvgIcon/SvgIcon.js

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

package/node/className/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "unstable_ClassNameGenerator", {
+  enumerable: true,
+  get: function () {
+    return _className.unstable_ClassNameGenerator;
+  }
+});
+
+var _className = require("@mui/base/className");