@mui/material 5.10.10 → 5.10.11

package/modern/Slider/Slider.js

@@ -1,11 +1,10 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["component", "components", "componentsProps", "color", "size"];
+const _excluded = ["component", "components", "componentsProps", "color", "size", "slotProps", "slots"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { chainPropTypes } from '@mui/utils';
-import { generateUtilityClasses } from '@mui/base';
+import { chainPropTypes, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
 import SliderUnstyled, { SliderValueLabelUnstyled, sliderUnstyledClasses, getSliderUtilityClass } from '@mui/base/SliderUnstyled';
 import { alpha, lighten, darken } from '@mui/system';
 import useThemeProps from '../styles/useThemeProps';
@@ -446,7 +445,9 @@ const Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
     components = {},
     componentsProps = {},
     color = 'primary',
-    size = 'medium'
+    size = 'medium',
+    slotProps,
+    slots
   } = props,
         other = _objectWithoutPropertiesLoose(props, _excluded);
 
@@ -455,44 +456,66 @@ const Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
     size
   });
 
-  const classes = extendUtilityClasses(ownerState);
+  const classes = extendUtilityClasses(ownerState); // support both `slots` and `components` for backward compatibility
+
+  const RootSlot = slots?.root ?? components.Root ?? SliderRoot;
+  const RailSlot = slots?.rail ?? components.Rail ?? SliderRail;
+  const TrackSlot = slots?.track ?? components.Track ?? SliderTrack;
+  const ThumbSlot = slots?.thumb ?? components.Thumb ?? SliderThumb;
+  const ValueLabelSlot = slots?.valueLabel ?? components.ValueLabel ?? SliderValueLabel;
+  const MarkSlot = slots?.mark ?? components.Mark ?? SliderMark;
+  const MarkLabelSlot = slots?.markLabel ?? components.MarkLabel ?? SliderMarkLabel;
+  const InputSlot = slots?.input ?? components.Input;
+  const rootSlotProps = slotProps?.root ?? componentsProps.root;
+  const railSlotProps = slotProps?.rail ?? componentsProps.rail;
+  const trackSlotProps = slotProps?.track ?? componentsProps.track;
+  const thumbSlotProps = slotProps?.thumb ?? componentsProps.thumb;
+  const valueLabelSlotProps = slotProps?.valueLabel ?? componentsProps.valueLabel;
+  const markSlotProps = slotProps?.mark ?? componentsProps.mark;
+  const markLabelSlotProps = slotProps?.markLabel ?? componentsProps.markLabel;
+  const inputSlotProps = slotProps?.input ?? componentsProps.input;
   return /*#__PURE__*/_jsx(SliderUnstyled, _extends({}, other, {
     isRtl: isRtl,
-    components: _extends({
-      Root: SliderRoot,
-      Rail: SliderRail,
-      Track: SliderTrack,
-      Thumb: SliderThumb,
-      ValueLabel: SliderValueLabel,
-      Mark: SliderMark,
-      MarkLabel: SliderMarkLabel
-    }, components),
-    componentsProps: _extends({}, componentsProps, {
-      root: _extends({}, componentsProps.root, shouldSpreadAdditionalProps(components.Root) && {
+    slots: {
+      root: RootSlot,
+      rail: RailSlot,
+      track: TrackSlot,
+      thumb: ThumbSlot,
+      valueLabel: ValueLabelSlot,
+      mark: MarkSlot,
+      markLabel: MarkLabelSlot,
+      input: InputSlot
+    },
+    slotProps: _extends({}, componentsProps, {
+      root: _extends({}, rootSlotProps, shouldSpreadAdditionalProps(RootSlot) && {
         as: component,
-        ownerState: _extends({}, componentsProps.root?.ownerState, {
+        ownerState: _extends({}, rootSlotProps?.ownerState, {
           color,
           size
         })
       }),
-      thumb: _extends({}, componentsProps.thumb, shouldSpreadAdditionalProps(components.Thumb) && {
-        ownerState: _extends({}, componentsProps.thumb?.ownerState, {
+      rail: railSlotProps,
+      thumb: _extends({}, thumbSlotProps, shouldSpreadAdditionalProps(ThumbSlot) && {
+        ownerState: _extends({}, thumbSlotProps?.ownerState, {
           color,
           size
         })
       }),
-      track: _extends({}, componentsProps.track, shouldSpreadAdditionalProps(components.Track) && {
-        ownerState: _extends({}, componentsProps.track?.ownerState, {
+      track: _extends({}, trackSlotProps, shouldSpreadAdditionalProps(TrackSlot) && {
+        ownerState: _extends({}, trackSlotProps?.ownerState, {
           color,
           size
         })
       }),
-      valueLabel: _extends({}, componentsProps.valueLabel, shouldSpreadAdditionalProps(components.ValueLabel) && {
-        ownerState: _extends({}, componentsProps.valueLabel?.ownerState, {
+      valueLabel: _extends({}, valueLabelSlotProps, shouldSpreadAdditionalProps(ValueLabelSlot) && {
+        ownerState: _extends({}, valueLabelSlotProps?.ownerState, {
           color,
           size
         })
-      })
+      }),
+      mark: markSlotProps,
+      markLabel: markLabelSlotProps,
+      input: inputSlotProps
     }),
     classes: classes,
     ref: ref
@@ -574,8 +597,7 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
   }),
 
   /**
-   * The props used for each slot inside the Slider.
-   * @default {}
+   * @ignore
    */
   componentsProps: PropTypes.shape({
     input: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
@@ -588,9 +610,6 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
     valueLabel: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
       children: PropTypes.element,
       className: PropTypes.string,
-      components: PropTypes.shape({
-        Root: PropTypes.elementType
-      }),
       open: PropTypes.bool,
       style: PropTypes.object,
       value: PropTypes.number,
@@ -707,6 +726,44 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
   /* @typescript-to-proptypes-ignore */
   .oneOfType([PropTypes.oneOf(['small', 'medium']), PropTypes.string]),
 
+  /**
+   * The props used for each slot inside the Slider.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    input: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    mark: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    markLabel: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    rail: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    thumb: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    track: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    valueLabel: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
+      children: PropTypes.element,
+      className: PropTypes.string,
+      open: PropTypes.bool,
+      style: PropTypes.object,
+      value: PropTypes.number,
+      valueLabelDisplay: PropTypes.oneOf(['auto', 'off', 'on'])
+    })])
+  }),
+
+  /**
+   * The components used for each slot inside the Slider.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots: PropTypes.shape({
+    input: PropTypes.elementType,
+    mark: PropTypes.elementType,
+    markLabel: PropTypes.elementType,
+    rail: PropTypes.elementType,
+    root: PropTypes.elementType,
+    thumb: PropTypes.elementType,
+    track: PropTypes.elementType,
+    valueLabel: PropTypes.elementType
+  }),
+
   /**
    * The granularity with which the slider can step through values. (A "discrete" slider.)
    * The `min` prop serves as the origin for the valid values.

package/modern/Snackbar/snackbarClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getSnackbarUtilityClass(slot) {
   return generateUtilityClass('MuiSnackbar', slot);
 }

package/modern/SnackbarContent/snackbarContentClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getSnackbarContentUtilityClass(slot) {
   return generateUtilityClass('MuiSnackbarContent', slot);
 }

package/modern/SpeedDial/speedDialClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getSpeedDialUtilityClass(slot) {
   return generateUtilityClass('MuiSpeedDial', slot);
 }

package/modern/SpeedDialAction/speedDialActionClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getSpeedDialActionUtilityClass(slot) {
   return generateUtilityClass('MuiSpeedDialAction', slot);
 }

package/modern/SpeedDialIcon/speedDialIconClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getSpeedDialIconUtilityClass(slot) {
   return generateUtilityClass('MuiSpeedDialIcon', slot);
 }

package/modern/Step/stepClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getStepUtilityClass(slot) {
   return generateUtilityClass('MuiStep', slot);
 }

package/modern/StepButton/stepButtonClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getStepButtonUtilityClass(slot) {
   return generateUtilityClass('MuiStepButton', slot);
 }

package/modern/StepConnector/stepConnectorClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getStepConnectorUtilityClass(slot) {
   return generateUtilityClass('MuiStepConnector', slot);
 }

package/modern/StepContent/stepContentClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getStepContentUtilityClass(slot) {
   return generateUtilityClass('MuiStepContent', slot);
 }

package/modern/StepIcon/stepIconClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getStepIconUtilityClass(slot) {
   return generateUtilityClass('MuiStepIcon', slot);
 }

package/modern/StepLabel/stepLabelClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getStepLabelUtilityClass(slot) {
   return generateUtilityClass('MuiStepLabel', slot);
 }

package/modern/Stepper/stepperClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getStepperUtilityClass(slot) {
   return generateUtilityClass('MuiStepper', slot);
 }

package/modern/SvgIcon/svgIconClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getSvgIconUtilityClass(slot) {
   return generateUtilityClass('MuiSvgIcon', slot);
 }

package/modern/Switch/switchClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getSwitchUtilityClass(slot) {
   return generateUtilityClass('MuiSwitch', slot);
 }

package/modern/Tab/tabClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getTabUtilityClass(slot) {
   return generateUtilityClass('MuiTab', slot);
 }

package/modern/TabScrollButton/tabScrollButtonClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getTabScrollButtonUtilityClass(slot) {
   return generateUtilityClass('MuiTabScrollButton', slot);
 }

package/modern/Table/tableClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getTableUtilityClass(slot) {
   return generateUtilityClass('MuiTable', slot);
 }

package/modern/TableBody/tableBodyClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getTableBodyUtilityClass(slot) {
   return generateUtilityClass('MuiTableBody', slot);
 }

package/modern/TableCell/tableCellClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getTableCellUtilityClass(slot) {
   return generateUtilityClass('MuiTableCell', slot);
 }

package/modern/TableContainer/tableContainerClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getTableContainerUtilityClass(slot) {
   return generateUtilityClass('MuiTableContainer', slot);
 }

package/modern/TableFooter/tableFooterClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getTableFooterUtilityClass(slot) {
   return generateUtilityClass('MuiTableFooter', slot);
 }

package/modern/TableHead/tableHeadClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getTableHeadUtilityClass(slot) {
   return generateUtilityClass('MuiTableHead', slot);
 }

package/modern/TablePagination/tablePaginationClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getTablePaginationUtilityClass(slot) {
   return generateUtilityClass('MuiTablePagination', slot);
 }

package/modern/TableRow/tableRowClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getTableRowUtilityClass(slot) {
   return generateUtilityClass('MuiTableRow', slot);
 }

package/modern/TableSortLabel/tableSortLabelClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getTableSortLabelUtilityClass(slot) {
   return generateUtilityClass('MuiTableSortLabel', slot);
 }

package/modern/Tabs/tabsClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getTabsUtilityClass(slot) {
   return generateUtilityClass('MuiTabs', slot);
 }

package/modern/TextField/textFieldClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getTextFieldUtilityClass(slot) {
   return generateUtilityClass('MuiTextField', slot);
 }

package/modern/ToggleButton/toggleButtonClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getToggleButtonUtilityClass(slot) {
   return generateUtilityClass('MuiToggleButton', slot);
 }

package/modern/ToggleButtonGroup/toggleButtonGroupClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getToggleButtonGroupUtilityClass(slot) {
   return generateUtilityClass('MuiToggleButtonGroup', slot);
 }

package/modern/Toolbar/toolbarClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getToolbarUtilityClass(slot) {
   return generateUtilityClass('MuiToolbar', slot);
 }

package/modern/Tooltip/tooltipClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getTooltipUtilityClass(slot) {
   return generateUtilityClass('MuiTooltip', slot);
 }

package/modern/Typography/typographyClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getTypographyUtilityClass(slot) {
   return generateUtilityClass('MuiTypography', slot);
 }

package/modern/Unstable_Grid2/grid2Classes.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getGrid2UtilityClass(slot) {
   return generateUtilityClass('MuiGrid2', slot);
 }

package/modern/generateUtilityClass/index.js

@@ -0,0 +1 @@
+export { unstable_generateUtilityClass as default } from '@mui/utils';

package/modern/generateUtilityClasses/index.js

@@ -0,0 +1 @@
+export { unstable_generateUtilityClasses as default } from '@mui/utils';

package/modern/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.10.10
+/** @license MUI v5.10.11
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -278,7 +278,7 @@ export { default as GlobalStyles } from './GlobalStyles';
 export * from './GlobalStyles';
 export { StyledEngineProvider } from './styles';
 export { default as unstable_composeClasses } from '@mui/base/composeClasses';
-export { default as generateUtilityClass } from '@mui/base/generateUtilityClass';
-export * from '@mui/base/generateUtilityClass';
-export { default as generateUtilityClasses } from '@mui/base/generateUtilityClasses';
+export { default as generateUtilityClass } from './generateUtilityClass';
+export * from './generateUtilityClass';
+export { default as generateUtilityClasses } from './generateUtilityClasses';
 export { default as Unstable_TrapFocus } from './Unstable_TrapFocus';

package/modern/internal/switchBaseClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getSwitchBaseUtilityClass(slot) {
   return generateUtilityClass('PrivateSwitchBase', slot);
 }

package/modern/styles/createTheme.js

@@ -3,8 +3,8 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import { formatMuiErrorMessage as _formatMuiErrorMessage } from "@mui/utils";
 const _excluded = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
 import { deepmerge } from '@mui/utils';
-import { generateUtilityClass } from '@mui/base';
 import { createTheme as systemCreateTheme } from '@mui/system';
+import generateUtilityClass from '../generateUtilityClass';
 import createMixins from './createMixins';
 import createPalette from './createPalette';
 import createTypography from './createTypography';

package/modern/styles/createTransitions.js

@@ -13,7 +13,7 @@ export const easing = {
   easeIn: 'cubic-bezier(0.4, 0, 1, 1)',
   // The sharp curve is used by objects that may return to the screen at any time.
   sharp: 'cubic-bezier(0.4, 0, 0.6, 1)'
-}; // Follow https://material.io/guidelines/motion/duration-easing.html#duration-easing-common-durations
+}; // Follow https://m2.material.io/guidelines/motion/duration-easing.html#duration-easing-common-durations
 // to learn when use what timing
 
 export const duration = {

package/modern/styles/createTypography.js

@@ -12,8 +12,8 @@ const caseAllCaps = {
 };
 const defaultFontFamily = '"Roboto", "Helvetica", "Arial", sans-serif';
 /**
- * @see @link{https://material.io/design/typography/the-type-system.html}
- * @see @link{https://material.io/design/typography/understanding-typography.html}
+ * @see @link{https://m2.material.io/design/typography/the-type-system.html}
+ * @see @link{https://m2.material.io/design/typography/understanding-typography.html}
  */
 
 export default function createTypography(palette, typography) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "5.10.10",
+  "version": "5.10.11",
   "private": false,
   "author": "MUI Team",
   "description": "React components that implement Google's Material Design.",
@@ -46,8 +46,8 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.19.0",
-    "@mui/base": "5.0.0-alpha.102",
-    "@mui/core-downloads-tracker": "^5.10.10",
+    "@mui/base": "5.0.0-alpha.103",
+    "@mui/core-downloads-tracker": "^5.10.11",
     "@mui/system": "^5.10.10",
     "@mui/types": "^7.2.0",
     "@mui/utils": "^5.10.9",

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, };

package/styles/createTheme.js

@@ -14,10 +14,10 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 
 var _utils = require("@mui/utils");
 
-var _base = require("@mui/base");
-
 var _system = require("@mui/system");
 
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
+
 var _createMixins = _interopRequireDefault(require("./createMixins"));
 
 var _createPalette = _interopRequireDefault(require("./createPalette"));
@@ -71,7 +71,7 @@ Please use another name.` : (0, _utils.formatMuiErrorMessage)(18));
 
         if (stateClasses.indexOf(key) !== -1 && Object.keys(child).length > 0) {
           if (process.env.NODE_ENV !== 'production') {
-            const stateClass = (0, _base.generateUtilityClass)('', key);
+            const stateClass = (0, _generateUtilityClass.default)('', key);
             console.error([`MUI: The \`${component}\` component increases ` + `the CSS specificity of the \`${key}\` internal state.`, 'You can not override it like this: ', JSON.stringify(node, null, 2), '', `Instead, you need to use the '&.${stateClass}' syntax:`, JSON.stringify({
               root: {
                 [`&.${stateClass}`]: child

package/styles/createTransitions.js

@@ -25,7 +25,7 @@ const easing = {
   easeIn: 'cubic-bezier(0.4, 0, 1, 1)',
   // The sharp curve is used by objects that may return to the screen at any time.
   sharp: 'cubic-bezier(0.4, 0, 0.6, 1)'
-}; // Follow https://material.io/guidelines/motion/duration-easing.html#duration-easing-common-durations
+}; // Follow https://m2.material.io/guidelines/motion/duration-easing.html#duration-easing-common-durations
 // to learn when use what timing
 
 exports.easing = easing;

package/styles/createTypography.js

@@ -24,8 +24,8 @@ const caseAllCaps = {
 };
 const defaultFontFamily = '"Roboto", "Helvetica", "Arial", sans-serif';
 /**
- * @see @link{https://material.io/design/typography/the-type-system.html}
- * @see @link{https://material.io/design/typography/understanding-typography.html}
+ * @see @link{https://m2.material.io/design/typography/the-type-system.html}
+ * @see @link{https://m2.material.io/design/typography/understanding-typography.html}
  */
 
 function createTypography(palette, typography) {