@mui/system 5.16.8 → 5.16.12

package/CHANGELOG.md

@@ -1,5 +1,54 @@
 # [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 -->

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/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/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/version/index.js

@@ -1,7 +1,7 @@
-export const version = "5.16.8";
+export const version = "5.16.12";
 export const major = Number("5");
 export const minor = Number("16");
-export const patch = Number("8");
+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.8
+ * @mui/system v5.16.12
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/system v5.16.8
+ * @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.8";
+export var version = "5.16.12";
 export var major = Number("5");
 export var minor = Number("16");
-export var patch = Number("8");
+export var patch = Number("12");
 export var preReleaseLabel = undefined || null;
 export var preReleaseNumber = Number(undefined) || null;
 export default version;

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/system v5.16.8
+ * @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.8";
+export const version = "5.16.12";
 export const major = Number("5");
 export const minor = Number("16");
-export const patch = Number("8");
+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.8",
+  "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.",
@@ -30,10 +30,10 @@
     "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/private-theming": "^5.16.12",
+    "@mui/styled-engine": "^5.16.12",
     "@mui/types": "^7.2.15",
-    "@mui/utils": "^5.16.8"
+    "@mui/utils": "^5.16.12"
   },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",

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.8";
+const version = exports.version = "5.16.12";
 const major = exports.major = Number("5");
 const minor = exports.minor = Number("16");
-const patch = exports.patch = Number("8");
+const patch = exports.patch = Number("12");
 const preReleaseLabel = exports.preReleaseLabel = undefined || null;
 const preReleaseNumber = exports.preReleaseNumber = Number(undefined) || null;
 var _default = exports.default = version;