@mui/material 5.15.5 → 5.15.6

package/umd/material-ui.development.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.15.5
+ * @mui/material v5.15.6
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -10565,7 +10565,19 @@
       shadows: shadows$1.slice(),
       typography: createTypography(palette, typographyInput),
       transitions: createTransitions(transitionsInput),
-      zIndex: _extends({}, zIndex$1)
+      zIndex: _extends({}, zIndex$1),
+      applyDarkStyles: function applyDarkStyles(css) {
+        if (this.vars) {
+          // If CssVarsProvider is used as a provider,
+          // returns ':where([data-mui-color-scheme="light|dark"]) &'
+          var selector = this.getColorSchemeSelector('dark').replace(/(\[[^\]]+\])/, ':where($1)');
+          return _defineProperty({}, selector, css);
+        }
+        if (this.palette.mode === 'dark') {
+          return css;
+        }
+        return {};
+      }
     });
     muiTheme = deepmerge(muiTheme, other);
     for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
@@ -23804,9 +23816,8 @@
       return [styles.root, styles[ownerState.variant], ownerState.colorDefault && styles.colorDefault];
     }
   })(function (_ref) {
-    var theme = _ref.theme,
-      ownerState = _ref.ownerState;
-    return _extends({
+    var theme = _ref.theme;
+    return {
       position: 'relative',
       display: 'flex',
       alignItems: 'center',
@@ -23819,18 +23830,36 @@
       lineHeight: 1,
       borderRadius: '50%',
       overflow: 'hidden',
-      userSelect: 'none'
-    }, ownerState.variant === 'rounded' && {
-      borderRadius: (theme.vars || theme).shape.borderRadius
-    }, ownerState.variant === 'square' && {
-      borderRadius: 0
-    }, ownerState.colorDefault && _extends({
-      color: (theme.vars || theme).palette.background["default"]
-    }, theme.vars ? {
-      backgroundColor: theme.vars.palette.Avatar.defaultBg
-    } : {
-      backgroundColor: theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[600]
-    }));
+      userSelect: 'none',
+      variants: [{
+        props: {
+          variant: 'rounded'
+        },
+        style: {
+          borderRadius: (theme.vars || theme).shape.borderRadius
+        }
+      }, {
+        props: {
+          variant: 'square'
+        },
+        style: {
+          borderRadius: 0
+        }
+      }, {
+        props: {
+          colorDefault: true
+        },
+        style: _extends({
+          color: (theme.vars || theme).palette.background["default"]
+        }, theme.vars ? {
+          backgroundColor: theme.vars.palette.Avatar.defaultBg
+        } : _extends({
+          backgroundColor: theme.palette.grey[400]
+        }, theme.applyDarkStyles({
+          backgroundColor: theme.palette.grey[600]
+        })))
+      }]
+    };
   });
   var AvatarImg = styled$1('img', {
     name: 'MuiAvatar',
@@ -38381,7 +38410,7 @@
   function getPaginationItemUtilityClass(slot) {
     return generateUtilityClass$1('MuiPaginationItem', slot);
   }
-  var paginationItemClasses = generateUtilityClasses$1('MuiPaginationItem', ['root', 'page', 'sizeSmall', 'sizeLarge', 'text', 'textPrimary', 'textSecondary', 'outlined', 'outlinedPrimary', 'outlinedSecondary', 'rounded', 'ellipsis', 'firstLast', 'previousNext', 'focusVisible', 'disabled', 'selected', 'icon']);
+  var paginationItemClasses = generateUtilityClasses$1('MuiPaginationItem', ['root', 'page', 'sizeSmall', 'sizeLarge', 'text', 'textPrimary', 'textSecondary', 'outlined', 'outlinedPrimary', 'outlinedSecondary', 'rounded', 'ellipsis', 'firstLast', 'previousNext', 'focusVisible', 'disabled', 'selected', 'icon', 'colorPrimary', 'colorSecondary']);
   var paginationItemClasses$1 = paginationItemClasses;
 
   var FirstPageIconDefault = createSvgIcon( /*#__PURE__*/jsxRuntime_1("path", {
@@ -38414,7 +38443,7 @@
       type = ownerState.type,
       variant = ownerState.variant;
     var slots = {
-      root: ['root', "size".concat(capitalize(size)), variant, shape, color !== 'standard' && "".concat(variant).concat(capitalize(color)), disabled && 'disabled', selected && 'selected', {
+      root: ['root', "size".concat(capitalize(size)), variant, shape, color !== 'standard' && "color".concat(capitalize(color)), color !== 'standard' && "".concat(variant).concat(capitalize(color)), disabled && 'disabled', selected && 'selected', {
         page: 'page',
         first: 'firstLast',
         last: 'firstLast',
@@ -39422,6 +39451,7 @@
       color: '#faaf00',
       cursor: 'pointer',
       textAlign: 'left',
+      width: 'min-content',
       WebkitTapHighlightColor: 'transparent'
     }, "&.".concat(ratingClasses$1.disabled), {
       opacity: (theme.vars || theme).palette.action.disabledOpacity,