@mui/material 5.10.2 → 5.10.5

package/locale/index.js

@@ -1,4 +1,10 @@
-export const amET = {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.zhTW = exports.zhHK = exports.zhCN = exports.viVN = exports.ukUA = exports.trTR = exports.thTH = exports.svSE = exports.srRS = exports.skSK = exports.siLK = exports.ruRU = exports.roRO = exports.ptPT = exports.ptBR = exports.plPL = exports.nlNL = exports.nbNO = exports.mkMK = exports.kzKZ = exports.koKR = exports.khKH = exports.jaJP = exports.itIT = exports.isIS = exports.idID = exports.hyAM = exports.huHU = exports.hrHR = exports.hiIN = exports.heIL = exports.frFR = exports.fiFI = exports.faIR = exports.etEE = exports.esES = exports.enUS = exports.elGR = exports.deDE = exports.daDK = exports.csCZ = exports.caES = exports.bnBD = exports.bgBG = exports.azAZ = exports.arSD = exports.arEG = exports.amET = void 0;
+const amET = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -78,7 +84,8 @@ export const amET = {
     }
   }
 };
-export const arEG = {
+exports.amET = amET;
+const arEG = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -158,7 +165,8 @@ export const arEG = {
     }
   }
 };
-export const arSD = {
+exports.arEG = arEG;
+const arSD = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -238,7 +246,8 @@ export const arSD = {
     }
   }
 };
-export const azAZ = {
+exports.arSD = arSD;
+const azAZ = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -324,7 +333,8 @@ export const azAZ = {
     }
   }
 };
-export const bnBD = {
+exports.azAZ = azAZ;
+const bnBD = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -404,7 +414,8 @@ export const bnBD = {
     }
   }
 };
-export const bgBG = {
+exports.bnBD = bnBD;
+const bgBG = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -481,7 +492,8 @@ export const bgBG = {
     }
   }
 };
-export const caES = {
+exports.bgBG = bgBG;
+const caES = {
   components: {
     // MuiBreadcrumbs: {
     //   defaultProps: {
@@ -551,7 +563,8 @@ export const caES = {
 
   }
 };
-export const csCZ = {
+exports.caES = caES;
+const csCZ = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -641,7 +654,8 @@ export const csCZ = {
     }
   }
 };
-export const daDK = {
+exports.csCZ = csCZ;
+const daDK = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -721,7 +735,8 @@ export const daDK = {
     }
   }
 };
-export const deDE = {
+exports.daDK = daDK;
+const deDE = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -801,7 +816,8 @@ export const deDE = {
     }
   }
 };
-export const elGR = {
+exports.deDE = deDE;
+const elGR = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -882,7 +898,8 @@ export const elGR = {
   }
 }; // default
 
-export const enUS = {
+exports.elGR = elGR;
+const enUS = {
   /*
   components: {
     MuiBreadcrumbs: { defaultProps: {
@@ -942,7 +959,8 @@ export const enUS = {
   },
   */
 };
-export const esES = {
+exports.enUS = enUS;
+const esES = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -1022,7 +1040,8 @@ export const esES = {
     }
   }
 };
-export const etEE = {
+exports.esES = esES;
+const etEE = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -1102,7 +1121,8 @@ export const etEE = {
     }
   }
 };
-export const faIR = {
+exports.etEE = etEE;
+const faIR = {
   components: {
     // MuiBreadcrumbs: {
     //   defaultProps: {
@@ -1184,7 +1204,8 @@ export const faIR = {
     }
   }
 };
-export const fiFI = {
+exports.faIR = faIR;
+const fiFI = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -1264,7 +1285,8 @@ export const fiFI = {
     }
   }
 };
-export const frFR = {
+exports.fiFI = fiFI;
+const frFR = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -1344,7 +1366,8 @@ export const frFR = {
     }
   }
 };
-export const heIL = {
+exports.frFR = frFR;
+const heIL = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -1424,7 +1447,8 @@ export const heIL = {
     }
   }
 };
