[core] Replace Material-UI with MUI (mui#28243)

mmacu · Sep 13, 2021 · b9576c5 · b9576c5
1 parent 161b7b1
commit b9576c5
Show file tree

Hide file tree

Showing 398 changed files with 1,161 additions and 1,186 deletions.
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -227,7 +227,7 @@ module.exports = {
       rules: {
         'material-ui/no-hardcoded-labels': [
           'error',
-          { allow: ['Material-UI', 'Twitter', 'GitHub', 'StackOverflow'] },
+          { allow: ['MUI', 'Twitter', 'GitHub', 'StackOverflow'] },
         ],
       },
     },

diff --git a/.github/ISSUE_TEMPLATE/1.bug.md b/.github/ISSUE_TEMPLATE/1.bug.md
@@ -1,13 +1,13 @@
 ---
 name: Bug report 🐛
-about: Create a bug report for Material-UI.
+about: Create a bug report for MUI.
 labels: 'status: needs triage'
 ---
 
 <!-- Provide a general summary of the issue in the Title above -->
 
 <!--
-  Thank you very much for contributing to Material-UI by creating an issue! ❤️
+  Thank you very much for contributing to MUI by creating an issue! ❤️
   To avoid duplicate issues we ask you to check off the following list.
 -->
 

diff --git a/.github/ISSUE_TEMPLATE/2.feature.md b/.github/ISSUE_TEMPLATE/2.feature.md
@@ -7,7 +7,7 @@ labels: 'status: needs triage'
 <!-- Provide a general summary of the feature in the Title above -->
 
 <!--
-  Thank you very much for contributing to Material-UI by creating an issue! ❤️
+  Thank you very much for contributing to MUI by creating an issue! ❤️
   To avoid duplicate issues we ask you to check off the following list.
 -->
 

diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml
@@ -2,4 +2,4 @@ blank_issues_enabled: false # force the usage of a template
 contact_links:
   - name: Support ❔
     url: https://material-ui.com/getting-started/support/
-    about: I need support with Material-UI.
+    about: I need support with MUI.
diff --git a/.github/support.yml b/.github/support.yml
@@ -6,7 +6,7 @@ supportLabel: support
 # Comment to post on issues marked as support requests. Add a link
 # to a support page, or set to `false` to disable
 supportComment: |
-  👋 Thanks for using Material-UI!
+  👋 Thanks for using MUI Core!
 
   We use GitHub issues exclusively as a bug and feature requests tracker, however,
   this issue appears to be a support request.

diff --git a/.tidelift.yml b/.tidelift.yml
@@ -1,11 +1,11 @@
 ci:
   platform:
     npm:
-      # Don't run unmainted test on nomnom, it's only used by build tools, not in Material-UI.
+      # Don't run unmainted test on nomnom, it's only used by build tools, not in MUI.
       nomnom:
         tests:
           unmaintained: skip
-      # Don't run vulnerabity test on os-locale, it's only used by yargs in build tools, not in Material-UI.
+      # Don't run vulnerabity test on os-locale, it's only used by yargs in build tools, not in MUI.
       os-locale:
         tests:
           vulnerable: skip
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -1,15 +1,15 @@
-# Contributing to Material-UI
+# Contributing to MUI
 
-If you're reading this, you're awesome! Thank you for helping us make this project great and being a part of the Material-UI community. Here are a few guidelines that will help you along the way.
+If you're reading this, you're awesome! Thank you for helping us make this project great and being a part of the MUI community. Here are a few guidelines that will help you along the way.
 
 ## Code of Conduct
 
-Material-UI has adopted the [Contributor Covenant](https://www.contributor-covenant.org/) as its Code of Conduct, and we expect project participants to adhere to it.
+MUI has adopted the [Contributor Covenant](https://www.contributor-covenant.org/) as its Code of Conduct, and we expect project participants to adhere to it.
 Please read [the full text](/CODE_OF_CONDUCT.md) so that you can understand what actions will and will not be tolerated.
 
 ## A large spectrum of contributions
 
-There are [many ways](https://material-ui.com/getting-started/faq/#material-ui-is-awesome-how-can-i-support-the-project) to contribute to Material-UI, code contribution is one aspect of it. For instance, documentation improvements are as important as code changes.
+There are [many ways](https://material-ui.com/getting-started/faq/#material-ui-is-awesome-how-can-i-support-the-project) to contribute to MUI, code contribution is one aspect of it. For instance, documentation improvements are as important as code changes.
 
 ## Your first Pull Request
 
@@ -33,7 +33,7 @@ If there has been no activity on the issue for 7 to 14 days, it is safe to assum
 
 ## Sending a Pull Request
 
-Material-UI is a community project, so Pull Requests are always welcome, but, before working on a large change, it is best to open an issue first to discuss it with the maintainers.
+MUI is a community project, so Pull Requests are always welcome, but, before working on a large change, it is best to open an issue first to discuss it with the maintainers.
 
 When in doubt, keep your Pull Requests small. To give a Pull Request the best chance of getting accepted, don't bundle more than one feature or bug fix per Pull Request. It's often best to create two smaller Pull Requests than one big one.
 
@@ -78,7 +78,7 @@ The core team is monitoring for Pull Requests. We will review your Pull Request
 
 ### Trying changes on the documentation site
 
-The documentation site is built with Material-UI and contains examples of all the components.
+The documentation site is built with MUI and contains examples of all the components.
 This is a great place to experiment with your changes.
 It's the local development environment used by the maintainers.
 
@@ -130,7 +130,7 @@ The following section gives an overview of what each check is responsible for.
 ##### ci/codesandbox
 
 This task should not fail in isolation. It creates multiple sandboxes on CodeSandbox.com that use the version
-of Material-UI that was built from this Pull Request. Use it to test more complex scenarios.
+of MUI that was built from this Pull Request. Use it to test more complex scenarios.
 
 ##### ci/circleci: checkout
 
@@ -204,7 +204,7 @@ $ yarn docs:api
 
 ### Coding style
 
-Please follow the coding style of the project. Material-UI uses prettier and eslint, so if possible, enable linting in your editor to get real-time feedback.
+Please follow the coding style of the project. MUI uses prettier and eslint, so if possible, enable linting in your editor to get real-time feedback.
 
 - `yarn prettier` reformats the code.
 - `yarn lint` runs manually the linting rules.
@@ -244,7 +244,7 @@ about translations](#translations).
 
 #### 3. Write the content of the demo
 
-Material-UI documents how to use this library with TypeScript.
+MUI documents how to use this library with TypeScript.
 
 If you are familiar with this language, write the demo in TypeScript, and only, in a \*.tsx file.
 When you're done run `yarn docs:typescript:formatted` to automatically create the JavaScript version.
@@ -286,7 +286,7 @@ these changes across the localized versions.
 
 ## Roadmap
 
-To get a sense of where Material-UI is heading, or for ideas on where you could contribute, take a look at the [roadmap](https://material-ui.com/discover-more/roadmap/).
+To get a sense of where MUI is heading, or for ideas on where you could contribute, take a look at the [roadmap](https://material-ui.com/discover-more/roadmap/).
 
 ## License
 

diff --git a/README.md b/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://material-ui.com/" rel="noopener" target="_blank"><img width="150" src="https://material-ui.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)
@@ -24,7 +24,7 @@ Quickly build beautiful [React](https://reactjs.org/) apps. Material-UI is a sim
 
 ## 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 v5](https://material-ui.com/)**
 
@@ -47,7 +47,7 @@ yarn add @mui/material @emotion/react @emotion/styled
 
 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 💎
 
@@ -56,7 +56,7 @@ 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 🏆
 
@@ -82,7 +82,7 @@ Direct
   <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>
 </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!
 
@@ -125,14 +125,14 @@ Check out our [documentation website](https://material-ui.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://material-ui.com/getting-started/faq/#material-ui-is-awesome-how-can-i-support-the-project).
 
 ## Changelog
 
@@ -149,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/)
 

diff --git a/benchmark/browser/README.md b/benchmark/browser/README.md
@@ -23,7 +23,7 @@ React primitives:
   34 ±6%
 React components:
   45 ±3%
-Styled Material-UI:
+Styled MUI:
   73 ±4%
 Styled emotion:
   67 ±3%
@@ -33,7 +33,7 @@ makeStyles:
   71 ±3%
 Box Baseline:
   81 ±3%
-Box Material-UI:
+Box MUI:
   209 ±15%
 Box Theme-UI:
   172 ±8%

diff --git a/benchmark/browser/scripts/benchmark.js b/benchmark/browser/scripts/benchmark.js
@@ -170,7 +170,7 @@ async function run() {
       },
       // Test that @mui/styled-engine doesn't add an signifiant overhead
       {
-        name: 'Styled Material-UI',
+        name: 'Styled MUI',
         path: './styled-material-ui/index.js',
       },
       {
@@ -192,7 +192,7 @@ async function run() {
         path: './box-baseline/index.js',
       },
       {
-        name: 'Box Material-UI',
+        name: 'Box MUI',
         path: './box-material-ui/index.js',
       },
       {

diff --git a/benchmark/server/README.md b/benchmark/server/README.md
@@ -1,4 +1,4 @@
-# Material-UI benchmark
+# MUI benchmark
 
 ## `@mui/material`
 

diff --git a/benchmark/server/scenarios/core.js b/benchmark/server/scenarios/core.js
@@ -24,7 +24,7 @@ suite
   .add('ButtonBase', () => {
     ReactDOMServer.renderToString(
       <StylesProvider sheetsManager={new Map()}>
-        <ButtonBase>Material-UI</ButtonBase>
+        <ButtonBase>MUI</ButtonBase>
       </StylesProvider>,
     );
   })
@@ -43,10 +43,10 @@ suite
     );
   })
   .add('ButtonBase enable ripple', () => {
-    ReactDOMServer.renderToString(<ButtonBase>Material-UI</ButtonBase>);
+    ReactDOMServer.renderToString(<ButtonBase>MUI</ButtonBase>);
   })
   .add('ButtonBase disable ripple', () => {
-    ReactDOMServer.renderToString(<ButtonBase disableRipple>Material-UI</ButtonBase>);
+    ReactDOMServer.renderToString(<ButtonBase disableRipple>MUI</ButtonBase>);
   })
   .on('cycle', (event) => {
     console.log(String(event.target));

diff --git a/benchmark/server/scenarios/styles.js b/benchmark/server/scenarios/styles.js
@@ -93,7 +93,7 @@ suite
     ReactDOMServer.renderToString(
       <StylesProvider sheetsManager={new Map()} sheetsRegistry={sheetsRegistry}>
         {Array.from(new Array(5)).map((_, index) => (
-          <StyledMuiButton key={String(index)}>Material-UI</StyledMuiButton>
+          <StyledMuiButton key={String(index)}>MUI</StyledMuiButton>
         ))}
       </StylesProvider>,
     );
@@ -105,7 +105,7 @@ suite
       <StylesProvider sheetsManager={new Map()} sheetsRegistry={sheetsRegistry}>
         {Array.from(new Array(5)).map((_, index) => (
           <Box key={String(index)} p={2}>
-            Material-UI
+            MUI
           </Box>
         ))}
       </StylesProvider>,
@@ -137,7 +137,7 @@ suite
       <JssProvider registry={sheetsRegistry}>
         {Array.from(new Array(5)).map((_, index) => (
           <button key={String(index)} type="submit">
-            Material-UI
+            MUI
           </button>
         ))}
       </JssProvider>,
@@ -150,7 +150,7 @@ suite
       <JssProvider registry={sheetsRegistry}>
         <React.Fragment>
           {Array.from(new Array(5)).map((_, index) => (
-            <JSSButton key={String(index)}>Material-UI</JSSButton>
+            <JSSButton key={String(index)}>MUI</JSSButton>
           ))}
         </React.Fragment>
       </JssProvider>,
@@ -162,7 +162,7 @@ suite
     ReactDOMServer.renderToString(
       <StylesProvider sheetsManager={new Map()} sheetsRegistry={sheetsRegistry}>
         {Array.from(new Array(5)).map((_, index) => (
-          <WithStylesButton key={String(index)}>Material-UI</WithStylesButton>
+          <WithStylesButton key={String(index)}>MUI</WithStylesButton>
         ))}
       </StylesProvider>,
     );
@@ -173,7 +173,7 @@ suite
     ReactDOMServer.renderToString(
       <StylesProvider sheetsManager={new Map()} sheetsRegistry={sheetsRegistry}>
         {Array.from(new Array(5)).map((_, index) => (
-          <HookButton key={String(index)}>Material-UI</HookButton>
+          <HookButton key={String(index)}>MUI</HookButton>
         ))}
       </StylesProvider>,
     );
@@ -185,7 +185,7 @@ suite
       sheet.collectStyles(
         <React.Fragment>
           {Array.from(new Array(5)).map((_, index) => (
-            <StyledComponentsButton key={String(index)}>Material-UI</StyledComponentsButton>
+            <StyledComponentsButton key={String(index)}>MUI</StyledComponentsButton>
           ))}
         </React.Fragment>,
       ),
@@ -196,7 +196,7 @@ suite
     ReactDOMServer.renderToString(
       <StylesProvider>
         {Array.from(new Array(5)).map((_, index) => (
-          <EmotionButton key={String(index)}>Material-UI</EmotionButton>
+          <EmotionButton key={String(index)}>MUI</EmotionButton>
         ))}
       </StylesProvider>,
     );
@@ -205,7 +205,7 @@ suite
     ReactDOMServer.renderToString(
       <StylesProvider>
         {Array.from(new Array(5)).map((_, index) => (
-          <EmotionCssButton key={String(index)}>Material-UI</EmotionCssButton>
+          <EmotionCssButton key={String(index)}>MUI</EmotionCssButton>
         ))}
       </StylesProvider>,
     );
@@ -215,7 +215,7 @@ suite
       ReactDOMServer.renderToString(
         <StylesProvider>
           {Array.from(new Array(5)).map((_, index) => (
-            <EmotionCssButton key={String(index)}>Material-UI</EmotionCssButton>
+            <EmotionCssButton key={String(index)}>MUI</EmotionCssButton>
           ))}
         </StylesProvider>,
       ),
@@ -225,7 +225,7 @@ suite
     ReactDOMServer.renderToString(
       <StylesProvider>
         {Array.from(new Array(5)).map((_, index) => (
-          <NakedButton key={String(index)}>Material-UI</NakedButton>
+          <NakedButton key={String(index)}>MUI</NakedButton>
         ))}
       </StylesProvider>,
     );

diff --git a/docs/README.md b/docs/README.md
@@ -1,6 +1,6 @@
-# Material-UI docs
+# MUI docs
 
-This is the documentation website of Material-UI.
+This is the documentation website of MUI.
 
 To start the docs site in development mode, from the project root, run:
 
@@ -15,7 +15,7 @@ _DO NOT USE NPM, use Yarn to install the dependencies._
 ## How can I add a new demo to the documentation?
 
 [You can follow this guide](https://github.com/mui-org/material-ui/blob/HEAD/CONTRIBUTING.md)
-on how to get started contributing to Material-UI.
+on how to get started contributing to MUI.
 
 ## How do I help to improve the translations?