@mui/material 5.5.2 → 5.6.1

package/node/Dialog/Dialog.js

@@ -403,7 +403,7 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes
   PaperComponent: _propTypes.default.elementType,
 
   /**
-   * Props applied to the [`Paper`](/api/paper/) element.
+   * Props applied to the [`Paper`](/material-ui/api/paper/) element.
    * @default {}
    */
   PaperProps: _propTypes.default.object,
@@ -421,7 +421,7 @@ process.env.NODE_ENV !== "production" ? Dialog.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 Fade
    */
   TransitionComponent: _propTypes.default.elementType,

package/node/Drawer/Drawer.js

@@ -157,7 +157,7 @@ function getAnchor(theme, anchor) {
   return theme.direction === 'rtl' && isHorizontal(anchor) ? oppositeDirection[anchor] : anchor;
 }
 /**
- * The props of the [Modal](/api/modal/) component are available
+ * The props of the [Modal](/material-ui/api/modal/) component are available
  * when `variant="temporary"` is set.
  */
 
@@ -309,7 +309,7 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes
   hideBackdrop: _propTypes.default.bool,
 
   /**
-   * Props applied to the [`Modal`](/api/modal/) element.
+   * Props applied to the [`Modal`](/material-ui/api/modal/) element.
    * @default {}
    */
   ModalProps: _propTypes.default.object,
@@ -328,13 +328,13 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes
   open: _propTypes.default.bool,
 
   /**
-   * Props applied to the [`Paper`](/api/paper/) element.
+   * Props applied to the [`Paper`](/material-ui/api/paper/) element.
    * @default {}
    */
   PaperProps: _propTypes.default.object,
 
   /**
-   * Props applied to the [`Slide`](/api/slide/) element.
+   * Props applied to the [`Slide`](/material-ui/api/slide/) element.
    */
   SlideProps: _propTypes.default.object,
 

package/node/Fab/Fab.js

@@ -198,7 +198,9 @@ process.env.NODE_ENV !== "production" ? Fab.propTypes
   className: _propTypes.default.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 'default'
    */
   color: _propTypes.default.oneOf(['default', 'error', 'info', 'inherit', 'primary', 'secondary', 'success', 'warning']),

package/node/Fade/Fade.js

@@ -42,7 +42,7 @@ const styles = {
   }
 };
 /**
- * The Fade transition is used by the [Modal](/components/modal/) component.
+ * The Fade transition is used by the [Modal](/material-ui/react-modal/) component.
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
  */
 

package/node/FilledInput/FilledInput.js

@@ -258,7 +258,9 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes
   classes: _propTypes.default.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.default
@@ -366,7 +368,7 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes
   minRows: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.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.default.bool,

package/node/FormControl/FormControl.js

