@mui/system 5.16.7 → 5.16.12

package/CHANGELOG.md

@@ -1,5 +1,101 @@
 # [Versions](https://mui.com/versions/)
 
+## v5.16.12
+
+<!-- generated comparing v5.16.11..v5.x -->
+
+_Dec 16, 2024_
+
+Material UI v5 is now compatible with React 19 (#44720) @DiegoAndai
+
+### Core
+
+- Bump react 19 in v5 (#44720) @DiegoAndai
+- Add `latest-v5` tag to v5 releases (#44757) @DiegoAndai
+
+All contributors of this release in alphabetical order: @DiegoAndai
+
+## 5.16.11
+
+<!-- generated comparing v5.16.9..v5.x -->
+
+_Dec 11, 2024_
+
+A big thanks to the contributor who made this release possible.
+
+### Core
+
+- Bump pnpm to 9.14.4 in v5 (#44705) @DiegoAndai
+- Fix UMD examples (#44706) @DiegoAndai
+- [typescript] Rescue missing backports v5 (#44712) @DiegoAndai
+
+All contributors of this release in alphabetical order: @DiegoAndai
+
+## 5.16.9
+
+<!-- generated comparing v5.16.8..v5.x -->
+
+_Dec 3, 2024_
+
+A big thanks to the 2 contributors who made this release possible.
+
+### `@mui/material@5.16.9`
+
+- [Tabs] Cherry pick `ScrollbarSize` ref being overridden fix (#44595) @DiegoAndai
+
+### Core
+
+- Ignore browserslist and remove tag latest (#44589) @siriwatknp
+
+All contributors of this release in alphabetical order: @DiegoAndai, @siriwatknp
+
+## 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/Stack/createStack.d.ts

@@ -11,7 +11,7 @@ interface StyleFunctionProps {
     ownerState: StackOwnerState;
 }
 declare const defaultCreateStyledComponent: import("@mui/styled-engine").CreateStyledComponent<import("../createStyled").MUIStyledCommonProps<any>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}, any>;
-declare function useThemePropsDefault<T extends {}>(props: T): T & {};
+declare function useThemePropsDefault<T extends {}>(props: T): T;
 export declare const style: ({ ownerState, theme }: StyleFunctionProps) => any;
 export default function createStack(options?: {
     createStyledComponent?: typeof defaultCreateStyledComponent;

package/Unstable_Grid/createGrid.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { OverridableComponent } from '@mui/types';
 import { GridTypeMap } from './GridProps';
 declare const defaultCreateStyledComponent: import("@mui/styled-engine").CreateStyledComponent<import("../createStyled").MUIStyledCommonProps<any>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}, any>;
-declare function useThemePropsDefault<T extends {}>(props: T): T & {};
+declare function useThemePropsDefault<T extends {}>(props: T): T;
 export default function createGrid(options?: {
     createStyledComponent?: typeof defaultCreateStyledComponent;
     useThemeProps?: typeof useThemePropsDefault;

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/Unstable_Grid/gridGenerator.d.ts

@@ -27,7 +27,7 @@ export declare const generateGridColumnSpacingStyles: ({ theme, ownerState }: Pr
 };
 export declare const generateGridDirectionStyles: ({ theme, ownerState }: Props) => {};
 export declare const generateGridStyles: ({ ownerState }: Props) => {};
-export declare const generateSizeClassNames: (gridSize: GridOwnerState['gridSize']) => string[];
-export declare const generateSpacingClassNames: (spacing: GridOwnerState['spacing'], smallestBreakpoint?: string) => string[];
+export declare const generateSizeClassNames: (gridSize: GridOwnerState["gridSize"]) => string[];
+export declare const generateSpacingClassNames: (spacing: GridOwnerState["spacing"], smallestBreakpoint?: string) => string[];
 export declare const generateDirectionClasses: (direction: ResponsiveStyleValue<GridDirection> | undefined) => string[];
 export {};

package/Unstable_Grid/traverseBreakpoints.d.ts

@@ -3,5 +3,5 @@ export declare const filterBreakpointKeys: (breakpointsKeys: Breakpoint[], respo
 interface Iterator<T> {
     (appendStyle: (responsiveStyles: Record<string, any>, style: object) => void, value: T): void;
 }
-export declare const traverseBreakpoints: <T = unknown>(breakpoints: Breakpoints, responsive: Record<string, any> | T | T[] | undefined, iterator: Iterator<T>) => void;
+export declare const traverseBreakpoints: <T = unknown>(breakpoints: Breakpoints, responsive: T | T[] | Record<string, any> | undefined, iterator: Iterator<T>) => void;
 export {};

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/cssVars/createCssVarsTheme.d.ts

@@ -5,7 +5,7 @@ interface Theme extends DefaultCssVarsTheme {
 }
 declare function createCssVarsTheme<T extends Theme, ThemeVars extends Record<string, any>>(theme: T): T & {
     vars: ThemeVars;
-    generateCssVars: (colorScheme?: string | undefined) => {
+    generateCssVars: (colorScheme?: string) => {
         css: {
             [x: string]: string | number;
         };

package/cssVars/cssVarsParser.d.ts

@@ -18,7 +18,7 @@ type NestedRecord<V = any> = {
  * assignNestedKeys(source, ['palette', 'secondary'], 'var(--palette-secondary)')
  * console.log(source) // { palette: { primary: 'var(--palette-primary)', secondary: 'var(--palette-secondary)' } }
  */
-export declare const assignNestedKeys: <T extends string | Record<string, any> | null | undefined = NestedRecord<any>, Value = any>(obj: T, keys: Array<string>, value: Value, arrayKeys?: Array<string>) => void;
+export declare const assignNestedKeys: <T extends Record<string, any> | null | undefined | string = NestedRecord<any>, Value = any>(obj: T, keys: Array<string>, value: Value, arrayKeys?: Array<string>) => void;
 /**
  *
  * @param {Object} obj : source object
@@ -30,7 +30,7 @@ export declare const assignNestedKeys: <T extends string | Record<string, any> |
  * walkObjectDeep({ palette: { primary: { main: '#000000' } } }, console.log)
  * // ['palette', 'primary', 'main'] '#000000'
  */
-export declare const walkObjectDeep: <Value, T = Record<string, any>>(obj: T, callback: (keys: Array<string>, value: Value, arrayKeys: Array<string>) => void, shouldSkipPaths?: ((keys: Array<string>) => boolean) | undefined) => void;
+export declare const walkObjectDeep: <Value, T = Record<string, any>>(obj: T, callback: (keys: Array<string>, value: Value, arrayKeys: Array<string>) => void, shouldSkipPaths?: (keys: Array<string>) => boolean) => void;
 /**
  * a function that parse theme and return { css, vars }
  *

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.12";
 export const major = Number("5");
 export const minor = Number("16");
-export const patch = Number("7");
+export const patch = Number("12");
 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.12
  *
  * @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.12
  *
  * @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.12";
 export var major = Number("5");
 export var minor = Number("16");
-export var patch = Number("7");
+export var patch = Number("12");
 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.12
  *
  * @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.12";
 export const major = Number("5");
 export const minor = Number("16");
-export const patch = Number("7");
+export const patch = Number("12");
 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.12",
   "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/private-theming": "^5.16.12",
+    "@mui/styled-engine": "^5.16.12",
     "@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.12"
   },
   "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.12";
 const major = exports.major = Number("5");
 const minor = exports.minor = Number("16");
-const patch = exports.patch = Number("7");
+const patch = exports.patch = Number("12");
 const preReleaseLabel = exports.preReleaseLabel = undefined || null;
 const preReleaseNumber = exports.preReleaseNumber = Number(undefined) || null;
 var _default = exports.default = version;