@mui/material 5.0.2 → 5.0.6

package/InputBase/InputBase.js

@@ -6,17 +6,15 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { refType, elementTypeAcceptingRef } from '@mui/utils';
-import { unstable_composeClasses as composeClasses, isHostComponent } from '@mui/core';
+import { unstable_composeClasses as composeClasses, isHostComponent, TextareaAutosize } from '@mui/core';
 import formControlState from '../FormControl/formControlState';
 import FormControlContext from '../FormControl/FormControlContext';
 import useFormControl from '../FormControl/useFormControl';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
-import useTheme from '../styles/useTheme';
 import capitalize from '../utils/capitalize';
 import useForkRef from '../utils/useForkRef';
 import useEnhancedEffect from '../utils/useEnhancedEffect';
-import TextareaAutosize from '../TextareaAutosize';
 import GlobalStyles from '../GlobalStyles';
 import { isFilled } from './utils';
 import inputBaseClasses, { getInputBaseUtilityClass } from './inputBaseClasses';
@@ -249,7 +247,6 @@ const InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref)
   } = props,
         other = _objectWithoutPropertiesLoose(props, _excluded);
 
-  const theme = useTheme();
   const value = inputPropsProp.value != null ? inputPropsProp.value : valueProp;
   const {
     current: isControlled
@@ -455,8 +452,7 @@ const InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref)
   inputProps = _extends({}, inputProps, componentsProps.input);
   return /*#__PURE__*/_jsxs(React.Fragment, {
     children: [inputGlobalStyles, /*#__PURE__*/_jsxs(Root, _extends({}, rootProps, !isHostComponent(Root) && {
-      ownerState: _extends({}, ownerState, rootProps.ownerState),
-      theme
+      ownerState: _extends({}, ownerState, rootProps.ownerState)
     }, {
       ref: ref,
       onClick: handleClick
@@ -485,8 +481,7 @@ const InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref)
           type: type
         }, inputProps, !isHostComponent(Input) && {
           as: InputComponent,
-          ownerState: _extends({}, ownerState, inputProps.ownerState),
-          theme
+          ownerState: _extends({}, ownerState, inputProps.ownerState)
         }, {
           ref: handleInputRef,
           className: clsx(classes.input, inputProps.className, inputPropsProp.className),
@@ -715,7 +710,7 @@ process.env.NODE_ENV !== "production" ? InputBase.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 
   /**
    * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).

package/InputBase/inputBaseClasses.d.ts

@@ -1,44 +1,44 @@
-export interface InputBaseClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if the component is a descendant of `FormControl`. */
-    formControl: string;
-    /** Styles applied to the root element if the component is focused. */
-    focused: string;
-    /** Styles applied to the root element if `disabled={true}`. */
-    disabled: string;
-    /** Styles applied to the root element if `startAdornment` is provided. */
-    adornedStart: string;
-    /** Styles applied to the root element if `endAdornment` is provided. */
-    adornedEnd: string;
-    /** State class applied to the root element if `error={true}`. */
-    error: string;
-    /** Styles applied to the input element if `size="small"`. */
-    sizeSmall: string;
-    /** Styles applied to the root element if `multiline={true}`. */
-    multiline: string;
-    /** Styles applied to the root element if the color is secondary. */
-    colorSecondary: string;
-    /** Styles applied to the root element if `fullWidth={true}`. */
-    fullWidth: string;
-    /** Styles applied to the root element if `hiddenLabel={true}`. */
-    hiddenLabel: string;
-    /** Styles applied to the input element. */
-    input: string;
-    /** Styles applied to the input element if `size="small"`. */
-    inputSizeSmall: string;
-    /** Styles applied to the input element if `multiline={true}`. */
-    inputMultiline: string;
-    /** Styles applied to the input element if `type="search"`. */
-    inputTypeSearch: string;
-    /** Styles applied to the input element if `startAdornment` is provided. */
-    inputAdornedStart: string;
-    /** Styles applied to the input element if `endAdornment` is provided. */
-    inputAdornedEnd: string;
-    /** Styles applied to the input element if `hiddenLabel={true}`. */
-    inputHiddenLabel: string;
-}
-export declare type InputBaseClassKey = keyof InputBaseClasses;
-export declare function getInputBaseUtilityClass(slot: string): string;
-declare const inputBaseClasses: InputBaseClasses;
-export default inputBaseClasses;
+export interface InputBaseClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if the component is a descendant of `FormControl`. */
+    formControl: string;
+    /** Styles applied to the root element if the component is focused. */
+    focused: string;
+    /** Styles applied to the root element if `disabled={true}`. */
+    disabled: string;
+    /** Styles applied to the root element if `startAdornment` is provided. */
+    adornedStart: string;
+    /** Styles applied to the root element if `endAdornment` is provided. */
+    adornedEnd: string;
+    /** State class applied to the root element if `error={true}`. */
+    error: string;
+    /** Styles applied to the input element if `size="small"`. */
+    sizeSmall: string;
+    /** Styles applied to the root element if `multiline={true}`. */
+    multiline: string;
+    /** Styles applied to the root element if the color is secondary. */
+    colorSecondary: string;
+    /** Styles applied to the root element if `fullWidth={true}`. */
+    fullWidth: string;
+    /** Styles applied to the root element if `hiddenLabel={true}`. */
+    hiddenLabel: string;
+    /** Styles applied to the input element. */
+    input: string;
+    /** Styles applied to the input element if `size="small"`. */
+    inputSizeSmall: string;
+    /** Styles applied to the input element if `multiline={true}`. */
+    inputMultiline: string;
+    /** Styles applied to the input element if `type="search"`. */
+    inputTypeSearch: string;
+    /** Styles applied to the input element if `startAdornment` is provided. */
+    inputAdornedStart: string;
+    /** Styles applied to the input element if `endAdornment` is provided. */
+    inputAdornedEnd: string;
+    /** Styles applied to the input element if `hiddenLabel={true}`. */
+    inputHiddenLabel: string;
+}
+export declare type InputBaseClassKey = keyof InputBaseClasses;
+export declare function getInputBaseUtilityClass(slot: string): string;
+declare const inputBaseClasses: InputBaseClasses;
+export default inputBaseClasses;

package/InputLabel/InputLabel.js

@@ -40,7 +40,7 @@ const InputLabelRoot = styled(FormLabel, {
     } = props;
     return [{
       [`& .${formLabelClasses.asterisk}`]: styles.asterisk
-    }, styles.root, !ownerState.formControl && styles.formControl, ownerState.size === 'small' && styles.sizeSmall, ownerState.shrink && styles.shrink, !ownerState.disableAnimation && styles.animated, styles[ownerState.variant]];
+    }, styles.root, ownerState.formControl && styles.formControl, ownerState.size === 'small' && styles.sizeSmall, ownerState.shrink && styles.shrink, !ownerState.disableAnimation && styles.animated, styles[ownerState.variant]];
   }
 })(({
   theme,
@@ -206,7 +206,7 @@ process.env.NODE_ENV !== "production" ? InputLabel.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 
   /**
    * The variant to use.

package/InputLabel/inputLabelClasses.d.ts

@@ -1,32 +1,32 @@
-export interface InputLabelClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** State class applied to the root element if `focused={true}`. */
-    focused: string;
-    /** State class applied to the root element if `disabled={true}`. */
-    disabled: string;
-    /** State class applied to the root element if `error={true}`. */
-    error: string;
-    /** State class applied to the root element if `required={true}`. */
-    required: string;
-    /** State class applied to the asterisk element. */
-    asterisk: string;
-    /** Styles applied to the root element if the component is a descendant of `FormControl`. */
-    formControl: string;
-    /** Styles applied to the root element if `size="small"`. */
-    sizeSmall: string;
-    /** Styles applied to the input element if `shrink={true}`. */
-    shrink: string;
-    /** Styles applied to the input element unless `disableAnimation={true}`. */
-    animated: string;
-    /** Styles applied to the root element if `variant="filled"`. */
-    filled: string;
-    /** Styles applied to the root element if `variant="outlined"`. */
-    outlined: string;
-    /** Styles applied to the root element if `variant="standard"`. */
-    standard: string;
-}
-export declare type InputLabelClassKey = keyof InputLabelClasses;
-export declare function getInputLabelUtilityClasses(slot: string): string;
-declare const inputLabelClasses: InputLabelClasses;
-export default inputLabelClasses;
+export interface InputLabelClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** State class applied to the root element if `focused={true}`. */
+    focused: string;
+    /** State class applied to the root element if `disabled={true}`. */
+    disabled: string;
+    /** State class applied to the root element if `error={true}`. */
+    error: string;
+    /** State class applied to the root element if `required={true}`. */
+    required: string;
+    /** State class applied to the asterisk element. */
+    asterisk: string;
+    /** Styles applied to the root element if the component is a descendant of `FormControl`. */
+    formControl: string;
+    /** Styles applied to the root element if `size="small"`. */
+    sizeSmall: string;
+    /** Styles applied to the input element if `shrink={true}`. */
+    shrink: string;
+    /** Styles applied to the input element unless `disableAnimation={true}`. */
+    animated: string;
+    /** Styles applied to the root element if `variant="filled"`. */
+    filled: string;
+    /** Styles applied to the root element if `variant="outlined"`. */
+    outlined: string;
+    /** Styles applied to the root element if `variant="standard"`. */
+    standard: string;
+}
+export declare type InputLabelClassKey = keyof InputLabelClasses;
+export declare function getInputLabelUtilityClasses(slot: string): string;
+declare const inputLabelClasses: InputLabelClasses;
+export default inputLabelClasses;

package/LICENSE

@@ -1,21 +1,21 @@
-The MIT License (MIT)
-
-Copyright (c) 2014 Call-Em-All
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+The MIT License (MIT)
+
+Copyright (c) 2014 Call-Em-All
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/LinearProgress/LinearProgress.js

@@ -347,7 +347,7 @@ process.env.NODE_ENV !== "production" ? LinearProgress.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 
   /**
    * The value of the progress indicator for the determinate and buffer variants.

package/LinearProgress/linearProgressClasses.d.ts

@@ -1,42 +1,42 @@
-export interface LinearProgressClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root and bar2 element if `color="primary"`; bar2 if `variant="buffer"`. */
-    colorPrimary: string;
-    /** Styles applied to the root and bar2 elements if `color="secondary"`; bar2 if `variant="buffer"`. */
-    colorSecondary: string;
-    /** Styles applied to the root element if `variant="determinate"`. */
-    determinate: string;
-    /** Styles applied to the root element if `variant="indeterminate"`. */
-    indeterminate: string;
-    /** Styles applied to the root element if `variant="buffer"`. */
-    buffer: string;
-    /** Styles applied to the root element if `variant="query"`. */
-    query: string;
-    /** Styles applied to the additional bar element if `variant="buffer"`. */
-    dashed: string;
-    /** Styles applied to the additional bar element if `variant="buffer"` and `color="primary"`. */
-    dashedColorPrimary: string;
-    /** Styles applied to the additional bar element if `variant="buffer"` and `color="secondary"`. */
-    dashedColorSecondary: string;
-    /** Styles applied to the layered bar1 and bar2 elements. */
-    bar: string;
-    /** Styles applied to the bar elements if `color="primary"`; bar2 if `variant` not "buffer". */
-    barColorPrimary: string;
-    /** Styles applied to the bar elements if `color="secondary"`; bar2 if `variant` not "buffer". */
-    barColorSecondary: string;
-    /** Styles applied to the bar1 element if `variant="indeterminate or query"`. */
-    bar1Indeterminate: string;
-    /** Styles applied to the bar1 element if `variant="determinate"`. */
-    bar1Determinate: string;
-    /** Styles applied to the bar1 element if `variant="buffer"`. */
-    bar1Buffer: string;
-    /** Styles applied to the bar2 element if `variant="indeterminate or query"`. */
-    bar2Indeterminate: string;
-    /** Styles applied to the bar2 element if `variant="buffer"`. */
-    bar2Buffer: string;
-}
-export declare type LinearProgressClassKey = keyof LinearProgressClasses;
-export declare function getLinearProgressUtilityClass(slot: string): string;
-declare const linearProgressClasses: LinearProgressClasses;
-export default linearProgressClasses;
+export interface LinearProgressClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root and bar2 element if `color="primary"`; bar2 if `variant="buffer"`. */
+    colorPrimary: string;
+    /** Styles applied to the root and bar2 elements if `color="secondary"`; bar2 if `variant="buffer"`. */
+    colorSecondary: string;
+    /** Styles applied to the root element if `variant="determinate"`. */
+    determinate: string;
+    /** Styles applied to the root element if `variant="indeterminate"`. */
+    indeterminate: string;
+    /** Styles applied to the root element if `variant="buffer"`. */
+    buffer: string;
+    /** Styles applied to the root element if `variant="query"`. */
+    query: string;
+    /** Styles applied to the additional bar element if `variant="buffer"`. */
+    dashed: string;
+    /** Styles applied to the additional bar element if `variant="buffer"` and `color="primary"`. */
+    dashedColorPrimary: string;
+    /** Styles applied to the additional bar element if `variant="buffer"` and `color="secondary"`. */
+    dashedColorSecondary: string;
+    /** Styles applied to the layered bar1 and bar2 elements. */
+    bar: string;
+    /** Styles applied to the bar elements if `color="primary"`; bar2 if `variant` not "buffer". */
+    barColorPrimary: string;
+    /** Styles applied to the bar elements if `color="secondary"`; bar2 if `variant` not "buffer". */
+    barColorSecondary: string;
+    /** Styles applied to the bar1 element if `variant="indeterminate or query"`. */
+    bar1Indeterminate: string;
+    /** Styles applied to the bar1 element if `variant="determinate"`. */
+    bar1Determinate: string;
+    /** Styles applied to the bar1 element if `variant="buffer"`. */
+    bar1Buffer: string;
+    /** Styles applied to the bar2 element if `variant="indeterminate or query"`. */
+    bar2Indeterminate: string;
+    /** Styles applied to the bar2 element if `variant="buffer"`. */
+    bar2Buffer: string;
+}
+export declare type LinearProgressClassKey = keyof LinearProgressClasses;
+export declare function getLinearProgressUtilityClass(slot: string): string;
+declare const linearProgressClasses: LinearProgressClasses;
+export default linearProgressClasses;