-export const hiIN = {
+exports.heIL = heIL;
+const hiIN = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -1505,7 +1529,8 @@ export const hiIN = {
   }
 }; // Croatian - Hrvatski
 
-export const hrHR = {
+exports.hiIN = hiIN;
+const hrHR = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -1594,7 +1619,8 @@ export const hrHR = {
     }
   }
 };
-export const huHU = {
+exports.hrHR = hrHR;
+const huHU = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -1671,7 +1697,8 @@ export const huHU = {
     }
   }
 };
-export const hyAM = {
+exports.huHU = huHU;
+const hyAM = {
   components: {
     // MuiBreadcrumbs: {
     //   defaultProps: {
@@ -1741,7 +1768,8 @@ export const hyAM = {
 
   }
 };
-export const idID = {
+exports.hyAM = hyAM;
+const idID = {
   components: {
     // MuiBreadcrumbs: {
     //   defaultProps: {
@@ -1811,7 +1839,8 @@ export const idID = {
 
   }
 };
-export const isIS = {
+exports.idID = idID;
+const isIS = {
   components: {
     // MuiBreadcrumbs: {
     //   defaultProps: {
@@ -1881,7 +1910,8 @@ export const isIS = {
 
   }
 };
-export const itIT = {
+exports.isIS = isIS;
+const itIT = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -1961,7 +1991,8 @@ export const itIT = {
     }
   }
 };
-export const jaJP = {
+exports.itIT = itIT;
+const jaJP = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2041,7 +2072,8 @@ export const jaJP = {
     }
   }
 };
-export const khKH = {
+exports.jaJP = jaJP;
+const khKH = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2121,7 +2153,8 @@ export const khKH = {
     }
   }
 };
-export const koKR = {
+exports.khKH = khKH;
+const koKR = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2201,7 +2234,8 @@ export const koKR = {
     }
   }
 };
-export const kzKZ = {
+exports.koKR = koKR;
+const kzKZ = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2286,7 +2320,8 @@ export const kzKZ = {
   }
 }; // Macedonian - Македонски
 
-export const mkMK = {
+exports.kzKZ = kzKZ;
+const mkMK = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2369,7 +2404,8 @@ export const mkMK = {
     }
   }
 };
-export const nbNO = {
+exports.mkMK = mkMK;
+const nbNO = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2449,7 +2485,8 @@ export const nbNO = {
     }
   }
 };
-export const nlNL = {
+exports.nbNO = nbNO;
+const nlNL = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2529,7 +2566,8 @@ export const nlNL = {
     }
   }
 };
-export const plPL = {
+exports.nlNL = nlNL;
+const plPL = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2620,7 +2658,8 @@ export const plPL = {
     }
   }
 };
-export const ptBR = {
+exports.plPL = plPL;
+const ptBR = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2700,7 +2739,8 @@ export const ptBR = {
     }
   }
 };
-export const ptPT = {
+exports.ptBR = ptBR;
+const ptPT = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2780,7 +2820,8 @@ export const ptPT = {
     }
   }
 };
-export const roRO = {
+exports.ptPT = ptPT;
+const roRO = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2858,7 +2899,8 @@ export const roRO = {
   }
 }; // Serbian - Srpski
 
-export const srRS = {
+exports.roRO = roRO;
+const srRS = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2947,7 +2989,8 @@ export const srRS = {
     }
   }
 };
-export const ruRU = {
+exports.srRS = srRS;
+const ruRU = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -3042,7 +3085,8 @@ export const ruRU = {
     }
   }
 };
-export const siLK = {
+exports.ruRU = ruRU;
+const siLK = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -3122,7 +3166,8 @@ export const siLK = {
     }
   }
 };
-export const skSK = {
+exports.siLK = siLK;
+const skSK = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -3212,7 +3257,8 @@ export const skSK = {
     }
   }
 };