@@ -93,7 +93,7 @@ const FormControlRoot = (0, _styled.default)('div', {
  *  - Input
  *  - InputLabel
  *
- * You can find one composition example below and more going to [the demos](/components/text-fields/#components).
+ * You can find one composition example below and more going to [the demos](/material-ui/react-text-field/#components).
  *
  * ```jsx
  * <FormControl>
@@ -271,7 +271,9 @@ process.env.NODE_ENV !== "production" ? FormControl.propTypes
   className: _propTypes.default.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.default

package/node/FormControlLabel/FormControlLabel.js

@@ -119,7 +119,7 @@ const FormControlLabel = /*#__PURE__*/React.forwardRef(function FormControlLabel
     control,
     disabled: disabledProp,
     disableTypography,
-    label,
+    label: labelProp,
     labelPlacement = 'end'
   } = props,
         other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
@@ -149,22 +149,27 @@ const FormControlLabel = /*#__PURE__*/React.forwardRef(function FormControlLabel
   });
   const ownerState = (0, _extends2.default)({}, props, {
     disabled,
-    label,
     labelPlacement,
     error: fcs.error
   });
   const classes = useUtilityClasses(ownerState);
+  let label = labelProp;
+
+  if (label != null && label.type !== _Typography.default && !disableTypography) {
+    label = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, (0, _extends2.default)({
+      component: "span",
+      className: classes.label
+    }, componentsProps.typography, {
+      children: label
+    }));
+  }
+
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(FormControlLabelRoot, (0, _extends2.default)({
     className: (0, _clsx.default)(classes.root, className),
     ownerState: ownerState,
     ref: ref
   }, other, {
-    children: [/*#__PURE__*/React.cloneElement(control, controlProps), label.type === _Typography.default || disableTypography ? label : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, (0, _extends2.default)({
-      component: "span",
-      className: classes.label
-    }, componentsProps.typography, {
-      children: label
-    }))]
+    children: [/*#__PURE__*/React.cloneElement(control, controlProps), label]
   }));
 });
 process.env.NODE_ENV !== "production" ? FormControlLabel.propTypes
@@ -221,7 +226,7 @@ process.env.NODE_ENV !== "production" ? FormControlLabel.propTypes
   /**
    * A text or an element to be used in an enclosing label element.
    */
-  label: _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.number, _propTypes.default.string]).isRequired,
+  label: _propTypes.default.node,
 
   /**
    * The position of the label.

package/node/FormLabel/FormLabel.js

@@ -160,7 +160,9 @@ process.env.NODE_ENV !== "production" ? FormLabel.propTypes
   className: _propTypes.default.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).
    */
   color: _propTypes.default
   /* @typescript-to-proptypes-ignore */

package/node/Grow/Grow.js

@@ -48,8 +48,14 @@ const styles = {
   }
 };
 /**
- * The Grow transition is used by the [Tooltip](/components/tooltips/) and
- * [Popover](/components/popover/) components.
+ * Conditionally apply a workaround for the CSS transition bug in Safari 15.4 / WebKit browsers.
+ * Remove this workaround once the WebKit bug fix is released.
+ */
+
+const isWebKit154 = typeof navigator !== 'undefined' && /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) && /(os |version\/)15(.|_)[4-9]/i.test(navigator.userAgent);
+/**
+ * The Grow transition is used by the [Tooltip](/material-ui/react-tooltip/) and
+ * [Popover](/material-ui/react-popover/) components.
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
  */
 
@@ -119,7 +125,7 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
       duration,
       delay
     }), theme.transitions.create('transform', {
-      duration: duration * 0.666,
+      duration: isWebKit154 ? duration : duration * 0.666,
       delay,
       easing: transitionTimingFunction
     })].join(',');
@@ -155,11 +161,11 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
       duration,
       delay
     }), theme.transitions.create('transform', {
-      duration: duration * 0.666,
-      delay: delay || duration * 0.333,
+      duration: isWebKit154 ? duration : duration * 0.666,
+      delay: isWebKit154 ? delay : delay || duration * 0.333,
       easing: transitionTimingFunction
     })].join(',');
-    node.style.opacity = '0';
+    node.style.opacity = 0;
     node.style.transform = getScale(0.75);
 
     if (onExit) {

package/node/Icon/Icon.js

@@ -151,7 +151,9 @@ process.env.NODE_ENV !== "production" ? Icon.propTypes
   className: _propTypes.default.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 'inherit'
    */
   color: _propTypes.default

package/node/IconButton/IconButton.js

@@ -119,7 +119,7 @@ const IconButtonRoot = (0, _styled.default)(_ButtonBase.default, {
   }
 }));
 /**
- * Refer to the [Icons](/components/icons/) section of the documentation
+ * Refer to the [Icons](/material-ui/icons/) section of the documentation
  * regarding the available icon options.
  */
 
@@ -189,7 +189,9 @@ process.env.NODE_ENV !== "production" ? IconButton.propTypes
   className: _propTypes.default.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 'default'
    */
   color: _propTypes.default

package/node/Input/Input.js

@@ -194,7 +194,9 @@ process.env.NODE_ENV !== "production" ? Input.propTypes
   classes: _propTypes.default.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.default
@@ -294,7 +296,7 @@ process.env.NODE_ENV !== "production" ? Input.propTypes
   minRows: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.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.default.bool,

package/node/InputBase/InputBase.js

@@ -563,7 +563,9 @@ process.env.NODE_ENV !== "production" ? InputBase.propTypes
   className: _propTypes.default.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.default
@@ -665,7 +667,7 @@ process.env.NODE_ENV !== "production" ? InputBase.propTypes
   minRows: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.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.default.bool,

package/node/InputLabel/InputLabel.js

@@ -185,7 +185,9 @@ process.env.NODE_ENV !== "production" ? InputLabel.propTypes
   classes: _propTypes.default.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.default
   /* @typescript-to-proptypes-ignore */

package/node/LinearProgress/LinearProgress.js

@@ -351,7 +351,9 @@ process.env.NODE_ENV !== "production" ? LinearProgress.propTypes
   className: _propTypes.default.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.default

package/node/Link/Link.js

@@ -27,6 +27,8 @@ var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 
 var _styled = _interopRequireDefault(require("../styles/styled"));
 
+var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
+
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 
 var _useIsFocusVisible = _interopRequireDefault(require("../utils/useIsFocusVisible"));
@@ -39,7 +41,7 @@ var _linkClasses = _interopRequireWildcard(require("./linkClasses"));
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-const _excluded = ["className", "color", "component", "onBlur", "onFocus", "TypographyClasses", "underline", "variant"];
+const _excluded = ["className", "color", "component", "onBlur", "onFocus", "TypographyClasses", "underline", "variant", "sx"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -127,6 +129,7 @@ const LinkRoot = (0, _styled.default)(_Typography.default, {
   });
 });
 const Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
+  const theme = (0, _useTheme.default)();
   const props = (0, _useThemeProps.default)({
     props: inProps,
     name: 'MuiLink'
@@ -139,9 +142,11 @@ const Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
     onFocus,
     TypographyClasses,
     underline = 'always',
-    variant = 'inherit'
+    variant = 'inherit',
+    sx
   } = props,
         other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const sxColor = typeof sx === 'function' ? sx(theme).color : sx == null ? void 0 : sx.color;
   const {
     isFocusVisibleRef,
     onBlur: handleBlurVisible,
@@ -176,7 +181,9 @@ const Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
   };
 
   const ownerState = (0, _extends2.default)({}, 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,
@@ -184,15 +191,18 @@ const Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
   });
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkRoot, (0, _extends2.default)({
+    color: color,
     className: (0, _clsx.default)(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
@@ -248,7 +258,7 @@ process.env.NODE_ENV !== "production" ? Link.propTypes
   sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
-   * `classes` prop applied to the [`Typography`](/api/typography/) element.
+   * `classes` prop applied to the [`Typography`](/material-ui/api/typography/) element.
    */
   TypographyClasses: _propTypes.default.object,
 

package/node/ListItem/ListItem.js

@@ -308,7 +308,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.default.bool,
 
@@ -316,7 +316,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.default.bool,
 
@@ -403,7 +403,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.default.bool,
 
@@ -438,7 +438,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.default.bool,
 

package/node/ListItemButton/ListItemButton.js

@@ -84,6 +84,7 @@ const ListItemButtonRoot = (0, _styled.default)(_ButtonBase.default, {
   alignItems: 'center',
   position: 'relative',
   textDecoration: 'none',
+  minWidth: 0,
   boxSizing: 'border-box',
   textAlign: 'left',
   paddingTop: 8,

package/node/Menu/Menu.js

@@ -261,7 +261,7 @@ process.env.NODE_ENV !== "production" ? Menu.propTypes
   disableAutoFocusItem: _propTypes.default.bool,
 
   /**
-   * Props applied to the [`MenuList`](/api/menu-list/) element.
+   * Props applied to the [`MenuList`](/material-ui/api/menu-list/) element.
    * @default {}
    */
   MenuListProps: _propTypes.default.object,
@@ -285,7 +285,7 @@ process.env.NODE_ENV !== "production" ? Menu.propTypes
   PaperProps: _propTypes.default.object,
 
   /**
-   * `classes` prop applied to the [`Popover`](/api/popover/) element.
+   * `classes` prop applied to the [`Popover`](/material-ui/api/popover/) element.
    */
   PopoverClasses: _propTypes.default.object,
 

package/node/MenuList/MenuList.js

@@ -114,7 +114,7 @@ function moveFocus(list, currentFocus, disableListWrap, disabledItemsFocusable,
 }
 /**
  * A permanently displayed menu following https://www.w3.org/TR/wai-aria-practices/#menubutton.
- * It's exposed to help customization of the [`Menu`](/api/menu/) component if you
+ * It's exposed to help customization of the [`Menu`](/material-ui/api/menu/) component if you
  * use it separately you need to move focus into the component manually. Once
  * the focus is placed inside the component it is fully keyboard accessible.
  */

package/node/Modal/Modal.js

@@ -76,12 +76,12 @@ const ModalBackdrop = (0, _styled.default)(_Backdrop.default, {
 /**
  * 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).
@@ -168,7 +168,7 @@ process.env.NODE_ENV !== "production" ? Modal.propTypes
   BackdropComponent: _propTypes.default.elementType,
 
   /**
-   * Props applied to the [`Backdrop`](/api/backdrop/) element.
+   * Props applied to the [`Backdrop`](/material-ui/api/backdrop/) element.
    */
   BackdropProps: _propTypes.default.object,
 

package/node/OutlinedInput/OutlinedInput.js

@@ -202,7 +202,9 @@ process.env.NODE_ENV !== "production" ? OutlinedInput.propTypes
   classes: _propTypes.default.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.default
@@ -294,7 +296,7 @@ process.env.NODE_ENV !== "production" ? OutlinedInput.propTypes
   minRows: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.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.default.bool,

package/node/Pagination/Pagination.js

@@ -177,6 +177,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.default
@@ -205,7 +207,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/node/PaginationItem/PaginationItem.js

@@ -327,6 +327,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.default

package/node/Popover/Popover.js

@@ -477,7 +477,7 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes
   open: _propTypes.default.bool.isRequired,
 
   /**
-   * Props applied to the [`Paper`](/api/paper/) element.
+   * Props applied to the [`Paper`](/material-ui/api/paper/) element.
    * @default {}
    */
   PaperProps: _propTypes.default
@@ -510,7 +510,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.default.elementType,

package/node/Popper/Popper.js

@@ -36,13 +36,13 @@ const PopperRoot = (0, _styles.styled)(_PopperUnstyled.default, {
  *
  * Demos:
  *
- * - [Autocomplete](https://mui.com/components/autocomplete/)
- * - [Menus](https://mui.com/components/menus/)
- * - [Popper](https://mui.com/components/popper/)
+ * - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
+ * - [Menus](https://mui.com/material-ui/react-menu/)
+ * - [Popper](https://mui.com/material-ui/react-popper/)
  *
  * API:
  *
- * - [Popper API](https://mui.com/api/popper/)
+ * - [Popper API](https://mui.com/material-ui/api/popper/)
  */
 
 const Popper = /*#__PURE__*/React.forwardRef(function Popper(inProps, ref) {

package/node/Radio/Radio.js

@@ -179,7 +179,9 @@ process.env.NODE_ENV !== "production" ? Radio.propTypes
   classes: _propTypes.default.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).
    * @default 'primary'
    */
   color: _propTypes.default

package/node/Rating/Rating.js

@@ -633,7 +633,7 @@ process.env.NODE_ENV !== "production" ? Rating.propTypes
    * Accepts a function which returns a string value that provides a user-friendly name for the current value of the rating.
    * 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 {number} value The rating label's value to format.
    * @returns {string}
    * @default function defaultLabelText(value) {

package/node/Select/Select.js

@@ -235,7 +235,7 @@ process.env.NODE_ENV !== "production" ? Select.propTypes
   inputProps: _propTypes.default.object,
 
   /**
-   * See [OutlinedInput#label](/api/outlined-input/#props)
+   * See [OutlinedInput#label](/material-ui/api/outlined-input/#props)
    */
   label: _propTypes.default.node,
 
@@ -246,7 +246,7 @@ process.env.NODE_ENV !== "production" ? Select.propTypes
   labelId: _propTypes.default.string,
 
   /**
-   * Props applied to the [`Menu`](/api/menu/) element.
+   * Props applied to the [`Menu`](/material-ui/api/menu/) element.
    */
   MenuProps: _propTypes.default.object,