@mui/system 5.16.7 → 5.16.8

package/CHANGELOG.md

@@ -1,5 +1,52 @@
 # [Versions](https://mui.com/versions/)
 
+## 5.16.8
+
+<!-- generated comparing v5.16.7..v5.x -->
+
+_Nov 26, 2024_
+
+A big thanks to the 8 contributors who made this release possible.
+
+### `@mui/material@5.16.8`
+
+- Cherry pick ref accessing PRs (#44543) @DiegoAndai
+
+### `@mui/utils@5.16.8`
+
+- Skip deep clone React element (v5.x) (#44494) @jukkatupamaki
+
+### Docs
+
+- Keep sponsors up to date @oliviertassinari
+- Fix MUI Treasury Layout broken links (#43753) @oliviertassinari
+- Strengthen CSP rule @oliviertassinari
+- Give up on restoring search @oliviertassinari
+- Normalize next major message @oliviertassinari
+- Fix versions URL @oliviertassinari
+- Fix use of absolute URLs (#43567) @oliviertassinari
+- Restore search on v5 (#43566) @oliviertassinari
+- Fix link from v5 to v6 (#43585) @alexfauquette
+- Updated mui-x roadmap links with the new project URL (@michelengelen) (#43446) @michelengelen
+- Fix broken link to Next.js docs @oliviertassinari
+
+### Core
+
+- [blog] Polish Upcoming changes to MUI X pricing in 2024 (#43438) @oliviertassinari
+- [blog] Add video to the Pigment CSS blog post (#42500) @oliviertassinari
+- [blog] Announcing pricing changes Sep 2024 (#43272) @cherniavskii
+- Prepare for moving to v5.x branch (#43447) @siriwatknp
+- [core] Cherry pick #42346 to v5 (#44475) @DiegoAndai
+- [core] Fix CI on v5.x branch (#44487) @DiegoAndai
+- [core] Fix CI on v5.x branch (#43564) @oliviertassinari
+- [examples] Fix v5 clone example instructions (#43755) @oliviertassinari
+- [examples] Fix CLI download instructions @oliviertassinari
+- [examples] Fix CDN live preview example @oliviertassinari
+- [examples] Fix more examples to work with v5 @oliviertassinari
+- [examples] Freeze examples dependency range (#43435) @oliviertassinari
+
+All contributors of this release in alphabetical order: @alexfauquette, @cherniavskii, @DiegoAndai, @jukkatupamaki, @michelengelen, @oliviertassinari, @rluzists1, @siriwatknp
+
 ## 5.16.7
 
 <!-- generated comparing v5.16.6..master -->

package/README.md

@@ -16,4 +16,4 @@ npm install @mui/system @emotion/react @emotion/styled
 
 <!-- #default-branch-switch -->
 
-Visit [https://mui.com/system/getting-started/](https://mui.com/system/getting-started/) to view the full documentation.
+Visit [https://v5.mui.com/system/getting-started/](https://v5.mui.com/system/getting-started/) to view the full documentation.

package/Unstable_Grid/createGrid.js

@@ -130,9 +130,9 @@ function createGrid(options = {}) {
     }, other, {
       children: React.Children.map(children, child => {
         if ( /*#__PURE__*/React.isValidElement(child) && (0, _isMuiElement.default)(child, ['Grid'])) {
-          var _child$props$unstable;
+          var _unstable_level, _child$props;
           return /*#__PURE__*/React.cloneElement(child, {
-            unstable_level: (_child$props$unstable = child.props.unstable_level) != null ? _child$props$unstable : level + 1
+            unstable_level: (_unstable_level = (_child$props = child.props) == null ? void 0 : _child$props.unstable_level) != null ? _unstable_level : level + 1
           });
         }
         return child;

package/cssVars/createCssVarsProvider.d.ts

@@ -90,7 +90,7 @@ export interface CreateCssVarsProviderResult<
         disableStyleSheetGeneration?: boolean;
       }
     >,
-  ) => React.ReactElement;
+  ) => React.JSX.Element;
   useColorScheme: () => ColorSchemeContextValue<ColorScheme>;
   getInitColorSchemeScript: typeof InitColorSchemeScript;
 }

package/esm/Unstable_Grid/createGrid.js

@@ -121,9 +121,9 @@ export default function createGrid(options = {}) {
     }, other, {
       children: React.Children.map(children, child => {
         if ( /*#__PURE__*/React.isValidElement(child) && isMuiElement(child, ['Grid'])) {
-          var _child$props$unstable;
+          var _unstable_level, _child$props;
           return /*#__PURE__*/React.cloneElement(child, {
-            unstable_level: (_child$props$unstable = child.props.unstable_level) != null ? _child$props$unstable : level + 1
+            unstable_level: (_unstable_level = (_child$props = child.props) == null ? void 0 : _child$props.unstable_level) != null ? _unstable_level : level + 1
           });
         }
         return child;

package/esm/version/index.js

@@ -1,7 +1,7 @@
-export const version = "5.16.7";
+export const version = "5.16.8";
 export const major = Number("5");
 export const minor = Number("16");
-export const patch = Number("7");
+export const patch = Number("8");
 export const preReleaseLabel = undefined || null;
 export const preReleaseNumber = Number(undefined) || null;
 export default version;

package/index.js

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

package/legacy/Unstable_Grid/createGrid.js

@@ -134,9 +134,9 @@ export default function createGrid() {
     }, other, {
       children: React.Children.map(children, function (child) {
         if ( /*#__PURE__*/React.isValidElement(child) && isMuiElement(child, ['Grid'])) {
-          var _child$props$unstable;
+          var _unstable_level, _child$props;
           return /*#__PURE__*/React.cloneElement(child, {
-            unstable_level: (_child$props$unstable = child.props.unstable_level) != null ? _child$props$unstable : level + 1
+            unstable_level: (_unstable_level = (_child$props = child.props) == null ? void 0 : _child$props.unstable_level) != null ? _unstable_level : level + 1
           });
         }
         return child;

package/legacy/index.js

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

package/legacy/version/index.js

@@ -1,7 +1,7 @@
-export var version = "5.16.7";
+export var version = "5.16.8";
 export var major = Number("5");
 export var minor = Number("16");
-export var patch = Number("7");
+export var patch = Number("8");
 export var preReleaseLabel = undefined || null;
 export var preReleaseNumber = Number(undefined) || null;
 export default version;

package/modern/Unstable_Grid/createGrid.js

@@ -121,7 +121,7 @@ export default function createGrid(options = {}) {
       children: React.Children.map(children, child => {
         if ( /*#__PURE__*/React.isValidElement(child) && isMuiElement(child, ['Grid'])) {
           return /*#__PURE__*/React.cloneElement(child, {
-            unstable_level: child.props.unstable_level ?? level + 1
+            unstable_level: child.props?.unstable_level ?? level + 1
           });
         }
         return child;

package/modern/index.js

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

package/modern/version/index.js

@@ -1,7 +1,7 @@
-export const version = "5.16.7";
+export const version = "5.16.8";
 export const major = Number("5");
 export const minor = Number("16");
-export const patch = Number("7");
+export const patch = Number("8");
 export const preReleaseLabel = undefined || null;
 export const preReleaseNumber = Number(undefined) || null;
 export default version;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/system",
-  "version": "5.16.7",
+  "version": "5.16.8",
   "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.",
@@ -20,7 +20,7 @@
   "bugs": {
     "url": "https://github.com/mui/material-ui/issues"
   },
-  "homepage": "https://mui.com/system/getting-started/",
+  "homepage": "https://v5.mui.com/system/getting-started/",
   "funding": {
     "type": "opencollective",
     "url": "https://opencollective.com/mui-org"
@@ -30,16 +30,16 @@
     "clsx": "^2.1.0",
     "csstype": "^3.1.3",
     "prop-types": "^15.8.1",
+    "@mui/styled-engine": "^5.16.8",
+    "@mui/private-theming": "^5.16.8",
     "@mui/types": "^7.2.15",
-    "@mui/private-theming": "^5.16.6",
-    "@mui/utils": "^5.16.6",
-    "@mui/styled-engine": "^5.16.6"
+    "@mui/utils": "^5.16.8"
   },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",
     "@emotion/styled": "^11.3.0",
-    "@types/react": "^17.0.0 || ^18.0.0",
-    "react": "^17.0.0 || ^18.0.0"
+    "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "peerDependenciesMeta": {
     "@types/react": {

package/version/index.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.version = exports.preReleaseNumber = exports.preReleaseLabel = exports.patch = exports.minor = exports.major = exports.default = void 0;
-const version = exports.version = "5.16.7";
+const version = exports.version = "5.16.8";
 const major = exports.major = Number("5");
 const minor = exports.minor = Number("16");
-const patch = exports.patch = Number("7");
+const patch = exports.patch = Number("8");
 const preReleaseLabel = exports.preReleaseLabel = undefined || null;
 const preReleaseNumber = exports.preReleaseNumber = Number(undefined) || null;
 var _default = exports.default = version;