@mui/docs 6.0.0-rc.0 → 6.0.0

package/Ad/Ad.js

@@ -3,11 +3,11 @@ import * as React from 'react';
 import Typography from '@mui/material/Typography';
 import Box from '@mui/material/Box';
 import Paper from '@mui/material/Paper';
-import { useTranslate } from '../i18n';
-import AdCarbon from './AdCarbon';
-import AdInHouse from './AdInHouse';
-import { AdContext, adShape } from './AdManager';
-import { useAdConfig } from './AdProvider';
+import { useTranslate } from "../i18n/index.js";
+import AdCarbon from "./AdCarbon.js";
+import AdInHouse from "./AdInHouse.js";
+import { AdContext, adShape } from "./AdManager.js";
+import { useAdConfig } from "./AdProvider.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function PleaseDisableAdblock() {
   const t = useTranslate();

package/Ad/AdCarbon.js

@@ -1,9 +1,9 @@
 var _AdCarbonImage;
 import * as React from 'react';
 import { styled } from '@mui/material/styles';
-import loadScript from '../utils/loadScript';
-import AdDisplay from './AdDisplay';
-import { adBodyImageStyles } from './ad.styles';
+import loadScript from "../utils/loadScript.js";
+import AdDisplay from "./AdDisplay.js";
+import { adBodyImageStyles } from "./ad.styles.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const CarbonRoot = styled('span')(({
   theme

package/Ad/AdDisplay.js

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { styled } from '@mui/material/styles';
-import { useTranslate } from '../i18n';
-import { adShape } from './AdManager';
-import { adBodyImageStyles, adBodyInlineStyles } from './ad.styles';
-import { useAdConfig } from './AdProvider';
+import { useTranslate } from "../i18n/index.js";
+import { adShape } from "./AdManager.js";
+import { adBodyImageStyles, adBodyInlineStyles } from "./ad.styles.js";
+import { useAdConfig } from "./AdProvider.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const InlineShape = styled('span')(({
   theme