package/Link/Link.js

@@ -218,7 +218,7 @@ process.env.NODE_ENV !== "production" ? Link.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 
   /**
    * `classes` prop applied to the [`Typography`](/api/typography/) element.

package/Link/linkClasses.d.ts

@@ -1,18 +1,18 @@
-export interface LinkClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `underline="none"`. */
-    underlineNone: string;
-    /** Styles applied to the root element if `underline="hover"`. */
-    underlineHover: string;
-    /** Styles applied to the root element if `underline="always"`. */
-    underlineAlways: string;
-    /** Styles applied to the root element if `component="button"`. */
-    button: string;
-    /** State class applied to the root element if the link is keyboard focused. */
-    focusVisible: string;
-}
-export declare type LinkClassKey = keyof LinkClasses;
-export declare function getLinkUtilityClass(slot: string): string;
-declare const linkClasses: LinkClasses;
-export default linkClasses;
+export interface LinkClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `underline="none"`. */
+    underlineNone: string;
+    /** Styles applied to the root element if `underline="hover"`. */
+    underlineHover: string;
+    /** Styles applied to the root element if `underline="always"`. */
+    underlineAlways: string;
+    /** Styles applied to the root element if `component="button"`. */
+    button: string;
+    /** State class applied to the root element if the link is keyboard focused. */
+    focusVisible: string;
+}
+export declare type LinkClassKey = keyof LinkClasses;
+export declare function getLinkUtilityClass(slot: string): string;
+declare const linkClasses: LinkClasses;
+export default linkClasses;

