@mui/material 6.1.8 → 6.1.9

package/CHANGELOG.md

@@ -1,5 +1,53 @@
 # [Versions](https://mui.com/versions/)
 
+## 6.1.9
+
+<!-- generated comparing v6.1.8..master -->
+
+_Nov 27, 2024_
+
+A big thanks to the 8 contributors who made this release possible.
+
+### `@mui/material@6.1.9`
+
+- [Select] Omit `placeholder` from props (#44502) @Juneezee
+- [Grid2] Add container class to `Grid2Classes` (#44562) @sai6855
+
+### `@mui/system@6.1.9`
+
+- Add ThemeProvider `noSsr` to prevent double rendering (#44451) @siriwatknp
+
+### `@mui/codemod@6.1.9`
+
+- [codemod] Fix handling of computed `paragraph` props (#44195) @joshkel
+
+### `@mui/material-pigment-css@6.1.9`
+
+- Make @pigment-css/react as peer dependency (#44498) @brijeshb42
+
+### Docs
+
+- [material-ui] Add missing required dependencies in dashboard template README (#44476) @mesqueeb
+- [material-ui] Add missing Roboto import to Next.js integration docs (#44462) @StaceyD22
+- [material-ui][Dialog] Fix padding in SimpleDialog demo (#44467) @oliviertassinari
+- Fix template page issues (#44466) @oliviertassinari
+- [examples] Add dark mode example for Material UI + Pigment CSS (#44480) @mnajdova
+
+### Core
+
+- Remove TODO line in the changelog (#44484) @mnajdova
+- Polish image display (418e888) @oliviertassinari
+- [core-infra] Add no-relative-packages (#44489) @oliviertassinari
+- [docs-infra] Support CSS variables API info (#44559) @mnajdova
+- [docs-infra] Fix display when ad-block triggers (#44567) @oliviertassinari
+- [docs-infra] Improve locator finding using visible option (#44541) @siriwatknp
+- [docs-infra] Correctly flatten the pages tree (#44514) @oliviertassinari
+- [docs-infra] Fix Sponsor design regression (#44515) @oliviertassinari
+- [test] Remove React.ReactElement<any> from describeConformance.tsx (#44318) @sai6855
+- [test] Do not enforce the presence of `ownerState.className` in `describeConformance` (#44479) @flaviendelangle
+
+All contributors of this release in alphabetical order: @brijeshb42, @flaviendelangle, @joshkel, @Juneezee, @mesqueeb, @mnajdova, @oliviertassinari, @sai6855, @siriwatknp, @StaceyD22
+
 ## v6.1.8
 
 <!-- generated comparing v6.1.7..master -->
@@ -8,8 +56,6 @@ _Nov 20, 2024_
 
 A big thanks to the 10 contributors who made this release possible.
 
-TODO INSERT HIGHLIGHTS
-
 ### `@mui/material@6.1.8`
 
 - [Autocomplete] Use `ul` element for the listbox (#44422) @DiegoAndai

package/Grid2/Grid2.d.ts

@@ -1,7 +1,6 @@
 import { SxProps, SystemProps } from '@mui/system';
 import { OverridableComponent, OverrideProps } from '@mui/types';
 import { Theme, Breakpoint } from '../styles';
-export type Grid2Slot = 'root';
 type ResponsiveStyleValue<T> = T | Array<T | null> | {
     [key in Breakpoint]?: T | null;
 };

package/Grid2/grid2Classes.d.ts

@@ -1,5 +1,10 @@
-import { GridClasses } from '@mui/system/Grid';
-export type Grid2ClassKey = keyof GridClasses;
+export interface Grid2Classes {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `container={true}`. */
+    container: string;
+}
+export type Grid2ClassKey = keyof Grid2Classes;
 export declare function getGrid2UtilityClass(slot: string): string;
-declare const grid2Classes: GridClasses;
+declare const grid2Classes: Grid2Classes;
 export default grid2Classes;

package/Select/Select.d.ts

@@ -11,7 +11,7 @@ import { FilledInputProps } from '../FilledInput';
 export { SelectChangeEvent };
 
 export interface BaseSelectProps<Value = unknown>
-  extends StandardProps<InputProps, 'value' | 'onChange'> {
+  extends StandardProps<InputProps, 'value' | 'onChange' | 'placeholder'> {
   /**
    * If `true`, the width of the popover will automatically be set according to the items inside the
    * menu, otherwise it will be at least the width of the select input.
@@ -152,7 +152,10 @@ export interface BaseSelectProps<Value = unknown>
 }
 
 export interface FilledSelectProps
-  extends Omit<FilledInputProps, 'value' | 'onChange' | 'id' | 'classes' | 'inputProps'> {
+  extends Omit<
+    FilledInputProps,
+    'value' | 'onChange' | 'id' | 'classes' | 'inputProps' | 'placeholder'
+  > {
   /**
    * The variant to use.
    * @default 'outlined'
@@ -161,7 +164,7 @@ export interface FilledSelectProps
 }
 
 export interface StandardSelectProps
-  extends Omit<InputProps, 'value' | 'onChange' | 'id' | 'classes' | 'inputProps'> {
+  extends Omit<InputProps, 'value' | 'onChange' | 'id' | 'classes' | 'inputProps' | 'placeholder'> {
   /**
    * The variant to use.
    * @default 'outlined'
@@ -170,7 +173,10 @@ export interface StandardSelectProps
 }
 
 export interface OutlinedSelectProps
-  extends Omit<OutlinedInputProps, 'value' | 'onChange' | 'id' | 'classes' | 'inputProps'> {
+  extends Omit<
+    OutlinedInputProps,
+    'value' | 'onChange' | 'id' | 'classes' | 'inputProps' | 'placeholder'
+  > {
   /**
    * The variant to use.
    * @default 'outlined'

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v6.1.8
+ * @mui/material v6.1.9
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v6.1.8
+ * @mui/material v6.1.9
  *
  * @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.8";
+export const version = "6.1.9";
 export const major = Number("6");
 export const minor = Number("1");
-export const patch = Number("8");
+export const patch = Number("9");
 export const prerelease = undefined;
 export default version;

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v6.1.8
+ * @mui/material v6.1.9
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/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.8";
+const version = exports.version = "6.1.9";
 const major = exports.major = Number("6");
 const minor = exports.minor = Number("1");
-const patch = exports.patch = Number("8");
+const patch = exports.patch = Number("9");
 const prerelease = exports.prerelease = undefined;
 var _default = exports.default = version;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "6.1.8",
+  "version": "6.1.9",
   "private": false,
   "author": "MUI Team",
   "description": "Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.",
@@ -35,10 +35,10 @@
     "prop-types": "^15.8.1",
     "react-is": "^18.3.1",
     "react-transition-group": "^4.4.5",
-    "@mui/system": "^6.1.8",
     "@mui/types": "^7.2.19",
-    "@mui/core-downloads-tracker": "^6.1.8",
-    "@mui/utils": "^6.1.8"
+    "@mui/system": "^6.1.9",
+    "@mui/utils": "^6.1.9",
+    "@mui/core-downloads-tracker": "^6.1.9"
   },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",
@@ -46,7 +46,7 @@
     "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "@mui/material-pigment-css": "^6.1.8"
+    "@mui/material-pigment-css": "^6.1.9"
   },
   "peerDependenciesMeta": {
     "@types/react": {

package/styles/ThemeProvider.d.ts

@@ -50,6 +50,7 @@ export interface ThemeProviderProps<Theme = DefaultTheme> extends ThemeProviderC
      * @default 'mui-color-scheme'
      */
     colorSchemeStorageKey?: string;
+    noSsr?: boolean;
     /**
      * Disable CSS transitions when switching between modes or color schemes
      * @default false

package/styles/overrides.d.ts

@@ -45,7 +45,7 @@ import { FormGroupClassKey } from '../FormGroup';
 import { FormHelperTextClassKey } from '../FormHelperText';
 import { FormLabelClassKey } from '../FormLabel';
 import { GridClassKey } from '../Grid';
-import { Grid2Slot } from '../Grid2';
+import { Grid2ClassKey } from '../Grid2';
 import { IconButtonClassKey } from '../IconButton';
 import { IconClassKey } from '../Icon';
 import { ImageListClassKey } from '../ImageList';
@@ -190,7 +190,7 @@ export interface ComponentNameToClassKey {
   MuiFormHelperText: FormHelperTextClassKey;
   MuiFormLabel: FormLabelClassKey;
   MuiGrid: GridClassKey;
-  MuiGrid2: Grid2Slot;
+  MuiGrid2: Grid2ClassKey;
   MuiIcon: IconClassKey;
   MuiIconButton: IconButtonClassKey;
   MuiImageList: ImageListClassKey;

package/version/index.js

@@ -1,6 +1,6 @@
-export const version = "6.1.8";
+export const version = "6.1.9";
 export const major = Number("6");
 export const minor = Number("1");
-export const patch = Number("8");
+export const patch = Number("9");
 export const prerelease = undefined;
 export default version;