@mui/docs 7.0.2 → 7.1.0

package/Ad/Ad.js

@@ -77,7 +77,7 @@ const inHouseAds = [{
   description: '<b>Premium Themes</b>. Kickstart your application development with a ready-made theme.'
 }, {
   name: 'tidelift',
-  link: 'https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=enterprise&utm_content=ad',
+  link: 'https://tidelift.com/?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=enterprise&utm_content=ad',
   img: '/static/ads-in-house/tidelift.png',
   description: '<b>MUI for enterprise</b>. Save time and reduce risk. Managed open source — backed by maintainers.'
 }, {

package/CHANGELOG.md

@@ -1,5 +1,102 @@
 # [Versions](https://mui.com/versions/)
 
+## 7.1.0
+
+<!-- generated comparing v7.0.2..master -->
+
+_May 6, 2025_
+
+A big thanks to the 21 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎉 Material UI now works with **Tailwind CSS v4**! Check out the [setup guide](https://mui.com/material-ui/integrations/tailwindcss/tailwindcss-v4/).
+
+### `@mui/material@7.1.0`
+
+- [InputBase] Text cursor jumps several lines up when inserting text fragment with new line at the end (#45246) @yermartee
+- [OutlinedInput] Add missing `notchedOutline` slot (#45917) @siriwatknp
+- [Snackbar] Skip default `onClickAway` behavior when `defaultMuiPrevented` is provided (#45629) @sai6855
+- [Avatar] Fix img slot types and add missing slots (#45483) @siriwatknp
+- [Badge] Replace useSlotProps with useSlot hook (#45871) @sai6855
+- [BottomNavigationAction] Add slots and slotProps (#45776) @sai6855
+- [CardActionArea] Add slots and slotProps (#45866) @sai6855
+- [useMediaQuery] Add warning and docs for using `useMediaQuery('print')` (#44790) @good-jinu
+- Remove unnecessary clsx usages (#46084) @sai6855
+- Corrected generic type definition in `SelectChangeEvent` (#45941) @SuyashShukla0007
+- Fix theme object changes between renders (#45863) @siriwatknp
+
+### `@mui/material-nextjs@7.1.0`
+
+- Add option to enable CSS layers for pages router (#45596) @siriwatknp
+- Do not wrap `@layer` order rules in App Router (#45864) @Nayeem-XTREME
+
+### `@mui/system@7.1.0`
+
+- Fix `@mui/system` types organization (#45860) @Janpot
+
+### `@mui/styled-engine@7.1.0`
+
+- Infer `ownerState` from props in `styled` (#46083) @siriwatknp
+- Fix style overrides variants type (#45478) @siriwatknp
+
+### Docs
+
+- [Avatar] Add avatar upload demo (#45986) @Demianeen
+- [Dialog] Remove deprecated props usage in demos (#45923) @sai6855
+- [Menu] Update `paper` slot JSDoc default from `Paper` to `PopoverPaper` (#45722) @andreachiera
+- [examples] Remove create-react-app usages (#45426) @CodeLeom
+- Add `AccordionSummary` to the v5 breaking change migration (#45947) @siriwatknp
+- Update CSS variable usage in migration guide for Pigment CSS (#46033) @sai6855
+- Fix docs API dark mode color (#46086) @alexfauquette
+- Add a guide for extending Material UI classes in Tailwind CSS (#46039) @siriwatknp
+- Add `InitColorSchemeScript` docs and API (#45927) @siriwatknp
+- Add Tailwind CSS v4 integration guide (#45906) @siriwatknp
+- Fix 301 links to the system v6 (#45931) @oliviertassinari
+- Add notification for MUI X v8 announcement (#45942) @joserodolfofreitas
+- Fix som 301 redirections (ae84b35) @oliviertassinari
+- Fix some 301 redirections (057384e) @oliviertassinari
+- Fix logo is not centered on small screens (#45920) @crabsim
+- Fix line break typo (a2a62d5) @oliviertassinari
+- Fix markdown typo in templates.md (#45914) @scyzoryck
+- Add Next.js App Router guide for custom classnames (#45852) @siriwatknp
+
+### Core
+
+- [code-infra] Give a stable name to dev tool app (3889ded) @oliviertassinari
+- [code-infra] Normalize author package in org (8135638) @oliviertassinari
+- [code-infra] Correct some manually curated .d.ts files (#46054) @Janpot
+- [code-infra] Align deps versions (#46048) @Janpot
+- [code-infra] Fix dynamic import in imports resolver (#46046) @Janpot
+- [code-infra] Eliminate `@mui/utils` deep imports (#46004) @Janpot
+- [code-infra] Expand renovate.json for react types (#45935) @Janpot
+- [code-infra] Make Argos upload script reusable (#45883) @Janpot
+- [code-infra] Disallow redundant window prefixes for globals (#45880) @Janpot
+- [code-infra] Remove type generation of modern build (#45912) @Janpot
+- [code-infra] Clean up bundle size checker (#45622) @Janpot
+- [code-infra] Fix `StrictMode` effects not being called twice in React 19 tests (#45812) @bernardobelchior
+- [code-infra] Convert `@mui/utils` to typescript (#45671) @Janpot
+- [docs-infra] Improve export into sandbox package.json (#46044) @oliviertassinari
+- [docs-infra] Update feedback Node.js to v22 (#46064) @oliviertassinari
+- [docs-infra] Normalize netlify.toml in org (b101d5c) @oliviertassinari
+- [docs-infra] Uniformize Vale between repositories (0f79796) @oliviertassinari
+- [docs-infra] Fix Vale no longer working (#46029) @oliviertassinari
+- [docs-infra] Remove demo styling switch (#45926) @Janpot
+- [docs-infra] StackBlitz WebContainer demos (#45924) @Janpot
+- [docs-infra] Fix feedback management (#45872) @alexfauquette
+- [test] Replace `playwright` with `@playwright/test` (#45998) @ZeeshanTamboli
+- Fix internal version duplication (#46051) @oliviertassinari
+- Avoid the need for `@mui/material/themeCssVarsAugmentation` (#46053) @Janpot
+- Add security label to dependabot PRs (0a5c027) @oliviertassinari
+- Remove unecessary versions (#46034) @oliviertassinari
+- Remove redundant overrides resolver (#45970) @romgrk
+- Fix duplicate branch reference (#45915) @oliviertassinari
+- Fix outdated <link rel="shortcut icon" (#45916) @oliviertassinari
+- Fix redirection chains (#45930) @oliviertassinari
+- Run pnpm docs:sync-team (beee09f) @oliviertassinari
+- Add `pkg.pr.new` publishing (#42984) @Aslemammad
+- Remove @mui/base from the master branch (#45857) @mnajdova
+
+All contributors of this release in alphabetical order: @alexfauquette, @andreachiera, @Aslemammad, @bernardobelchior, @CodeLeom, @crabsim, @Demianeen, @good-jinu, @Janpot, @joserodolfofreitas, @mnajdova, @Nayeem-XTREME, @oliviertassinari, @renovate[bot], @romgrk, @sai6855, @scyzoryck, @siriwatknp, @SuyashShukla0007, @yermartee, @ZeeshanTamboli
+
 ## 7.0.2
 
 _Apr 9, 2025_

package/NProgressBar/NProgressBar.js

@@ -10,7 +10,7 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _nprogress = _interopRequireDefault(require("nprogress"));
 var _NoSsr = require("@mui/base/NoSsr");
-var _utils = require("@mui/utils");
+var _exactProp = _interopRequireDefault(require("@mui/utils/exactProp"));
 var _GlobalStyles = _interopRequireDefault(require("@mui/material/GlobalStyles"));
 var _styles = require("@mui/material/styles");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -95,6 +95,6 @@ process.env.NODE_ENV !== "production" ? NProgressBar.propTypes = {
   children: _propTypes.default.node
 } : void 0;
 if (process.env.NODE_ENV !== 'production') {
-  process.env.NODE_ENV !== "production" ? NProgressBar.propTypes = (0, _utils.exactProp)(NProgressBar.propTypes) : void 0;
+  process.env.NODE_ENV !== "production" ? NProgressBar.propTypes = (0, _exactProp.default)(NProgressBar.propTypes) : void 0;
 }
 var _default = exports.default = NProgressBar;

package/esm/Ad/Ad.js

@@ -68,7 +68,7 @@ const inHouseAds = [{
   description: '<b>Premium Themes</b>. Kickstart your application development with a ready-made theme.'
 }, {
   name: 'tidelift',
-  link: 'https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=enterprise&utm_content=ad',
+  link: 'https://tidelift.com/?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=enterprise&utm_content=ad',
   img: '/static/ads-in-house/tidelift.png',
   description: '<b>MUI for enterprise</b>. Save time and reduce risk. Managed open source — backed by maintainers.'
 }, {

package/esm/NProgressBar/NProgressBar.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import NProgress from 'nprogress';
 import { NoSsr } from '@mui/base/NoSsr';
-import { exactProp } from '@mui/utils';
+import exactProp from '@mui/utils/exactProp';
 import GlobalStyles from '@mui/material/GlobalStyles';
 import { keyframes } from '@mui/material/styles';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

package/esm/i18n/i18n.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { deepmerge } from '@mui/utils';
+import deepmerge from '@mui/utils/deepmerge';
 import defaultTranslations from "../translations/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const TranslationsContext = /*#__PURE__*/React.createContext(defaultTranslations);

package/i18n/i18n.js

@@ -12,7 +12,7 @@ exports.useTranslate = useTranslate;
 exports.useUserLanguage = useUserLanguage;
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("@mui/utils");
+var _deepmerge = _interopRequireDefault(require("@mui/utils/deepmerge"));
 var _translations = _interopRequireDefault(require("../translations"));
 var _jsxRuntime = require("react/jsx-runtime");
 const TranslationsContext = /*#__PURE__*/React.createContext(_translations.default);
@@ -21,7 +21,7 @@ function TranslationsProvider({
   children
 }) {
   const currentTranslations = React.useContext(TranslationsContext);
-  const mergedTranslations = React.useMemo(() => (0, _utils.deepmerge)(currentTranslations, translations), [currentTranslations, translations]);
+  const mergedTranslations = React.useMemo(() => (0, _deepmerge.default)(currentTranslations, translations), [currentTranslations, translations]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(TranslationsContext.Provider, {
     value: mergedTranslations,
     children: children

package/package.json

@@ -1,7 +1,6 @@
 {
   "name": "@mui/docs",
-  "version": "7.0.2",
-  "private": false,
+  "version": "7.1.0",
   "author": "MUI Team",
   "description": "MUI Docs - Documentation building blocks.",
   "main": "./index.js",
@@ -23,12 +22,12 @@
   },
   "homepage": "https://github.com/mui/material-ui/tree/master/packages/mui-docs",
   "dependencies": {
-    "@babel/runtime": "^7.27.0",
+    "@babel/runtime": "^7.27.1",
     "clipboard-copy": "^4.0.1",
     "clsx": "^2.1.1",
     "nprogress": "^0.2.0",
     "prop-types": "^15.8.1",
-    "@mui/internal-markdown": "^2.0.4"
+    "@mui/internal-markdown": "^2.0.5"
   },
   "peerDependencies": {
     "@mui/base": "*",
@@ -36,7 +35,7 @@
     "@mui/material": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^7.0.0-beta",
     "@mui/system": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^7.0.0-beta",
     "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "chai": "^4.4.1",
+    "chai": "^4.5.0",
     "csstype": "^3.1.3",
     "next": "^13.5.1 || ^14 || ^15.0.0",
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
@@ -53,6 +52,7 @@
   "engines": {
     "node": ">=14.0.0"
   },
+  "private": false,
   "module": "./esm/index.js",
   "exports": {
     "./package.json": "./package.json",

package/modern/Ad/Ad.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-export declare const AD_MARGIN_TOP = 3;
-export declare const AD_MARGIN_BOTTOM = 3;
-export declare const AD_HEIGHT = 126;
-export declare const AD_HEIGHT_MOBILE: number;
-export declare function Ad(): React.JSX.Element;

package/modern/Ad/AdCarbon.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-export declare function AdCarbonInline(): React.JSX.Element;
-export default function AdCarbon(): React.JSX.Element;

package/modern/Ad/AdDisplay.d.ts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-export interface AdParameters {
-  name: string;
-  link: string;
-  img?: string;
-  description: string;
-  poweredby: string;
-  label: string;
-}
-interface AdDisplayProps {
-  ad: AdParameters;
-  className?: string;
-  shape?: 'auto' | 'inline' | 'image';
-}
-export default function AdDisplay(props: AdDisplayProps): React.JSX.Element;
-export {};

package/modern/Ad/AdGuest.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-export interface AdGuestProps {
-  /**
-   * The querySelector use to target the element which will include the ad.
-   */
-  classSelector?: string;
-  children?: React.ReactNode | undefined;
-}
-declare function AdGuest(props: AdGuestProps): React.JSX.Element | null;
-export { AdGuest };

package/modern/Ad/AdInHouse.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-import { AdParameters } from "./AdDisplay.js";
-export default function AdInHouse(props: {
-  ad: Omit<AdParameters, 'poweredby' | 'label'>;
-}): React.JSX.Element;

package/modern/Ad/AdManager.d.ts

@@ -1,19 +0,0 @@
-import * as React from 'react';
-type AdPortal = {
-  placement: 'body-top';
-  element: Element | null;
-};
-interface AdManagerProps {
-  /**
-   * The querySelector use to target the element which will include the ad.
-   */
-  classSelector?: string;
-  children?: React.ReactNode | undefined;
-}
-export declare const AdContext: React.Context<AdPortal>;
-export declare const adShape: string;
-export declare function AdManager({
-  classSelector,
-  children
-}: AdManagerProps): React.JSX.Element;
-export {};

package/modern/Ad/AdProvider.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-export interface AdConfig {
-  /**
-   * The ratio of "ad display" event sent to Google Analytics.
-   * Used to avoid an exceed on the Google Analytics quotas.
-   * @default 0.1
-   */
-  GADisplayRatio: number;
-}
-export interface AdProviderProps {
-  children: React.ReactNode;
-  config?: Partial<AdConfig>;
-}
-export declare function AdProvider(props: AdProviderProps): React.JSX.Element;
-export declare function useAdConfig(): AdConfig;