@mui/material 5.0.0-rc.1 → 5.0.0

package/ListItemButton/ListItemButton.js

@@ -130,7 +130,7 @@ const ListItemButton = /*#__PURE__*/React.forwardRef(function ListItemButton(inP
       if (listItemRef.current) {
         listItemRef.current.focus();
       } else if (process.env.NODE_ENV !== 'production') {
-        console.error('Material-UI: Unable to set focus to a ListItemButton whose component has not been rendered.');
+        console.error('MUI: Unable to set focus to a ListItemButton whose component has not been rendered.');
       }
     }
   }, [autoFocus]);

package/ListItemIcon/ListItemIcon.d.ts

@@ -24,10 +24,10 @@ export interface ListItemIconProps extends StandardProps<React.HTMLAttributes<HT
  *
  * Demos:
  *
- * - [Lists](https://material-ui.com/components/lists/)
+ * - [Lists](https://mui.com/components/lists/)
  *
  * API:
  *
- * - [ListItemIcon API](https://material-ui.com/api/list-item-icon/)
+ * - [ListItemIcon API](https://mui.com/api/list-item-icon/)
  */
 export default function ListItemIcon(props: ListItemIconProps): JSX.Element;

package/ListItemSecondaryAction/ListItemSecondaryAction.d.ts

@@ -24,11 +24,11 @@ export interface ListItemSecondaryActionProps
  *
  * Demos:
  *
- * - [Lists](https://material-ui.com/components/lists/)
+ * - [Lists](https://mui.com/components/lists/)
  *
  * API:
  *
- * - [ListItemSecondaryAction API](https://material-ui.com/api/list-item-secondary-action/)
+ * - [ListItemSecondaryAction API](https://mui.com/api/list-item-secondary-action/)
  */
 declare const ListItemSecondaryAction: ((props: ListItemSecondaryActionProps) => JSX.Element) & {
   muiName: string;

package/ListItemText/ListItemText.d.ts

@@ -64,11 +64,11 @@ export interface ListItemTextProps<
  *
  * Demos:
  *
- * - [Lists](https://material-ui.com/components/lists/)
+ * - [Lists](https://mui.com/components/lists/)
  *
  * API:
  *
- * - [ListItemText API](https://material-ui.com/api/list-item-text/)
+ * - [ListItemText API](https://mui.com/api/list-item-text/)
  */
 export default function ListItemText<
   PrimaryTypographyComponent extends React.ElementType = 'span',

package/ListSubheader/ListSubheader.d.ts

@@ -46,11 +46,11 @@ export interface ListSubheaderTypeMap<P = {}, D extends React.ElementType = 'li'
  *
  * Demos:
  *
- * - [Lists](https://material-ui.com/components/lists/)
+ * - [Lists](https://mui.com/components/lists/)
  *
  * API:
  *
- * - [ListSubheader API](https://material-ui.com/api/list-subheader/)
+ * - [ListSubheader API](https://mui.com/api/list-subheader/)
  */
 declare const ListSubheader: OverridableComponent<ListSubheaderTypeMap>;
 

package/Menu/Menu.d.ts

@@ -68,7 +68,7 @@ export interface MenuProps extends StandardProps<PopoverProps> {
   transitionDuration?: TransitionProps['timeout'] | 'auto';
   /**
    * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition) component.
+   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition) component.
    * @default {}
    */
   TransitionProps?: TransitionProps;
@@ -83,12 +83,12 @@ export interface MenuProps extends StandardProps<PopoverProps> {
  *
  * Demos:
  *
- * - [App Bar](https://material-ui.com/components/app-bar/)
- * - [Menus](https://material-ui.com/components/menus/)
+ * - [App Bar](https://mui.com/components/app-bar/)
+ * - [Menus](https://mui.com/components/menus/)
  *
  * API:
  *
- * - [Menu API](https://material-ui.com/api/menu/)
- * - inherits [Popover API](https://material-ui.com/api/popover/)
+ * - [Menu API](https://mui.com/api/menu/)
+ * - inherits [Popover API](https://mui.com/api/popover/)
  */
 export default function Menu(props: MenuProps): JSX.Element;

package/Menu/Menu.js

@@ -142,7 +142,7 @@ const Menu = /*#__PURE__*/React.forwardRef(function Menu(inProps, ref) {
 
     if (process.env.NODE_ENV !== 'production') {
       if (isFragment(child)) {
-        console.error(["Material-UI: The Menu component doesn't accept a Fragment as a child.", 'Consider providing an array instead.'].join('\n'));
+        console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", 'Consider providing an array instead.'].join('\n'));
       }
     }
 
@@ -280,7 +280,7 @@ process.env.NODE_ENV !== "production" ? Menu.propTypes
 
   /**
    * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition) component.
+   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition) component.
    * @default {}
    */
   TransitionProps: PropTypes.object,

package/MenuItem/MenuItem.d.ts

@@ -54,12 +54,12 @@ export type MenuItemTypeMap<P = {}, D extends React.ElementType = 'li'> = Extend
  *
  * Demos:
  *
- * - [Menus](https://material-ui.com/components/menus/)
+ * - [Menus](https://mui.com/components/menus/)
  *
  * API:
  *
- * - [MenuItem API](https://material-ui.com/api/menu-item/)
- * - inherits [ButtonBase API](https://material-ui.com/api/button-base/)
+ * - [MenuItem API](https://mui.com/api/menu-item/)
+ * - inherits [ButtonBase API](https://mui.com/api/button-base/)
  */
 declare const MenuItem: ExtendButtonBase<MenuItemTypeMap>;
 

package/MenuItem/MenuItem.js

@@ -150,7 +150,7 @@ const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(inProps, ref) {
       if (menuItemRef.current) {
         menuItemRef.current.focus();
       } else if (process.env.NODE_ENV !== 'production') {
-        console.error('Material-UI: Unable to set focus to a MenuItem whose component has not been rendered.');
+        console.error('MUI: Unable to set focus to a MenuItem whose component has not been rendered.');
       }
     }
   }, [autoFocus]);

package/MenuList/MenuList.d.ts

@@ -39,17 +39,17 @@ export type MenuListClassKey = keyof NonNullable<MenuListProps['classes']>;
 
 /**
  * A permanently displayed menu following https://www.w3.org/TR/wai-aria-practices/#menubutton.
- * It's exposed to help customization of the [`Menu`](https://material-ui.com/api/menu/) component if you
+ * It's exposed to help customization of the [`Menu`](https://mui.com/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.
  *
  * Demos:
  *
- * - [Menus](https://material-ui.com/components/menus/)
+ * - [Menus](https://mui.com/components/menus/)
  *
  * API:
  *
- * - [MenuList API](https://material-ui.com/api/menu-list/)
- * - inherits [List API](https://material-ui.com/api/list/)
+ * - [MenuList API](https://mui.com/api/menu-list/)
+ * - inherits [List API](https://mui.com/api/list/)
  */
 export default function MenuList(props: MenuListProps): JSX.Element;

package/MenuList/MenuList.js

@@ -215,7 +215,7 @@ const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
 
     if (process.env.NODE_ENV !== 'production') {
       if (isFragment(child)) {
-        console.error(["Material-UI: The Menu component doesn't accept a Fragment as a child.", 'Consider providing an array instead.'].join('\n'));
+        console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", 'Consider providing an array instead.'].join('\n'));
       }
     }
 

package/MobileStepper/MobileStepper.d.ts

@@ -52,11 +52,11 @@ export interface MobileStepperProps extends StandardProps<PaperProps, 'children'
  *
  * Demos:
  *
- * - [Steppers](https://material-ui.com/components/steppers/)
+ * - [Steppers](https://mui.com/components/steppers/)
  *
  * API:
  *
- * - [MobileStepper API](https://material-ui.com/api/mobile-stepper/)
- * - inherits [Paper API](https://material-ui.com/api/paper/)
+ * - [MobileStepper API](https://mui.com/api/mobile-stepper/)
+ * - inherits [Paper API](https://mui.com/api/paper/)
  */
 export default function MobileStepper(props: MobileStepperProps): JSX.Element;

package/Modal/Modal.d.ts

@@ -41,23 +41,23 @@ export type ModalClassKey = keyof NonNullable<ModalTypeMap['props']['classes']>;
 /**
  * Modal is a lower-level construct that is leveraged by the following components:
  *
- * *   [Dialog](https://material-ui.com/api/dialog/)
- * *   [Drawer](https://material-ui.com/api/drawer/)
- * *   [Menu](https://material-ui.com/api/menu/)
- * *   [Popover](https://material-ui.com/api/popover/)
+ * *   [Dialog](https://mui.com/api/dialog/)
+ * *   [Drawer](https://mui.com/api/drawer/)
+ * *   [Menu](https://mui.com/api/menu/)
+ * *   [Popover](https://mui.com/api/popover/)
  *
- * If you are creating a modal dialog, you probably want to use the [Dialog](https://material-ui.com/api/dialog/) component
+ * If you are creating a modal dialog, you probably want to use the [Dialog](https://mui.com/api/dialog/) component
  * rather than directly using Modal.
  *
  * This component shares many concepts with [react-overlays](https://react-bootstrap.github.io/react-overlays/#modals).
  *
  * Demos:
  *
- * - [Modal](https://material-ui.com/components/modal/)
+ * - [Modal](https://mui.com/components/modal/)
  *
  * API:
  *
- * - [Modal API](https://material-ui.com/api/modal/)
+ * - [Modal API](https://mui.com/api/modal/)
  */
 declare const Modal: ExtendModalUnstyled<ModalTypeMap>;
 

package/NativeSelect/NativeSelect.d.ts

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

package/OutlinedInput/OutlinedInput.d.ts

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

package/Pagination/Pagination.d.ts

@@ -81,10 +81,10 @@ export interface PaginationProps
  *
  * Demos:
  *
- * - [Pagination](https://material-ui.com/components/pagination/)
+ * - [Pagination](https://mui.com/components/pagination/)
  *
  * API:
  *
- * - [Pagination API](https://material-ui.com/api/pagination/)
+ * - [Pagination API](https://mui.com/api/pagination/)
  */
 export default function Pagination(props: PaginationProps): JSX.Element;

package/PaginationItem/PaginationItem.d.ts

@@ -72,11 +72,11 @@ export interface PaginationItemTypeMap<P = {}, D extends React.ElementType = 'di
  *
  * Demos:
  *
- * - [Pagination](https://material-ui.com/components/pagination/)
+ * - [Pagination](https://mui.com/components/pagination/)
  *
  * API:
  *
- * - [PaginationItem API](https://material-ui.com/api/pagination-item/)
+ * - [PaginationItem API](https://mui.com/api/pagination-item/)
  */
 declare const PaginationItem: OverridableComponent<PaginationItemTypeMap>;
 

package/Paper/Paper.d.ts

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

package/Paper/Paper.js

@@ -93,7 +93,7 @@ const Paper = /*#__PURE__*/React.forwardRef(function Paper(inProps, ref) {
     const theme = useTheme();
 
     if (theme.shadows[elevation] === undefined) {
-      console.error([`Material-UI: The elevation provided <Paper elevation={${elevation}}> is not available in the theme.`, `Please make sure that \`theme.shadows[${elevation}]\` is defined.`].join('\n'));
+      console.error([`MUI: The elevation provided <Paper elevation={${elevation}}> is not available in the theme.`, `Please make sure that \`theme.shadows[${elevation}]\` is defined.`].join('\n'));
     }
   }
 
@@ -145,7 +145,7 @@ process.env.NODE_ENV !== "production" ? Paper.propTypes
     } = props;
 
     if (elevation > 0 && variant === 'outlined') {
-      return new Error(`Material-UI: Combining \`elevation={${elevation}}\` with \`variant="${variant}"\` has no effect. Either use \`elevation={0}\` or use a different \`variant\`.`);
+      return new Error(`MUI: Combining \`elevation={${elevation}}\` with \`variant="${variant}"\` has no effect. Either use \`elevation={0}\` or use a different \`variant\`.`);
     }
 
     return null;

package/Popover/Popover.d.ts

@@ -123,7 +123,7 @@ export interface PopoverProps extends StandardProps<ModalProps, 'children'> {
   transitionDuration?: TransitionProps['timeout'] | 'auto';
   /**
    * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition) component.
+   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition) component.
    * @default {}
    */
   TransitionProps?: TransitionProps;
@@ -137,12 +137,12 @@ export interface PopoverActions {
  *
  * Demos:
  *
- * - [Menus](https://material-ui.com/components/menus/)
- * - [Popover](https://material-ui.com/components/popover/)
+ * - [Menus](https://mui.com/components/menus/)
+ * - [Popover](https://mui.com/components/popover/)
  *
  * API:
  *
- * - [Popover API](https://material-ui.com/api/popover/)
- * - inherits [Modal API](https://material-ui.com/api/modal/)
+ * - [Popover API](https://mui.com/api/popover/)
+ * - inherits [Modal API](https://mui.com/api/modal/)
  */
 export default function Popover(props: PopoverProps): JSX.Element;

package/Popover/Popover.js

@@ -143,7 +143,7 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
     if (anchorReference === 'anchorPosition') {
       if (process.env.NODE_ENV !== 'production') {
         if (!anchorPosition) {
-          console.error('Material-UI: You need to provide a `anchorPosition` prop when using ' + '<Popover anchorReference="anchorPosition" />.');
+          console.error('MUI: You need to provide a `anchorPosition` prop when using ' + '<Popover anchorReference="anchorPosition" />.');
         }
       }
 
@@ -159,7 +159,7 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
       const box = anchorElement.getBoundingClientRect();
 
       if (process.env.NODE_ENV !== 'test' && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {
-        console.warn(['Material-UI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', "Make sure the element is present in the document or that it's not display none."].join('\n'));
+        console.warn(['MUI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', "Make sure the element is present in the document or that it's not display none."].join('\n'));
       }
     }
 
@@ -216,7 +216,7 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
 
     if (process.env.NODE_ENV !== 'production') {
       if (elemRect.height > heightThreshold && elemRect.height && heightThreshold) {
-        console.error(['Material-UI: The popover component is too tall.', `Some part of it can not be seen on the screen (${elemRect.height - heightThreshold}px).`, 'Please consider adding a `max-height` to improve the user-experience.'].join('\n'));
+        console.error(['MUI: The popover component is too tall.', `Some part of it can not be seen on the screen (${elemRect.height - heightThreshold}px).`, 'Please consider adding a `max-height` to improve the user-experience.'].join('\n'));
       }
     } // Check if the horizontal axis needs shifting
 
@@ -352,10 +352,10 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes
         const box = resolvedAnchorEl.getBoundingClientRect();
 
         if (process.env.NODE_ENV !== 'test' && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {
-          return new Error(['Material-UI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', "Make sure the element is present in the document or that it's not display none."].join('\n'));
+          return new Error(['MUI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', "Make sure the element is present in the document or that it's not display none."].join('\n'));
         }
       } else {
-        return new Error(['Material-UI: The `anchorEl` prop provided to the component is invalid.', `It should be an Element instance but it's \`${resolvedAnchorEl}\` instead.`].join('\n'));
+        return new Error(['MUI: The `anchorEl` prop provided to the component is invalid.', `It should be an Element instance but it's \`${resolvedAnchorEl}\` instead.`].join('\n'));
       }
     }
 
@@ -496,7 +496,7 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes
 
   /**
    * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition) component.
+   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition) component.
    * @default {}
    */
   TransitionProps: PropTypes.object

package/Popper/Popper.d.ts

@@ -86,12 +86,12 @@ export interface PopperProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
  *
  * Demos:
  *
- * - [Autocomplete](https://material-ui.com/components/autocomplete/)
- * - [Menus](https://material-ui.com/components/menus/)
- * - [Popper](https://material-ui.com/components/popper/)
+ * - [Autocomplete](https://mui.com/components/autocomplete/)
+ * - [Menus](https://mui.com/components/menus/)
+ * - [Popper](https://mui.com/components/popper/)
  *
  * API:
  *
- * - [Popper API](https://material-ui.com/api/popper/)
+ * - [Popper API](https://mui.com/api/popper/)
  */
 export default function Popper(props: PopperProps): JSX.Element;

package/Popper/Popper.js

@@ -97,7 +97,7 @@ const PopperTooltip = /*#__PURE__*/React.forwardRef(function PopperTooltip(props
         const box = resolvedAnchorEl.getBoundingClientRect();
 
         if (process.env.NODE_ENV !== 'test' && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {
-          console.warn(['Material-UI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', "Make sure the element is present in the document or that it's not display none."].join('\n'));
+          console.warn(['MUI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', "Make sure the element is present in the document or that it's not display none."].join('\n'));
         }
       }
     }
@@ -250,10 +250,10 @@ process.env.NODE_ENV !== "production" ? Popper.propTypes
         const box = resolvedAnchorEl.getBoundingClientRect();
 
         if (process.env.NODE_ENV !== 'test' && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {
-          return new Error(['Material-UI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', "Make sure the element is present in the document or that it's not display none."].join('\n'));
+          return new Error(['MUI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', "Make sure the element is present in the document or that it's not display none."].join('\n'));
         }
       } else if (!resolvedAnchorEl || typeof resolvedAnchorEl.getBoundingClientRect !== 'function' || resolvedAnchorEl.contextElement != null && resolvedAnchorEl.contextElement.nodeType !== 1) {
-        return new Error(['Material-UI: The `anchorEl` prop provided to the component is invalid.', 'It should be an HTML element instance or a virtualElement ', '(https://popper.js.org/docs/v2/virtual-elements/).'].join('\n'));
+        return new Error(['MUI: The `anchorEl` prop provided to the component is invalid.', 'It should be an HTML element instance or a virtualElement ', '(https://popper.js.org/docs/v2/virtual-elements/).'].join('\n'));
       }
     }
 

package/README.md

@@ -1,12 +1,12 @@
 <p align="center">
-  <a href="https://material-ui.com/" rel="noopener" target="_blank"><img width="150" src="https://material-ui.com/static/logo.svg" alt="Material-UI logo"></a></p>
+  <a href="https://mui.com/" rel="noopener" target="_blank"><img width="150" src="https://mui.com/static/logo.svg" alt="MUI logo"></a></p>
 </p>
 
-<h1 align="center">Material-UI</h1>
+<h1 align="center">MUI</h1>
 
 <div align="center">
 
-Quickly build beautiful [React](https://reactjs.org/) apps. Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with [Material Design](https://material.io/design/introduction/).
+Quickly build beautiful [React](https://reactjs.org/) apps. MUI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with [Material Design](https://material.io/design/introduction/).
 
 [![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/mui-org/material-ui/blob/master/LICENSE)
 [![npm latest package](https://img.shields.io/npm/v/@mui/material/latest.svg)](https://www.npmjs.com/package/@mui/material)
@@ -17,48 +17,37 @@ Quickly build beautiful [React](https://reactjs.org/) apps. Material-UI is a sim
 [![Follow on Twitter](https://img.shields.io/twitter/follow/MaterialUI.svg?label=follow+Material-UI)](https://twitter.com/MaterialUI)
 [![Renovate status](https://img.shields.io/badge/renovate-enabled-brightgreen.svg)](https://github.com/mui-org/material-ui/issues/27062)
 [![Average time to resolve an issue](https://isitmaintained.com/badge/resolution/mui-org/material-ui.svg)](https://isitmaintained.com/project/mui-org/material-ui 'Average time to resolve an issue')
-[![Crowdin](https://badges.crowdin.net/material-ui-docs/localized.svg)](https://translate.material-ui.com/project/material-ui-docs)
+[![Crowdin](https://badges.crowdin.net/material-ui-docs/localized.svg)](https://translate.mui.com/project/material-ui-docs)
 [![Open Collective backers and sponsors](https://img.shields.io/opencollective/all/material-ui)](https://opencollective.com/material-ui)
 
 </div>
 
 ## Installation
 
-Material-UI is available as an [npm package](https://www.npmjs.com/package/@mui/material).
+MUI is available as an [npm package](https://www.npmjs.com/package/@mui/material).
 
-**[Stable channel v4](https://material-ui.com/)**
+**[Stable channel v5](https://mui.com/)**
 
 ```sh
 // with npm
-npm install @mui/material
+npm install @mui/material @emotion/react @emotion/styled
 
 // with yarn
-yarn add @mui/material
-```
-
-⚠️ All ongoing work has moved to v5. The development of v4 is limited to important bug fixes, security patches and easing the upgrade path to v5.
-
-**[Alpha channel v5](https://next.material-ui.com/)**
-
-```sh
-// with npm
-npm install @mui/material@next @emotion/react @emotion/styled
-
-// with yarn
-yarn add @mui/material@next @emotion/react @emotion/styled
+yarn add @mui/material @emotion/react @emotion/styled
 ```
 
 <details>
   <summary>Older versions</summary>
 
-- **[v3.x](https://v3.material-ui.com/)** ([Migration from v3 to v4](https://material-ui.com/guides/migration-v3/))
-- **[v0.x](https://v0.material-ui.com/)** ([Migration to v1](https://material-ui.com/guides/migration-v0x/))
+- **[v4.x](https://v4.mui.com/)** ([Migration from v4 to v5](https://mui.com/guides/migration-v4/))
+- **[v3.x](https://v3.mui.com/)** ([Migration from v3 to v4](https://mui.com/guides/migration-v3/))
+- **[v0.x](https://v0.mui.com/)** ([Migration to v1](https://mui.com/guides/migration-v0x/))
 
 </details>
 
 Please note that `@next` will only point to pre-releases; to get the latest stable release use `@latest` instead.
 
-## Who sponsors Material-UI?
+## Who sponsors MUI?
 
 ### Diamond 💎
 
@@ -67,14 +56,14 @@ Please note that `@next` will only point to pre-releases; to get the latest stab
   <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="doit-intl" href="https://www.doit-intl.com/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="128" width="128" src="https://avatars3.githubusercontent.com/u/8424863?s=256" alt="doit-intl" title="Management Platform for Google Cloud and AWS" loading="lazy" /></a>
 </p>
 
-Diamond Sponsors are those who have pledged \$1,500/month or more to Material-UI.
+Diamond Sponsors are those who have pledged \$1,500/month or more to MUI.
 
 ### Gold 🏆
 
 via [Patreon](https://www.patreon.com/oliviertassinari)
 
 <p style="display: flex; justify-content: center;">
-  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="tidelift" href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="96" width="96" src="https://github.com/tidelift.png?size=192" alt="tidelift" title="Enterprise-ready open source software" loading="lazy" /></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="tidelift" href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="96" width="96" src="https://github.com/tidelift.png?size=192" alt="tidelift" title="Enterprise-ready open-source software" loading="lazy" /></a>
   <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="bitsrc" href="https://bit.dev/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="96" width="96" src="https://github.com/teambit.png?size=192" alt="bitsrc" title="The fastest way to share code" loading="lazy" /></a>
   <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="movavi" href="https://spicefactory.co/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="96" width="96" src="https://avatars.githubusercontent.com/u/13365608?s=192" alt="Next gen digital product studio." loading="lazy" /></a>
 </p>
@@ -90,14 +79,14 @@ via [OpenCollective](https://opencollective.com/material-ui)
 Direct
 
 <p style="display: flex; justify-content: center; flex-wrap: wrap;">
-  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="elevator" href="https://www.elevatormag.com/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img src="https://material-ui.com/static/sponsors/elevator.png" alt="elevator" title="The dopest new hip hop, upcoming artsits, music news, culture, and style" height="57" width="191" loading="lazy"></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="elevator" href="https://www.elevatormag.com/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img src="https://mui.com/static/sponsors/elevator.png" alt="elevator" title="The dopest new hip hop, upcoming artists, music news, culture, and style" height="57" width="191" loading="lazy"></a>
 </p>
 
-Gold Sponsors are those who have pledged \$500/month or more to Material-UI.
+Gold Sponsors are those who have pledged \$500/month or more to MUI.
 
 ### There is more!
 
-See the full list of [our backers](https://material-ui.com/discover-more/backers/).
+See the full list of [our backers](https://mui.com/discover-more/backers/).
 
 ## Usage
 
@@ -128,22 +117,22 @@ There is a StackOverflow tag called "material-ui" that you can use to tag your q
 ## Examples
 
 Are you looking for an example project to get started?
-[We host some](https://material-ui.com/getting-started/example-projects/).
+[We host some](https://mui.com/getting-started/example-projects/).
 
 ## Documentation
 
-Check out our [documentation website](https://material-ui.com/).
+Check out our [documentation website](https://mui.com/).
 
 ## Premium Themes
 
-You can find complete templates & themes in the [Material-UI store](https://material-ui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=readme-store).
+You can find complete templates & themes in the [MUI store](https://material-ui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=readme-store).
 
 ## Contributing
 
-Read the [contributing guide](/CONTRIBUTING.md) to learn about our development process, how to propose bugfixes and improvements, and how to build and test your changes to Material-UI.
+Read the [contributing guide](/CONTRIBUTING.md) to learn about our development process, how to propose bugfixes and improvements, and how to build and test your changes to MUI.
 
 Notice that contributions go far beyond pull requests and commits.
-Although we love giving you the opportunity to put your stamp on Material-UI, we also are thrilled to receive a variety of [other contributions](https://material-ui.com/getting-started/faq/#material-ui-is-awesome-how-can-i-support-the-project).
+Although we love giving you the opportunity to put your stamp on MUI, we also are thrilled to receive a variety of [other contributions](https://mui.com/getting-started/faq/#material-ui-is-awesome-how-can-i-support-the-project).
 
 ## Changelog
 
@@ -151,7 +140,7 @@ If you have recently updated, please read the [changelog](https://github.com/mui
 
 ## Roadmap
 
-The future plans and high priority features and enhancements can be found in the [roadmap](https://material-ui.com/discover-more/roadmap/) file.
+The future plans and high priority features and enhancements can be found in the [roadmap](https://mui.com/discover-more/roadmap/) file.
 
 ## License
 
@@ -160,7 +149,7 @@ This project is licensed under the terms of the
 
 ## Sponsoring services
 
-These great services sponsor Material-UI's core infrastructure:
+These great services sponsor MUI's core infrastructure:
 
 [<img loading="lazy" alt="GitHub" src="https://github.githubassets.com/images/modules/logos_page/GitHub-Logo.png" height="25">](https://github.com/)