package/Ad/AdGuest.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import Portal from '@mui/material/Portal';
-import { AdContext } from './AdManager';
+import { AdContext } from "./AdManager.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 function AdGuest(props) {
   const {

package/Ad/AdInHouse.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import AdDisplay from './AdDisplay';
+import AdDisplay from "./AdDisplay.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function AdInHouse(props) {
   const {

package/Ad/index.js

@@ -1,7 +1,7 @@
 /// <reference types="gtag.js" />
 
-export * from './Ad';
-export * from './AdManager';
-export * from './AdProvider';
-export * from './AdGuest';
-export { AdCarbonInline } from './AdCarbon';
+export * from "./Ad.js";
+export * from "./AdManager.js";
+export * from "./AdProvider.js";
+export * from "./AdGuest.js";
+export { AdCarbonInline } from "./AdCarbon.js";

package/CHANGELOG.md

@@ -1,5 +1,51 @@
 # [Versions](https://mui.com/versions/)
 
+## 6.0.0
+
+<!-- generated comparing v6.0.0-rc.0..master -->
+
+_Aug 27, 2024_
+
+We are excited to announce the stable release of Material-UI v6 🎉, check out [the blog post](https://mui.com/blog/material-ui-v6-is-out/) to see all the updates.
+
+### `@mui/material@6.0.0`
+
+- Change React.ReactElement<any,any> type from any to unknown (#43358) @sai6855
+- [Pagination] Update `getItemAriaLabel` page param type (#43399) @sydneyjodon-wk
+- [Unstable_TrapFocus] Fix `getTabbable` function return type (#42237) @KalmarLorand
+
+### `@mui/lab@6.0.0-beta.8`
+
+- [button] Add missing customize points for span (#43436) @oliviertassinari
+
+### Docs
+
+- Fix broken links (#43144) @DiegoAndai
+- Updated mui-x roadmap links with the new project URL (#43444) @michelengelen
+- Update pnpm order, move to second (#42712) @ahmadnadeem6236
+- Fix CSS theme variables section (#43439) @siriwatknp
+- Add two Toolpad Core components to Material UI sidebar (#43391) @prakhargupta1
+- Fix licensingModel -> licenseModel @oliviertassinari
+- Fix Stack Overflow issue canned response @oliviertassinari
+- Avoid referencing MUI Core @oliviertassinari
+- Fix description of eslint-plugin-material-ui @oliviertassinari
+- [docs-infra] Polish reportBrokenLinks.js to support Base UI @oliviertassinari
+- [material-ui] Clarify RTL language support in localization guide (#41784) @bahmanworld
+- [material-ui] Refine templates theme selector (#43396) @zanivan
+
+### Core
+
+- Prepare for v6 stable release (#43454) @siriwatknp
+- [blog] Polish Upcoming changes to MUI X pricing in 2024 (#43438) @oliviertassinari
+- [blog] Add Material UI v6 stable release (#41932) @siriwatknp
+- [ci] Fix the release:changelog cmd (#43451) @mnajdova
+- [core] Allow `^6.0.0` for `@mui/` dependencies in `@mui/docs` (#43445) @LukasTy
+- [code-infra] Babel plugin to fully resolve imported paths (#43294) @Janpot
+- [infra] Add closing message workflow (#43450) @michelengelen
+- [website] Make beta chip consistent for Toolpad (#43392) @prakhargupta1
+
+All contributors of this release in alphabetical order: @ahmadnadeem6236, @bahmanworld, @DiegoAndai, @Janpot, @KalmarLorand, @LukasTy, @michelengelen, @mnajdova, @oliviertassinari, @prakhargupta1, @sai6855, @siriwatknp, @sydneyjodon-wk, @zanivan
+
 ## 6.0.0-rc.0
 
 <!-- generated comparing v6.0.0-beta.6..next -->

package/CodeCopy/CodeCopyButton.js

@@ -1,6 +1,6 @@
 var _span, _span2;
 import * as React from 'react';
-import useClipboardCopy from './useClipboardCopy';
+import useClipboardCopy from "./useClipboardCopy.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function CodeCopyButton(props) {
   const {

package/CodeCopy/index.js

@@ -1,3 +1,3 @@
-export * from './CodeCopy';
-export * from './CodeCopyButton';
-export { default as useClipboardCopy } from './useClipboardCopy';
+export * from "./CodeCopy.js";
+export * from "./CodeCopyButton.js";
+export { default as useClipboardCopy } from "./useClipboardCopy.js";

package/ComponentLinkHeader/ComponentLinkHeader.js

@@ -5,13 +5,13 @@ import Tooltip from '@mui/material/Tooltip';
 import ChatRounded from '@mui/icons-material/ChatRounded';
 import GitHubIcon from '@mui/icons-material/GitHub';
 import { styled } from '@mui/material/styles';
-import SketchIcon from '../svgIcons/SketchIcon';
-import FigmaIcon from '../svgIcons/FigmaIcon';
-import AdobeXDIcon from '../svgIcons/AdobeXDIcon';
-import BundleSizeIcon from '../svgIcons/BundleSizeIcon';
-import W3CIcon from '../svgIcons/W3CIcon';
-import MaterialDesignIcon from '../svgIcons/MaterialDesignIcon';
-import { useTranslate } from '../i18n';
+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";
+import { useTranslate } from "../i18n/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Root = styled('ul')({
   margin: 0,
@@ -97,7 +97,7 @@ export function ComponentLinkHeader(props) {
         size: "small",
         variant: "outlined",
         rel: "nofollow",
-        href: `${process.env.SOURCE_CODE_REPO}/tree/${process.env.SOURCE_GITHUB_BRANCH}/${headers.githubSource}`,
+        href: `${process.env.SOURCE_CODE_REPO}/blob/v${process.env.LIB_VERSION}/${headers.githubSource}`,
         icon: _GitHubIcon || (_GitHubIcon = /*#__PURE__*/_jsx(GitHubIcon, {})),
         "data-ga-event-category": "ComponentLinkHeader",
         "data-ga-event-action": "click",

package/ComponentLinkHeader/index.js

@@ -1,2 +1,2 @@
-export * from './ComponentLinkHeader';
-export { ComponentLinkHeader as default } from './ComponentLinkHeader';
+export * from "./ComponentLinkHeader.js";
+export { ComponentLinkHeader as default } from "./ComponentLinkHeader.js";

package/DocsProvider/DocsProvider.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { UserLanguageProvider } from '../i18n';
-import { AdProvider } from '../Ad';
+import { UserLanguageProvider } from "../i18n/index.js";
+import { AdProvider } from "../Ad/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const DocsConfigContext = /*#__PURE__*/React.createContext(null);
 export function DocsProvider({

package/DocsProvider/index.js

@@ -1 +1 @@
-export * from './DocsProvider';
+export * from "./DocsProvider.js";

package/HighlightedCode/HighlightedCode.js

@@ -2,8 +2,8 @@ import * as React from 'react';
 import prism from '@mui/internal-markdown/prism';
 import { NoSsr } from '@mui/base/NoSsr';
 import { styled } from '@mui/material/styles';
-import { useCodeCopy, CodeCopyButton } from '../CodeCopy';
-import { MarkdownElement } from '../MarkdownElement';
+import { useCodeCopy, CodeCopyButton } from "../CodeCopy/index.js";
+import { MarkdownElement } from "../MarkdownElement/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Pre = styled('pre')(({
   theme

package/HighlightedCode/index.js

@@ -1 +1 @@
-export * from './HighlightedCode';
+export * from "./HighlightedCode.js";

package/HighlightedCodeWithTabs/HighlightedCodeWithTabs.js

@@ -5,7 +5,7 @@ import { TabsList as TabsListBase } from '@mui/base/TabsList';
 import { TabPanel as TabPanelBase } from '@mui/base/TabPanel';
 import { Tab as TabBase } from '@mui/base/Tab';
 import useLocalStorageState from '@mui/utils/useLocalStorageState';
-import { HighlightedCode } from '../HighlightedCode';
+import { HighlightedCode } from "../HighlightedCode/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const CodeTabList = styled(TabsListBase)(({
   theme

package/HighlightedCodeWithTabs/index.js

@@ -1,2 +1,2 @@
-export * from './HighlightedCodeWithTabs';
-export { HighlightedCodeWithTabs as default } from './HighlightedCodeWithTabs';
+export * from "./HighlightedCodeWithTabs.js";
+export { HighlightedCodeWithTabs as default } from "./HighlightedCodeWithTabs.js";

package/InfoCard/InfoCard.js

@@ -3,7 +3,7 @@ import { alpha } from '@mui/material/styles';
 import Box from '@mui/material/Box';
 import Paper from '@mui/material/Paper';
 import Typography from '@mui/material/Typography';
-import { Link } from '../Link';
+import { Link } from "../Link/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function GlowingIconContainer({
   icon

package/InfoCard/index.js

@@ -1 +1 @@
-export * from './InfoCard';
+export * from "./InfoCard.js";

package/Link/Link.js

@@ -4,8 +4,8 @@ import { useRouter } from 'next/router';
 import NextLink from 'next/link';
 import MuiLink from '@mui/material/Link';
 import { styled } from '@mui/material/styles';
-import { useUserLanguage } from '../i18n';
-import { useDocsConfig } from '../DocsProvider';
+import { useUserLanguage } from "../i18n/index.js";
+import { useDocsConfig } from "../DocsProvider/index.js";
 
 /**
  * File to keep in sync with:

package/Link/index.js

@@ -1 +1 @@
-export * from './Link';
+export * from "./Link.js";

package/MarkdownElement/MarkdownElement.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import clsx from 'clsx';
 import { alpha, darken, styled } from '@mui/material/styles';
 import useForkRef from '@mui/utils/useForkRef';
-import { brandingDarkTheme as darkTheme, brandingLightTheme as lightTheme } from '../branding';
+import { brandingDarkTheme as darkTheme, brandingLightTheme as lightTheme } from "../branding/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const Root = styled('div')(({
   theme

package/MarkdownElement/index.js

@@ -1 +1 @@
-export * from './MarkdownElement';
+export * from "./MarkdownElement.js";

package/NProgressBar/index.js

@@ -1 +1 @@
-export { default } from './NProgressBar';
+export { default } from "./NProgressBar.js";

package/README.md

@@ -9,7 +9,7 @@ Install the package in your project directory with:
 <!-- #default-branch-switch -->
 
 ```bash
-npm install @mui/docs@next
+npm install @mui/docs
 ```
 
 The docs has a peer dependency on the core components.
@@ -18,7 +18,7 @@ If you are not already using Material UI in your project, you can add it with:
 <!-- #default-branch-switch -->
 
 ```bash
-npm install @mui/material@next
+npm install @mui/material
 ```
 
 ## Documentation

package/SectionTitle/index.js

@@ -1 +1 @@
-export * from './SectionTitle';
+export * from "./SectionTitle.js";

package/branding/BrandingProvider.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ThemeProvider, useTheme } from '@mui/material/styles';
-import { brandingDarkTheme, brandingLightTheme } from './brandingTheme';
+import { brandingDarkTheme, brandingLightTheme } from "./brandingTheme.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function BrandingProvider(props) {
   const {

package/branding/index.js

@@ -1,2 +1,2 @@
-export * from './brandingTheme';
-export * from './BrandingProvider';
+export * from "./brandingTheme.js";
+export * from "./BrandingProvider.js";

package/i18n/i18n.js

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

package/i18n/index.js

@@ -1 +1 @@
-export * from './i18n';
+export * from "./i18n.js";

package/node/ComponentLinkHeader/ComponentLinkHeader.js

@@ -106,7 +106,7 @@ function ComponentLinkHeader(props) {
         size: "small",
         variant: "outlined",
         rel: "nofollow",
-        href: `${process.env.SOURCE_CODE_REPO}/tree/${process.env.SOURCE_GITHUB_BRANCH}/${headers.githubSource}`,
+        href: `${process.env.SOURCE_CODE_REPO}/blob/v${process.env.LIB_VERSION}/${headers.githubSource}`,
         icon: _GitHubIcon || (_GitHubIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_GitHub.default, {})),
         "data-ga-event-category": "ComponentLinkHeader",
         "data-ga-event-action": "click",

package/node/translations/translations.json

@@ -45,6 +45,7 @@
     "refNotHeld": "The component cannot hold a ref.",
     "refRootElement": "The <code>ref</code> is forwarded to the root element.",
     "ruleName": "Rule name",
+    "seeSourceCode": "If you did not find the information in this page, consider having a look at the <a href=\"{{href}}\">implementation of the component</a> for more detail.",
     "signature": "Signature",
     "slots": "Slots",
     "spreadHint": "Props of the {{spreadHintElement}} component are also available.",
@@ -52,6 +53,7 @@
     "styleOverrides": "The name <code>{{componentStyles.name}}</code> can be used when providing <a href={{defaultPropsLink}}>default props</a> or <a href={{styleOverridesLink}}>style overrides</a> in the theme.",
     "slotDescription": "To learn how to customize the slot, check out the <a href={{slotGuideLink}}>Overriding component structure</a> guide.",
     "slotName": "Slot name",
+    "source-code": "Source code",
     "type": "Type",
     "required": "Required",
     "optional": "Optional",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/docs",
-  "version": "6.0.0-rc.0",
+  "version": "6.0.0",
   "private": false,
   "author": "MUI Team",
   "description": "MUI Docs - Documentation building blocks.",
@@ -32,9 +32,9 @@
   },
   "peerDependencies": {
     "@mui/base": "*",
-    "@mui/icons-material": "^5.0.0",
-    "@mui/material": "^5.0.0",
-    "@mui/system": "^5.0.0",
+    "@mui/icons-material": "^5.0.0 || ^6.0.0",
+    "@mui/material": "^5.0.0 || ^6.0.0",
+    "@mui/system": "^5.0.0 || ^6.0.0",
     "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "chai": "^4.4.1",
     "csstype": "^3.1.3",

package/translations/index.js

@@ -1,4 +1,4 @@
-import en from './translations.json';
+import en from "./translations.json";
 export default {
   en
 };

package/translations/translations.json

@@ -45,6 +45,7 @@
     "refNotHeld": "The component cannot hold a ref.",
     "refRootElement": "The <code>ref</code> is forwarded to the root element.",
     "ruleName": "Rule name",
+    "seeSourceCode": "If you did not find the information in this page, consider having a look at the <a href=\"{{href}}\">implementation of the component</a> for more detail.",
     "signature": "Signature",
     "slots": "Slots",
     "spreadHint": "Props of the {{spreadHintElement}} component are also available.",
@@ -52,6 +53,7 @@
     "styleOverrides": "The name <code>{{componentStyles.name}}</code> can be used when providing <a href={{defaultPropsLink}}>default props</a> or <a href={{styleOverridesLink}}>style overrides</a> in the theme.",
     "slotDescription": "To learn how to customize the slot, check out the <a href={{slotGuideLink}}>Overriding component structure</a> guide.",
     "slotName": "Slot name",
+    "source-code": "Source code",
     "type": "Type",
     "required": "Required",
     "optional": "Optional",