@mui/material 5.10.16 → 5.11.0

package/locale/index.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.zhTW = exports.zhHK = exports.zhCN = exports.viVN = exports.urPK = 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.arSA = exports.arEG = exports.amET = void 0;
-const amET = {
+export const amET = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -77,8 +71,7 @@ const amET = {
     }
   }
 };
-exports.amET = amET;
-const arEG = {
+export const arEG = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -151,8 +144,7 @@ const arEG = {
     }
   }
 };
-exports.arEG = arEG;
-const arSA = {
+export const arSA = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -225,8 +217,7 @@ const arSA = {
     }
   }
 };
-exports.arSA = arSA;
-const arSD = {
+export const arSD = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -299,8 +290,7 @@ const arSD = {
     }
   }
 };
-exports.arSD = arSD;
-const azAZ = {
+export const azAZ = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -378,8 +368,7 @@ const azAZ = {
     }
   }
 };
-exports.azAZ = azAZ;
-const bnBD = {
+export const bnBD = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -452,8 +441,7 @@ const bnBD = {
     }
   }
 };
-exports.bnBD = bnBD;
-const bgBG = {
+export const bgBG = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -524,8 +512,7 @@ const bgBG = {
     }
   }
 };
-exports.bgBG = bgBG;
-const caES = {
+export const caES = {
   components: {
     // MuiBreadcrumbs: {
     //   defaultProps: {
@@ -596,8 +583,8 @@ const caES = {
     // },
   }
 };
-exports.caES = caES;
-const csCZ = {
+
+export const csCZ = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -678,8 +665,7 @@ const csCZ = {
     }
   }
 };
-exports.csCZ = csCZ;
-const daDK = {
+export const daDK = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -752,8 +738,7 @@ const daDK = {
     }
   }
 };
-exports.daDK = daDK;
-const deDE = {
+export const deDE = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -826,8 +811,7 @@ const deDE = {
     }
   }
 };
-exports.deDE = deDE;
-const elGR = {
+export const elGR = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -904,8 +888,7 @@ const elGR = {
 };
 
 // default
-exports.elGR = elGR;
-const enUS = {
+export const enUS = {
   /*
   components: {
     MuiBreadcrumbs: { defaultProps: {
@@ -965,8 +948,7 @@ const enUS = {
   },
   */
 };
-exports.enUS = enUS;
-const esES = {
+export const esES = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -1039,8 +1021,7 @@ const esES = {
     }
   }
 };
-exports.esES = esES;
-const etEE = {
+export const etEE = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -1113,8 +1094,7 @@ const etEE = {
     }
   }
 };
-exports.etEE = etEE;
-const faIR = {
+export const faIR = {
   components: {
     // MuiBreadcrumbs: {
     //   defaultProps: {
@@ -1190,8 +1170,7 @@ const faIR = {
     }
   }
 };
-exports.faIR = faIR;
-const fiFI = {
+export const fiFI = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -1264,8 +1243,7 @@ const fiFI = {
     }
   }
 };
-exports.fiFI = fiFI;
-const frFR = {
+export const frFR = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -1338,8 +1316,7 @@ const frFR = {
     }
   }
 };
-exports.frFR = frFR;
-const heIL = {
+export const heIL = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -1412,8 +1389,7 @@ const heIL = {
     }
   }
 };
-exports.heIL = heIL;
-const hiIN = {
+export const hiIN = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -1488,8 +1464,7 @@ const hiIN = {
 };
 
 // Croatian - Hrvatski
-exports.hiIN = hiIN;
-const hrHR = {
+export const hrHR = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -1569,8 +1544,7 @@ const hrHR = {
     }
   }
 };
-exports.hrHR = hrHR;
-const huHU = {
+export const huHU = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -1641,8 +1615,7 @@ const huHU = {
     }
   }
 };
