@mui/system 7.3.3 → 7.3.5

package/CHANGELOG.md

@@ -1,5 +1,85 @@
 # [Versions](https://mui.com/versions/)
 
+## 7.3.5
+
+<!-- generated comparing v7.3.4..master -->
+
+_Nov 4, 2025_
+
+A big thanks to the 11 contributors who made this release possible.
+
+### `@mui/material@7.3.5`
+
+- [Collapse] Add slots and slotProps props (#47168) @sai6855
+- [l10n] Add missing Catalan (ca-ES) locale (#47156) @frncesc
+- Fix regression on `theme.vars.shape` module augmentation (#47164) @siriwatknp
+
+### `@mui/material-nextjs@7.3.5`
+
+- Support Next.js 16 (#47134) @siriwatknp
+
+### Docs
+
+- [Autocomplete] Update virtualization example to use react-window v2 (#47054) @sai6855
+- [autocomplete] Add note about unique key extraction for duplicate labels (#47010) @PossiblyAShrub
+- [Snackbar] Fix typo in docs (#47038) @sai6855
+- [Transition] Fix horizontal scroll in SimpleFade demo in mobile screens (#47169) @sai6855
+- Replace deprecated `inputProps` with `slotProps.input` in checkbox demos (#47083) @CODEKRUNCH
+
+### Core
+
+- [code-infra] gitignore next-env.d.ts (#47167) @Janpot
+- [code-infra] Migrate versions page to getStaticProps (#47151) @Janpot
+- [code-infra] Fix breaking change for ci publish (#47147) @brijeshb42
+- [code-infra] Remove React import requirement for jsx (#47146) @brijeshb42
+- [code-infra] Update vitest usage detection in `@mui/internal-test-utils` (#47141) @bernardobelchior
+- [code-infra] Setup eslint-plugin-compat (#47133) @brijeshb42
+- [code-infra] Filter out @mui/joy and @mui/base from search results (#47076) @Janpot
+- [code-infra] Fix hotfix instructions (#47015) @Janpot
+- [code-infra] Disable pigment regression tests (#47045) @Janpot
+- [code-infra] Fix moderate dependabot issue (#46946) @Janpot
+- [code-infra] Enable testing-library eslint rules (#47074) @brijeshb42
+- [code-infra] Lint json through eslint (#47056) @Janpot
+- [code-infra] Support custom npm dist tags during release (#47021) @Janpot
+- [code-infra] Remove tsconfig `baseUrl` (#47044) @Janpot
+- [code-infra] Centralize stylelint (#46955) @Janpot
+- [code-infra] Remove legacy feedback (#46981) @Janpot
+- [code-infra] Remove repo build scripts (#47036) @brijeshb42
+- [code-infra] Publish docs from upstream (#47018) @Janpot
+- [code-infra] Migrate `lodash` to `es-toolkit` (#46974) @sukvvon
+- [docs-infra] Do not escape pipes (`|`) inside code blocks (#47139) @ZeeshanTamboli
+- [docs-infra] Fix broken link targets (#47104) @Janpot
+- [docs-infra] Fix broken link for DOMRect docs (#47106) @Janpot
+- [docs-infra] Use published netlify cache plugin package (#47071) @brijeshb42
+- [examples] Remove Next.js text from React Router example (#47055) @HeinrichFilter
+
+All contributors of this release in alphabetical order: @bernardobelchior, @brijeshb42, @CODEKRUNCH, @frncesc, @HeinrichFilter, @Janpot, @PossiblyAShrub, @sai6855, @siriwatknp, @sukvvon, @ZeeshanTamboli
+
+## 7.3.4
+
+<!-- generated comparing v7.3.3..master -->
+
+_Oct 2, 2025_
+
+A big thanks to the 3 contributors who made this release possible. Here are some highlights ✨:
+
+Small update to revert a change that broke the `<Tabs>` component. Also publishing a beta version of `@mui/lab` which was accidentally published as a stable release.
+
+### `@mui/material@7.3.4`
+
+- [Tabs] Revert "Fix not scrolling to correct tab after refresh when auto scrollable (#46869)" (#47014) @ZeeshanTamboli
+
+### Docs
+
+- Sort package manager automatically (#46897) @Janpot
+
+### Core
+
+- Bring @mui/lab back to unstable version (#47012) @Janpot
+- Fix `ThemeOptions` and `createTheme*` cyclic dependency (#47007) @siriwatknp
+
+All contributors of this release in alphabetical order: @Janpot, @siriwatknp, @ZeeshanTamboli
+
 ## 7.3.3
 
 <!-- generated comparing v7.3.2..master -->

package/DefaultPropsProvider/DefaultPropsProvider.d.ts

@@ -4,7 +4,7 @@ declare function DefaultPropsProvider({
   children
 }: React.PropsWithChildren<{
   value: Record<string, any> | undefined;
-}>): React.JSX.Element;
+}>): import("react/jsx-runtime").JSX.Element;
 declare namespace DefaultPropsProvider {
   var propTypes: any;
 }

package/GlobalStyles/GlobalStyles.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Interpolation } from '@mui/styled-engine';
 import { Theme as SystemTheme } from "../createTheme/index.js";
 export interface GlobalStylesProps<Theme = SystemTheme> {
@@ -10,7 +9,7 @@ declare function GlobalStyles<Theme = SystemTheme>({
   styles,
   themeId,
   defaultTheme
-}: GlobalStylesProps<Theme>): React.JSX.Element;
+}: GlobalStylesProps<Theme>): import("react/jsx-runtime").JSX.Element;
 declare namespace GlobalStyles {
   var propTypes: any;
 }

package/GlobalStyles/GlobalStyles.js

@@ -2,12 +2,10 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styledEngine = require("@mui/styled-engine");
 var _useTheme = _interopRequireDefault(require("../useTheme"));

package/InitColorSchemeScript/InitColorSchemeScript.d.ts

@@ -1,7 +1,3 @@
-/**
- * Split this component for RSC import
- */
-import * as React from 'react';
 export declare const DEFAULT_MODE_STORAGE_KEY = "mode";
 export declare const DEFAULT_COLOR_SCHEME_STORAGE_KEY = "color-scheme";
 export declare const DEFAULT_ATTRIBUTE = "data-color-scheme";
@@ -48,4 +44,4 @@ export interface InitColorSchemeScriptProps {
    */
   nonce?: string | undefined;
 }
-export default function InitColorSchemeScript(options?: InitColorSchemeScriptProps): React.JSX.Element;
+export default function InitColorSchemeScript(options?: InitColorSchemeScriptProps): import("react/jsx-runtime").JSX.Element;

package/InitColorSchemeScript/InitColorSchemeScript.js

@@ -1,17 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DEFAULT_MODE_STORAGE_KEY = exports.DEFAULT_COLOR_SCHEME_STORAGE_KEY = exports.DEFAULT_ATTRIBUTE = void 0;
 exports.default = InitColorSchemeScript;
-var React = _interopRequireWildcard(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Split this component for RSC import
- */
-
 const DEFAULT_MODE_STORAGE_KEY = exports.DEFAULT_MODE_STORAGE_KEY = 'mode';
 const DEFAULT_COLOR_SCHEME_STORAGE_KEY = exports.DEFAULT_COLOR_SCHEME_STORAGE_KEY = 'color-scheme';
 const DEFAULT_ATTRIBUTE = exports.DEFAULT_ATTRIBUTE = 'data-color-scheme';

package/ThemeProvider/useLayerOrder.d.ts

@@ -1,8 +1,7 @@
-import * as React from 'react';
 /**
  * This hook returns a `GlobalStyles` component that sets the CSS layer order (for server-side rendering).
  * Then on client-side, it injects the CSS layer order into the document head to ensure that the layer order is always present first before other Emotion styles.
  */
 export default function useLayerOrder(theme: {
   modularCssLayers?: boolean | string;
-}): React.JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;

package/ThemeProvider/useLayerOrder.js

@@ -1,12 +1,10 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useLayerOrder;
-var React = _interopRequireWildcard(require("react"));
 var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
 var _useId = _interopRequireDefault(require("@mui/utils/useId"));
 var _GlobalStyles = _interopRequireDefault(require("../GlobalStyles"));

package/esm/DefaultPropsProvider/DefaultPropsProvider.d.ts

@@ -4,7 +4,7 @@ declare function DefaultPropsProvider({
   children
 }: React.PropsWithChildren<{
   value: Record<string, any> | undefined;
-}>): React.JSX.Element;
+}>): import("react/jsx-runtime").JSX.Element;
 declare namespace DefaultPropsProvider {
   var propTypes: any;
 }

package/esm/GlobalStyles/GlobalStyles.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Interpolation } from '@mui/styled-engine';
 import { Theme as SystemTheme } from "../createTheme/index.js";
 export interface GlobalStylesProps<Theme = SystemTheme> {
@@ -10,7 +9,7 @@ declare function GlobalStyles<Theme = SystemTheme>({
   styles,
   themeId,
   defaultTheme
-}: GlobalStylesProps<Theme>): React.JSX.Element;
+}: GlobalStylesProps<Theme>): import("react/jsx-runtime").JSX.Element;
 declare namespace GlobalStyles {
   var propTypes: any;
 }

package/esm/GlobalStyles/GlobalStyles.js

@@ -1,6 +1,5 @@
 'use client';
 
-import * as React from 'react';
 import PropTypes from 'prop-types';
 import { GlobalStyles as MuiGlobalStyles, internal_serializeStyles as serializeStyles } from '@mui/styled-engine';
 import useTheme from "../useTheme/index.js";

package/esm/InitColorSchemeScript/InitColorSchemeScript.d.ts

@@ -1,7 +1,3 @@
-/**
- * Split this component for RSC import
- */
-import * as React from 'react';
 export declare const DEFAULT_MODE_STORAGE_KEY = "mode";
 export declare const DEFAULT_COLOR_SCHEME_STORAGE_KEY = "color-scheme";
 export declare const DEFAULT_ATTRIBUTE = "data-color-scheme";
@@ -48,4 +44,4 @@ export interface InitColorSchemeScriptProps {
    */
   nonce?: string | undefined;
 }
-export default function InitColorSchemeScript(options?: InitColorSchemeScriptProps): React.JSX.Element;
+export default function InitColorSchemeScript(options?: InitColorSchemeScriptProps): import("react/jsx-runtime").JSX.Element;

package/esm/InitColorSchemeScript/InitColorSchemeScript.js

@@ -1,7 +1,3 @@
-/**
- * Split this component for RSC import
- */
-import * as React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const DEFAULT_MODE_STORAGE_KEY = 'mode';
 export const DEFAULT_COLOR_SCHEME_STORAGE_KEY = 'color-scheme';

package/esm/ThemeProvider/useLayerOrder.d.ts

@@ -1,8 +1,7 @@
-import * as React from 'react';
 /**
  * This hook returns a `GlobalStyles` component that sets the CSS layer order (for server-side rendering).
  * Then on client-side, it injects the CSS layer order into the document head to ensure that the layer order is always present first before other Emotion styles.
  */
 export default function useLayerOrder(theme: {
   modularCssLayers?: boolean | string;
-}): React.JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;

package/esm/ThemeProvider/useLayerOrder.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import useId from '@mui/utils/useId';
 import GlobalStyles from "../GlobalStyles/index.js";

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/system v7.3.3
+ * @mui/system v7.3.5
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/esm/version/index.js

@@ -1,6 +1,6 @@
-export const version = "7.3.3";
+export const version = "7.3.5";
 export const major = Number("7");
 export const minor = Number("3");
-export const patch = Number("3");
+export const patch = Number("5");
 export const prerelease = undefined;
 export default version;

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/system v7.3.3
+ * @mui/system v7.3.5
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/system",
-  "version": "7.3.3",
+  "version": "7.3.5",
   "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.",
   "keywords": [
@@ -28,10 +28,10 @@
     "clsx": "^2.1.1",
     "csstype": "^3.1.3",
     "prop-types": "^15.8.1",
-    "@mui/private-theming": "^7.3.3",
-    "@mui/styled-engine": "^7.3.3",
-    "@mui/utils": "^7.3.3",
-    "@mui/types": "^7.4.7"
+    "@mui/private-theming": "^7.3.5",
+    "@mui/styled-engine": "^7.3.5",
+    "@mui/types": "^7.4.8",
+    "@mui/utils": "^7.3.5"
   },
   "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 = "7.3.3";
+const version = exports.version = "7.3.5";
 const major = exports.major = Number("7");
 const minor = exports.minor = Number("3");
-const patch = exports.patch = Number("3");
+const patch = exports.patch = Number("5");
 const prerelease = exports.prerelease = undefined;
 var _default = exports.default = version;