@mui/material 5.0.0-rc.1 → 5.0.0

package/node/StepContent/StepContent.js

@@ -106,7 +106,7 @@ const StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps,
 
   if (process.env.NODE_ENV !== 'production') {
     if (orientation !== 'vertical') {
-      console.error('Material-UI: <StepContent /> is only designed for use with the vertical stepper.');
+      console.error('MUI: <StepContent /> is only designed for use with the vertical stepper.');
     }
   }
 
@@ -183,7 +183,7 @@ process.env.NODE_ENV !== "production" ? StepContent.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.
    */
   TransitionProps: _propTypes.default.object
 } : void 0;

package/node/TablePagination/TablePagination.js

@@ -399,7 +399,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes
     const newLastPage = Math.max(0, Math.ceil(count / rowsPerPage) - 1);
 
     if (page < 0 || page > newLastPage) {
-      return new Error('Material-UI: The page prop of a TablePagination is out of range ' + `(0 to ${newLastPage}, but page is ${page}).`);
+      return new Error('MUI: The page prop of a TablePagination is out of range ' + `(0 to ${newLastPage}, but page is ${page}).`);
     }
 
     return null;

package/node/Tabs/Tabs.js

@@ -308,7 +308,7 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
 
   if (process.env.NODE_ENV !== 'production') {
     if (centered && scrollable) {
-      console.error('Material-UI: You can not use the `centered={true}` and `variant="scrollable"` properties ' + 'at the same time on a `Tabs` component.');
+      console.error('MUI: You can not use the `centered={true}` and `variant="scrollable"` properties ' + 'at the same time on a `Tabs` component.');
     }
   }
 
@@ -356,7 +356,7 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
 
         if (process.env.NODE_ENV !== 'production') {
           if (!tab) {
-            console.error([`Material-UI: The \`value\` provided to the Tabs component is invalid.`, `None of the Tabs' children match with "${value}".`, valueToIndex.keys ? `You can provide one of the following values: ${Array.from(valueToIndex.keys()).join(', ')}.` : null].join('\n'));
+            console.error([`MUI: The \`value\` provided to the Tabs component is invalid.`, `None of the Tabs' children match with "${value}".`, valueToIndex.keys ? `You can provide one of the following values: ${Array.from(valueToIndex.keys()).join(', ')}.` : null].join('\n'));
           }
         }
 
@@ -365,7 +365,7 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
         if (process.env.NODE_ENV !== 'production') {
           if (process.env.NODE_ENV !== 'test' && !warnedOnceTabPresent && tabMeta && tabMeta.width === 0 && tabMeta.height === 0) {
             tabsMeta = null;
-            console.error(['Material-UI: The `value` provided to the Tabs component is invalid.', `The Tab with this \`value\` ("${value}") is not part of the document layout.`, "Make sure the tab item is present in the document or that it's not `display: none`."].join('\n'));
+            console.error(['MUI: The `value` provided to the Tabs component is invalid.', `The Tab with this \`value\` ("${value}") is not part of the document layout.`, "Make sure the tab item is present in the document or that it's not `display: none`."].join('\n'));
             warnedOnceTabPresent = true;
           }
         }
@@ -623,7 +623,7 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
 
     if (process.env.NODE_ENV !== 'production') {
       if ((0, _reactIs.isFragment)(child)) {
-        console.error(["Material-UI: The Tabs component doesn't accept a Fragment as a child.", 'Consider providing an array instead.'].join('\n'));
+        console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.", 'Consider providing an array instead.'].join('\n'));
       }
     }
 

package/node/TextField/TextField.js

@@ -158,7 +158,7 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
 
   if (process.env.NODE_ENV !== 'production') {
     if (select && !children) {
-      console.error('Material-UI: `children` must be passed when using the `TextField` component with `select`.');
+      console.error('MUI: `children` must be passed when using the `TextField` component with `select`.');
     }
   }
 
@@ -442,7 +442,9 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes
   /**
    * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
    */
