@mui/system - npm Package Compare versions

Comparing version 5.0.0-rc.1 to 5.0.0

colorManipulator.js

@@ -30,3 +30,3 @@ "use strict";
     if (value < min || value > max) {
-      console.error(`Material-UI: The value provided ${value} is out of range [${min}, ${max}].`);
+      console.error(`MUI: The value provided ${value} is out of range [${min}, ${max}].`);
     }
@@ -85,3 +85,3 @@ }
   if (['rgb', 'rgba', 'hsl', 'hsla', 'color'].indexOf(type) === -1) {
-    throw new Error(process.env.NODE_ENV !== "production" ? `Material-UI: Unsupported \`${color}\` color.
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${color}\` color.
 The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : (0, _utils.formatMuiErrorMessage)(9, color));
@@ -102,3 +102,3 @@ }
     if (['srgb', 'display-p3', 'a98-rgb', 'prophoto-rgb', 'rec-2020'].indexOf(colorSpace) === -1) {
-      throw new Error(process.env.NODE_ENV !== "production" ? `Material-UI: unsupported \`${colorSpace}\` color space.
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${colorSpace}\` color space.
 The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : (0, _utils.formatMuiErrorMessage)(10, colorSpace));
@@ -105,0 +105,0 @@ }

createTheme/createSpacing.js

@@ -27,3 +27,3 @@ "use strict";
       if (!(argsInput.length <= 4)) {
-        console.error(`Material-UI: Too many arguments provided, expected between 0 and 4, got ${argsInput.length}`);
+        console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${argsInput.length}`);
       }
@@ -30,0 +30,0 @@ }

createTheme/createTheme.d.ts

@@ -41,4 +41,4 @@ import { Breakpoints, BreakpointsOptions } from './createBreakpoints';
  * @param args Deep merge the arguments with the about to be returned theme.
- * @returns A complete, ready to use theme object.
+ * @returns A complete, ready-to-use theme object.
  */
 export default function createTheme(options?: ThemeOptions, ...args: object[]): Theme;

esm/colorManipulator.js

@@ -13,3 +13,3 @@ import { formatMuiErrorMessage as _formatMuiErrorMessage } from "@mui/utils";
     if (value < min || value > max) {
-      console.error(`Material-UI: The value provided ${value} is out of range [${min}, ${max}].`);
+      console.error(`MUI: The value provided ${value} is out of range [${min}, ${max}].`);
     }
@@ -68,3 +68,3 @@ }
   if (['rgb', 'rgba', 'hsl', 'hsla', 'color'].indexOf(type) === -1) {
-    throw new Error(process.env.NODE_ENV !== "production" ? `Material-UI: Unsupported \`${color}\` color.
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${color}\` color.
 The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : _formatMuiErrorMessage(9, color));
@@ -85,3 +85,3 @@ }
     if (['srgb', 'display-p3', 'a98-rgb', 'prophoto-rgb', 'rec-2020'].indexOf(colorSpace) === -1) {
-      throw new Error(process.env.NODE_ENV !== "production" ? `Material-UI: unsupported \`${colorSpace}\` color space.
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${colorSpace}\` color space.
 The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : _formatMuiErrorMessage(10, colorSpace));
@@ -88,0 +88,0 @@ }

esm/createTheme/createSpacing.js

@@ -20,3 +20,3 @@ import { createUnarySpacing } from '../spacing';
       if (!(argsInput.length <= 4)) {
-        console.error(`Material-UI: Too many arguments provided, expected between 0 and 4, got ${argsInput.length}`);
+        console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${argsInput.length}`);
       }
@@ -23,0 +23,0 @@ }

esm/spacing.js

@@ -56,3 +56,3 @@ import responsivePropType from './responsivePropType';
         if (typeof abs !== 'number') {
-          console.error(`Material-UI: Expected ${propName} argument to be a number or a string, got ${abs}.`);
+          console.error(`MUI: Expected ${propName} argument to be a number or a string, got ${abs}.`);
         }
@@ -73,5 +73,5 @@ }
         if (!Number.isInteger(abs)) {
-          console.error([`Material-UI: The \`theme.${themeKey}\` array type cannot be combined with non integer values.` + `You should either use an integer value that can be used as index, or define the \`theme.${themeKey}\` as a number.`].join('\n'));
+          console.error([`MUI: The \`theme.${themeKey}\` array type cannot be combined with non integer values.` + `You should either use an integer value that can be used as index, or define the \`theme.${themeKey}\` as a number.`].join('\n'));
         } else if (abs > themeSpacing.length - 1) {
-          console.error([`Material-UI: The value provided (${abs}) overflows.`, `The supported values are: ${JSON.stringify(themeSpacing)}.`, `${abs} > ${themeSpacing.length - 1}, you need to add the missing values.`].join('\n'));
+          console.error([`MUI: The value provided (${abs}) overflows.`, `The supported values are: ${JSON.stringify(themeSpacing)}.`, `${abs} > ${themeSpacing.length - 1}, you need to add the missing values.`].join('\n'));
         }