package/List/List.js

@@ -137,6 +137,6 @@ process.env.NODE_ENV !== "production" ? List.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 } : void 0;
 export default List;

package/List/listClasses.d.ts

@@ -1,14 +1,14 @@
-export interface ListClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element unless `disablePadding={true}`. */
-    padding: string;
-    /** Styles applied to the root element if dense. */
-    dense: string;
-    /** Styles applied to the root element if a `subheader` is provided. */
-    subheader: string;
-}
-export declare type ListClassKey = keyof ListClasses;
-export declare function getListUtilityClass(slot: string): string;
-declare const listClasses: ListClasses;
-export default listClasses;
+export interface ListClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element unless `disablePadding={true}`. */
+    padding: string;
+    /** Styles applied to the root element if dense. */
+    dense: string;
+    /** Styles applied to the root element if a `subheader` is provided. */
+    subheader: string;
+}
+export declare type ListClassKey = keyof ListClasses;
+export declare function getListUtilityClass(slot: string): string;
+declare const listClasses: ListClasses;
+export default listClasses;

package/ListItem/ListItem.js

@@ -414,6 +414,6 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 } : void 0;
 export default ListItem;

package/ListItem/listItemClasses.d.ts

@@ -1,30 +1,30 @@
-export interface ListItemClasses {
-    /** Styles applied to the (normally root) `component` element. May be wrapped by a `container`. */
-    root: string;
-    /** Styles applied to the container element if `children` includes `ListItemSecondaryAction`. */
-    container: string;
-    /** State class applied to the `component`'s `focusVisibleClassName` prop if `button={true}`. */
-    focusVisible: string;
-    /** Styles applied to the component element if dense. */
-    dense: string;
-    /** Styles applied to the component element if `alignItems="flex-start"`. */
-    alignItemsFlexStart: string;
-    /** State class applied to the inner `component` element if `disabled={true}`. */
-    disabled: string;
-    /** Styles applied to the inner `component` element if `divider={true}`. */
-    divider: string;
-    /** Styles applied to the inner `component` element unless `disableGutters={true}`. */
-    gutters: string;
-    /** Styles applied to the root element unless `disablePadding={true}`. */
-    padding: string;
-    /** Styles applied to the inner `component` element if `button={true}`. */
-    button: string;
-    /** Styles applied to the component element if `children` includes `ListItemSecondaryAction`. */
-    secondaryAction: string;
-    /** State class applied to the root element if `selected={true}`. */
-    selected: string;
-}
-export declare type ListItemClassKey = keyof ListItemClasses;
-export declare function getListItemUtilityClass(slot: string): string;
-declare const listItemClasses: ListItemClasses;
-export default listItemClasses;
+export interface ListItemClasses {
+    /** Styles applied to the (normally root) `component` element. May be wrapped by a `container`. */
+    root: string;
+    /** Styles applied to the container element if `children` includes `ListItemSecondaryAction`. */
+    container: string;
+    /** State class applied to the `component`'s `focusVisibleClassName` prop if `button={true}`. */
+    focusVisible: string;
+    /** Styles applied to the component element if dense. */
+    dense: string;
+    /** Styles applied to the component element if `alignItems="flex-start"`. */
+    alignItemsFlexStart: string;
+    /** State class applied to the inner `component` element if `disabled={true}`. */
+    disabled: string;
+    /** Styles applied to the inner `component` element if `divider={true}`. */
+    divider: string;
+    /** Styles applied to the inner `component` element unless `disableGutters={true}`. */
+    gutters: string;
+    /** Styles applied to the root element unless `disablePadding={true}`. */
+    padding: string;
+    /** Styles applied to the inner `component` element if `button={true}`. */
+    button: string;
+    /** Styles applied to the component element if `children` includes `ListItemSecondaryAction`. */
+    secondaryAction: string;
+    /** State class applied to the root element if `selected={true}`. */
+    selected: string;
+}
+export declare type ListItemClassKey = keyof ListItemClasses;
+export declare function getListItemUtilityClass(slot: string): string;
+declare const listItemClasses: ListItemClasses;
+export default listItemClasses;

