@mui/material 5.0.6 → 5.2.1

package/ScopedCssBaseline/ScopedCssBaseline.d.ts

@@ -12,6 +12,12 @@ export interface ScopedCssBaselineTypeMap<P = {}, D extends React.ElementType =
      * Override or extend the styles applied to the component.
      */
     classes?: Partial<ScopedCssBaselineClasses>;
+    /**
+     * Enable `color-scheme` css property to use `theme.palette.mode`.
+     * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
+     * For browser support, check out https://caniuse.com/?search=color-scheme
+     */
+    enableColorScheme?: boolean;
   };
   defaultComponent: D;
 }

package/ScopedCssBaseline/ScopedCssBaseline.js

@@ -1,10 +1,10 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["className", "component"];
+const _excluded = ["className", "component", "enableColorScheme"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import useThemeProps from '../styles/useThemeProps';
 import styled from '../styles/styled';
 import { html, body } from '../CssBaseline/CssBaseline';
@@ -26,15 +26,18 @@ const ScopedCssBaselineRoot = styled('div', {
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
 })(({
-  theme
-}) => _extends({}, html, body(theme), {
-  '& *, & *::before, & *::after': {
-    boxSizing: 'inherit'
-  },
-  '& strong, & b': {
-    fontWeight: theme.typography.fontWeightBold
-  }
-}));
+  theme,
+  ownerState
+}) => {
+  return _extends({}, html(theme, ownerState.enableColorScheme), body(theme), {
+    '& *, & *::before, & *::after': {
+      boxSizing: 'inherit'
+    },
+    '& strong, & b': {
+      fontWeight: theme.typography.fontWeightBold
+    }
+  });
+});
 const ScopedCssBaseline = /*#__PURE__*/React.forwardRef(function ScopedCssBaseline(inProps, ref) {
   const props = useThemeProps({
     props: inProps,
@@ -86,6 +89,13 @@ process.env.NODE_ENV !== "production" ? ScopedCssBaseline.propTypes
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: PropTypes.elementType
+  component: PropTypes.elementType,
+
+  /**
+   * Enable `color-scheme` css property to use `theme.palette.mode`.
+   * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
+   * For browser support, check out https://caniuse.com/?search=color-scheme
+   */
+  enableColorScheme: PropTypes.bool
 } : void 0;
 export default ScopedCssBaseline;

package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts

@@ -1,8 +1,8 @@
-export interface ScopedCssBaselineClasses {
-    /** Styles applied to the root element. */
-    root: string;
-}
-export declare type ScopedCssBaselineClassKey = keyof ScopedCssBaselineClasses;
-export declare function getScopedCssBaselineUtilityClass(slot: string): string;
-declare const scopedCssBaselineClasses: Record<"root", string>;
-export default scopedCssBaselineClasses;
+export interface ScopedCssBaselineClasses {
+    /** Styles applied to the root element. */
+    root: string;
+}
+export declare type ScopedCssBaselineClassKey = keyof ScopedCssBaselineClasses;
+export declare function getScopedCssBaselineUtilityClass(slot: string): string;
+declare const scopedCssBaselineClasses: Record<"root", string>;
+export default scopedCssBaselineClasses;

package/ScopedCssBaseline/scopedCssBaselineClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getScopedCssBaselineUtilityClass(slot) {
   return generateUtilityClass('MuiScopedCssBaseline', slot);
 }

package/Select/Select.js

@@ -3,13 +3,11 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 
 var _Input, _FilledInput;
 
-const _excluded = ["autoWidth", "children", "classes", "className", "displayEmpty", "IconComponent", "id", "input", "inputProps", "label", "labelId", "MenuProps", "multiple", "native", "onClose", "onOpen", "open", "renderValue", "SelectDisplayProps", "variant"],
-      _excluded2 = ["root"];
+const _excluded = ["autoWidth", "children", "classes", "className", "displayEmpty", "IconComponent", "id", "input", "inputProps", "label", "labelId", "MenuProps", "multiple", "native", "onClose", "onOpen", "open", "renderValue", "SelectDisplayProps", "variant"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { deepmerge } from '@mui/utils';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
 import SelectInput from './SelectInput';
 import formControlState from '../FormControl/formControlState';
 import useFormControl from '../FormControl/useFormControl';
@@ -20,17 +18,13 @@ import FilledInput from '../FilledInput';
 import OutlinedInput from '../OutlinedInput';
 import useThemeProps from '../styles/useThemeProps';
 import useForkRef from '../utils/useForkRef';
-import { getSelectUtilityClasses } from './selectClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 
 const useUtilityClasses = ownerState => {
   const {
     classes
   } = ownerState;
-  const slots = {
-    root: ['root']
-  };
-  return composeClasses(slots, getSelectUtilityClasses, classes);
+  return classes;
 };
 
 const Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {
@@ -84,9 +78,6 @@ const Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {
   });
 
   const classes = useUtilityClasses(ownerState);
-
-  const otherClasses = _objectWithoutPropertiesLoose(classesProp, _excluded2);
-
   const inputComponentRef = useForkRef(ref, InputComponent.ref);
   return /*#__PURE__*/React.cloneElement(InputComponent, _extends({
     // Most of the logic is implemented in `SelectInput`.
@@ -114,13 +105,13 @@ const Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {
         id
       }, SelectDisplayProps)
     }, inputProps, {
-      classes: inputProps ? deepmerge(otherClasses, inputProps.classes) : otherClasses
+      classes: inputProps ? deepmerge(classes, inputProps.classes) : classes
     }, input ? input.props.inputProps : {})
   }, multiple && native && variant === 'outlined' ? {
     notched: true
   } : {}, {
     ref: inputComponentRef,
-    className: clsx(classes.root, InputComponent.props.className, className)
+    className: clsx(InputComponent.props.className, className)
   }, other));
 });
 process.env.NODE_ENV !== "production" ? Select.propTypes