-exports.huHU = huHU;
-const hyAM = {
+export const hyAM = {
   components: {
     // MuiBreadcrumbs: {
     //   defaultProps: {
@@ -1713,8 +1686,8 @@ const hyAM = {
     // },
   }
 };
-exports.hyAM = hyAM;
-const idID = {
+
+export const idID = {
   components: {
     // MuiBreadcrumbs: {
     //   defaultProps: {
@@ -1786,8 +1759,8 @@ const idID = {
     // },
   }
 };
-exports.idID = idID;
-const isIS = {
+
+export const isIS = {
   components: {
     // MuiBreadcrumbs: {
     //   defaultProps: {
@@ -1858,8 +1831,8 @@ const isIS = {
     // },
   }
 };
-exports.isIS = isIS;
-const itIT = {
+
+export const itIT = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -1932,8 +1905,7 @@ const itIT = {
     }
   }
 };
-exports.itIT = itIT;
-const jaJP = {
+export const jaJP = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2006,8 +1978,7 @@ const jaJP = {
     }
   }
 };
-exports.jaJP = jaJP;
-const khKH = {
+export const khKH = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2080,8 +2051,7 @@ const khKH = {
     }
   }
 };
-exports.khKH = khKH;
-const koKR = {
+export const koKR = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2154,8 +2124,7 @@ const koKR = {
     }
   }
 };
-exports.koKR = koKR;
-const kzKZ = {
+export const kzKZ = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2233,8 +2202,7 @@ const kzKZ = {
 };
 
 // Macedonian - Македонски
-exports.kzKZ = kzKZ;
-const mkMK = {
+export const mkMK = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2310,8 +2278,7 @@ const mkMK = {
     }
   }
 };
-exports.mkMK = mkMK;
-const nbNO = {
+export const nbNO = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2384,8 +2351,7 @@ const nbNO = {
     }
   }
 };
-exports.nbNO = nbNO;
-const nlNL = {
+export const nlNL = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2458,8 +2424,7 @@ const nlNL = {
     }
   }
 };
-exports.nlNL = nlNL;
-const plPL = {
+export const plPL = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2541,8 +2506,7 @@ const plPL = {
     }
   }
 };
-exports.plPL = plPL;
-const ptBR = {
+export const ptBR = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2615,8 +2579,7 @@ const ptBR = {
     }
   }
 };
-exports.ptBR = ptBR;
-const ptPT = {
+export const ptPT = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2689,8 +2652,7 @@ const ptPT = {
     }
   }
 };
-exports.ptPT = ptPT;
-const roRO = {
+export const roRO = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2763,8 +2725,7 @@ const roRO = {
 };
 
 // Serbian - Srpski
-exports.roRO = roRO;
-const srRS = {
+export const srRS = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2844,8 +2805,7 @@ const srRS = {
     }
   }
 };
-exports.srRS = srRS;
-const ruRU = {
+export const ruRU = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2930,8 +2890,7 @@ const ruRU = {
     }
   }
 };
-exports.ruRU = ruRU;
-const siLK = {
+export const siLK = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -3004,8 +2963,7 @@ const siLK = {
     }
   }
 };
-exports.siLK = siLK;
-const skSK = {
+export const skSK = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -3086,8 +3044,7 @@ const skSK = {
     }
   }
 };
-exports.skSK = skSK;
-const svSE = {
+export const svSE = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -3160,8 +3117,7 @@ const svSE = {
     }
   }
 };
-exports.svSE = svSE;
-const thTH = {
+export const thTH = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -3234,8 +3190,7 @@ const thTH = {
     }
   }
 };
-exports.thTH = thTH;
-const trTR = {
+export const trTR = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -3306,8 +3261,7 @@ const trTR = {
     }
   }
 };
-exports.trTR = trTR;
-const ukUA = {
+export const ukUA = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -3389,8 +3343,7 @@ const ukUA = {
     }
   }
 };
-exports.ukUA = ukUA;
-const urPK = {
+export const urPK = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -3463,8 +3416,7 @@ const urPK = {
     }
   }
 };
-exports.urPK = urPK;
-const viVN = {
+export const viVN = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -3537,8 +3489,7 @@ const viVN = {
     }
   }
 };
-exports.viVN = viVN;
-const zhCN = {
+export const zhCN = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -3589,8 +3540,7 @@ const zhCN = {
     }
   }
 };
