@mui/docs 6.3.0 → 6.4.0

package/Ad/ad.styles.d.ts

@@ -2080,7 +2080,7 @@ export declare const adBodyInlineStyles: (theme: Theme) => {
             zIndex?: import("csstype").Property.ZIndex | readonly ((string & {}) | import("csstype").Globals | "auto")[] | readonly NonNullable<import("csstype").Property.ZIndex | undefined>[] | undefined;
             zoom?: import("csstype").Property.Zoom | readonly NonNullable<import("csstype").Property.Zoom | undefined>[] | readonly ((string & {}) | import("csstype").Globals | "normal" | "reset")[] | undefined;
             all?: import("csstype").Globals | readonly NonNullable<import("csstype").Globals | undefined>[] | readonly import("csstype").Globals[] | undefined;
-            animation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("none" | (string & {}) | import("csstype").Globals | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
+            animation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("reverse" | "none" | (string & {}) | import("csstype").Globals | "auto" | "normal" | "alternate" | "alternate-reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
             animationRange?: import("csstype").Property.AnimationRange<string | number> | readonly (string | (string & {}))[] | readonly NonNullable<import("csstype").Property.AnimationRange<string | number> | undefined>[] | undefined;
             background?: import("csstype").Property.Background<string | number> | readonly (string | (string & {}))[] | readonly NonNullable<import("csstype").Property.Background<string | number> | undefined>[] | undefined;
             backgroundPosition?: import("csstype").Property.BackgroundPosition<string | number> | readonly (string | (string & {}))[] | readonly NonNullable<import("csstype").Property.BackgroundPosition<string | number> | undefined>[] | undefined;
@@ -2367,7 +2367,7 @@ export declare const adBodyInlineStyles: (theme: Theme) => {
             WebkitUserModify?: import("csstype").Property.WebkitUserModify | readonly NonNullable<import("csstype").Property.WebkitUserModify | undefined>[] | readonly import("csstype").Property.WebkitUserModify[] | undefined;
             WebkitUserSelect?: import("csstype").Property.UserSelect | readonly NonNullable<import("csstype").Property.UserSelect | undefined>[] | readonly import("csstype").Property.UserSelect[] | undefined;
             WebkitWritingMode?: import("csstype").Property.WritingMode | readonly NonNullable<import("csstype").Property.WritingMode | undefined>[] | readonly import("csstype").Property.WritingMode[] | undefined;
-            MozAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("none" | (string & {}) | import("csstype").Globals | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
+            MozAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("reverse" | "none" | (string & {}) | import("csstype").Globals | "auto" | "normal" | "alternate" | "alternate-reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
             MozBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | (string & {}) | import("csstype").Globals | "stretch" | "round" | "space")[] | undefined;
             MozColumnRule?: import("csstype").Property.ColumnRule<string | number> | readonly (string | (string & {}))[] | readonly NonNullable<import("csstype").Property.ColumnRule<string | number> | undefined>[] | undefined;
             MozColumns?: import("csstype").Property.Columns<string | number> | readonly (string | (string & {}))[] | readonly NonNullable<import("csstype").Property.Columns<string | number> | undefined>[] | undefined;
@@ -2379,7 +2379,7 @@ export declare const adBodyInlineStyles: (theme: Theme) => {
             msScrollSnapX?: import("csstype").Property.MsScrollSnapX | readonly string[] | readonly import("csstype").Property.MsScrollSnapX[] | undefined;
             msScrollSnapY?: import("csstype").Property.MsScrollSnapY | readonly string[] | readonly import("csstype").Property.MsScrollSnapY[] | undefined;
             msTransition?: import("csstype").Property.Transition<string & {}> | readonly string[] | readonly import("csstype").Property.Transition<string & {}>[] | undefined;
-            WebkitAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("none" | (string & {}) | import("csstype").Globals | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
+            WebkitAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("reverse" | "none" | (string & {}) | import("csstype").Globals | "auto" | "normal" | "alternate" | "alternate-reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
             WebkitBorderBefore?: import("csstype").Property.WebkitBorderBefore<string | number> | readonly (string | (string & {}))[] | readonly NonNullable<import("csstype").Property.WebkitBorderBefore<string | number> | undefined>[] | undefined;
             WebkitBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | (string & {}) | import("csstype").Globals | "stretch" | "round" | "space")[] | undefined;
             WebkitBorderRadius?: import("csstype").Property.BorderRadius<string | number> | readonly (string | (string & {}))[] | readonly NonNullable<import("csstype").Property.BorderRadius<string | number> | undefined>[] | undefined;
@@ -2469,7 +2469,7 @@ export declare const adBodyInlineStyles: (theme: Theme) => {
             MozTransitionTimingFunction?: import("csstype").Property.TransitionTimingFunction | readonly string[] | readonly import("csstype").Property.TransitionTimingFunction[] | undefined;
             MozUserInput?: import("csstype").Property.MozUserInput | readonly NonNullable<import("csstype").Property.MozUserInput | undefined>[] | readonly import("csstype").Property.MozUserInput[] | undefined;
             msImeMode?: import("csstype").Property.ImeMode | readonly NonNullable<import("csstype").Property.ImeMode | undefined>[] | readonly import("csstype").Property.ImeMode[] | undefined;
-            OAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("none" | (string & {}) | import("csstype").Globals | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
+            OAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("reverse" | "none" | (string & {}) | import("csstype").Globals | "auto" | "normal" | "alternate" | "alternate-reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
             OAnimationDelay?: import("csstype").Property.AnimationDelay<string & {}> | readonly string[] | readonly import("csstype").Property.AnimationDelay<string & {}>[] | undefined;
             OAnimationDirection?: import("csstype").Property.AnimationDirection | readonly string[] | readonly import("csstype").Property.AnimationDirection[] | undefined;
             OAnimationDuration?: import("csstype").Property.AnimationDuration<string & {}> | readonly string[] | readonly import("csstype").Property.AnimationDuration<string & {}>[] | undefined;

package/CHANGELOG.md

@@ -1,5 +1,90 @@
 # [Versions](https://mui.com/versions/)
 
+## 6.4.0
+
+<!-- generated comparing v6.3.1..master -->
+
+_Jan 13, 2025_
+
+A big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:
+
+- Added [`loading` prop](https://mui.com/material-ui/react-button/#loading-2) to the `Button` and `IconButton` components (#44637) @siriwatknp
+
+### `@mui/material@6.4.0`
+
+- [Alert] complete `slots` and `slotProps` (#44971) @siriwatknp
+- [Autocomplete] Sync runtime and TS types for key in grouped options (#44862) @aarongarciah
+- [Button] Add `loading` prop (#44637) @siriwatknp
+- [CardHeader] Deprecate `*TypographyProps` and complete `slots`, `slotProps` (#44729) @siriwatknp
+- [CircularProgress] Improve indeterminate animation to be symmetric and smooth (#44934) @yashdev16
+- [LinearProgress] Deprecate composed classes (#44933) @headironc
+- [Link] Fix error for using custom palette with underline (#44927) @siriwatknp
+- [Select] Do not set `aria-controls` when closed (#44919) @siddhantantil39
+- [Select] Add missing root class (#44928) @sai6855
+- [Slider] Set onChangeCommitted to receive the last argument passed to onChange (#44795) @good-jinu
+- Add `mergeSlotProps` for extending components (#44809) @siriwatknp
+- Update `mergeSlotProps` to merge `style` (#44959) @siriwatknp
+- Fix slots typing for Tooltip and StepLabel (#44985) @siriwatknp
+- Remove unnecessary blank lines (#44980) @sai6855
+
+### Docs
+
+- [docs] Fix Dashboard sidenav sroll (#44876) @oliviertassinari
+- [docs] Fix broken anchor link to w3.org (c51af8e) @oliviertassinari
+- [docs] Add details on complementary Menu components (#44957) @samuelsycamore
+- [docs] Remove misleading messaging on MD3 support (#44953) @mnajdova
+- [docs] Fix code copy button obscuring on small screen sizes (#44861) @ZeeshanTamboli
+- [docs] Remove more instances of Adobe XD (#44956) @samuelsycamore
+- [docs] Remove Adobe XD chips, links, and mentions (#44909) @samuelsycamore
+- [docs] Fix incorrect rendering in Typography docs (#44937) @iaziz11
+
+### Core
+
+- [core] Remove redundant screenshots (#44877) @oliviertassinari
+- [core] Remove Suspense and clock mocking from regressions and e2e tests (#44935) @DiegoAndai
+- [code-infra] Allow react@18 on `@mui/internal-test-utils` (#45023) @LukasTy
+- [code-infra] Stabilize flaky pigment progressbar tests (#44969) @Janpot
+- [example] Update the CDN example to adapt React 19. (#44979) @IceOfSummer
+- [figma] Clarify that Material UI Sync plugin is experimental (#44975) @oliviertassinari
+
+All contributors of this release in alphabetical order: @aarongarciah, @DiegoAndai, @good-jinu, @headironc, @iaziz11, @IceOfSummer, @Janpot, @LukasTy, @mnajdova, @oliviertassinari, @sai6855, @samuelsycamore, @siddhantantil39, @siriwatknp, @yashdev16, @ZeeshanTamboli
+
+## 6.3.1
+
+<!-- generated comparing v6.3.0..master -->
+
+_Jan 3, 2025_
+
+A big thanks to the 8 contributors who made this release possible.
+
+### `@mui/material@6.3.1`
+
+- [Autocomplete] Revert: Fix options list rendering in freeSolo mode (#44858) @ZeeshanTamboli
+- [Tooltip] Warn instead of error when trigger is disabled (#44846) @yash49
+- [TableSortLabel] Add slots and slotProps (#44728) @sai6855
+- [Select] Deprecate composed classes (#44925) @sai6855
+
+### Docs
+
+- [material-ui][Accordion] Update `Anatomy` section in Accordion docs (#44849) @ZeeshanTamboli
+- [material-ui][CardActionArea] Added demo in docs of cards for adding props to CardActionArea (#44789) @siddhantantil39
+- [material-ui][Grid2] Add interactive demo for Grid v2 (#44820) @yash49
+- [material-ui][Select] Update docs to reflect the omission of placeholder prop (#44856) @adityaparab
+- [joy-ui] Fix Color mode button on Theme builder (#44864) @komkanit
+- Fix 301 redirections @oliviertassinari
+
+### Core
+
+- [examples] Update Next.js examples Next.js and React versions (#44852) @DiegoAndai
+- [code-infra] Prevent wrong nested imports in Base UI (#44426) @oliviertassinari
+- [docs-infra] Add vale coverage for App Router and Page Router (060c55c) @oliviertassinari
+- Sync with other repos (1b9300f) @oliviertassinari
+- Fix docs:build to work in docs folder too (6b923a4) @oliviertassinari
+- Setup React 18 CI tests (#44868) @DiegoAndai
+- Update test to use public API (#44875) @oliviertassinari
+
+All contributors of this release in alphabetical order: @adityaparab, @DiegoAndai, @komkanit, @oliviertassinari, @sai6855, @siddhantantil39, @yash49, @ZeeshanTamboli
+
 ## 6.3.0
 
 <!-- generated comparing v6.2.1..master -->

package/ComponentLinkHeader/ComponentLinkHeader.js

@@ -1,4 +1,4 @@
-var _ChatRounded, _BundleSizeIcon, _GitHubIcon, _W3CIcon, _MaterialDesignIcon, _li, _React$Fragment;
+var _ChatRounded, _BundleSizeIcon, _GitHubIcon, _W3CIcon, _MaterialDesignIcon, _li, _li2;
 import * as React from 'react';
 import Chip from '@mui/material/Chip';
 import Tooltip from '@mui/material/Tooltip';
@@ -7,7 +7,6 @@ import GitHubIcon from '@mui/icons-material/GitHub';
 import { styled } from '@mui/material/styles';
 import SketchIcon from "../svgIcons/SketchIcon.js";
 import FigmaIcon from "../svgIcons/FigmaIcon.js";
-import AdobeXDIcon from "../svgIcons/AdobeXDIcon.js";
 import BundleSizeIcon from "../svgIcons/BundleSizeIcon.js";
 import W3CIcon from "../svgIcons/W3CIcon.js";
 import MaterialDesignIcon from "../svgIcons/MaterialDesignIcon.js";
@@ -159,40 +158,22 @@ export function ComponentLinkHeader(props) {
           "data-ga-event-split": "0.1",
           label: "Figma"
         })
-      })), packageName === '@mui/joy' ? null : _React$Fragment || (_React$Fragment = /*#__PURE__*/_jsxs(React.Fragment, {
-        children: [/*#__PURE__*/_jsx("li", {
-          children: /*#__PURE__*/_jsx(Chip, {
-            clickable: true,
-            role: undefined,
-            component: "a",
-            size: "small",
-            variant: "outlined",
-            rel: "nofollow",
-            href: "https://mui.com/store/items/adobe-xd-react/?utm_source=docs&utm_medium=referral&utm_campaign=component-link-header",
-            icon: /*#__PURE__*/_jsx(AdobeXDIcon, {}),
-            "data-ga-event-category": "ComponentLinkHeader",
-            "data-ga-event-action": "click",
-            "data-ga-event-label": "Adobe XD",
-            "data-ga-event-split": "0.1",
-            label: "Adobe"
-          })
-        }), /*#__PURE__*/_jsx("li", {
-          children: /*#__PURE__*/_jsx(Chip, {
-            clickable: true,
-            role: undefined,
-            component: "a",
-            size: "small",
-            variant: "outlined",
-            rel: "nofollow",
-            href: "https://mui.com/store/items/sketch-react/?utm_source=docs&utm_medium=referral&utm_campaign=component-link-header",
-            icon: /*#__PURE__*/_jsx(SketchIcon, {}),
-            "data-ga-event-category": "ComponentLinkHeader",
-            "data-ga-event-action": "click",
-            "data-ga-event-label": "Sketch",
-            "data-ga-event-split": "0.1",
-            label: "Sketch"
-          })
-        })]
+      })), packageName === '@mui/joy' ? null : _li2 || (_li2 = /*#__PURE__*/_jsx("li", {
+        children: /*#__PURE__*/_jsx(Chip, {
+          clickable: true,
+          role: undefined,
+          component: "a",
+          size: "small",
+          variant: "outlined",
+          rel: "nofollow",
+          href: "https://mui.com/store/items/sketch-react/?utm_source=docs&utm_medium=referral&utm_campaign=component-link-header",
+          icon: /*#__PURE__*/_jsx(SketchIcon, {}),
+          "data-ga-event-category": "ComponentLinkHeader",
+          "data-ga-event-action": "click",
+          "data-ga-event-label": "Sketch",
+          "data-ga-event-split": "0.1",
+          label: "Sketch"
+        })
       }))]
     })]
   });

package/MarkdownElement/MarkdownElement.js

@@ -558,6 +558,9 @@ const Root = styled('div')(({
     transition: theme.transitions.create(['background', 'borderColor', 'display'], {
       duration: theme.transitions.duration.shortest
     }),
+    '@media (max-width: 640px)': {
+      display: 'none'
+    },
     '& .MuiCode-copied-label': {
       display: 'none'
     },

package/node/ComponentLinkHeader/ComponentLinkHeader.js

@@ -14,13 +14,12 @@ var _GitHub = _interopRequireDefault(require("@mui/icons-material/GitHub"));
 var _styles = require("@mui/material/styles");
 var _SketchIcon = _interopRequireDefault(require("../svgIcons/SketchIcon"));
 var _FigmaIcon = _interopRequireDefault(require("../svgIcons/FigmaIcon"));
-var _AdobeXDIcon = _interopRequireDefault(require("../svgIcons/AdobeXDIcon"));
 var _BundleSizeIcon2 = _interopRequireDefault(require("../svgIcons/BundleSizeIcon"));
 var _W3CIcon2 = _interopRequireDefault(require("../svgIcons/W3CIcon"));
 var _MaterialDesignIcon2 = _interopRequireDefault(require("../svgIcons/MaterialDesignIcon"));
 var _i18n = require("../i18n");
 var _jsxRuntime = require("react/jsx-runtime");
-var _ChatRounded, _BundleSizeIcon, _GitHubIcon, _W3CIcon, _MaterialDesignIcon, _li, _React$Fragment;
+var _ChatRounded, _BundleSizeIcon, _GitHubIcon, _W3CIcon, _MaterialDesignIcon, _li, _li2;
 const Root = (0, _styles.styled)('ul')(({
   theme
 }) => ({
@@ -167,40 +166,22 @@ function ComponentLinkHeader(props) {
           "data-ga-event-split": "0.1",
           label: "Figma"
         })
-      })), packageName === '@mui/joy' ? null : _React$Fragment || (_React$Fragment = /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
-            clickable: true,
-            role: undefined,
-            component: "a",
-            size: "small",
-            variant: "outlined",
-            rel: "nofollow",
-            href: "https://mui.com/store/items/adobe-xd-react/?utm_source=docs&utm_medium=referral&utm_campaign=component-link-header",
-            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AdobeXDIcon.default, {}),
-            "data-ga-event-category": "ComponentLinkHeader",
-            "data-ga-event-action": "click",
-            "data-ga-event-label": "Adobe XD",
-            "data-ga-event-split": "0.1",
-            label: "Adobe"
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
-            clickable: true,
-            role: undefined,
-            component: "a",
-            size: "small",
-            variant: "outlined",
-            rel: "nofollow",
-            href: "https://mui.com/store/items/sketch-react/?utm_source=docs&utm_medium=referral&utm_campaign=component-link-header",
-            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SketchIcon.default, {}),
-            "data-ga-event-category": "ComponentLinkHeader",
-            "data-ga-event-action": "click",
-            "data-ga-event-label": "Sketch",
-            "data-ga-event-split": "0.1",
-            label: "Sketch"
-          })
-        })]
+      })), packageName === '@mui/joy' ? null : _li2 || (_li2 = /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
+          clickable: true,
+          role: undefined,
+          component: "a",
+          size: "small",
+          variant: "outlined",
+          rel: "nofollow",
+          href: "https://mui.com/store/items/sketch-react/?utm_source=docs&utm_medium=referral&utm_campaign=component-link-header",
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SketchIcon.default, {}),
+          "data-ga-event-category": "ComponentLinkHeader",
+          "data-ga-event-action": "click",
+          "data-ga-event-label": "Sketch",
+          "data-ga-event-split": "0.1",
+          label: "Sketch"
+        })
       }))]
     })]
   });

package/node/MarkdownElement/MarkdownElement.js

@@ -566,6 +566,9 @@ const Root = (0, _styles.styled)('div')(({
     transition: theme.transitions.create(['background', 'borderColor', 'display'], {
       duration: theme.transitions.duration.shortest
     }),
+    '@media (max-width: 640px)': {
+      display: 'none'
+    },
     '& .MuiCode-copied-label': {
       display: 'none'
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/docs",
-  "version": "6.3.0",
+  "version": "6.4.0",
   "private": false,
   "author": "MUI Team",
   "description": "MUI Docs - Documentation building blocks.",
@@ -28,7 +28,7 @@
     "clsx": "^2.1.1",
     "nprogress": "^0.2.0",
     "prop-types": "^15.8.1",
-    "@mui/internal-markdown": "^1.0.23"
+    "@mui/internal-markdown": "^1.0.25"
   },
   "peerDependencies": {
     "@mui/base": "*",