@@ -273,7 +264,7 @@ process.env.NODE_ENV !== "production" ? Select.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object]),
 
   /**
    * The `input` value. Providing an empty string will select no options.

package/Select/SelectInput.js

@@ -6,7 +6,7 @@ import * as React from 'react';
 import { isFragment } from 'react-is';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { refType } from '@mui/utils';
 import ownerDocument from '../utils/ownerDocument';
 import capitalize from '../utils/capitalize';
@@ -31,6 +31,8 @@ const SelectSelect = styled('div', {
       [`&.${selectClasses.select}`]: styles.select
     }, {
       [`&.${selectClasses.select}`]: styles[ownerState.variant]
+    }, {
+      [`&.${selectClasses.multiple}`]: styles.multiple
     }];
   }
 })(nativeSelectSelectStyles, {
@@ -88,10 +90,11 @@ const useUtilityClasses = ownerState => {
     classes,
     variant,
     disabled,
+    multiple,
     open
   } = ownerState;
   const slots = {
-    select: ['select', variant, disabled && 'disabled'],
+    select: ['select', variant, disabled && 'disabled', multiple && 'multiple'],
     icon: ['icon', `icon${capitalize(variant)}`, open && 'iconOpen', disabled && 'disabled'],
     nativeInput: ['nativeInput']
   };
@@ -367,7 +370,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
     }
 
     return /*#__PURE__*/React.cloneElement(child, {
-      'aria-selected': selected ? 'true' : undefined,
+      'aria-selected': selected ? 'true' : 'false',
       onClick: handleItemClick(child),
       onKeyUp: event => {
         if (event.key === ' ') {
@@ -401,7 +404,11 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
   }
 
   if (computeDisplay) {
-    display = multiple ? displayMultiple.join(', ') : displaySingle;
+    if (multiple) {
+      display = displayMultiple.reduce((prev, curr) => [prev, ', ', curr]);
+    } else {
+      display = displaySingle;
+    }
   } // Avoid performing a layout computation in the render method.
 
 

package/Select/selectClasses.d.ts

@@ -1,30 +1,30 @@
-export interface SelectClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the select component `select` class. */
-    select: string;
-    /** Styles applied to the select component if `variant="filled"`. */
-    filled: string;
-    /** Styles applied to the select component if `variant="outlined"`. */
-    outlined: string;
-    /** Styles applied to the select component if `variant="standard"`. */
-    standard: string;
-    /** State class applied to the select component `disabled` class. */
-    disabled: string;
-    /** Styles applied to the icon component. */
-    icon: string;
-    /** Styles applied to the icon component if the popup is open. */
-    iconOpen: string;
-    /** Styles applied to the icon component if `variant="filled"`. */
-    iconFilled: string;
-    /** Styles applied to the icon component if `variant="outlined"`. */
-    iconOutlined: string;
-    /** Styles applied to the icon component if `variant="standard"`. */
-    iconStandard: string;
-    /** Styles applied to the underlying native input component. */
-    nativeInput: string;
-}
-export declare type SelectClassKey = keyof SelectClasses;
-export declare function getSelectUtilityClasses(slot: string): string;
-declare const selectClasses: SelectClasses;
-export default selectClasses;
+export interface SelectClasses {
+    /** Styles applied to the select component `select` class. */
+    select: string;
+    /** Styles applied to the select component if `multiple={true}`. */
+    multiple: string;
+    /** Styles applied to the select component if `variant="filled"`. */
+    filled: string;
+    /** Styles applied to the select component if `variant="outlined"`. */
+    outlined: string;
+    /** Styles applied to the select component if `variant="standard"`. */
+    standard: string;
+    /** State class applied to the select component `disabled` class. */
+    disabled: string;
+    /** Styles applied to the icon component. */
+    icon: string;
+    /** Styles applied to the icon component if the popup is open. */
+    iconOpen: string;
+    /** Styles applied to the icon component if `variant="filled"`. */
+    iconFilled: string;
+    /** Styles applied to the icon component if `variant="outlined"`. */
+    iconOutlined: string;
+    /** Styles applied to the icon component if `variant="standard"`. */
+    iconStandard: string;
+    /** Styles applied to the underlying native input component. */
+    nativeInput: string;
+}
+export declare type SelectClassKey = keyof SelectClasses;
+export declare function getSelectUtilityClasses(slot: string): string;
+declare const selectClasses: SelectClasses;
+export default selectClasses;

package/Select/selectClasses.js

@@ -1,6 +1,6 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getSelectUtilityClasses(slot) {
   return generateUtilityClass('MuiSelect', slot);
 }
-const selectClasses = generateUtilityClasses('MuiSelect', ['root', 'select', 'filled', 'outlined', 'standard', 'disabled', 'focused', 'icon', 'iconOpen', 'iconFilled', 'iconOutlined', 'iconStandard', 'nativeInput']);
+const selectClasses = generateUtilityClasses('MuiSelect', ['select', 'multiple', 'filled', 'outlined', 'standard', 'disabled', 'focused', 'icon', 'iconOpen', 'iconFilled', 'iconOutlined', 'iconStandard', 'nativeInput']);
 export default selectClasses;

package/Skeleton/Skeleton.js

@@ -12,7 +12,7 @@ import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
 import { keyframes, css } from '@mui/system';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { alpha, unstable_getUnit as getUnit, unstable_toUnitless as toUnitless } from '../styles';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
@@ -215,7 +215,7 @@ process.env.NODE_ENV !== "production" ? Skeleton.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object]),
 
   /**
    * The type of content that will be rendered.

package/Skeleton/skeletonClasses.d.ts

@@ -1,24 +1,24 @@
-export interface SkeletonClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `variant="text"`. */
-    text: string;
-    /** Styles applied to the root element if `variant="rectangular"`. */
-    rectangular: string;
-    /** Styles applied to the root element if `variant="circular"`. */
-    circular: string;
-    /** Styles applied to the root element if `animation="pulse"`. */
-    pulse: string;
-    /** Styles applied to the root element if `animation="wave"`. */
-    wave: string;
-    /** Styles applied when the component is passed children. */
-    withChildren: string;
-    /** Styles applied when the component is passed children and no width. */
-    fitContent: string;
-    /** Styles applied when the component is passed children and no height. */
-    heightAuto: string;
-}
-export declare type SkeletonClassKey = keyof SkeletonClasses;
-export declare function getSkeletonUtilityClass(slot: string): string;
-declare const skeletonClasses: SkeletonClasses;
-export default skeletonClasses;
+export interface SkeletonClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `variant="text"`. */
+    text: string;
+    /** Styles applied to the root element if `variant="rectangular"`. */
+    rectangular: string;
+    /** Styles applied to the root element if `variant="circular"`. */
+    circular: string;
+    /** Styles applied to the root element if `animation="pulse"`. */
+    pulse: string;
+    /** Styles applied to the root element if `animation="wave"`. */
+    wave: string;
+    /** Styles applied when the component is passed children. */
+    withChildren: string;
+    /** Styles applied when the component is passed children and no width. */
+    fitContent: string;
+    /** Styles applied when the component is passed children and no height. */
+    heightAuto: string;
+}
+export declare type SkeletonClassKey = keyof SkeletonClasses;
+export declare function getSkeletonUtilityClass(slot: string): string;
+declare const skeletonClasses: SkeletonClasses;
+export default skeletonClasses;

