@mui/material 5.4.3 → 5.5.1

package/locale/index.d.ts

@@ -1,68 +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 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 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 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/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/AvatarGroup/AvatarGroup.js

@@ -121,11 +121,13 @@ const AvatarGroup = /*#__PURE__*/React.forwardRef(function AvatarGroup(inProps,
         marginLeft
       }, componentsProps.additionalAvatar?.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: clsx(child.props.className, classes.avatar),
         style: _extends({
-          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/modern/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';
 const defaultTheme = createTheme();
 /**

package/modern/Chip/Chip.js

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

package/modern/Fab/Fab.js

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

package/modern/FilledInput/FilledInput.js

@@ -344,7 +344,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/modern/FilledInput/filledInputClasses.js

@@ -1,6 +1,10 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import { generateUtilityClasses, generateUtilityClass } from '@mui/base';
+import { inputBaseClasses } from '../InputBase';
 export function getFilledInputUtilityClass(slot) {
   return generateUtilityClass('MuiFilledInput', slot);
 }
-const filledInputClasses = generateUtilityClasses('MuiFilledInput', ['root', 'colorSecondary', 'underline', 'focused', 'disabled', 'adornedStart', 'adornedEnd', 'error', 'sizeSmall', 'multiline', 'hiddenLabel', 'input', 'inputSizeSmall', 'inputHiddenLabel', 'inputMultiline', 'inputAdornedStart', 'inputAdornedEnd']);
+
+const filledInputClasses = _extends({}, inputBaseClasses, generateUtilityClasses('MuiFilledInput', ['root', 'underline', 'input']));
+
 export default filledInputClasses;

package/modern/Grid/Grid.js

@@ -314,10 +314,9 @@ const Grid = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {
 
   const rowSpacing = rowSpacingProp || spacing;
   const columnSpacing = columnSpacingProp || spacing;
-  const columnsContext = React.useContext(GridContext); // setting prop before context to accomodate nesting
-  // colums set with default breakpoint unit of 12
+  const columnsContext = React.useContext(GridContext); // columns set with default breakpoint unit of 12
 
-  const columns = columnsProp || columnsContext || 12;
+  const columns = container ? columnsProp || 12 : columnsContext;
 
   const ownerState = _extends({}, props, {
     columns,
@@ -336,18 +335,15 @@ const Grid = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {
   });
 
   const classes = useUtilityClasses(ownerState);
-
-  const wrapChild = element => columns !== 12 ? /*#__PURE__*/_jsx(GridContext.Provider, {
+  return /*#__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)));
+    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/modern/Input/Input.js

@@ -271,7 +271,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/modern/Input/inputClasses.js

@@ -1,6 +1,10 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import { generateUtilityClasses, generateUtilityClass } from '@mui/base';
+import { inputBaseClasses } from '../InputBase';
 export function getInputUtilityClass(slot) {
   return generateUtilityClass('MuiInput', slot);
 }
-const inputClasses = generateUtilityClasses('MuiInput', ['root', 'formControl', 'focused', 'disabled', 'colorSecondary', 'underline', 'error', 'sizeSmall', 'multiline', 'fullWidth', 'input', 'inputSizeSmall', 'inputMultiline', 'inputTypeSearch']);
+
+const inputClasses = _extends({}, inputBaseClasses, generateUtilityClasses('MuiInput', ['root', 'underline', 'input']));
+
 export default inputClasses;

package/modern/InputBase/InputBase.js

@@ -633,7 +633,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/modern/OutlinedInput/NotchedOutline.js

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

package/modern/OutlinedInput/OutlinedInput.js

@@ -270,7 +270,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/modern/OutlinedInput/outlinedInputClasses.js

@@ -1,6 +1,10 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import { generateUtilityClasses, generateUtilityClass } from '@mui/base';
+import { inputBaseClasses } from '../InputBase';
 export function getOutlinedInputUtilityClass(slot) {
   return generateUtilityClass('MuiOutlinedInput', slot);
 }
-const outlinedInputClasses = generateUtilityClasses('MuiOutlinedInput', ['root', 'colorSecondary', 'focused', 'disabled', 'adornedStart', 'adornedEnd', 'error', 'sizeSmall', 'multiline', 'notchedOutline', 'input', 'inputSizeSmall', 'inputMultiline', 'inputAdornedStart', 'inputAdornedEnd']);
+
+const outlinedInputClasses = _extends({}, inputBaseClasses, generateUtilityClasses('MuiOutlinedInput', ['root', 'notchedOutline', 'input']));
+
 export default outlinedInputClasses;

package/modern/Popper/Popper.js

@@ -4,6 +4,7 @@ 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 useThemeProps from '../styles/useThemeProps';
 import { jsx as _jsx } from "react/jsx-runtime";
 
 /**
@@ -18,8 +19,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  * - [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 = useTheme();
+  const props = useThemeProps({
+    props: inProps,
+    name: 'MuiPopper'
+  });
   return /*#__PURE__*/_jsx(PopperUnstyled, _extends({
     direction: theme?.direction
   }, props, {
@@ -90,7 +95,7 @@ process.env.NODE_ENV !== "production" ? Popper.propTypes
     effect: PropTypes.func,
     enabled: PropTypes.bool,
     fn: PropTypes.func,
-    name: PropTypes.any.isRequired,
+    name: PropTypes.any,
     options: PropTypes.object,
     phase: PropTypes.oneOf(['afterMain', 'afterRead', 'afterWrite', 'beforeMain', 'beforeRead', 'beforeWrite', 'main', 'read', 'write']),
     requires: PropTypes.arrayOf(PropTypes.string),

package/modern/Snackbar/Snackbar.js

@@ -291,7 +291,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/modern/SvgIcon/SvgIcon.js

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