-export const svSE = {
+exports.skSK = skSK;
+const svSE = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -3292,7 +3338,8 @@ export const svSE = {
     }
   }
 };
-export const thTH = {
+exports.svSE = svSE;
+const thTH = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -3372,7 +3419,8 @@ export const thTH = {
     }
   }
 };
-export const trTR = {
+exports.thTH = thTH;
+const trTR = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -3449,7 +3497,8 @@ export const trTR = {
     }
   }
 };
-export const ukUA = {
+exports.trTR = trTR;
+const ukUA = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -3540,7 +3589,8 @@ export const ukUA = {
     }
   }
 };
-export const viVN = {
+exports.ukUA = ukUA;
+const viVN = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -3620,7 +3670,8 @@ export const viVN = {
     }
   }
 };
-export const zhCN = {
+exports.viVN = viVN;
+const zhCN = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -3674,7 +3725,8 @@ export const zhCN = {
     }
   }
 };
-export const zhHK = {
+exports.zhCN = zhCN;
+const zhHK = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -3728,7 +3780,8 @@ export const zhHK = {
     }
   }
 };
-export const zhTW = {
+exports.zhHK = zhHK;
+const zhTW = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -3781,4 +3834,5 @@ export const zhTW = {
       }
     }
   }
-};
+};
+exports.zhTW = zhTW;

package/locale/package.json

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

package/modern/Autocomplete/Autocomplete.js