package/Skeleton/skeletonClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getSkeletonUtilityClass(slot) {
   return generateUtilityClass('MuiSkeleton', slot);
 }

package/Slider/Slider.d.ts

@@ -3,7 +3,7 @@ import {
   ExtendSliderUnstyledTypeMap,
   ExtendSliderUnstyled,
   SliderUnstyledTypeMap,
-} from '@mui/core/SliderUnstyled';
+} from '@mui/base/SliderUnstyled';
 import { SxProps } from '@mui/system';
 import { OverridableStringUnion } from '@mui/types';
 import { Theme } from '../styles';

package/Slider/Slider.js

@@ -5,8 +5,8 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { chainPropTypes } from '@mui/utils';
-import { generateUtilityClasses, isHostComponent } from '@mui/core';
-import SliderUnstyled, { SliderValueLabelUnstyled, sliderUnstyledClasses, getSliderUtilityClass } from '@mui/core/SliderUnstyled';
+import { generateUtilityClasses, isHostComponent } from '@mui/base';
+import SliderUnstyled, { SliderValueLabelUnstyled, sliderUnstyledClasses, getSliderUtilityClass } from '@mui/base/SliderUnstyled';
 import { alpha, lighten, darken } from '@mui/system';
 import useThemeProps from '../styles/useThemeProps';
 import styled, { slotShouldForwardProp } from '../styles/styled';
