@mui/material 5.5.2 → 5.6.1

package/Modal/Modal.js

@@ -50,12 +50,12 @@ const ModalBackdrop = styled(Backdrop, {
 /**
  * Modal is a lower-level construct that is leveraged by the following components:
  *
- * - [Dialog](/api/dialog/)
- * - [Drawer](/api/drawer/)
- * - [Menu](/api/menu/)
- * - [Popover](/api/popover/)
+ * - [Dialog](/material-ui/api/dialog/)
+ * - [Drawer](/material-ui/api/drawer/)
+ * - [Menu](/material-ui/api/menu/)
+ * - [Popover](/material-ui/api/popover/)
  *
- * If you are creating a modal dialog, you probably want to use the [Dialog](/api/dialog/) component
+ * If you are creating a modal dialog, you probably want to use the [Dialog](/material-ui/api/dialog/) component
  * rather than directly using Modal.
  *
  * This component shares many concepts with [react-overlays](https://react-bootstrap.github.io/react-overlays/#modals).
@@ -146,7 +146,7 @@ process.env.NODE_ENV !== "production" ? Modal.propTypes
   BackdropComponent: PropTypes.elementType,
 
   /**
-   * Props applied to the [`Backdrop`](/api/backdrop/) element.
+   * Props applied to the [`Backdrop`](/material-ui/api/backdrop/) element.
    */
   BackdropProps: PropTypes.object,
 

package/NativeSelect/NativeSelect.d.ts

@@ -57,12 +57,12 @@ export interface NativeSelectProps
  *
  * Demos:
  *
- * - [Selects](https://mui.com/components/selects/)
+ * - [Selects](https://mui.com/material-ui/react-select/)
  *
  * API:
  *
- * - [NativeSelect API](https://mui.com/api/native-select/)
- * - inherits [Input API](https://mui.com/api/input/)
+ * - [NativeSelect API](https://mui.com/material-ui/api/native-select/)
+ * - inherits [Input API](https://mui.com/material-ui/api/input/)
  */
 declare const NativeSelect: ((props: NativeSelectProps) => JSX.Element) & { muiName: string };
 

package/NativeSelect/nativeSelectClasses.d.ts

@@ -1,32 +1,32 @@
-export interface NativeSelectClasses {
-    /** 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 `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 NativeSelectClassKey = keyof NativeSelectClasses;
-export declare function getNativeSelectUtilityClasses(slot: string): string;
-declare const nativeSelectClasses: NativeSelectClasses;
-export default nativeSelectClasses;
+export interface NativeSelectClasses {
+    /** 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 `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 NativeSelectClassKey = keyof NativeSelectClasses;
+export declare function getNativeSelectUtilityClasses(slot: string): string;
+declare const nativeSelectClasses: NativeSelectClasses;
+export default nativeSelectClasses;

package/OutlinedInput/OutlinedInput.d.ts

@@ -28,12 +28,12 @@ export interface OutlinedInputProps extends StandardProps<InputBaseProps> {
  *
  * Demos:
  *
- * - [Text Fields](https://mui.com/components/text-fields/)
+ * - [Text Fields](https://mui.com/material-ui/react-text-field/)
  *
  * API:
  *
- * - [OutlinedInput API](https://mui.com/api/outlined-input/)
- * - inherits [InputBase API](https://mui.com/api/input-base/)
+ * - [OutlinedInput API](https://mui.com/material-ui/api/outlined-input/)
+ * - inherits [InputBase API](https://mui.com/material-ui/api/input-base/)
  */
 declare const OutlinedInput: ((props: OutlinedInputProps) => JSX.Element) & { muiName: string };
 

package/OutlinedInput/OutlinedInput.js

@@ -178,7 +178,9 @@ process.env.NODE_ENV !== "production" ? OutlinedInput.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).
    * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
    */
   color: PropTypes
@@ -270,7 +272,7 @@ process.env.NODE_ENV !== "production" ? OutlinedInput.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/OutlinedInput/outlinedInputClasses.d.ts

@@ -1,36 +1,36 @@
-export interface OutlinedInputClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if the color is secondary. */
-    colorSecondary: 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 NotchedOutline element. */
-    notchedOutline: 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 `startAdornment` is provided. */
-    inputAdornedStart: string;
-    /** Styles applied to the input element if `endAdornment` is provided. */
-    inputAdornedEnd: string;
-}
-export declare type OutlinedInputClassKey = keyof OutlinedInputClasses;
-export declare function getOutlinedInputUtilityClass(slot: string): string;
-declare const outlinedInputClasses: OutlinedInputClasses;
-export default outlinedInputClasses;
+export interface OutlinedInputClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if the color is secondary. */
+    colorSecondary: 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 NotchedOutline element. */
+    notchedOutline: 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 `startAdornment` is provided. */
+    inputAdornedStart: string;
+    /** Styles applied to the input element if `endAdornment` is provided. */
+    inputAdornedEnd: string;
+}
+export declare type OutlinedInputClassKey = keyof OutlinedInputClasses;
+export declare function getOutlinedInputUtilityClass(slot: string): string;
+declare const outlinedInputClasses: OutlinedInputClasses;
+export default outlinedInputClasses;

package/Pagination/Pagination.d.ts

@@ -28,6 +28,8 @@ export interface PaginationProps
   classes?: Partial<PaginationClasses>;
   /**
    * The active color.
+   * 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 'standard'
    */
   color?: OverridableStringUnion<
@@ -38,7 +40,7 @@ export interface PaginationProps
    * Accepts a function which returns a string value that provides a user-friendly name for the current page.
    * This is important for screen reader users.
    *
-   * For localization purposes, you can use the provided [translations](/guides/localization/).
+   * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
    * @param {string} type The link or button type to format ('page' | 'first' | 'last' | 'next' | 'previous'). Defaults to 'page'.
    * @param {number} page The page number to format.
    * @param {bool} selected If true, the current page is selected.
@@ -81,10 +83,10 @@ export interface PaginationProps
  *
  * Demos:
  *
- * - [Pagination](https://mui.com/components/pagination/)
+ * - [Pagination](https://mui.com/material-ui/react-pagination/)
  *
  * API:
  *
- * - [Pagination API](https://mui.com/api/pagination/)
+ * - [Pagination API](https://mui.com/material-ui/api/pagination/)
  */
 export default function Pagination(props: PaginationProps): JSX.Element;

package/Pagination/Pagination.js

@@ -155,6 +155,8 @@ process.env.NODE_ENV !== "production" ? Pagination.propTypes
 
   /**
    * The active color.
+   * 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 'standard'
    */
   color: PropTypes
@@ -183,7 +185,7 @@ process.env.NODE_ENV !== "production" ? Pagination.propTypes
    * Accepts a function which returns a string value that provides a user-friendly name for the current page.
    * This is important for screen reader users.
    *
-   * For localization purposes, you can use the provided [translations](/guides/localization/).
+   * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
    * @param {string} type The link or button type to format ('page' | 'first' | 'last' | 'next' | 'previous'). Defaults to 'page'.
    * @param {number} page The page number to format.
    * @param {bool} selected If true, the current page is selected.

package/Pagination/paginationClasses.d.ts

@@ -1,14 +1,14 @@
-export interface PaginationClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the ul element. */
-    ul: string;
-    /** Styles applied to the root element if `variant="outlined"`. */
-    outlined: string;
-    /** Styles applied to the root element if `variant="text"`. */
-    text: string;
-}
-export declare type PaginationClassKey = keyof PaginationClasses;
-export declare function getPaginationUtilityClass(slot: string): string;
-declare const paginationClasses: PaginationClasses;
-export default paginationClasses;
+export interface PaginationClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the ul element. */
+    ul: string;
+    /** Styles applied to the root element if `variant="outlined"`. */
+    outlined: string;
+    /** Styles applied to the root element if `variant="text"`. */
+    text: string;
+}
+export declare type PaginationClassKey = keyof PaginationClasses;
+export declare function getPaginationUtilityClass(slot: string): string;
+declare const paginationClasses: PaginationClasses;
+export default paginationClasses;

package/PaginationItem/PaginationItem.d.ts

@@ -20,6 +20,8 @@ export interface PaginationItemTypeMap<P = {}, D extends React.ElementType = 'di
     classes?: Partial<PaginationItemClasses>;
     /**
      * The active color.
+     * 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 'standard'
      */
     color?: OverridableStringUnion<
@@ -87,11 +89,11 @@ export interface PaginationItemTypeMap<P = {}, D extends React.ElementType = 'di
  *
  * Demos:
  *
- * - [Pagination](https://mui.com/components/pagination/)
+ * - [Pagination](https://mui.com/material-ui/react-pagination/)
  *
  * API:
  *
- * - [PaginationItem API](https://mui.com/api/pagination-item/)
+ * - [PaginationItem API](https://mui.com/material-ui/api/pagination-item/)
  */
 declare const PaginationItem: OverridableComponent<PaginationItemTypeMap>;
 

package/PaginationItem/PaginationItem.js

@@ -300,6 +300,8 @@ process.env.NODE_ENV !== "production" ? PaginationItem.propTypes
 
   /**
    * The active color.
+   * 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 'standard'
    */
   color: PropTypes

package/PaginationItem/paginationItemClasses.d.ts

@@ -1,42 +1,42 @@
-export interface PaginationItemClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `type="page"`. */
-    page: string;
-    /** Styles applied to the root element if `size="small"`. */
-    sizeSmall: string;
-    /** Styles applied to the root element if `size="large"`. */
-    sizeLarge: string;
-    /** Styles applied to the root element if `variant="text"`. */
-    text: string;
-    /** Styles applied to the root element if `variant="text"` and `color="primary"`. */
-    textPrimary: string;
-    /** Styles applied to the root element if `variant="text"` and `color="secondary"`. */
-    textSecondary: string;
-    /** Styles applied to the root element if `variant="outlined"`. */
-    outlined: string;
-    /** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
-    outlinedPrimary: string;
-    /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
-    outlinedSecondary: string;
-    /** Styles applied to the root element if `rounded="true"`. */
-    rounded: string;
-    /** Styles applied to the root element if `type="start-ellipsis"` or `type="end-ellipsis"`. */
-    ellipsis: string;
-    /** Styles applyed to the root element if `type="first"` or type="last". */
-    firstLast: string;
-    /** Styles applyed to the root element if `type="previous"` or type="next". */
-    previousNext: string;
-    /** State class applied to the root element if keyboard focused. */
-    focusVisible: string;
-    /** State class applied to the root element if `disabled={true}`. */
-    disabled: string;
-    /** State class applied to the root element if `selected={true}`. */
-    selected: string;
-    /** Styles applied to the icon to display. */
-    icon: string;
-}
-export declare type PaginationItemClassKey = keyof PaginationItemClasses;
-export declare function getPaginationItemUtilityClass(slot: string): string;
-declare const paginationItemClasses: PaginationItemClasses;
-export default paginationItemClasses;
+export interface PaginationItemClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `type="page"`. */
+    page: string;
+    /** Styles applied to the root element if `size="small"`. */
+    sizeSmall: string;
+    /** Styles applied to the root element if `size="large"`. */
+    sizeLarge: string;
+    /** Styles applied to the root element if `variant="text"`. */
+    text: string;
+    /** Styles applied to the root element if `variant="text"` and `color="primary"`. */
+    textPrimary: string;
+    /** Styles applied to the root element if `variant="text"` and `color="secondary"`. */
+    textSecondary: string;
+    /** Styles applied to the root element if `variant="outlined"`. */
+    outlined: string;
+    /** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
+    outlinedPrimary: string;
+    /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
+    outlinedSecondary: string;
+    /** Styles applied to the root element if `rounded="true"`. */
+    rounded: string;
+    /** Styles applied to the root element if `type="start-ellipsis"` or `type="end-ellipsis"`. */
+    ellipsis: string;
+    /** Styles applyed to the root element if `type="first"` or type="last". */
+    firstLast: string;
+    /** Styles applyed to the root element if `type="previous"` or type="next". */
+    previousNext: string;
+    /** State class applied to the root element if keyboard focused. */
+    focusVisible: string;
+    /** State class applied to the root element if `disabled={true}`. */
+    disabled: string;
+    /** State class applied to the root element if `selected={true}`. */
+    selected: string;
+    /** Styles applied to the icon to display. */
+    icon: string;
+}
+export declare type PaginationItemClassKey = keyof PaginationItemClasses;
+export declare function getPaginationItemUtilityClass(slot: string): string;
+declare const paginationItemClasses: PaginationItemClasses;
+export default paginationItemClasses;

package/Paper/Paper.d.ts

@@ -45,12 +45,12 @@ export interface PaperTypeMap<P = {}, D extends React.ElementType = 'div'> {
  *
  * Demos:
  *
- * - [Cards](https://mui.com/components/cards/)
- * - [Paper](https://mui.com/components/paper/)
+ * - [Cards](https://mui.com/material-ui/react-card/)
+ * - [Paper](https://mui.com/material-ui/react-paper/)
  *
  * API:
  *
- * - [Paper API](https://mui.com/api/paper/)
+ * - [Paper API](https://mui.com/material-ui/api/paper/)
  */
 declare const Paper: OverridableComponent<PaperTypeMap>;
 

package/Paper/paperClasses.d.ts

@@ -1,39 +1,39 @@
-export interface PaperClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element unless `square={true}`. */
-    rounded: string;
-    /** Styles applied to the root element if `variant="outlined"`. */
-    outlined: string;
-    /** Styles applied to the root element if `variant="elevation"`. */
-    elevation: string;
-    elevation0: string;
-    elevation1: string;
-    elevation2: string;
-    elevation3: string;
-    elevation4: string;
-    elevation5: string;
-    elevation6: string;
-    elevation7: string;
-    elevation8: string;
-    elevation9: string;
-    elevation10: string;
-    elevation11: string;
-    elevation12: string;
-    elevation13: string;
-    elevation14: string;
-    elevation15: string;
-    elevation16: string;
-    elevation17: string;
-    elevation18: string;
-    elevation19: string;
-    elevation20: string;
-    elevation21: string;
-    elevation22: string;
-    elevation23: string;
-    elevation24: string;
-}
-export declare type PaperClassKey = keyof PaperClasses;
-export declare function getPaperUtilityClass(slot: string): string;
-declare const paperClasses: PaperClasses;
-export default paperClasses;
+export interface PaperClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element unless `square={true}`. */
+    rounded: string;
+    /** Styles applied to the root element if `variant="outlined"`. */
+    outlined: string;
+    /** Styles applied to the root element if `variant="elevation"`. */
+    elevation: string;
+    elevation0: string;
+    elevation1: string;
+    elevation2: string;
+    elevation3: string;
+    elevation4: string;
+    elevation5: string;
+    elevation6: string;
+    elevation7: string;
+    elevation8: string;
+    elevation9: string;
+    elevation10: string;
+    elevation11: string;
+    elevation12: string;
+    elevation13: string;
+    elevation14: string;
+    elevation15: string;
+    elevation16: string;
+    elevation17: string;
+    elevation18: string;
+    elevation19: string;
+    elevation20: string;
+    elevation21: string;
+    elevation22: string;
+    elevation23: string;
+    elevation24: string;
+}
+export declare type PaperClassKey = keyof PaperClasses;
+export declare function getPaperUtilityClass(slot: string): string;
+declare const paperClasses: PaperClasses;
+export default paperClasses;

package/Popover/Popover.d.ts

@@ -87,7 +87,7 @@ export interface PopoverProps extends StandardProps<ModalProps, 'children'> {
    */
   open: boolean;
   /**
-   * Props applied to the [`Paper`](/api/paper/) element.
+   * Props applied to the [`Paper`](/material-ui/api/paper/) element.
    * @default {}
    */
   PaperProps?: Partial<PaperProps>;
@@ -110,7 +110,7 @@ export interface PopoverProps extends StandardProps<ModalProps, 'children'> {
   transformOrigin?: PopoverOrigin;
   /**
    * The component used for the transition.
-   * [Follow this guide](/components/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    * @default Grow
    */
   TransitionComponent?: React.JSXElementConstructor<
@@ -137,12 +137,12 @@ export interface PopoverActions {
  *
  * Demos:
  *
- * - [Menus](https://mui.com/components/menus/)
- * - [Popover](https://mui.com/components/popover/)
+ * - [Menus](https://mui.com/material-ui/react-menu/)
+ * - [Popover](https://mui.com/material-ui/react-popover/)
  *
  * API:
  *
- * - [Popover API](https://mui.com/api/popover/)
- * - inherits [Modal API](https://mui.com/api/modal/)
+ * - [Popover API](https://mui.com/material-ui/api/popover/)
+ * - inherits [Modal API](https://mui.com/material-ui/api/modal/)
  */
 export default function Popover(props: PopoverProps): JSX.Element;

package/Popover/Popover.js

@@ -446,7 +446,7 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes
   open: PropTypes.bool.isRequired,
 
   /**
-   * Props applied to the [`Paper`](/api/paper/) element.
+   * Props applied to the [`Paper`](/material-ui/api/paper/) element.
    * @default {}
    */
   PaperProps: PropTypes
@@ -479,7 +479,7 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes
 
   /**
    * The component used for the transition.
-   * [Follow this guide](/components/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    * @default Grow
    */
   TransitionComponent: PropTypes.elementType,

package/Popover/popoverClasses.d.ts

@@ -1,10 +1,10 @@
-export interface PopoverClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the Paper component. */
-    paper: string;
-}
-export declare type PopoverClassKey = keyof PopoverClasses;
-export declare function getPopoverUtilityClass(slot: string): string;
-declare const popoverClasses: PopoverClasses;
-export default popoverClasses;
+export interface PopoverClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the Paper component. */
+    paper: string;
+}
+export declare type PopoverClassKey = keyof PopoverClasses;
+export declare function getPopoverUtilityClass(slot: string): string;
+declare const popoverClasses: PopoverClasses;
+export default popoverClasses;