-exports.zhCN = zhCN;
-const zhHK = {
+export const zhHK = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -3641,8 +3591,7 @@ const zhHK = {
     }
   }
 };
-exports.zhHK = zhHK;
-const zhTW = {
+export const zhTW = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -3663,26 +3612,26 @@ const zhTW = {
           }
           return '上一頁';
         },
-        labelRowsPerPage: '每頁行數:',
+        labelRowsPerPage: '每頁數量:',
         labelDisplayedRows: ({
           from,
           to,
           count
-        }) => `第 ${from} 條到第 ${to} 條，${count !== -1 ? `共 ${count} 條` : `至少 ${to} 條`}`
+        }) => `${from} ~ ${to} / ${count !== -1 ? count : `${to} 以上`}`
       }
     },
     MuiRating: {
       defaultProps: {
         getLabelText: value => `${value} 顆星`,
-        emptyLabelText: '無標簽'
+        emptyLabelText: '無標籤'
       }
     },
     MuiAutocomplete: {
       defaultProps: {
         clearText: '清空',
         closeText: '關閉',
-        loadingText: '載入中……',
-        noOptionsText: '没有可用選項',
+        loadingText: '載入中…',
+        noOptionsText: '沒有可用選項',
         openText: '打開'
       }
     },
@@ -3692,5 +3641,4 @@ const zhTW = {
       }
     }
   }
-};
-exports.zhTW = zhTW;
+};

package/locale/package.json

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

package/modern/Alert/Alert.js