@@ -633,7 +633,7 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object]),
 
   /**
    * Tab index attribute of the hidden `input` element.

package/Snackbar/Snackbar.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
-import { ClickAwayListenerProps } from '@mui/core/ClickAwayListener';
+import { ClickAwayListenerProps } from '@mui/base/ClickAwayListener';
 import { Theme } from '../styles';
 import { InternalStandardProps as StandardProps } from '..';
 import { SnackbarContentProps } from '../SnackbarContent';

package/Snackbar/Snackbar.js

@@ -5,8 +5,8 @@ const _excluded = ["onEnter", "onExited"],
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
-import ClickAwayListener from '@mui/core/ClickAwayListener';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
+import ClickAwayListener from '@mui/base/ClickAwayListener';
 import styled from '../styles/styled';
 import useTheme from '../styles/useTheme';
 import useThemeProps from '../styles/useThemeProps';
@@ -377,7 +377,7 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object]),
 
   /**
    * The component used for the transition.

package/Snackbar/snackbarClasses.d.ts

@@ -1,20 +1,20 @@
-export interface SnackbarClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `anchorOrigin={{ 'top', 'center' }}`. */
-    anchorOriginTopCenter: string;
-    /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'center' }}`. */
-    anchorOriginBottomCenter: string;
-    /** Styles applied to the root element if `anchorOrigin={{ 'top', 'right' }}`. */
-    anchorOriginTopRight: string;
-    /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'right' }}`. */
-    anchorOriginBottomRight: string;
-    /** Styles applied to the root element if `anchorOrigin={{ 'top', 'left' }}`. */
-    anchorOriginTopLeft: string;
-    /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'left' }}`. */
-    anchorOriginBottomLeft: string;
-}
-export declare type SnackbarClassKey = keyof SnackbarClasses;
-export declare function getSnackbarUtilityClass(slot: string): string;
-declare const snackbarClasses: SnackbarClasses;
-export default snackbarClasses;
+export interface SnackbarClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `anchorOrigin={{ 'top', 'center' }}`. */
+    anchorOriginTopCenter: string;
+    /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'center' }}`. */
+    anchorOriginBottomCenter: string;
+    /** Styles applied to the root element if `anchorOrigin={{ 'top', 'right' }}`. */
+    anchorOriginTopRight: string;
+    /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'right' }}`. */
+    anchorOriginBottomRight: string;
+    /** Styles applied to the root element if `anchorOrigin={{ 'top', 'left' }}`. */
+    anchorOriginTopLeft: string;
+    /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'left' }}`. */
+    anchorOriginBottomLeft: string;
+}
+export declare type SnackbarClassKey = keyof SnackbarClasses;
+export declare function getSnackbarUtilityClass(slot: string): string;
+declare const snackbarClasses: SnackbarClasses;
+export default snackbarClasses;