package/ListItemAvatar/ListItemAvatar.js

@@ -93,6 +93,6 @@ process.env.NODE_ENV !== "production" ? ListItemAvatar.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 } : void 0;
 export default ListItemAvatar;

package/ListItemAvatar/listItemAvatarClasses.d.ts

@@ -1,10 +1,10 @@
-export interface ListItemAvatarClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element when the parent `ListItem` uses `alignItems="flex-start"`. */
-    alignItemsFlexStart: string;
-}
-export declare type ListItemAvatarClassKey = keyof ListItemAvatarClasses;
-export declare function getListItemAvatarUtilityClass(slot: string): string;
-declare const listItemAvatarClasses: ListItemAvatarClasses;
-export default listItemAvatarClasses;
+export interface ListItemAvatarClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element when the parent `ListItem` uses `alignItems="flex-start"`. */
+    alignItemsFlexStart: string;
+}
+export declare type ListItemAvatarClassKey = keyof ListItemAvatarClasses;
+export declare function getListItemAvatarUtilityClass(slot: string): string;
+declare const listItemAvatarClasses: ListItemAvatarClasses;
+export default listItemAvatarClasses;

package/ListItemButton/ListItemButton.js

@@ -240,6 +240,6 @@ process.env.NODE_ENV !== "production" ? ListItemButton.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 } : void 0;
 export default ListItemButton;

