@mui/material 5.10.0 → 5.10.3

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'
     }
@@ -557,7 +561,7 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
           readOnly
         }, getInputProps())
       })
-    })), popupOpen && anchorEl ? /*#__PURE__*/_jsx(AutocompletePopper, _extends({
+    })), anchorEl ? /*#__PURE__*/_jsx(AutocompletePopper, _extends({
       as: PopperComponent,
       disablePortal: disablePortal,
       style: {
@@ -566,7 +570,7 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
       ownerState: ownerState,
       role: "presentation",
       anchorEl: anchorEl,
-      open: true
+      open: popupOpen
     }, componentsProps.popper, {
       className: clsx(classes.popper, componentsProps.popper?.className),
       children: /*#__PURE__*/_jsxs(AutocompletePaper, _extends({

package/modern/IconButton/IconButton.js

@@ -54,7 +54,7 @@ const IconButtonRoot = styled(ButtonBase, {
   })
 }, !ownerState.disableRipple && {
   '&:hover': {
-    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.active} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette.action.active, theme.palette.action.hoverOpacity),
+    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.activeChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette.action.active, theme.palette.action.hoverOpacity),
     // Reset on touch devices, it doesn't add specificity
     '@media (hover: none)': {
       backgroundColor: 'transparent'

package/modern/OverridableComponentAugmentation.js

@@ -0,0 +1 @@
+export {};

package/modern/Select/Select.js

@@ -124,7 +124,8 @@ const Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {
     notched: true
   } : {}, {
     ref: inputComponentRef,
-    className: clsx(InputComponent.props.className, className),
+    className: clsx(InputComponent.props.className, className)
+  }, !input && {
     variant
   }, other));
 });

package/modern/TableCell/TableCell.js

@@ -230,6 +230,8 @@ process.env.NODE_ENV !== "production" ? TableCell.propTypes
    * Specify the cell type.
    * The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components.
    */
-  variant: PropTypes.oneOf(['body', 'footer', 'head'])
+  variant: PropTypes
+  /* @typescript-to-proptypes-ignore */
+  .oneOfType([PropTypes.oneOf(['body', 'footer', 'head']), PropTypes.string])
 } : void 0;
 export default TableCell;

package/modern/TablePagination/TablePagination.js

@@ -211,8 +211,10 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
         id: labelId,
         children: labelRowsPerPage
       }), rowsPerPageOptions.length > 1 && /*#__PURE__*/_jsx(TablePaginationSelect, _extends({
-        variant: "standard",
-        input: _InputBase || (_InputBase = /*#__PURE__*/_jsx(InputBase, {})),
+        variant: "standard"
+      }, !SelectProps.variant && {
+        input: _InputBase || (_InputBase = /*#__PURE__*/_jsx(InputBase, {}))
+      }, {
         value: rowsPerPage,
         onChange: onRowsPerPageChange,
         id: selectId,

package/modern/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.10.0
+/** @license MUI v5.10.3
  *
  * 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,10 +1,10 @@
 {
   "name": "@mui/material",
-  "version": "5.10.0",
+  "version": "5.10.3",
   "private": false,
   "author": "MUI Team",
   "description": "React components that implement Google's Material Design.",
-  "main": "./node/index.js",
+  "main": "./index.js",
   "keywords": [
     "react",
     "react-component",
@@ -45,11 +45,12 @@
     }
   },
   "dependencies": {
-    "@babel/runtime": "^7.17.2",
-    "@mui/base": "5.0.0-alpha.92",
-    "@mui/system": "^5.10.0",
-    "@mui/types": "^7.1.5",
-    "@mui/utils": "^5.9.3",
+    "@babel/runtime": "^7.18.9",
+    "@mui/base": "5.0.0-alpha.95",
+    "@mui/core-downloads-tracker": "^5.10.3",
+    "@mui/system": "^5.10.3",
+    "@mui/types": "^7.2.0",
+    "@mui/utils": "^5.10.3",
     "@types/react-transition-group": "^4.4.5",
     "clsx": "^1.2.1",
     "csstype": "^3.1.0",
@@ -64,6 +65,6 @@
   "engines": {
     "node": ">=12.0.0"
   },
-  "module": "./index.js",
+  "module": "./esm/index.js",
   "types": "./index.d.ts"
 }

package/styles/CssVarsProvider.d.ts

@@ -1,14 +1,14 @@
-/// <reference types="react" />
-import { SupportedColorScheme } from './experimental_extendTheme';
-declare const shouldSkipGeneratingVar: (keys: string[]) => boolean;
-declare const CssVarsProvider: (props: import("react").PropsWithChildren<Partial<import("@mui/system").CssVarsProviderConfig<SupportedColorScheme>> & {
-    theme?: {
-        cssVarPrefix?: string | undefined;
-        colorSchemes: Record<SupportedColorScheme, Record<string, any>>;
-    } | undefined;
-    documentNode?: Document | null | undefined;
-    colorSchemeNode?: Document | HTMLElement | null | undefined;
-    colorSchemeSelector?: string | undefined;
-    storageWindow?: Window | null | undefined;
-}>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, useColorScheme: () => import("@mui/system").ColorSchemeContextValue<SupportedColorScheme>, getInitColorSchemeScript: typeof import("@mui/system").getInitColorSchemeScript;
-export { useColorScheme, getInitColorSchemeScript, shouldSkipGeneratingVar, CssVarsProvider as Experimental_CssVarsProvider, };
+/// <reference types="react" />
+import { SupportedColorScheme } from './experimental_extendTheme';
+declare const shouldSkipGeneratingVar: (keys: string[]) => boolean;
+declare const CssVarsProvider: (props: import("react").PropsWithChildren<Partial<import("@mui/system").CssVarsProviderConfig<SupportedColorScheme>> & {
+    theme?: {
+        cssVarPrefix?: string | undefined;
+        colorSchemes: Record<SupportedColorScheme, Record<string, any>>;
+    } | undefined;
+    documentNode?: Document | null | undefined;
+    colorSchemeNode?: Document | HTMLElement | null | undefined;
+    colorSchemeSelector?: string | undefined;
+    storageWindow?: Window | null | undefined;
+}>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, useColorScheme: () => import("@mui/system").ColorSchemeContextValue<SupportedColorScheme>, getInitColorSchemeScript: typeof import("@mui/system").getInitColorSchemeScript;
+export { useColorScheme, getInitColorSchemeScript, shouldSkipGeneratingVar, CssVarsProvider as Experimental_CssVarsProvider, };