@mui/system 6.1.10 → 6.2.1

package/CHANGELOG.md

@@ -1,12 +1,82 @@
 # [Versions](https://mui.com/versions/)
 
+## 6.2.1
+
+<!-- generated comparing v6.2.0..master -->
+
+_Dec 17, 2024_
+
+A big thanks to the 10 contributors who made this release possible.
+
+### `@mui/material@6.2.1`
+
+- Update `overridesResolver` return from object to array of styles (#44752) @siddhantantil39
+- [Pagination] Use correct `aria-current` value (#44753) @jacklaurencegaray
+- [Select] Set `aria-required` & `aria-invalid` on `combobox` instead of hidden input (#44731) @ben-pomelo
+
+### `@mui/system@6.2.1`
+
+- Warns if the hex color contains trailing space (#44538) @siriwatknp
+
+### Docs
+
+- [material-ui][Dialog] Fix crashing of DraggableDialog demo (#44747) @sai6855
+- [material-ui][TextField] Update `react-number-format` demo to use the recommended prop (#44743) @siriwatknp
+- [material-ui][TextField] Add size default prop to api docs (#44714) @sai6855
+- [material-ui][TextField] Add suffix shrink demo (#44744) @siriwatknp
+
+### Core
+
+- [api-docs-builder] Preserve multiline prop descriptions with `rawDescriptions` option (#44737) @vladmoroz
+- Fix running mocha related scripts on Windows locally (#44664) @ChristopherJamesL
+- Update `eslint-plugin-jsx-a11y` (#44701) @ZeeshanTamboli
+- Add documentation to `useThemeProps`, `deepmerge` and `composeClasses` functions (#44703) @JCQuintas
+- [examples] Add Theme Mode Switch to Next.js TS example (#43576) @TurtIeSocks
+
+All contributors of this release in alphabetical order: @ben-pomelo, @ChristopherJamesL, @jacklaurencegaray, @JCQuintas, @sai6855, @siddhantantil39, @siriwatknp, @TurtIeSocks, @vladmoroz, @ZeeshanTamboli
+
+## 6.2.0
+
+<!-- generated comparing v6.1.10..master -->
+
+_Dec 10, 2024_
+
+A big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
+
+- Material UI is now compatible with React 19 (#44672) @DiegoAndai
+- Fixed incorrect `aria-orientation` for vertical sliders. <kbd>ArrowRight</kbd> now increases the value and <kbd>ArrowLeft</kbd> decreases the value in vertical sliders; they were reversed in prior versions. (#44537) @mj12albert
+
+### `@mui/material@6.2.0`
+
+- [Box] Add missing `component` to `BoxProps` type (#44643) @DiegoAndai
+- [Grid] Fix spacing when using css variables (#44663) @DiegoAndai
+- [ListItemText] Add `slots` and `slotProps` (#44571) @sai6855
+
+### Docs
+
+- Add Toolpad Core template link (#44415) @bharatkashyap
+
+### Core
+
+- [docs-infra] Allow custom annotations (#44707) @vladmoroz
+- [Box] Fix `component` prop test (#44651) @DiegoAndai
+- React 19 useRef cleanup (#44704) @DiegoAndai
+- Remove obselete lerna options (#44676) @ZeeshanTamboli
+- Fix Regular Expression Denial of Service (ReDoS) vulnerabilities (#44627) @SuperMaxine
+- Fix number of contributors (#44650) @aarongarciah
+- [docs-infra] Add support for data attributes in the API generation (#44709) @mnajdova
+- [docs-infra] Fix RTL dark mode (#41803) @alexfauquette
+- [Grid] Remove deeply nested imports (#43605) @Janpot
+
+All contributors of this release in alphabetical order: @aarongarciah, @alexfauquette, @bharatkashyap, @DiegoAndai, @Janpot, @mj12albert, @mnajdova, @sai6855, @SuperMaxine, @vladmoroz, @ZeeshanTamboli
+
 ## 6.1.10
 
 <!-- generated comparing v6.1.9..master -->
 
 _Dec 3, 2024_
 
-A big thanks to the 10 contributors who made this release possible.
+A big thanks to the 11 contributors who made this release possible.
 
 ### `@mui/material@6.1.10`
 
@@ -45,7 +115,7 @@ A big thanks to the 10 contributors who made this release possible.
 - [docs-infra] Fix TOC RTL padding regression (#44535) @oliviertassinari
 - [test-utils] Remove leftover React.ReactElement<any> from describeConformance.tsx (#44639) @sai6855
 
-All contributors of this release in alphabetical order: @albarv340, @arishoham, @DiegoAndai, @joserodolfofreitas, @MBilalShafi, @mnajdova, @oliviertassinari, @renovate[bot], @sai6855, @samuelsycamore, @siriwatknp, @ZeeshanTamboli
+All contributors of this release in alphabetical order: @albarv340, @arishoham, @DiegoAndai, @joserodolfofreitas, @MBilalShafi, @mnajdova, @oliviertassinari, @sai6855, @samuelsycamore, @siriwatknp, @ZeeshanTamboli
 
 ## 6.1.9
 

package/Grid/index.d.ts

@@ -4,3 +4,4 @@ export * from './GridProps';
 export { default as gridClasses } from './gridClasses';
 export * from './gridClasses';
 export { traverseBreakpoints as unstable_traverseBreakpoints } from './traverseBreakpoints';
+export { generateDirectionClasses as unstable_generateDirectionClasses, generateSizeClassNames as unstable_generateSizeClassNames, generateSpacingClassNames as unstable_generateSpacingClassNames, } from './gridGenerator';

package/Grid/index.js

@@ -8,7 +8,10 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   createGrid: true,
   gridClasses: true,
-  unstable_traverseBreakpoints: true
+  unstable_traverseBreakpoints: true,
+  unstable_generateDirectionClasses: true,
+  unstable_generateSizeClassNames: true,
+  unstable_generateSpacingClassNames: true
 };
 Object.defineProperty(exports, "createGrid", {
   enumerable: true,
@@ -28,6 +31,24 @@ Object.defineProperty(exports, "gridClasses", {
     return _gridClasses.default;
   }
 });
+Object.defineProperty(exports, "unstable_generateDirectionClasses", {
+  enumerable: true,
+  get: function () {
+    return _gridGenerator.generateDirectionClasses;
+  }
+});
+Object.defineProperty(exports, "unstable_generateSizeClassNames", {
+  enumerable: true,
+  get: function () {
+    return _gridGenerator.generateSizeClassNames;
+  }
+});
+Object.defineProperty(exports, "unstable_generateSpacingClassNames", {
+  enumerable: true,
+  get: function () {
+    return _gridGenerator.generateSpacingClassNames;
+  }
+});
 Object.defineProperty(exports, "unstable_traverseBreakpoints", {
   enumerable: true,
   get: function () {
@@ -60,4 +81,5 @@ Object.keys(_gridClasses).forEach(function (key) {
     }
   });
 });
-var _traverseBreakpoints = require("./traverseBreakpoints");
+var _traverseBreakpoints = require("./traverseBreakpoints");
+var _gridGenerator = require("./gridGenerator");

package/colorManipulator/colorManipulator.js

@@ -54,6 +54,11 @@ function hexToRgb(color) {
   if (colors && colors[0].length === 1) {
     colors = colors.map(n => n + n);
   }
+  if (process.env.NODE_ENV !== 'production') {
+    if (color.length !== color.trim().length) {
+      console.error(`MUI: The color: "${color}" is invalid. Make sure the color input doesn't contain leading/trailing space.`);
+    }
+  }
   return colors ? `rgb${colors.length === 4 ? 'a' : ''}(${colors.map((n, index) => {
     return index < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1000) / 1000;
   }).join(', ')})` : '';

package/esm/Grid/index.js

@@ -3,4 +3,5 @@ export { default as createGrid } from "./createGrid.js";
 export * from "./GridProps.js";
 export { default as gridClasses } from "./gridClasses.js";
 export * from "./gridClasses.js";
-export { traverseBreakpoints as unstable_traverseBreakpoints } from "./traverseBreakpoints.js";
+export { traverseBreakpoints as unstable_traverseBreakpoints } from "./traverseBreakpoints.js";
+export { generateDirectionClasses as unstable_generateDirectionClasses, generateSizeClassNames as unstable_generateSizeClassNames, generateSpacingClassNames as unstable_generateSpacingClassNames } from "./gridGenerator.js";

package/esm/colorManipulator/colorManipulator.js

@@ -30,6 +30,11 @@ export function hexToRgb(color) {
   if (colors && colors[0].length === 1) {
     colors = colors.map(n => n + n);
   }
+  if (process.env.NODE_ENV !== 'production') {
+    if (color.length !== color.trim().length) {
+      console.error(`MUI: The color: "${color}" is invalid. Make sure the color input doesn't contain leading/trailing space.`);
+    }
+  }
   return colors ? `rgb${colors.length === 4 ? 'a' : ''}(${colors.map((n, index) => {
     return index < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1000) / 1000;
   }).join(', ')})` : '';

package/esm/version/index.js

@@ -1,6 +1,6 @@
-export const version = "6.1.10";
+export const version = "6.2.1";
 export const major = Number("6");
-export const minor = Number("1");
-export const patch = Number("10");
+export const minor = Number("2");
+export const patch = Number("1");
 export const prerelease = undefined;
 export default version;

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/system v6.1.10
+ * @mui/system v6.2.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/memoTheme.d.ts

@@ -8,5 +8,5 @@ type ThemeStyleFunction<T> = (props: {
  */
 export default function unstable_memoTheme<T>(styleFn: ThemeStyleFunction<T>): (props: {
     theme: T;
-}) => string | number | boolean | import("@mui/styled-engine").ComponentSelector | import("@mui/styled-engine").Keyframes | import("@mui/styled-engine").SerializedStyles | import("@mui/styled-engine").CSSObject | import("@mui/styled-engine").ArrayCSSInterpolation | null;
+}) => string | number | boolean | import("@mui/styled-engine").CSSObject | import("@mui/styled-engine").ComponentSelector | import("@mui/styled-engine").Keyframes | import("@mui/styled-engine").SerializedStyles | import("@mui/styled-engine").ArrayCSSInterpolation | null;
 export {};

package/modern/Grid/index.js

@@ -3,4 +3,5 @@ export { default as createGrid } from "./createGrid.js";
 export * from "./GridProps.js";
 export { default as gridClasses } from "./gridClasses.js";
 export * from "./gridClasses.js";
-export { traverseBreakpoints as unstable_traverseBreakpoints } from "./traverseBreakpoints.js";
+export { traverseBreakpoints as unstable_traverseBreakpoints } from "./traverseBreakpoints.js";
+export { generateDirectionClasses as unstable_generateDirectionClasses, generateSizeClassNames as unstable_generateSizeClassNames, generateSpacingClassNames as unstable_generateSpacingClassNames } from "./gridGenerator.js";

package/modern/colorManipulator/colorManipulator.js

@@ -30,6 +30,11 @@ export function hexToRgb(color) {
   if (colors && colors[0].length === 1) {
     colors = colors.map(n => n + n);
   }
+  if (process.env.NODE_ENV !== 'production') {
+    if (color.length !== color.trim().length) {
+      console.error(`MUI: The color: "${color}" is invalid. Make sure the color input doesn't contain leading/trailing space.`);
+    }
+  }
   return colors ? `rgb${colors.length === 4 ? 'a' : ''}(${colors.map((n, index) => {
     return index < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1000) / 1000;
   }).join(', ')})` : '';

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/system v6.1.10
+ * @mui/system v6.2.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/version/index.js

@@ -1,6 +1,6 @@
-export const version = "6.1.10";
+export const version = "6.2.1";
 export const major = Number("6");
-export const minor = Number("1");
-export const patch = Number("10");
+export const minor = Number("2");
+export const patch = Number("1");
 export const prerelease = undefined;
 export default version;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/system",
-  "version": "6.1.10",
+  "version": "6.2.1",
   "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.",
@@ -30,10 +30,10 @@
     "clsx": "^2.1.1",
     "csstype": "^3.1.3",
     "prop-types": "^15.8.1",
-    "@mui/styled-engine": "^6.1.10",
-    "@mui/private-theming": "^6.1.10",
-    "@mui/types": "^7.2.19",
-    "@mui/utils": "^6.1.10"
+    "@mui/private-theming": "^6.2.1",
+    "@mui/styled-engine": "^6.2.1",
+    "@mui/utils": "^6.2.1",
+    "@mui/types": "^7.2.20"
   },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",

package/version/index.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.version = exports.prerelease = exports.patch = exports.minor = exports.major = exports.default = void 0;
-const version = exports.version = "6.1.10";
+const version = exports.version = "6.2.1";
 const major = exports.major = Number("6");
-const minor = exports.minor = Number("1");
-const patch = exports.patch = Number("10");
+const minor = exports.minor = Number("2");
+const patch = exports.patch = Number("1");
 const prerelease = exports.prerelease = undefined;
 var _default = exports.default = version;