package/ListItemButton/listItemButtonClasses.d.ts

@@ -1,22 +1,22 @@
-export interface ListItemButtonClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** State class applied to the `component`'s `focusVisibleClassName` prop. */
-    focusVisible: string;
-    /** Styles applied to the component element if dense. */
-    dense: string;
-    /** Styles applied to the component element if `alignItems="flex-start"`. */
-    alignItemsFlexStart: string;
-    /** State class applied to the inner `component` element if `disabled={true}`. */
-    disabled: string;
-    /** Styles applied to the inner `component` element if `divider={true}`. */
-    divider: string;
-    /** Styles applied to the inner `component` element unless `disableGutters={true}`. */
-    gutters: string;
-    /** State class applied to the root element if `selected={true}`. */
-    selected: string;
-}
-export declare type ListItemButtonClassKey = keyof ListItemButtonClasses;
-export declare function getListItemButtonUtilityClass(slot: string): string;
-declare const listItemButtonClasses: ListItemButtonClasses;
-export default listItemButtonClasses;
+export interface ListItemButtonClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** State class applied to the `component`'s `focusVisibleClassName` prop. */
+    focusVisible: string;
+    /** Styles applied to the component element if dense. */
+    dense: string;
+    /** Styles applied to the component element if `alignItems="flex-start"`. */
+    alignItemsFlexStart: string;
+    /** State class applied to the inner `component` element if `disabled={true}`. */
+    disabled: string;
+    /** Styles applied to the inner `component` element if `divider={true}`. */
+    divider: string;
+    /** Styles applied to the inner `component` element unless `disableGutters={true}`. */
+    gutters: string;
+    /** State class applied to the root element if `selected={true}`. */
+    selected: string;
+}
+export declare type ListItemButtonClassKey = keyof ListItemButtonClasses;
+export declare function getListItemButtonUtilityClass(slot: string): string;
+declare const listItemButtonClasses: ListItemButtonClasses;
+export default listItemButtonClasses;

package/ListItemIcon/ListItemIcon.js

@@ -97,6 +97,6 @@ process.env.NODE_ENV !== "production" ? ListItemIcon.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 } : void 0;
 export default ListItemIcon;