@@ -89,3 +89,3 @@ }
   if (process.env.NODE_ENV !== 'production') {
-    console.error([`Material-UI: The \`theme.${themeKey}\` value (${themeSpacing}) is invalid.`, 'It should be a number, an array or a function.'].join('\n'));
+    console.error([`MUI: The \`theme.${themeKey}\` value (${themeSpacing}) is invalid.`, 'It should be a number, an array or a function.'].join('\n'));
   }
@@ -92,0 +92,0 @@

index.js

@@ -1,2 +0,2 @@
-/** @license Material-UI v5.0.0-rc.1
+/** @license MUI v5.0.0
  *
@@ -3,0 +3,0 @@ * This source code is licensed under the MIT license found in the

legacy/colorManipulator.js

@@ -16,3 +16,3 @@ import { formatMuiErrorMessage as _formatMuiErrorMessage } from "@mui/utils";
     if (value < min || value > max) {
-      console.error("Material-UI: The value provided ".concat(value, " is out of range [").concat(min, ", ").concat(max, "]."));
+      console.error("MUI: The value provided ".concat(value, " is out of range [").concat(min, ", ").concat(max, "]."));
     }
@@ -73,3 +73,3 @@ }
   if (['rgb', 'rgba', 'hsl', 'hsla', 'color'].indexOf(type) === -1) {
-    throw new Error(process.env.NODE_ENV !== "production" ? "Material-UI: Unsupported `".concat(color, "` color.\nThe following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().") : _formatMuiErrorMessage(9, color));
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: Unsupported `".concat(color, "` color.\nThe following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().") : _formatMuiErrorMessage(9, color));
   }
@@ -89,3 +89,3 @@
     if (['srgb', 'display-p3', 'a98-rgb', 'prophoto-rgb', 'rec-2020'].indexOf(colorSpace) === -1) {
-      throw new Error(process.env.NODE_ENV !== "production" ? "Material-UI: unsupported `".concat(colorSpace, "` color space.\nThe following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.") : _formatMuiErrorMessage(10, colorSpace));
+      throw new Error(process.env.NODE_ENV !== "production" ? "MUI: unsupported `".concat(colorSpace, "` color space.\nThe following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.") : _formatMuiErrorMessage(10, colorSpace));
     }
@@ -92,0 +92,0 @@ } else {

legacy/createTheme/createSpacing.js

@@ -26,3 +26,3 @@ import { createUnarySpacing } from '../spacing';
       if (!(argsInput.length <= 4)) {
-        console.error("Material-UI: Too many arguments provided, expected between 0 and 4, got ".concat(argsInput.length));
+        console.error("MUI: Too many arguments provided, expected between 0 and 4, got ".concat(argsInput.length));
       }
@@ -29,0 +29,0 @@ }

legacy/index.js

@@ -1,2 +0,2 @@
-/** @license Material-UI v5.0.0-rc.1
+/** @license MUI v5.0.0
  *
@@ -3,0 +3,0 @@ * This source code is licensed under the MIT license found in the

legacy/spacing.js

@@ -63,3 +63,3 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
         if (typeof abs !== 'number') {
-          console.error("Material-UI: Expected ".concat(propName, " argument to be a number or a string, got ").concat(abs, "."));
+          console.error("MUI: Expected ".concat(propName, " argument to be a number or a string, got ").concat(abs, "."));
         }
@@ -80,5 +80,5 @@ }
         if (!Number.isInteger(abs)) {
-          console.error(["Material-UI: The `theme.".concat(themeKey, "` array type cannot be combined with non integer values.") + "You should either use an integer value that can be used as index, or define the `theme.".concat(themeKey, "` as a number.")].join('\n'));
+          console.error(["MUI: The `theme.".concat(themeKey, "` array type cannot be combined with non integer values.") + "You should either use an integer value that can be used as index, or define the `theme.".concat(themeKey, "` as a number.")].join('\n'));
         } else if (abs > themeSpacing.length - 1) {
-          console.error(["Material-UI: The value provided (".concat(abs, ") overflows."), "The supported values are: ".concat(JSON.stringify(themeSpacing), "."), "".concat(abs, " > ").concat(themeSpacing.length - 1, ", you need to add the missing values.")].join('\n'));
+          console.error(["MUI: The value provided (".concat(abs, ") overflows."), "The supported values are: ".concat(JSON.stringify(themeSpacing), "."), "".concat(abs, " > ").concat(themeSpacing.length - 1, ", you need to add the missing values.")].join('\n'));
         }
@@ -96,3 +96,3 @@ }
   if (process.env.NODE_ENV !== 'production') {
-    console.error(["Material-UI: The `theme.".concat(themeKey, "` value (").concat(themeSpacing, ") is invalid."), 'It should be a number, an array or a function.'].join('\n'));
+    console.error(["MUI: The `theme.".concat(themeKey, "` value (").concat(themeSpacing, ") is invalid."), 'It should be a number, an array or a function.'].join('\n'));
   }
@@ -99,0 +99,0 @@

modern/colorManipulator.js

@@ -13,3 +13,3 @@ import { formatMuiErrorMessage as _formatMuiErrorMessage } from "@mui/utils";
     if (value < min || value > max) {
-      console.error(`Material-UI: The value provided ${value} is out of range [${min}, ${max}].`);
+      console.error(`MUI: The value provided ${value} is out of range [${min}, ${max}].`);
     }
@@ -68,3 +68,3 @@ }
   if (['rgb', 'rgba', 'hsl', 'hsla', 'color'].indexOf(type) === -1) {
-    throw new Error(process.env.NODE_ENV !== "production" ? `Material-UI: Unsupported \`${color}\` color.
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${color}\` color.
 The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : _formatMuiErrorMessage(9, color));
@@ -85,3 +85,3 @@ }
     if (['srgb', 'display-p3', 'a98-rgb', 'prophoto-rgb', 'rec-2020'].indexOf(colorSpace) === -1) {
-      throw new Error(process.env.NODE_ENV !== "production" ? `Material-UI: unsupported \`${colorSpace}\` color space.
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${colorSpace}\` color space.
 The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : _formatMuiErrorMessage(10, colorSpace));
@@ -88,0 +88,0 @@ }

modern/createTheme/createSpacing.js

@@ -20,3 +20,3 @@ import { createUnarySpacing } from '../spacing';
       if (!(argsInput.length <= 4)) {
-        console.error(`Material-UI: Too many arguments provided, expected between 0 and 4, got ${argsInput.length}`);
+        console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${argsInput.length}`);
       }
@@ -23,0 +23,0 @@ }

modern/index.js

@@ -1,2 +0,2 @@
-/** @license Material-UI v5.0.0-rc.1
+/** @license MUI v5.0.0
  *
@@ -3,0 +3,0 @@ * This source code is licensed under the MIT license found in the

modern/spacing.js

@@ -56,3 +56,3 @@ import responsivePropType from './responsivePropType';
         if (typeof abs !== 'number') {
-          console.error(`Material-UI: Expected ${propName} argument to be a number or a string, got ${abs}.`);
+          console.error(`MUI: Expected ${propName} argument to be a number or a string, got ${abs}.`);
         }
@@ -73,5 +73,5 @@ }
         if (!Number.isInteger(abs)) {
-          console.error([`Material-UI: The \`theme.${themeKey}\` array type cannot be combined with non integer values.` + `You should either use an integer value that can be used as index, or define the \`theme.${themeKey}\` as a number.`].join('\n'));
+          console.error([`MUI: The \`theme.${themeKey}\` array type cannot be combined with non integer values.` + `You should either use an integer value that can be used as index, or define the \`theme.${themeKey}\` as a number.`].join('\n'));
         } else if (abs > themeSpacing.length - 1) {
-          console.error([`Material-UI: The value provided (${abs}) overflows.`, `The supported values are: ${JSON.stringify(themeSpacing)}.`, `${abs} > ${themeSpacing.length - 1}, you need to add the missing values.`].join('\n'));
+          console.error([`MUI: The value provided (${abs}) overflows.`, `The supported values are: ${JSON.stringify(themeSpacing)}.`, `${abs} > ${themeSpacing.length - 1}, you need to add the missing values.`].join('\n'));
         }
@@ -89,3 +89,3 @@ }
   if (process.env.NODE_ENV !== 'production') {
-    console.error([`Material-UI: The \`theme.${themeKey}\` value (${themeSpacing}) is invalid.`, 'It should be a number, an array or a function.'].join('\n'));
+    console.error([`MUI: The \`theme.${themeKey}\` value (${themeSpacing}) is invalid.`, 'It should be a number, an array or a function.'].join('\n'));
   }
@@ -92,0 +92,0 @@

package.json

 {
   "name": "@mui/system",
-  "version": "5.0.0-rc.1",
+  "version": "5.0.0",
   "private": false,
-  "author": "Material-UI Team",
+  "author": "MUI Team",
   "description": "CSS utilities for rapidly laying out custom designs.",
@@ -23,3 +23,3 @@ "main": "./index.js",
   },
-  "homepage": "https://next.material-ui.com/system/basics/",
+  "homepage": "https://mui.com/system/basics/",
   "funding": {
@@ -48,6 +48,6 @@ "type": "opencollective",
     "@babel/runtime": "^7.14.8",
-    "@mui/private-theming": "5.0.0-rc.1",
-    "@mui/styled-engine": "5.0.0-rc.1",
-    "@mui/types": "7.0.0-rc.1",
-    "@mui/utils": "5.0.0-rc.1",
+    "@mui/private-theming": "^5.0.0",
+    "@mui/styled-engine": "^5.0.0",
+    "@mui/types": "^7.0.0",
+    "@mui/utils": "^5.0.0",
     "clsx": "^1.1.1",
@@ -54,0 +54,0 @@ "csstype": "^3.0.8",

README.md

@@ -13,6 +13,6 @@ # @mui/system
 // with npm
-npm install @mui/system@next @emotion/react @emotion/styled
+npm install @mui/system @emotion/react @emotion/styled
 
 // with yarn
-yarn add @mui/system@next @emotion/react @emotion/styled
+yarn add @mui/system @emotion/react @emotion/styled
 ```
@@ -24,2 +24,2 @@
 
-[The documentation](https://next.material-ui.com/system/basics/)
+[The documentation](https://mui.com/system/basics/)

spacing.js

@@ -77,3 +77,3 @@ "use strict";
         if (typeof abs !== 'number') {
-          console.error(`Material-UI: Expected ${propName} argument to be a number or a string, got ${abs}.`);
+          console.error(`MUI: Expected ${propName} argument to be a number or a string, got ${abs}.`);
         }
@@ -94,5 +94,5 @@ }
         if (!Number.isInteger(abs)) {
-          console.error([`Material-UI: The \`theme.${themeKey}\` array type cannot be combined with non integer values.` + `You should either use an integer value that can be used as index, or define the \`theme.${themeKey}\` as a number.`].join('\n'));
+          console.error([`MUI: The \`theme.${themeKey}\` array type cannot be combined with non integer values.` + `You should either use an integer value that can be used as index, or define the \`theme.${themeKey}\` as a number.`].join('\n'));
         } else if (abs > themeSpacing.length - 1) {
-          console.error([`Material-UI: The value provided (${abs}) overflows.`, `The supported values are: ${JSON.stringify(themeSpacing)}.`, `${abs} > ${themeSpacing.length - 1}, you need to add the missing values.`].join('\n'));
+          console.error([`MUI: The value provided (${abs}) overflows.`, `The supported values are: ${JSON.stringify(themeSpacing)}.`, `${abs} > ${themeSpacing.length - 1}, you need to add the missing values.`].join('\n'));
         }
@@ -110,3 +110,3 @@ }
   if (process.env.NODE_ENV !== 'production') {
-    console.error([`Material-UI: The \`theme.${themeKey}\` value (${themeSpacing}) is invalid.`, 'It should be a number, an array or a function.'].join('\n'));
+    console.error([`MUI: The \`theme.${themeKey}\` value (${themeSpacing}) is invalid.`, 'It should be a number, an array or a function.'].join('\n'));
   }
@@ -113,0 +113,0 @@

ThemeProvider/ThemeProvider.d.ts

@@ -13,3 +13,3 @@ import { DefaultTheme } from '@mui/private-theming';
  *
- * - [ThemeProvider API](https://material-ui.com/api/theme-provider/)
+ * - [ThemeProvider API](https://mui.com/api/theme-provider/)
  */
@@ -16,0 +16,0 @@ export default function ThemeProvider<T = DefaultTheme>(

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

599078

increased by0.62%

Number of package files

201

increased by1.01%

Lines of code

8252

increased by0.02%

Number of low quality alerts

0

decreased by-100%

Number of medium supply chain risk alerts

0

decreased by-100%

Dependency changes

• + Added@mui/private-theming@5.16.6(transitive)

• + Added@mui/styled-engine@5.16.6(transitive)

• + Added@mui/types@7.2.16(transitive)

• + Added@mui/utils@5.16.6(transitive)

• + Addedclsx@2.1.1(transitive)

• + Addedreact-is@18.3.1(transitive)

• - Removed@mui/private-theming@5.0.0-rc.1(transitive)

• - Removed@mui/styled-engine@5.0.0-rc.1(transitive)

• - Removed@mui/types@7.0.0-rc.1(transitive)

• - Removed@mui/utils@5.0.0-rc.1(transitive)

• - Removed@types/react-is@17.0.7(transitive)

• - Removedreact-is@17.0.2(transitive)

• Updated@mui/private-theming@^5.0.0

• Updated@mui/styled-engine@^5.0.0

• Updated@mui/types@^7.0.0

• Updated@mui/utils@^5.0.0