-  type: _propTypes.default.string,
+  type: _propTypes.default
+  /* @typescript-to-proptypes-ignore */
+  .string,
 
   /**
    * The value of the `input` element, required for a controlled component.

package/node/TextareaAutosize/TextareaAutosize.js

@@ -123,7 +123,7 @@ const TextareaAutosize = /*#__PURE__*/React.forwardRef(function TextareaAutosize
 
       if (process.env.NODE_ENV !== 'production') {
         if (renders.current === 20) {
-          console.error(['Material-UI: Too many re-renders. The layout is unstable.', 'TextareaAutosize limits the number of renders to prevent an infinite loop.'].join('\n'));
+          console.error(['MUI: Too many re-renders. The layout is unstable.', 'TextareaAutosize limits the number of renders to prevent an infinite loop.'].join('\n'));
         }
       }
 

package/node/ToggleButtonGroup/ToggleButtonGroup.js

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

package/node/Tooltip/Tooltip.js

@@ -305,7 +305,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
 
     React.useEffect(() => {
       if (childNode && childNode.disabled && !isControlled && title !== '' && childNode.tagName.toLowerCase() === 'button') {
-        console.error(['Material-UI: You are providing a disabled `button` child to the Tooltip component.', 'A disabled element does not fire events.', "Tooltip needs to listen to the child element's events to display the title.", '', 'Add a simple wrapper element, such as a `span`.'].join('\n'));
+        console.error(['MUI: You are providing a disabled `button` child to the Tooltip component.', 'A disabled element does not fire events.', "Tooltip needs to listen to the child element's events to display the title.", '', 'Add a simple wrapper element, such as a `span`.'].join('\n'));
       }
     }, [title, childNode, isControlled]);
   }
@@ -461,7 +461,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
       children.props.onTouchEnd(event);
     }
 
