@mui/system 5.15.4 → 5.15.6

package/README.md

@@ -1,6 +1,6 @@
-# MUI System
+# MUI System
 
-MUI System is a set of CSS utilities to help you build custom designs more efficiently. It makes it possible to rapidly lay out custom designs.
+MUI System is a set of CSS utilities to help you build custom designs more efficiently. It makes it possible to rapidly lay out custom designs.
 
 ## Installation
 

package/colorManipulator.js

@@ -22,6 +22,7 @@ exports.private_safeLighten = private_safeLighten;
 exports.recomposeColor = recomposeColor;
 exports.rgbToHex = rgbToHex;
 var _formatMuiErrorMessage2 = _interopRequireDefault(require("@mui/utils/formatMuiErrorMessage"));
+var _utils = require("@mui/utils");
 /* eslint-disable @typescript-eslint/naming-convention */
 
 /**
@@ -31,13 +32,13 @@ var _formatMuiErrorMessage2 = _interopRequireDefault(require("@mui/utils/formatM
  * @param {number} max The upper boundary of the output range
  * @returns {number} A number in the range [min, max]
  */
-function clamp(value, min = 0, max = 1) {
+function clampWrapper(value, min = 0, max = 1) {
   if (process.env.NODE_ENV !== 'production') {
     if (value < min || value > max) {
       console.error(`MUI: The value provided ${value} is out of range [${min}, ${max}].`);
     }
   }
-  return Math.min(Math.max(min, value), max);
+  return (0, _utils.clamp)(value, min, max);
 }
 
 /**
@@ -245,7 +246,7 @@ function getContrastRatio(foreground, background) {
  */
 function alpha(color, value) {
   color = decomposeColor(color);
-  value = clamp(value);
+  value = clampWrapper(value);
   if (color.type === 'rgb' || color.type === 'hsl') {
     color.type += 'a';
   }
@@ -275,7 +276,7 @@ function private_safeAlpha(color, value, warning) {
  */
 function darken(color, coefficient) {
   color = decomposeColor(color);
-  coefficient = clamp(coefficient);
+  coefficient = clampWrapper(coefficient);
   if (color.type.indexOf('hsl') !== -1) {
     color.values[2] *= 1 - coefficient;
   } else if (color.type.indexOf('rgb') !== -1 || color.type.indexOf('color') !== -1) {
@@ -304,7 +305,7 @@ function private_safeDarken(color, coefficient, warning) {
  */
 function lighten(color, coefficient) {
   color = decomposeColor(color);
-  coefficient = clamp(coefficient);
+  coefficient = clampWrapper(coefficient);
   if (color.type.indexOf('hsl') !== -1) {
     color.values[2] += (100 - color.values[2]) * coefficient;
   } else if (color.type.indexOf('rgb') !== -1) {

package/esm/colorManipulator.js

@@ -1,5 +1,6 @@
 import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
 /* eslint-disable @typescript-eslint/naming-convention */
+import { clamp } from '@mui/utils';
 /**
  * Returns a number whose value is limited to the given range.
  * @param {number} value The value to be clamped
@@ -7,13 +8,13 @@ import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
  * @param {number} max The upper boundary of the output range
  * @returns {number} A number in the range [min, max]
  */
-function clamp(value, min = 0, max = 1) {
+function clampWrapper(value, min = 0, max = 1) {
   if (process.env.NODE_ENV !== 'production') {
     if (value < min || value > max) {
       console.error(`MUI: The value provided ${value} is out of range [${min}, ${max}].`);
     }
   }
-  return Math.min(Math.max(min, value), max);
+  return clamp(value, min, max);
 }
 
 /**
@@ -219,7 +220,7 @@ export function getContrastRatio(foreground, background) {
  */
 export function alpha(color, value) {
   color = decomposeColor(color);
-  value = clamp(value);
+  value = clampWrapper(value);
   if (color.type === 'rgb' || color.type === 'hsl') {
     color.type += 'a';
   }
@@ -249,7 +250,7 @@ export function private_safeAlpha(color, value, warning) {
  */
 export function darken(color, coefficient) {
   color = decomposeColor(color);
-  coefficient = clamp(coefficient);
+  coefficient = clampWrapper(coefficient);
   if (color.type.indexOf('hsl') !== -1) {
     color.values[2] *= 1 - coefficient;
   } else if (color.type.indexOf('rgb') !== -1 || color.type.indexOf('color') !== -1) {
@@ -278,7 +279,7 @@ export function private_safeDarken(color, coefficient, warning) {
  */
 export function lighten(color, coefficient) {
   color = decomposeColor(color);
-  coefficient = clamp(coefficient);
+  coefficient = clampWrapper(coefficient);
   if (color.type.indexOf('hsl') !== -1) {
     color.values[2] += (100 - color.values[2]) * coefficient;
   } else if (color.type.indexOf('rgb') !== -1) {

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/system v5.15.4
+ * @mui/system v5.15.6
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/legacy/colorManipulator.js

@@ -1,5 +1,6 @@
 import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
 /* eslint-disable @typescript-eslint/naming-convention */
+import { clamp } from '@mui/utils';
 /**
  * Returns a number whose value is limited to the given range.
  * @param {number} value The value to be clamped
@@ -7,7 +8,7 @@ import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
  * @param {number} max The upper boundary of the output range
  * @returns {number} A number in the range [min, max]
  */
-function clamp(value) {
+function clampWrapper(value) {
   var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   var max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
   if (process.env.NODE_ENV !== 'production') {
@@ -15,7 +16,7 @@ function clamp(value) {
       console.error("MUI: The value provided ".concat(value, " is out of range [").concat(min, ", ").concat(max, "]."));
     }
   }
-  return Math.min(Math.max(min, value), max);
+  return clamp(value, min, max);
 }
 
 /**
@@ -226,7 +227,7 @@ export function getContrastRatio(foreground, background) {
  */
 export function alpha(color, value) {
   color = decomposeColor(color);
-  value = clamp(value);
+  value = clampWrapper(value);
   if (color.type === 'rgb' || color.type === 'hsl') {
     color.type += 'a';
   }
@@ -256,7 +257,7 @@ export function private_safeAlpha(color, value, warning) {
  */
 export function darken(color, coefficient) {
   color = decomposeColor(color);
-  coefficient = clamp(coefficient);
+  coefficient = clampWrapper(coefficient);
   if (color.type.indexOf('hsl') !== -1) {
     color.values[2] *= 1 - coefficient;
   } else if (color.type.indexOf('rgb') !== -1 || color.type.indexOf('color') !== -1) {
@@ -285,7 +286,7 @@ export function private_safeDarken(color, coefficient, warning) {
  */
 export function lighten(color, coefficient) {
   color = decomposeColor(color);
-  coefficient = clamp(coefficient);
+  coefficient = clampWrapper(coefficient);
   if (color.type.indexOf('hsl') !== -1) {
     color.values[2] += (100 - color.values[2]) * coefficient;
   } else if (color.type.indexOf('rgb') !== -1) {

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/system v5.15.4
+ * @mui/system v5.15.6
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/colorManipulator.js

@@ -1,5 +1,6 @@
 import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
 /* eslint-disable @typescript-eslint/naming-convention */
+import { clamp } from '@mui/utils';
 /**
  * Returns a number whose value is limited to the given range.
  * @param {number} value The value to be clamped
@@ -7,13 +8,13 @@ import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
  * @param {number} max The upper boundary of the output range
  * @returns {number} A number in the range [min, max]
  */
-function clamp(value, min = 0, max = 1) {
+function clampWrapper(value, min = 0, max = 1) {
   if (process.env.NODE_ENV !== 'production') {
     if (value < min || value > max) {
       console.error(`MUI: The value provided ${value} is out of range [${min}, ${max}].`);
     }
   }
-  return Math.min(Math.max(min, value), max);
+  return clamp(value, min, max);
 }
 
 /**
@@ -219,7 +220,7 @@ export function getContrastRatio(foreground, background) {
  */
 export function alpha(color, value) {
   color = decomposeColor(color);
-  value = clamp(value);
+  value = clampWrapper(value);
   if (color.type === 'rgb' || color.type === 'hsl') {
     color.type += 'a';
   }
@@ -249,7 +250,7 @@ export function private_safeAlpha(color, value, warning) {
  */
 export function darken(color, coefficient) {
   color = decomposeColor(color);
-  coefficient = clamp(coefficient);
+  coefficient = clampWrapper(coefficient);
   if (color.type.indexOf('hsl') !== -1) {
     color.values[2] *= 1 - coefficient;
   } else if (color.type.indexOf('rgb') !== -1 || color.type.indexOf('color') !== -1) {
@@ -278,7 +279,7 @@ export function private_safeDarken(color, coefficient, warning) {
  */
 export function lighten(color, coefficient) {
   color = decomposeColor(color);
-  coefficient = clamp(coefficient);
+  coefficient = clampWrapper(coefficient);
   if (color.type.indexOf('hsl') !== -1) {
     color.values[2] += (100 - color.values[2]) * coefficient;
   } else if (color.type.indexOf('rgb') !== -1) {

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/system v5.15.4
+ * @mui/system v5.15.6
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/system",
-  "version": "5.15.4",
+  "version": "5.15.6",
   "private": false,
   "author": "MUI Team",
   "description": "MUI System is a set of CSS utilities to help you build custom designs more efficiently. It makes it possible to rapidly lay out custom designs.",
@@ -26,14 +26,14 @@
     "url": "https://opencollective.com/mui-org"
   },
   "dependencies": {
-    "@babel/runtime": "^7.23.7",
+    "@babel/runtime": "^7.23.8",
     "clsx": "^2.1.0",
     "csstype": "^3.1.2",
     "prop-types": "^15.8.1",
-    "@mui/private-theming": "^5.15.4",
+    "@mui/private-theming": "^5.15.6",
+    "@mui/styled-engine": "^5.15.6",
     "@mui/types": "^7.2.13",
-    "@mui/utils": "^5.15.4",
-    "@mui/styled-engine": "^5.15.4"
+    "@mui/utils": "^5.15.6"
   },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",