@@ -149,7 +149,11 @@ const AutocompleteRoot = styled('div', {
     }
   },
   [`& .${outlinedInputClasses.root}.${inputBaseClasses.sizeSmall}`]: {
-    padding: 6,
+    // Don't specify paddingRight, as it overrides the default value set when there is only
+    // one of the popup or clear icon as the specificity is equal so the latter one wins
+    paddingTop: 6,
+    paddingBottom: 6,
+    paddingLeft: 6,
     [`& .${autocompleteClasses.input}`]: {
       padding: '2.5px 4px 2.5px 6px'
     }

package/modern/AvatarGroup/AvatarGroup.js

@@ -1,6 +1,6 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["children", "className", "componentsProps", "max", "spacing", "total", "variant"];
+const _excluded = ["children", "className", "component", "componentsProps", "max", "spacing", "total", "variant"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { isFragment } from 'react-is';
@@ -71,6 +71,7 @@ const AvatarGroup = /*#__PURE__*/React.forwardRef(function AvatarGroup(inProps,
   const {
     children: childrenProp,
     className,
+    component = 'div',
     componentsProps = {},
     max = 5,
     spacing = 'medium',
@@ -84,6 +85,7 @@ const AvatarGroup = /*#__PURE__*/React.forwardRef(function AvatarGroup(inProps,
   const ownerState = _extends({}, props, {
     max,
     spacing,
+    component,
     variant
   });
 
@@ -108,6 +110,7 @@ const AvatarGroup = /*#__PURE__*/React.forwardRef(function AvatarGroup(inProps,
   const extraAvatars = Math.max(totalAvatars - clampedMax, totalAvatars - maxAvatars, 0);
   const marginLeft = spacing && SPACINGS[spacing] !== undefined ? SPACINGS[spacing] : -spacing;
   return /*#__PURE__*/_jsxs(AvatarGroupRoot, _extends({
+    as: component,
     ownerState: ownerState,
     className: clsx(classes.root, className),
     ref: ref
@@ -157,6 +160,12 @@ process.env.NODE_ENV !== "production" ? AvatarGroup.propTypes
    */
   className: PropTypes.string,
 
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: PropTypes.elementType,
+
   /**
    * The props used for each slot inside the AvatarGroup.
    * @default {}

package/modern/Hidden/HiddenJs.js

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import PropTypes from 'prop-types';
 import { exactProp } from '@mui/utils';
 import withWidth, { isWidthDown, isWidthUp } from './withWidth';
@@ -6,6 +7,8 @@ import useTheme from '../styles/useTheme';
  * @ignore - internal component.
  */
 
+import { jsx as _jsx } from "react/jsx-runtime";
+
 function HiddenJs(props) {
   const {
     children,
@@ -49,57 +52,39 @@ function HiddenJs(props) {
     return null;
   }
 
-  return children;
+  return /*#__PURE__*/_jsx(React.Fragment, {
+    children: children
+  });
 }
 
-HiddenJs.propTypes = {
+process.env.NODE_ENV !== "production" ? HiddenJs.propTypes = {
   /**
    * The content of the component.
    */
   children: PropTypes.node,
 
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-
-  /**
-   * Specify which implementation to use.  'js' is the default, 'css' works better for
-   * server-side rendering.
-   */
-  implementation: PropTypes.oneOf(['js', 'css']),
-
-  /**
-   * You can use this prop when choosing the `js` implementation with server-side rendering.
-   *
-   * As `window.innerWidth` is unavailable on the server,
-   * we default to rendering an empty component during the first mount.
-   * You might want to use a heuristic to approximate
-   * the screen width of the client browser screen width.
-   *
-   * For instance, you could be using the user-agent or the client-hints.
-   * https://caniuse.com/#search=client%20hint
-   */
-  initialWidth: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
-
   /**
    * If `true`, screens this size and down are hidden.
    */
+  // eslint-disable-next-line react/no-unused-prop-types
   lgDown: PropTypes.bool,
 
   /**
    * If `true`, screens this size and up are hidden.
    */
+  // eslint-disable-next-line react/no-unused-prop-types
   lgUp: PropTypes.bool,
 
   /**
    * If `true`, screens this size and down are hidden.
    */
+  // eslint-disable-next-line react/no-unused-prop-types
   mdDown: PropTypes.bool,
 
   /**
    * If `true`, screens this size and up are hidden.
    */
+  // eslint-disable-next-line react/no-unused-prop-types
   mdUp: PropTypes.bool,
 
   /**
@@ -110,11 +95,13 @@ HiddenJs.propTypes = {
   /**
    * If `true`, screens this size and down are hidden.
    */
+  // eslint-disable-next-line react/no-unused-prop-types
   smDown: PropTypes.bool,
 
   /**
    * If `true`, screens this size and up are hidden.
    */
+  // eslint-disable-next-line react/no-unused-prop-types
   smUp: PropTypes.bool,
 
   /**
@@ -126,26 +113,30 @@ HiddenJs.propTypes = {
   /**
    * If `true`, screens this size and down are hidden.
    */
+  // eslint-disable-next-line react/no-unused-prop-types
   xlDown: PropTypes.bool,
 
   /**
    * If `true`, screens this size and up are hidden.
    */
+  // eslint-disable-next-line react/no-unused-prop-types
   xlUp: PropTypes.bool,
 
   /**
    * If `true`, screens this size and down are hidden.
    */
+  // eslint-disable-next-line react/no-unused-prop-types
   xsDown: PropTypes.bool,
 
   /**
    * If `true`, screens this size and up are hidden.
    */
+  // eslint-disable-next-line react/no-unused-prop-types
   xsUp: PropTypes.bool
-};
+} : void 0;
 
 if (process.env.NODE_ENV !== 'production') {
-  HiddenJs.propTypes = exactProp(HiddenJs.propTypes);
+  process.env.NODE_ENV !== "production" ? HiddenJs.propTypes = exactProp(HiddenJs.propTypes) : void 0;
 }
 
 export default withWidth()(HiddenJs);

package/modern/ListItemText/ListItemText.js

@@ -93,7 +93,7 @@ const ListItemText = /*#__PURE__*/React.forwardRef(function ListItemText(inProps
     primary = /*#__PURE__*/_jsx(Typography, _extends({
       variant: dense ? 'body2' : 'body1',
       className: classes.primary,
-      component: "span",
+      component: primaryTypographyProps?.variant ? undefined : 'span',
       display: "block"
     }, primaryTypographyProps, {
       children: primary