package/Snackbar/snackbarClasses.js

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

package/SnackbarContent/SnackbarContent.js

@@ -4,7 +4,7 @@ const _excluded = ["action", "className", "message", "role"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { emphasize } from '@mui/system';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
@@ -141,6 +141,6 @@ process.env.NODE_ENV !== "production" ? SnackbarContent.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default SnackbarContent;

package/SnackbarContent/snackbarContentClasses.d.ts

@@ -1,12 +1,12 @@
-export interface SnackbarContentClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the message wrapper element. */
-    message: string;
-    /** Styles applied to the action wrapper element if `action` is provided. */
-    action: string;
-}
-export declare type SnackbarContentClassKey = keyof SnackbarContentClasses;
-export declare function getSnackbarContentUtilityClass(slot: string): string;
-declare const snackbarContentClasses: SnackbarContentClasses;
-export default snackbarContentClasses;
+export interface SnackbarContentClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the message wrapper element. */
+    message: string;
+    /** Styles applied to the action wrapper element if `action` is provided. */
+    action: string;
+}
+export declare type SnackbarContentClassKey = keyof SnackbarContentClasses;
+export declare function getSnackbarContentUtilityClass(slot: string): string;
+declare const snackbarContentClasses: SnackbarContentClasses;
+export default snackbarContentClasses;

package/SnackbarContent/snackbarContentClasses.js

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

package/SpeedDial/SpeedDial.js

@@ -7,7 +7,7 @@ import * as React from 'react';
 import { isFragment } from 'react-is';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import { duration } from '../styles/createTransitions';
@@ -529,7 +529,7 @@ process.env.NODE_ENV !== "production" ? SpeedDial.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object]),
 
   /**
    * The component used for the transition.

package/SpeedDial/speedDialClasses.d.ts

@@ -1,22 +1,22 @@
-export interface SpeedDialClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the Fab component. */
-    fab: string;
-    /** Styles applied to the root element if direction="up" */
-    directionUp: string;
-    /** Styles applied to the root element if direction="down" */
-    directionDown: string;
-    /** Styles applied to the root element if direction="left" */
-    directionLeft: string;
-    /** Styles applied to the root element if direction="right" */
-    directionRight: string;
-    /** Styles applied to the actions (`children` wrapper) element. */
-    actions: string;
-    /** Styles applied to the actions (`children` wrapper) element if `open={false}`. */
-    actionsClosed: string;
-}
-export declare type SpeedDialClassKey = keyof SpeedDialClasses;
-export declare function getSpeedDialUtilityClass(slot: string): string;
-declare const speedDialClasses: SpeedDialClasses;
-export default speedDialClasses;
+export interface SpeedDialClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the Fab component. */
+    fab: string;
+    /** Styles applied to the root element if direction="up" */
+    directionUp: string;
+    /** Styles applied to the root element if direction="down" */
+    directionDown: string;
+    /** Styles applied to the root element if direction="left" */
+    directionLeft: string;
+    /** Styles applied to the root element if direction="right" */
+    directionRight: string;
+    /** Styles applied to the actions (`children` wrapper) element. */
+    actions: string;
+    /** Styles applied to the actions (`children` wrapper) element if `open={false}`. */
+    actionsClosed: string;
+}
+export declare type SpeedDialClassKey = keyof SpeedDialClasses;
+export declare function getSpeedDialUtilityClass(slot: string): string;
+declare const speedDialClasses: SpeedDialClasses;
+export default speedDialClasses;

package/SpeedDial/speedDialClasses.js

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

package/SpeedDialAction/SpeedDialAction.js

@@ -5,7 +5,7 @@ const _excluded = ["className", "delay", "FabProps", "icon", "id", "open", "Tool
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { emphasize } from '@mui/system';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
@@ -243,7 +243,7 @@ process.env.NODE_ENV !== "production" ? SpeedDialAction.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object]),
 
   /**
    * `classes` prop applied to the [`Tooltip`](/api/tooltip/) element.