@mui/material 5.5.2 → 5.6.1

package/InputBase/InputBase.d.ts

@@ -37,7 +37,9 @@ export interface InputBaseProps
    */
   classes?: Partial<InputBaseClasses>;
   /**
-   * The color of the component. It supports those theme colors that make sense for this component.
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
    */
   color?: OverridableStringUnion<
@@ -116,7 +118,7 @@ export interface InputBaseProps
    */
   margin?: 'dense' | 'none';
   /**
-   * If `true`, a [TextareaAutosize](/components/textarea-autosize/) element is rendered.
+   * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.
    * @default false
    */
   multiline?: boolean;
@@ -211,10 +213,10 @@ export interface InputBaseComponentProps
  *
  * Demos:
  *
- * - [Text Fields](https://mui.com/components/text-fields/)
+ * - [Text Fields](https://mui.com/material-ui/react-text-field/)
  *
  * API:
  *
- * - [InputBase API](https://mui.com/api/input-base/)
+ * - [InputBase API](https://mui.com/material-ui/api/input-base/)
  */
 export default function InputBase(props: InputBaseProps): JSX.Element;

package/InputBase/InputBase.js

@@ -531,7 +531,9 @@ process.env.NODE_ENV !== "production" ? InputBase.propTypes
   className: PropTypes.string,
 
   /**
-   * The color of the component. It supports those theme colors that make sense for this component.
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
    */
   color: PropTypes
@@ -633,7 +635,7 @@ process.env.NODE_ENV !== "production" ? InputBase.propTypes
   minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
 
   /**
-   * If `true`, a [TextareaAutosize](/components/textarea-autosize/) element is rendered.
+   * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.
    * @default false
    */
   multiline: PropTypes.bool,

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.d.ts

@@ -59,11 +59,11 @@ export interface InputLabelProps extends StandardProps<FormLabelProps> {
  *
  * Demos:
  *
- * - [Text Fields](https://mui.com/components/text-fields/)
+ * - [Text Fields](https://mui.com/material-ui/react-text-field/)
  *
  * API:
  *
- * - [InputLabel API](https://mui.com/api/input-label/)
- * - inherits [FormLabel API](https://mui.com/api/form-label/)
+ * - [InputLabel API](https://mui.com/material-ui/api/input-label/)
+ * - inherits [FormLabel API](https://mui.com/material-ui/api/form-label/)
  */
 export default function InputLabel(props: InputLabelProps): JSX.Element;

package/InputLabel/InputLabel.js

@@ -164,7 +164,9 @@ process.env.NODE_ENV !== "production" ? InputLabel.propTypes
   classes: PropTypes.object,
 
   /**
-   * The color of the component. It supports those theme colors that make sense for this component.
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    */
   color: PropTypes
   /* @typescript-to-proptypes-ignore */

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/LinearProgress/LinearProgress.d.ts

@@ -13,7 +13,9 @@ export interface LinearProgressProps
    */
   classes?: Partial<LinearProgressClasses>;
   /**
-   * The color of the component. It supports those theme colors that make sense for this component.
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * @default 'primary'
    */
   color?: OverridableStringUnion<
@@ -51,10 +53,10 @@ export interface LinearProgressProps
  *
  * Demos:
  *
- * - [Progress](https://mui.com/components/progress/)
+ * - [Progress](https://mui.com/material-ui/react-progress/)
  *
  * API:
  *
- * - [LinearProgress API](https://mui.com/api/linear-progress/)
+ * - [LinearProgress API](https://mui.com/material-ui/api/linear-progress/)
  */
 export default function LinearProgress(props: LinearProgressProps): JSX.Element;

package/LinearProgress/LinearProgress.js

@@ -337,7 +337,9 @@ process.env.NODE_ENV !== "production" ? LinearProgress.propTypes
   className: PropTypes.string,
 
   /**
-   * The color of the component. It supports those theme colors that make sense for this component.
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * @default 'primary'
    */
   color: PropTypes

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.d.ts

@@ -27,7 +27,7 @@ export interface LinkTypeMap<P = {}, D extends React.ElementType = 'a'> {
        */
       sx?: SxProps<Theme>;
       /**
-       * `classes` prop applied to the [`Typography`](/api/typography/) element.
+       * `classes` prop applied to the [`Typography`](/material-ui/api/typography/) element.
        */
       TypographyClasses?: TypographyProps['classes'];
       /**
@@ -48,13 +48,13 @@ export interface LinkTypeMap<P = {}, D extends React.ElementType = 'a'> {
  *
  * Demos:
  *
- * - [Breadcrumbs](https://mui.com/components/breadcrumbs/)
- * - [Links](https://mui.com/components/links/)
+ * - [Breadcrumbs](https://mui.com/material-ui/react-breadcrumbs/)
+ * - [Links](https://mui.com/material-ui/react-link/)
  *
  * API:
  *
- * - [Link API](https://mui.com/api/link/)
- * - inherits [Typography API](https://mui.com/api/typography/)
+ * - [Link API](https://mui.com/material-ui/api/link/)
+ * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
  */
 declare const Link: OverridableComponent<LinkTypeMap>;
 

package/Link/Link.js

@@ -1,6 +1,6 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["className", "color", "component", "onBlur", "onFocus", "TypographyClasses", "underline", "variant"];
+const _excluded = ["className", "color", "component", "onBlur", "onFocus", "TypographyClasses", "underline", "variant", "sx"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -9,6 +9,7 @@ import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { alpha, getPath } from '@mui/system';
 import capitalize from '../utils/capitalize';
 import styled from '../styles/styled';
+import useTheme from '../styles/useTheme';
 import useThemeProps from '../styles/useThemeProps';
 import useIsFocusVisible from '../utils/useIsFocusVisible';
 import useForkRef from '../utils/useForkRef';
@@ -97,6 +98,7 @@ const LinkRoot = styled(Typography, {
   });
 });
 const Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
+  const theme = useTheme();
   const props = useThemeProps({
     props: inProps,
     name: 'MuiLink'
@@ -110,10 +112,12 @@ const Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
     onFocus,
     TypographyClasses,
     underline = 'always',
-    variant = 'inherit'
+    variant = 'inherit',
+    sx
   } = props,
         other = _objectWithoutPropertiesLoose(props, _excluded);
 
+  const sxColor = typeof sx === 'function' ? sx(theme).color : sx == null ? void 0 : sx.color;
   const {
     isFocusVisibleRef,
     onBlur: handleBlurVisible,
@@ -148,7 +152,9 @@ const Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
   };
 
   const ownerState = _extends({}, props, {
-    color,
+    // It is too complex to support any types of `sx`.
+    // Need to find a better way to get rid of the color manipulation for `textDecorationColor`.
+    color: (typeof sxColor === 'function' ? sxColor(theme) : sxColor) || color,
     component,
     focusVisible,
     underline,
@@ -157,15 +163,18 @@ const Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
 
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(LinkRoot, _extends({
+    color: color,
     className: clsx(classes.root, className),
     classes: TypographyClasses,
-    color: color,
     component: component,
     onBlur: handleBlur,
     onFocus: handleFocus,
     ref: handlerRef,
     ownerState: ownerState,
-    variant: variant
+    variant: variant,
+    sx: [...(inProps.color ? [{
+      color: colorTransformations[color] || color
+    }] : []), ...(Array.isArray(sx) ? sx : [sx])]
   }, other));
 });
 process.env.NODE_ENV !== "production" ? Link.propTypes
@@ -221,7 +230,7 @@ process.env.NODE_ENV !== "production" ? Link.propTypes
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
 
   /**
-   * `classes` prop applied to the [`Typography`](/api/typography/) element.
+   * `classes` prop applied to the [`Typography`](/material-ui/api/typography/) element.
    */
   TypographyClasses: PropTypes.object,
 

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.d.ts

@@ -52,12 +52,12 @@ export type ExtendList<M extends OverridableTypeMap> = OverridableComponent<Exte
  *
  * Demos:
  *
- * - [Lists](https://mui.com/components/lists/)
- * - [Transfer List](https://mui.com/components/transfer-list/)
+ * - [Lists](https://mui.com/material-ui/react-list/)
+ * - [Transfer List](https://mui.com/material-ui/react-transfer-list/)
  *
  * API:
  *
- * - [List API](https://mui.com/api/list/)
+ * - [List API](https://mui.com/material-ui/api/list/)
  */
 declare const List: ExtendList<ListTypeMap>;
 

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.d.ts

@@ -17,7 +17,7 @@ export interface ListItemBaseProps {
    * If `true`, the list item is focused during the first mount.
    * Focus will also be triggered if the value changes from false to true.
    * @default false
-   * @deprecated checkout [ListItemButton](/api/list-item-button/) instead
+   * @deprecated checkout [ListItemButton](/material-ui/api/list-item-button/) instead
    */
   autoFocus?: boolean;
   /**
@@ -50,7 +50,7 @@ export interface ListItemBaseProps {
   /**
    * If `true`, the component is disabled.
    * @default false
-   * @deprecated checkout [ListItemButton](/api/list-item-button/) instead
+   * @deprecated checkout [ListItemButton](/material-ui/api/list-item-button/) instead
    */
   disabled?: boolean;
   /**
@@ -75,7 +75,7 @@ export interface ListItemBaseProps {
   /**
    * Use to apply selected styling.
    * @default false
-   * @deprecated checkout [ListItemButton](/api/list-item-button/) instead
+   * @deprecated checkout [ListItemButton](/material-ui/api/list-item-button/) instead
    */
   selected?: boolean;
   /**
@@ -111,12 +111,12 @@ export interface ListItemTypeMap<P, D extends React.ElementType> {
  *
  * Demos:
  *
- * - [Lists](https://mui.com/components/lists/)
- * - [Transfer List](https://mui.com/components/transfer-list/)
+ * - [Lists](https://mui.com/material-ui/react-list/)
+ * - [Transfer List](https://mui.com/material-ui/react-transfer-list/)
  *
  * API:
  *
- * - [ListItem API](https://mui.com/api/list-item/)
+ * - [ListItem API](https://mui.com/material-ui/api/list-item/)
  */
 declare const ListItem: ExtendButtonBase<
   ListItemTypeMap<
@@ -125,7 +125,7 @@ declare const ListItem: ExtendButtonBase<
        * If `true`, the list item is a button (using `ButtonBase`). Props intended
        * for `ButtonBase` can then be applied to `ListItem`.
        * @default false
-       * @deprecated checkout [ListItemButton](/api/list-item-button/) instead
+       * @deprecated checkout [ListItemButton](/material-ui/api/list-item-button/) instead
        *
        */
       button: true;
@@ -140,7 +140,7 @@ declare const ListItem: ExtendButtonBase<
          * If `true`, the list item is a button (using `ButtonBase`). Props intended
          * for `ButtonBase` can then be applied to `ListItem`.
          * @default false
-         * @deprecated checkout [ListItemButton](/api/list-item-button/) instead
+         * @deprecated checkout [ListItemButton](/material-ui/api/list-item-button/) instead
          */
         button?: false;
       },

package/ListItem/ListItem.js

@@ -279,7 +279,7 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes
    * If `true`, the list item is focused during the first mount.
    * Focus will also be triggered if the value changes from false to true.
    * @default false
-   * @deprecated checkout [ListItemButton](/api/list-item-button/) instead
+   * @deprecated checkout [ListItemButton](/material-ui/api/list-item-button/) instead
    */
   autoFocus: PropTypes.bool,
 
@@ -287,7 +287,7 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes
    * If `true`, the list item is a button (using `ButtonBase`). Props intended
    * for `ButtonBase` can then be applied to `ListItem`.
    * @default false
-   * @deprecated checkout [ListItemButton](/api/list-item-button/) instead
+   * @deprecated checkout [ListItemButton](/material-ui/api/list-item-button/) instead
    */
   button: PropTypes.bool,
 
@@ -374,7 +374,7 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes
   /**
    * If `true`, the component is disabled.
    * @default false
-   * @deprecated checkout [ListItemButton](/api/list-item-button/) instead
+   * @deprecated checkout [ListItemButton](/material-ui/api/list-item-button/) instead
    */
   disabled: PropTypes.bool,
 
@@ -409,7 +409,7 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes
   /**
    * Use to apply selected styling.
    * @default false
-   * @deprecated checkout [ListItemButton](/api/list-item-button/) instead
+   * @deprecated checkout [ListItemButton](/material-ui/api/list-item-button/) instead
    */
   selected: PropTypes.bool,