@mui/docs 7.1.0 → 7.1.2

package/Ad/Ad.js

@@ -61,11 +61,6 @@ function PleaseDisableAdblock() {
 }
 const disableAd = process.env.NODE_ENV !== 'production' && process.env.ENABLE_AD_IN_DEV_MODE !== 'true';
 const inHouseAds = [{
-  name: 'scaffoldhub',
-  link: 'https://v2.scaffoldhub.io/scaffolds/react-material-ui?partner=1',
-  img: '/static/ads-in-house/scaffoldhub.png',
-  description: '<b>ScaffoldHub</b>. Automate building your full-stack Material UI web-app.'
-}, {
   name: 'templates',
   link: 'https://mui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=in-house-templates',
   img: '/static/ads-in-house/themes-2.jpg',

package/Ad/ad.styles.d.ts

@@ -9,7 +9,7 @@ export declare const adBodyImageStyles: (theme: Theme) => {
     overflow: string;
     border: string;
     borderColor: string;
-    borderRadius: number;
+    borderRadius: string | number;
     padding: number;
     paddingLeft: number;
   };

package/CHANGELOG.md

@@ -1,5 +1,93 @@
 # [Versions](https://mui.com/versions/)
 
+## 7.1.2
+
+_Jun 18, 2025_
+
+A big thanks to the 2 contributors who made this release possible.
+
+### `@mui/material@7.1.2`
+
+- [Chip] Fix handling on event handlers (#46263) @sai6855
+
+### Docs
+
+- Fix fade modal demo (#46271) @brijeshb42
+
+All contributors of this release in alphabetical order: @brijeshb42, @sai6855
+
+## 7.1.1
+
+<!-- generated comparing v7.1.0..master -->
+
+_May 30, 2025_
+
+A big thanks to the 15 contributors who made this release possible.
+
+### `@mui/material@7.1.1`
+
+- [Autocomplete] Fix label shrink issue when `renderValue` is used with empty array in multiple mode (#46047) @ZeeshanTamboli
+- [Autocomplete] Prevent `renderValue` from being skipped when value is 0 (#46145) @LakshitAgarwal
+- [Autocomplete] Add note in JSDoc for non-TextField components in `renderInput` (#46141) @khllbnomrn
+- [Chip] Add slots and slotProps (#46098) @sai6855
+- [Menu] Remove depreacted `MenuListProps` from demos (#46144) @sai6855
+- [TablePaginationActions] Export TablePaginationActions as new component (#46149) @sai6855
+- [SnackbarContent] Fix `square` prop not working (#46196) @0210shivam
+- [SnackbarContent] Fix error when theme value is CSS variable (#46198) @0210shivam
+
+### `@mui/codemod@7.1.1`
+
+- Add package name option (#45977) @siriwatknp
+
+### `@mui/system@7.1.1`
+
+- Skip styled component from being transformed (#46129) @siriwatknp
+- Update the type for borderRadius (#46154) @codiini
+
+### `@mui/styled-engine@7.1.1`
+
+- Fix variant props callback type to spread `ownerState` (#46187) @siriwatknp
+
+### `@mui/stylis-plugin-rtl@7.1.1`
+
+- Fix RTL does not work with CSS layer with a new package (#46230) @siriwatknp
+
+### Docs
+
+- [Dialog] Remove deprecated TransitionComponent from demo (#46185) @sai6855
+- [Grid] Remove direction `column` and `column-reverse` from the demo (#46127) @0210shivam
+- [Grid] Update grid migration guide (#46057) @sai6855
+- [templates] Fix rendering of logos in dark mode (#46221) @sai6855
+- [ToggleButtonGroup] Add spacing demo (#46058) @sai6855
+- Fix typo in dark mode docs (#46229) @ZeeshanTamboli
+- Clarify Next.js + Tailwind CSS v3 integration requirements (#46176) @chaitanyasharma1011
+- Fix GridLegacy docs order (#46135) @oliviertassinari
+- Update upgrade guide for resolution of `react-is` (#46002) @siriwatknp
+- Remove oudated scaffoldhub ad (#46090) @oliviertassinari
+- Show how to target global state classes with CSS Modules (#45992) @RubemMazzetto
+
+### Core
+
+- [code-infra] Add plugin to check for index file access (#46178) @Janpot
+- [code-infra] Bump eslint to v9 (#46222) @brijeshb42
+- [code-infra] Move packages to mui/mui-public (#46155) @Janpot
+- [code-infra] Move `chai` to peerDep (#46227) @JCQuintas
+- [code-infra] Avoid loading barrel file during type checking (#46177) @Janpot
+- [code-infra] Remove unnecessary ref from `HighlightedCode` component (#46151) @ZeeshanTamboli
+- [code-infra] Import mocha type instead of global (#46108) @JCQuintas
+- [code-infra] Dependabot also create branches (795a481) @oliviertassinari
+- [code-infra] Avoid running continuous release on forks (#46103) @Janpot
+- [code-infra] Remove checkout job altogether (#46100) @Janpot
+- [code-infra] Remove required checkout workflows in circleci (#46099) @Janpot
+- Run pnpm docs:sync-team (c8f1da5) @oliviertassinari
+- Upgrade MUI X packages to v8 (#45990) @KenanYusuf
+- Minor detail to reduce confusion (4c64b72) @oliviertassinari
+- Update security.md (#45839) @DiegoAndai
+- Apply yml convention, blank line only at top level (f273220) @oliviertassinari
+- Add comment that lab should be in alpha (#45999) @oliviertassinari
+
+All contributors of this release in alphabetical order: @0210shivam, @brijeshb42, @chaitanyasharma1011, @codiini, @DiegoAndai, @Janpot, @JCQuintas, @KenanYusuf, @khllbnomrn, @LakshitAgarwal, @oliviertassinari, @RubemMazzetto, @sai6855, @siriwatknp, @ZeeshanTamboli
+
 ## 7.1.0
 
 <!-- generated comparing v7.0.2..master -->

package/HighlightedCode/HighlightedCode.d.ts

@@ -11,4 +11,4 @@ export interface HighlightedCodeProps {
   preComponent?: React.ElementType;
   sx?: SxProps;
 }
-export declare const HighlightedCode: React.ForwardRefExoticComponent<HighlightedCodeProps & React.RefAttributes<HTMLDivElement>>;
+export declare function HighlightedCode(props: HighlightedCodeProps): React.JSX.Element;

package/HighlightedCode/HighlightedCode.js

@@ -5,7 +5,7 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.HighlightedCode = void 0;
+exports.HighlightedCode = HighlightedCode;
 var React = _interopRequireWildcard(require("react"));
 var _prism = _interopRequireDefault(require("@mui/internal-markdown/prism"));
 var _NoSsr = require("@mui/base/NoSsr");
@@ -31,7 +31,7 @@ const Pre = (0, _styles.styled)('pre')(({
     // https://github.com/necolas/normalize.css/blob/master/normalize.css#L102
   }
 }));
-const HighlightedCode = exports.HighlightedCode = /*#__PURE__*/React.forwardRef(function HighlightedCode(props, ref) {
+function HighlightedCode(props) {
   const {
     code,
     copyButtonHidden = false,
@@ -46,9 +46,9 @@ const HighlightedCode = exports.HighlightedCode = /*#__PURE__*/React.forwardRef(
     return (0, _prism.default)(code.trim(), language);
   }, [code, language]);
   const handlers = (0, _CodeCopy.useCodeCopy)();
+  const componentProps = !plainStyle ? other : undefined;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
-    ref: ref,
-    ...other,
+    ...componentProps,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "MuiCode-root",
       ...handlers,
@@ -72,4 +72,4 @@ const HighlightedCode = exports.HighlightedCode = /*#__PURE__*/React.forwardRef(
       })]
     })
   });
-});
+}

package/HighlightedCodeWithTabs/HighlightedCodeWithTabs.d.ts

@@ -1,17 +1,17 @@
 import * as React from 'react';
-export declare const CodeTabList: import("@emotion/styled").StyledComponent<import("@mui/base/TabsList").TabsListOwnProps & Omit<any, keyof import("@mui/base/TabsList").TabsListOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+export declare const CodeTabList: import("@emotion/styled").StyledComponent<import("@mui/base/TabsList").TabsListOwnProps & Omit<any, keyof import("@mui/base/TabsList").TabsListOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   ownerState: {
     mounted: boolean;
     contained?: boolean;
   };
 }, {}, {}>;
-export declare const CodeTabPanel: import("@emotion/styled").StyledComponent<import("@mui/base/TabPanel").TabPanelOwnProps & Omit<any, keyof import("@mui/base/TabPanel").TabPanelOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+export declare const CodeTabPanel: import("@emotion/styled").StyledComponent<import("@mui/base/TabPanel").TabPanelOwnProps & Omit<any, keyof import("@mui/base/TabPanel").TabPanelOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   ownerState: {
     mounted: boolean;
     contained?: boolean;
   };
 }, {}, {}>;
-export declare const CodeTab: import("@emotion/styled").StyledComponent<import("@mui/base/Tab").TabOwnProps & Omit<any, keyof import("@mui/base/Tab").TabOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+export declare const CodeTab: import("@emotion/styled").StyledComponent<import("@mui/base/Tab").TabOwnProps & Omit<any, keyof import("@mui/base/Tab").TabOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   ownerState: {
     mounted: boolean;
     contained?: boolean;

package/esm/Ad/Ad.js

@@ -52,11 +52,6 @@ function PleaseDisableAdblock() {
 }
 const disableAd = process.env.NODE_ENV !== 'production' && process.env.ENABLE_AD_IN_DEV_MODE !== 'true';
 const inHouseAds = [{
-  name: 'scaffoldhub',
-  link: 'https://v2.scaffoldhub.io/scaffolds/react-material-ui?partner=1',
-  img: '/static/ads-in-house/scaffoldhub.png',
-  description: '<b>ScaffoldHub</b>. Automate building your full-stack Material UI web-app.'
-}, {
   name: 'templates',
   link: 'https://mui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=in-house-templates',
   img: '/static/ads-in-house/themes-2.jpg',

package/esm/Ad/ad.styles.d.ts

@@ -9,7 +9,7 @@ export declare const adBodyImageStyles: (theme: Theme) => {
     overflow: string;
     border: string;
     borderColor: string;
-    borderRadius: number;
+    borderRadius: string | number;
     padding: number;
     paddingLeft: number;
   };

package/esm/HighlightedCode/HighlightedCode.d.ts

@@ -11,4 +11,4 @@ export interface HighlightedCodeProps {
   preComponent?: React.ElementType;
   sx?: SxProps;
 }
-export declare const HighlightedCode: React.ForwardRefExoticComponent<HighlightedCodeProps & React.RefAttributes<HTMLDivElement>>;
+export declare function HighlightedCode(props: HighlightedCodeProps): React.JSX.Element;

package/esm/HighlightedCode/HighlightedCode.js

@@ -23,7 +23,7 @@ const Pre = styled('pre')(({
     // https://github.com/necolas/normalize.css/blob/master/normalize.css#L102
   }
 }));
-export const HighlightedCode = /*#__PURE__*/React.forwardRef(function HighlightedCode(props, ref) {
+export function HighlightedCode(props) {
   const {
     code,
     copyButtonHidden = false,
@@ -38,9 +38,9 @@ export const HighlightedCode = /*#__PURE__*/React.forwardRef(function Highlighte
     return prism(code.trim(), language);
   }, [code, language]);
   const handlers = useCodeCopy();
+  const componentProps = !plainStyle ? other : undefined;
   return /*#__PURE__*/_jsx(Component, {
-    ref: ref,
-    ...other,
+    ...componentProps,
     children: /*#__PURE__*/_jsxs("div", {
       className: "MuiCode-root",
       ...handlers,
@@ -64,4 +64,4 @@ export const HighlightedCode = /*#__PURE__*/React.forwardRef(function Highlighte
       })]
     })
   });
-});
+}

package/esm/HighlightedCodeWithTabs/HighlightedCodeWithTabs.d.ts

@@ -1,17 +1,17 @@
 import * as React from 'react';
-export declare const CodeTabList: import("@emotion/styled").StyledComponent<import("@mui/base/TabsList").TabsListOwnProps & Omit<any, keyof import("@mui/base/TabsList").TabsListOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+export declare const CodeTabList: import("@emotion/styled").StyledComponent<import("@mui/base/TabsList").TabsListOwnProps & Omit<any, keyof import("@mui/base/TabsList").TabsListOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   ownerState: {
     mounted: boolean;
     contained?: boolean;
   };
 }, {}, {}>;
-export declare const CodeTabPanel: import("@emotion/styled").StyledComponent<import("@mui/base/TabPanel").TabPanelOwnProps & Omit<any, keyof import("@mui/base/TabPanel").TabPanelOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+export declare const CodeTabPanel: import("@emotion/styled").StyledComponent<import("@mui/base/TabPanel").TabPanelOwnProps & Omit<any, keyof import("@mui/base/TabPanel").TabPanelOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   ownerState: {
     mounted: boolean;
     contained?: boolean;
   };
 }, {}, {}>;
-export declare const CodeTab: import("@emotion/styled").StyledComponent<import("@mui/base/Tab").TabOwnProps & Omit<any, keyof import("@mui/base/Tab").TabOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+export declare const CodeTab: import("@emotion/styled").StyledComponent<import("@mui/base/Tab").TabOwnProps & Omit<any, keyof import("@mui/base/Tab").TabOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   ownerState: {
     mounted: boolean;
     contained?: boolean;

package/esm/svgIcons/BundleSizeIcon.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 export default _default;

package/esm/svgIcons/FigmaIcon.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 export default _default;

package/esm/svgIcons/MaterialDesignIcon.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 export default _default;

package/esm/svgIcons/SketchIcon.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 export default _default;

package/esm/svgIcons/W3CIcon.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/docs",
-  "version": "7.1.0",
+  "version": "7.1.2",
   "author": "MUI Team",
   "description": "MUI Docs - Documentation building blocks.",
   "main": "./index.js",
@@ -27,7 +27,7 @@
     "clsx": "^2.1.1",
     "nprogress": "^0.2.0",
     "prop-types": "^15.8.1",
-    "@mui/internal-markdown": "^2.0.5"
+    "@mui/internal-markdown": "^2.0.6"
   },
   "peerDependencies": {
     "@mui/base": "*",

package/svgIcons/BundleSizeIcon.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 export default _default;

package/svgIcons/FigmaIcon.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 export default _default;

package/svgIcons/MaterialDesignIcon.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 export default _default;

package/svgIcons/SketchIcon.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 export default _default;

package/svgIcons/W3CIcon.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 export default _default;