@@ -60,7 +60,7 @@ const AlertRoot = styled(Paper, {
     [`& .${alertClasses.icon}`]: theme.vars ? {
       color: theme.vars.palette.Alert[`${color}IconColor`]
     } : {
-      color: theme.palette.mode === 'dark' ? theme.palette[color].main : theme.palette[color].light
+      color: theme.palette[color].main
     }
   }, color && ownerState.variant === 'outlined' && {
     color: theme.vars ? theme.vars.palette.Alert[`${color}Color`] : getColor(theme.palette[color].light, 0.6),
@@ -68,7 +68,7 @@ const AlertRoot = styled(Paper, {
     [`& .${alertClasses.icon}`]: theme.vars ? {
       color: theme.vars.palette.Alert[`${color}IconColor`]
     } : {
-      color: theme.palette.mode === 'dark' ? theme.palette[color].main : theme.palette[color].light
+      color: theme.palette[color].main
     }
   }, color && ownerState.variant === 'filled' && _extends({
     fontWeight: theme.typography.fontWeightMedium
@@ -77,7 +77,7 @@ const AlertRoot = styled(Paper, {
     backgroundColor: theme.vars.palette.Alert[`${color}FilledBg`]
   } : {
     backgroundColor: theme.palette.mode === 'dark' ? theme.palette[color].dark : theme.palette[color].main,
-    color: theme.palette.getContrastText(theme.palette.mode === 'dark' ? theme.palette[color].dark : theme.palette[color].main)
+    color: theme.palette.getContrastText(theme.palette[color].main)
   }));
 });
 const AlertIcon = styled('div', {

package/modern/Fab/Fab.js

@@ -64,11 +64,6 @@ const FabRoot = styled(ButtonBase, {
   },
   [`&.${fabClasses.focusVisible}`]: {
     boxShadow: (theme.vars || theme).shadows[6]
-  },
-  [`&.${fabClasses.disabled}`]: {
-    color: (theme.vars || theme).palette.action.disabled,
-    boxShadow: (theme.vars || theme).shadows[0],
-    backgroundColor: (theme.vars || theme).palette.action.disabledBackground
   }
 }, ownerState.size === 'small' && {
   width: 40,
@@ -110,6 +105,14 @@ const FabRoot = styled(ButtonBase, {
       backgroundColor: (theme.vars || theme).palette[ownerState.color].main
     }
   }
+}), ({
+  theme
+}) => ({
+  [`&.${fabClasses.disabled}`]: {
+    color: (theme.vars || theme).palette.action.disabled,
+    boxShadow: (theme.vars || theme).shadows[0],
+    backgroundColor: (theme.vars || theme).palette.action.disabledBackground
+  }
 }));
 const Fab = /*#__PURE__*/React.forwardRef(function Fab(inProps, ref) {
   const props = useThemeProps({

package/modern/FormControl/FormControl.js

@@ -75,7 +75,7 @@ const FormControlRoot = styled('div', {
  * </FormControl>
  * ```
  *
- * ⚠️ Only one `InputBase` can be used within a FormControl because it create visual inconsistencies.
+ * ⚠️ Only one `InputBase` can be used within a FormControl because it creates visual inconsistencies.
  * For instance, only one input can be focused at the same time, the state shouldn't be shared.
  */
 const FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps, ref) {

package/modern/Menu/Menu.js

@@ -142,7 +142,6 @@ const Menu = /*#__PURE__*/React.forwardRef(function Menu(inProps, ref) {
     }
   });
   return /*#__PURE__*/_jsx(MenuRoot, _extends({
-    classes: PopoverClasses,
     onClose: onClose,
     anchorOrigin: {
       vertical: 'bottom',
@@ -165,6 +164,7 @@ const Menu = /*#__PURE__*/React.forwardRef(function Menu(inProps, ref) {
     }, TransitionProps),
     ownerState: ownerState
   }, other, {
+    classes: PopoverClasses,
     children: /*#__PURE__*/_jsx(MenuMenuList, _extends({
       onKeyDown: handleListKeyDown,
       actions: menuListActionsRef,

package/modern/Rating/Rating.js

@@ -101,7 +101,9 @@ const RatingRoot = styled('span', {
 const RatingLabel = styled('label', {
   name: 'MuiRating',
   slot: 'Label',
-  overridesResolver: (props, styles) => styles.label
+  overridesResolver: ({
+    ownerState
+  }, styles) => [styles.label, ownerState.emptyValueFocused && styles.labelEmptyValueActive]
 })(({
   ownerState
 }) => _extends({

package/modern/Slider/Slider.js

@@ -327,7 +327,12 @@ const SliderMark = styled('span', {
   name: 'MuiSlider',
   slot: 'Mark',
   shouldForwardProp: prop => slotShouldForwardProp(prop) && prop !== 'markActive',
-  overridesResolver: (props, styles) => styles.mark
+  overridesResolver: (props, styles) => {
+    const {
+      markActive
+    } = props;
+    return [styles.mark, markActive && styles.markActive];
+  }
 })(({
   theme,
   ownerState,

package/modern/SwipeableDrawer/SwipeableDrawer.js

@@ -139,7 +139,7 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
       } = {},
       onClose,
       onOpen,
-      open,
+      open = false,
       PaperProps = {},
       SwipeAreaProps,
       swipeAreaWidth = 20,
@@ -535,6 +535,7 @@ process.env.NODE_ENV !== "production" ? SwipeableDrawer.propTypes /* remove-prop
   onOpen: PropTypes.func.isRequired,
   /**
    * If `true`, the component is shown.
+   * @default false
    */
   open: PropTypes.bool.isRequired,
   /**

package/modern/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.10.16
+/** @license MUI v5.11.0
  *
  * 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

@@ -3612,26 +3612,26 @@ export const zhTW = {
           }
           return '上一頁';
         },
-        labelRowsPerPage: '每頁行數:',
+        labelRowsPerPage: '每頁數量:',
         labelDisplayedRows: ({
           from,
           to,
           count
-        }) => `第 ${from} 條到第 ${to} 條，${count !== -1 ? `共 ${count} 條` : `至少 ${to} 條`}`
+        }) => `${from} ~ ${to} / ${count !== -1 ? count : `${to} 以上`}`
       }
     },
     MuiRating: {
       defaultProps: {
         getLabelText: value => `${value} 顆星`,
-        emptyLabelText: '無標簽'
+        emptyLabelText: '無標籤'
       }
     },
     MuiAutocomplete: {
       defaultProps: {
         clearText: '清空',
         closeText: '關閉',
-        loadingText: '載入中……',
-        noOptionsText: '没有可用選項',
+        loadingText: '載入中…',
+        noOptionsText: '沒有可用選項',
         openText: '打開'
       }
     },