-    clearTimeout(touchTimer.current);
+    stopTouchInteraction();
     clearTimeout(leaveTimer.current);
     leaveTimer.current = setTimeout(() => {
       handleClose(event);
@@ -544,7 +544,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
 
     React.useEffect(() => {
       if (childNode && !childNode.getAttribute('data-mui-internal-clone-element')) {
-        console.error(['Material-UI: The `children` component of the Tooltip is not forwarding its props correctly.', 'Please make sure that props are spread on the same element that the ref is applied to.'].join('\n'));
+        console.error(['MUI: The `children` component of the Tooltip is not forwarding its props correctly.', 'Please make sure that props are spread on the same element that the ref is applied to.'].join('\n'));
       }
     }, [childNode]);
   }
@@ -578,7 +578,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
 
   if (process.env.NODE_ENV !== 'production') {
     if (children.props.title) {
-      console.error(['Material-UI: You have provided a `title` prop to the child of <Tooltip />.', `Remove this title prop \`${children.props.title}\` or the Tooltip component.`].join('\n'));
+      console.error(['MUI: You have provided a `title` prop to the child of <Tooltip />.', `Remove this title prop \`${children.props.title}\` or the Tooltip component.`].join('\n'));
     }
   }
 
@@ -814,7 +814,7 @@ process.env.NODE_ENV !== "production" ? Tooltip.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.
    */
   TransitionProps: _propTypes.default.object
 } : void 0;

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license Material-UI v5.0.0-rc.1
+/** @license MUI v5.0.0
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/node/styles/adaptV4Theme.js

@@ -18,7 +18,7 @@ const _excluded = ["defaultProps", "mixins", "overrides", "palette", "props", "s
 
 function adaptV4Theme(inputTheme) {
   if (process.env.NODE_ENV !== 'production') {
-    console.warn(['Material-UI: adaptV4Theme() is deprecated.', 'Follow the upgrade guide on https://material-ui.com/r/migration-v4#theme.'].join('\n'));
+    console.warn(['MUI: adaptV4Theme() is deprecated.', 'Follow the upgrade guide on https://mui.com/r/migration-v4#theme.'].join('\n'));
   }
 
   const {

package/node/styles/createPalette.js

@@ -235,7 +235,7 @@ function createPalette(palette) {
       const contrast = (0, _system.getContrastRatio)(background, contrastText);
 
       if (contrast < 3) {
-        console.error([`Material-UI: The contrast ratio of ${contrast}:1 for ${contrastText} on ${background}`, 'falls below the WCAG recommended absolute minimum contrast ratio of 3:1.', 'https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast'].join('\n'));
+        console.error([`MUI: The contrast ratio of ${contrast}:1 for ${contrastText} on ${background}`, 'falls below the WCAG recommended absolute minimum contrast ratio of 3:1.', 'https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast'].join('\n'));
       }
     }
 
@@ -256,12 +256,12 @@ function createPalette(palette) {
     }
 
     if (!color.hasOwnProperty('main')) {
-      throw new Error(process.env.NODE_ENV !== "production" ? `Material-UI: The color${name ? ` (${name})` : ''} provided to augmentColor(color) is invalid.
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${name ? ` (${name})` : ''} provided to augmentColor(color) is invalid.
 The color object needs to have a \`main\` property or a \`${mainShade}\` property.` : (0, _utils.formatMuiErrorMessage)(11, name ? ` (${name})` : '', mainShade));
     }
 
     if (typeof color.main !== 'string') {
-      throw new Error(process.env.NODE_ENV !== "production" ? `Material-UI: The color${name ? ` (${name})` : ''} provided to augmentColor(color) is invalid.
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${name ? ` (${name})` : ''} provided to augmentColor(color) is invalid.
 \`color.main\` should be a string, but \`${JSON.stringify(color.main)}\` was provided instead.
 
 Did you intend to use one of the following approaches?
@@ -294,7 +294,7 @@ const theme2 = createTheme({ palette: {
 
   if (process.env.NODE_ENV !== 'production') {
     if (!modes[mode]) {
-      console.error(`Material-UI: The palette mode \`${mode}\` is not supported.`);
+      console.error(`MUI: The palette mode \`${mode}\` is not supported.`);
     }
   }
 

package/node/styles/createStyles.js

@@ -8,7 +8,7 @@ let warnedOnce = false; // To remove in v6
 
 function createStyles(styles) {
   if (!warnedOnce) {
-    console.warn(['Material-UI: createStyles from @mui/material/styles is deprecated.', 'Please use @mui/styles/createStyles'].join('\n'));
+    console.warn(['MUI: createStyles from @mui/material/styles is deprecated.', 'Please use @mui/styles/createStyles'].join('\n'));
     warnedOnce = true;
   }
 

package/node/styles/createTheme.js

@@ -66,11 +66,11 @@ function createTheme(options = {}, ...args) {
         if (stateClasses.indexOf(key) !== -1 && Object.keys(child).length > 0) {
           if (process.env.NODE_ENV !== 'production') {
             const stateClass = (0, _core.generateUtilityClass)('', key);
-            console.error([`Material-UI: The \`${component}\` component increases ` + `the CSS specificity of the \`${key}\` internal state.`, 'You can not override it like this: ', JSON.stringify(node, null, 2), '', `Instead, you need to use the '&.${stateClass}' syntax:`, JSON.stringify({
+            console.error([`MUI: The \`${component}\` component increases ` + `the CSS specificity of the \`${key}\` internal state.`, 'You can not override it like this: ', JSON.stringify(node, null, 2), '', `Instead, you need to use the '&.${stateClass}' syntax:`, JSON.stringify({
               root: {
                 [`&.${stateClass}`]: child
               }
-            }, null, 2), '', 'https://material-ui.com/r/state-classes-guide'].join('\n'));
+            }, null, 2), '', 'https://mui.com/r/state-classes-guide'].join('\n'));
           } // Remove the style to prevent global conflicts.
 
 
@@ -97,7 +97,7 @@ function createMuiTheme(...args) {
   if (process.env.NODE_ENV !== 'production') {
     if (!warnedOnce) {
       warnedOnce = true;
-      console.error(['Material-UI: the createMuiTheme function was renamed to createTheme.', '', "You should use `import { createTheme } from '@mui/material/styles'`"].join('\n'));
+      console.error(['MUI: the createMuiTheme function was renamed to createTheme.', '', "You should use `import { createTheme } from '@mui/material/styles'`"].join('\n'));
     }
   }
 

package/node/styles/createTransitions.js

@@ -78,23 +78,23 @@ function createTransitions(inputTransitions) {
       const isNumber = value => !isNaN(parseFloat(value));
 
       if (!isString(props) && !Array.isArray(props)) {
-        console.error('Material-UI: Argument "props" must be a string or Array.');
+        console.error('MUI: Argument "props" must be a string or Array.');
       }
 
       if (!isNumber(durationOption) && !isString(durationOption)) {
-        console.error(`Material-UI: Argument "duration" must be a number or a string but found ${durationOption}.`);
+        console.error(`MUI: Argument "duration" must be a number or a string but found ${durationOption}.`);
       }
 
       if (!isString(easingOption)) {
-        console.error('Material-UI: Argument "easing" must be a string.');
+        console.error('MUI: Argument "easing" must be a string.');
       }
 
       if (!isNumber(delay) && !isString(delay)) {
-        console.error('Material-UI: Argument "delay" must be a number or a string.');
+        console.error('MUI: Argument "delay" must be a number or a string.');
       }
 
       if (Object.keys(other).length !== 0) {
-        console.error(`Material-UI: Unrecognized argument(s) [${Object.keys(other).join(',')}].`);
+        console.error(`MUI: Unrecognized argument(s) [${Object.keys(other).join(',')}].`);
       }
     }
 

package/node/styles/createTypography.js

@@ -39,7 +39,7 @@ function createTypography(palette, typography) {
     fontWeightRegular = 400,
     fontWeightMedium = 500,
     fontWeightBold = 700,
-    // Tell Material-UI what's the font-size on the html element.
+    // Tell MUI what's the font-size on the html element.
     // 16px is the default font-size used by browsers.
     htmlFontSize = 16,
     // Apply the CSS properties to all the variants.
@@ -50,11 +50,11 @@ function createTypography(palette, typography) {
 
   if (process.env.NODE_ENV !== 'production') {
     if (typeof fontSize !== 'number') {
-      console.error('Material-UI: `fontSize` is required to be a number.');
+      console.error('MUI: `fontSize` is required to be a number.');
     }
 
     if (typeof htmlFontSize !== 'number') {
-      console.error('Material-UI: `htmlFontSize` is required to be a number.');
+      console.error('MUI: `htmlFontSize` is required to be a number.');
     }
   }
 

package/node/styles/makeStyles.js

@@ -8,7 +8,7 @@ exports.default = makeStyles;
 var _utils = require("@mui/utils");
 
 function makeStyles() {
-  throw new Error(process.env.NODE_ENV !== "production" ? `Material-UI: makeStyles is not longer exported from @mui/material/styles.
+  throw new Error(process.env.NODE_ENV !== "production" ? `MUI: makeStyles is not longer exported from @mui/material/styles.
 You have to import it from @mui/styles.
-See https://material-ui.com/r/migration-v4/#material-ui-core-styles for more details.` : (0, _utils.formatMuiErrorMessage)(14));
+See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` : (0, _utils.formatMuiErrorMessage)(14));
 }

package/node/styles/responsiveFontSizes.js

@@ -42,7 +42,7 @@ function responsiveFontSizes(themeInput, options = {}) {
     } = style;
 
     if (!(0, _cssUtils.isUnitless)(lineHeight) && !disableAlign) {
-      throw new Error(process.env.NODE_ENV !== "production" ? `Material-UI: Unsupported non-unitless line height with grid alignment.
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported non-unitless line height with grid alignment.
 Use unitless line heights instead.` : (0, _utils.formatMuiErrorMessage)(6));
     }
 

package/node/styles/withStyles.js

@@ -8,7 +8,7 @@ exports.default = withStyles;
 var _utils = require("@mui/utils");
 
 function withStyles() {
-  throw new Error(process.env.NODE_ENV !== "production" ? `Material-UI: withStyles is not longer exported from @mui/material/styles.
+  throw new Error(process.env.NODE_ENV !== "production" ? `MUI: withStyles is not longer exported from @mui/material/styles.
 You have to import it from @mui/styles.
-See https://material-ui.com/r/migration-v4/#material-ui-core-styles for more details.` : (0, _utils.formatMuiErrorMessage)(15));
+See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` : (0, _utils.formatMuiErrorMessage)(15));
 }

package/node/styles/withTheme.js

@@ -8,7 +8,7 @@ exports.default = withTheme;
 var _utils = require("@mui/utils");
 
 function withTheme() {
-  throw new Error(process.env.NODE_ENV !== "production" ? `Material-UI: withTheme is not longer exported from @mui/material/styles.
+  throw new Error(process.env.NODE_ENV !== "production" ? `MUI: withTheme is not longer exported from @mui/material/styles.
 You have to import it from @mui/styles.
-See https://material-ui.com/r/migration-v4/#material-ui-core-styles for more details.` : (0, _utils.formatMuiErrorMessage)(16));
+See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` : (0, _utils.formatMuiErrorMessage)(16));
 }

package/node/useMediaQuery/useMediaQuery.js

@@ -29,13 +29,13 @@ function useMediaQuery(queryInput, options = {}) {
 
   if (process.env.NODE_ENV !== 'production') {
     if (typeof queryInput === 'function' && theme === null) {
-      console.error(['Material-UI: The `query` argument provided is invalid.', 'You are providing a function without a theme in the context.', 'One of the parent elements needs to use a ThemeProvider.'].join('\n'));
+      console.error(['MUI: The `query` argument provided is invalid.', 'You are providing a function without a theme in the context.', 'One of the parent elements needs to use a ThemeProvider.'].join('\n'));
     }
   }
 
   let query = typeof queryInput === 'function' ? queryInput(theme) : queryInput;
   query = query.replace(/^@media( ?)/m, ''); // Wait for jsdom to support the match media feature.
-  // All the browsers Material-UI support have this built-in.
+  // All the browsers MUI support have this built-in.
   // This defensive check is here for simplicity.
   // Most of the time, the match media logic isn't central to people tests.
 

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@mui/material",
-  "version": "5.0.0-rc.1",
+  "version": "5.0.0",
   "private": false,
-  "author": "Material-UI Team",
-  "description": "Quickly build beautiful React 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.",
+  "author": "MUI Team",
+  "description": "Quickly build beautiful React 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.",
   "main": "./node/index.js",
   "keywords": [
     "react",
@@ -20,7 +20,7 @@
   "bugs": {
     "url": "https://github.com/mui-org/material-ui/issues"
   },
-  "homepage": "https://material-ui.com/",
+  "homepage": "https://mui.com/",
   "funding": {
     "type": "opencollective",
     "url": "https://opencollective.com/material-ui"
@@ -45,18 +45,18 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.14.8",
-    "@mui/core": "5.0.0-alpha.46",
-    "@mui/system": "5.0.0-rc.1",
-    "@mui/types": "7.0.0-rc.1",
-    "@mui/utils": "5.0.0-rc.1",
+    "@mui/core": "5.0.0-alpha.47",
+    "@mui/system": "^5.0.0",
+    "@mui/types": "^7.0.0",
+    "@mui/utils": "^5.0.0",
     "@popperjs/core": "^2.4.4",
-    "@types/react-transition-group": "^4.2.0",
+    "@types/react-transition-group": "^4.4.2",
     "clsx": "^1.1.1",
     "csstype": "^3.0.8",
     "hoist-non-react-statics": "^3.3.2",
     "prop-types": "^15.7.2",
     "react-is": "^17.0.2",
-    "react-transition-group": "^4.4.0"
+    "react-transition-group": "^4.4.2"
   },
   "sideEffects": false,
   "publishConfig": {

package/styles/ThemeProvider.d.ts

@@ -10,7 +10,7 @@ export interface ThemeProviderProps<Theme = DefaultTheme> {
  * It should preferably be used at **the root of your component tree**.
  * API:
  *
- * - [ThemeProvider API](https://material-ui.com/api/theme-provider/)
+ * - [ThemeProvider API](https://mui.com/api/theme-provider/)
  */
 export default function ThemeProvider<T = DefaultTheme>(
   props: ThemeProviderProps<T>,

package/styles/adaptV4Theme.d.ts

@@ -31,8 +31,8 @@ export interface DeprecatedThemeOptions {
 
 /**
  * Generate a theme base on the V4 theme options received.
- * @deprecated Follow the upgrade guide on https://material-ui.com/r/migration-v4#theme
+ * @deprecated Follow the upgrade guide on https://mui.com/r/migration-v4#theme
  * @param options Takes an incomplete theme object and adds the missing parts.
- * @returns A complete, ready to use theme object.
+ * @returns A complete, ready-to-use theme object.
  */
 export default function adaptV4Theme(options?: DeprecatedThemeOptions): Theme;

package/styles/adaptV4Theme.js

@@ -5,7 +5,7 @@ const _excluded = ["defaultProps", "mixins", "overrides", "palette", "props", "s
 import { createBreakpoints, createSpacing } from '@mui/system';
 export default function adaptV4Theme(inputTheme) {
   if (process.env.NODE_ENV !== 'production') {
-    console.warn(['Material-UI: adaptV4Theme() is deprecated.', 'Follow the upgrade guide on https://material-ui.com/r/migration-v4#theme.'].join('\n'));
+    console.warn(['MUI: adaptV4Theme() is deprecated.', 'Follow the upgrade guide on https://mui.com/r/migration-v4#theme.'].join('\n'));
   }
 
   const {

package/styles/createPalette.js

@@ -213,7 +213,7 @@ export default function createPalette(palette) {
       const contrast = getContrastRatio(background, contrastText);
 
       if (contrast < 3) {
-        console.error([`Material-UI: The contrast ratio of ${contrast}:1 for ${contrastText} on ${background}`, 'falls below the WCAG recommended absolute minimum contrast ratio of 3:1.', 'https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast'].join('\n'));
+        console.error([`MUI: The contrast ratio of ${contrast}:1 for ${contrastText} on ${background}`, 'falls below the WCAG recommended absolute minimum contrast ratio of 3:1.', 'https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast'].join('\n'));
       }
     }
 
@@ -234,12 +234,12 @@ export default function createPalette(palette) {
     }
 
     if (!color.hasOwnProperty('main')) {
-      throw new Error(process.env.NODE_ENV !== "production" ? `Material-UI: The color${name ? ` (${name})` : ''} provided to augmentColor(color) is invalid.
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${name ? ` (${name})` : ''} provided to augmentColor(color) is invalid.
 The color object needs to have a \`main\` property or a \`${mainShade}\` property.` : _formatMuiErrorMessage(11, name ? ` (${name})` : '', mainShade));
     }
 
     if (typeof color.main !== 'string') {
-      throw new Error(process.env.NODE_ENV !== "production" ? `Material-UI: The color${name ? ` (${name})` : ''} provided to augmentColor(color) is invalid.
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${name ? ` (${name})` : ''} provided to augmentColor(color) is invalid.
 \`color.main\` should be a string, but \`${JSON.stringify(color.main)}\` was provided instead.
 
 Did you intend to use one of the following approaches?
@@ -272,7 +272,7 @@ const theme2 = createTheme({ palette: {
 
   if (process.env.NODE_ENV !== 'production') {
     if (!modes[mode]) {
-      console.error(`Material-UI: The palette mode \`${mode}\` is not supported.`);
+      console.error(`MUI: The palette mode \`${mode}\` is not supported.`);
     }
   }