@mui/docs 7.0.0-alpha.0 → 7.0.0-alpha.1

package/MarkdownElement/index.d.ts

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

package/MarkdownElement/index.js

@@ -1 +1,16 @@
-export * from "./MarkdownElement.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _MarkdownElement = require("./MarkdownElement");
+Object.keys(_MarkdownElement).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MarkdownElement[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _MarkdownElement[key];
+    }
+  });
+});

package/NProgressBar/NProgressBar.d.ts

@@ -1,8 +1,6 @@
 import * as React from 'react';
-
 export interface NProgressBarProps {
   children?: React.ReactNode;
 }
-
 declare const NProgressBar: React.FunctionComponent<NProgressBarProps>;
-export default NProgressBar;
+export default NProgressBar;

package/NProgressBar/NProgressBar.js

@@ -1,12 +1,20 @@
-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 GlobalStyles from '@mui/material/GlobalStyles';
-import { keyframes } from '@mui/material/styles';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-NProgress.configure({
+"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 = void 0;
+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 _GlobalStyles = _interopRequireDefault(require("@mui/material/GlobalStyles"));
+var _styles = require("@mui/material/styles");
+var _jsxRuntime = require("react/jsx-runtime");
+_nprogress.default.configure({
   barSelector: '.nprogress-bar',
   template: `
     <div class="nprogress-bar">
@@ -15,7 +23,7 @@ NProgress.configure({
     </div>
   `
 });
-const muiNProgressPulse = keyframes`
+const muiNProgressPulse = (0, _styles.keyframes)`
   30% {
     opacity: 0.6;
   }
@@ -34,8 +42,8 @@ const muiNProgressPulse = keyframes`
  * The implementation is highly inspired by the YouTube one.
  */
 function NProgressBar(props) {
-  return /*#__PURE__*/_jsxs(NoSsr, {
-    children: [props.children, /*#__PURE__*/_jsx(GlobalStyles, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_NoSsr.NoSsr, {
+    children: [props.children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_GlobalStyles.default, {
       styles: theme => ({
         '#nprogress': {
           direction: 'ltr',
@@ -84,9 +92,9 @@ function NProgressBar(props) {
   });
 }
 process.env.NODE_ENV !== "production" ? NProgressBar.propTypes = {
-  children: PropTypes.node
+  children: _propTypes.default.node
 } : void 0;
 if (process.env.NODE_ENV !== 'production') {
-  process.env.NODE_ENV !== "production" ? NProgressBar.propTypes = exactProp(NProgressBar.propTypes) : void 0;
+  process.env.NODE_ENV !== "production" ? NProgressBar.propTypes = (0, _utils.exactProp)(NProgressBar.propTypes) : void 0;
 }
-export default NProgressBar;
+var _default = exports.default = NProgressBar;

package/NProgressBar/index.d.ts

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

package/NProgressBar/index.js

@@ -1 +1,13 @@
-export { default } from "./NProgressBar.js";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _NProgressBar.default;
+  }
+});
+var _NProgressBar = _interopRequireDefault(require("./NProgressBar"));

package/README.md

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

package/SectionTitle/SectionTitle.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 export interface SectionTitleProps<Hash extends string = string> {
-    title: string;
-    hash: Hash;
-    level?: 'h2' | 'h3' | 'h4';
+  title: string;
+  hash: Hash;
+  level?: 'h2' | 'h3' | 'h4';
 }
-export declare function SectionTitle(props: SectionTitleProps): React.JSX.Element;
+export declare function SectionTitle(props: SectionTitleProps): React.JSX.Element;

package/SectionTitle/SectionTitle.js

@@ -1,26 +1,33 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SectionTitle = SectionTitle;
+var React = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _span;
-import * as React from 'react';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function SectionTitle(props) {
+function SectionTitle(props) {
   const {
     title,
     hash,
     level: Level = 'h2'
   } = props;
-  return /*#__PURE__*/_jsx(Level, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Level, {
     id: hash,
     style: {
       flexGrow: 1
     },
-    children: /*#__PURE__*/_jsxs("a", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", {
       "aria-labelledby": hash,
       className: "title-link-to-anchor",
       href: `#${hash}`,
       tabIndex: -1,
-      children: [title, _span || (_span = /*#__PURE__*/_jsx("span", {
+      children: [title, _span || (_span = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: "anchor-icon",
-        children: /*#__PURE__*/_jsx("svg", {
-          children: /*#__PURE__*/_jsx("use", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("use", {
             xlinkHref: "#anchor-link-icon"
           })
         })

package/SectionTitle/index.d.ts

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

package/SectionTitle/index.js

@@ -1 +1,16 @@
-export * from "./SectionTitle.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _SectionTitle = require("./SectionTitle");
+Object.keys(_SectionTitle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SectionTitle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SectionTitle[key];
+    }
+  });
+});

package/branding/BrandingProvider.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 export interface BrandingProviderProps {
-    children: React.ReactNode;
-    /**
-     * If not `undefined`, the provider is considered nesting and does not render NextNProgressBar & CssBaseline
-     */
-    mode?: 'light' | 'dark';
+  children: React.ReactNode;
+  /**
+   * If not `undefined`, the provider is considered nesting and does not render NextNProgressBar & CssBaseline
+   */
+  mode?: 'light' | 'dark';
 }
-export declare function BrandingProvider(props: BrandingProviderProps): React.JSX.Element;
+export declare function BrandingProvider(props: BrandingProviderProps): React.JSX.Element;

package/branding/BrandingProvider.js

@@ -1,16 +1,23 @@
-import * as React from 'react';
-import { ThemeProvider, useTheme } from '@mui/material/styles';
-import { brandingDarkTheme, brandingLightTheme } from "./brandingTheme.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function BrandingProvider(props) {
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BrandingProvider = BrandingProvider;
+var React = _interopRequireWildcard(require("react"));
+var _styles = require("@mui/material/styles");
+var _brandingTheme = require("./brandingTheme");
+var _jsxRuntime = require("react/jsx-runtime");
+function BrandingProvider(props) {
   const {
     children,
     mode: modeProp
   } = props;
-  const upperTheme = useTheme();
+  const upperTheme = (0, _styles.useTheme)();
   const mode = modeProp || upperTheme.palette.mode;
-  const theme = mode === 'dark' ? brandingDarkTheme : brandingLightTheme;
-  return /*#__PURE__*/_jsx(ThemeProvider, {
+  const theme = mode === 'dark' ? _brandingTheme.brandingDarkTheme : _brandingTheme.brandingLightTheme;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ThemeProvider, {
     theme: modeProp ? () => theme : theme,
     children: children
   });

package/branding/brandingTheme.d.ts

@@ -1,152 +1,151 @@
 import type { CSSObject } from '@mui/system';
 import { ThemeOptions, Theme } from '@mui/material/styles';
 interface ApplyDarkStyles {
-    (scheme: CSSObject): CSSObject;
+  (scheme: CSSObject): CSSObject;
 }
 declare module '@mui/material/styles' {
-    interface Theme {
-        applyDarkStyles: ApplyDarkStyles;
-    }
+  interface Theme {
+    applyDarkStyles: ApplyDarkStyles;
+  }
 }
 declare module '@mui/material/styles/createPalette' {
-    interface ColorRange {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    }
-    interface PaletteColor extends ColorRange {
-    }
-    interface Palette {
-        primaryDark: PaletteColor;
-        gradients: {
-            radioSubtle: string;
-            linearSubtle: string;
-        };
-    }
-    interface TypeText {
-        tertiary: string;
-    }
-}
-declare module '@mui/material/styles/createTypography' {
-    interface TypographyOptions {
-        fontWeightSemiBold?: number;
-        fontWeightExtraBold?: number;
-        fontFamilyCode?: string;
-        fontFamilySystem?: string;
-    }
-    interface Typography {
-        fontWeightSemiBold: number;
-        fontWeightExtraBold: number;
-        fontFamilyCode: string;
-        fontFamilySystem: string;
-    }
-}
-declare module '@mui/material/Chip' {
-    interface ChipPropsColorOverrides {
-        grey: true;
-    }
-}
-declare module '@mui/material/SvgIcon' {
-    interface SvgIconPropsColorOverrides {
-        danger: true;
-    }
-    interface SvgIconPropsSizeOverrides {
-        xs: true;
-        sm: true;
-        md: true;
-        lg: true;
-        xl: true;
-        xl2: true;
-        xl3: true;
-        xl4: true;
-    }
-}
-export declare const blue: {
+  interface ColorRange {
     50: string;
     100: string;
     200: string;
     300: string;
     400: string;
-    main: string;
     500: string;
     600: string;
     700: string;
     800: string;
     900: string;
+  }
+  interface PaletteColor extends ColorRange {}
+  interface Palette {
+    primaryDark: PaletteColor;
+    gradients: {
+      radioSubtle: string;
+      linearSubtle: string;
+    };
+  }
+  interface TypeText {
+    tertiary: string;
+  }
+}
+declare module '@mui/material/styles/createTypography' {
+  interface TypographyOptions {
+    fontWeightSemiBold?: number;
+    fontWeightExtraBold?: number;
+    fontFamilyCode?: string;
+    fontFamilySystem?: string;
+  }
+  interface Typography {
+    fontWeightSemiBold: number;
+    fontWeightExtraBold: number;
+    fontFamilyCode: string;
+    fontFamilySystem: string;
+  }
+}
+declare module '@mui/material/Chip' {
+  interface ChipPropsColorOverrides {
+    grey: true;
+  }
+}
+declare module '@mui/material/SvgIcon' {
+  interface SvgIconPropsColorOverrides {
+    danger: true;
+  }
+  interface SvgIconPropsSizeOverrides {
+    xs: true;
+    sm: true;
+    md: true;
+    lg: true;
+    xl: true;
+    xl2: true;
+    xl3: true;
+    xl4: true;
+  }
+}
+export declare const blue: {
+  50: string;
+  100: string;
+  200: string;
+  300: string;
+  400: string;
+  main: string;
+  500: string;
+  600: string;
+  700: string;
+  800: string;
+  900: string;
 };
 export declare const blueDark: {
-    50: string;
-    100: string;
-    200: string;
-    300: string;
-    main: string;
-    400: string;
-    500: string;
-    600: string;
-    700: string;
-    800: string;
-    900: string;
+  50: string;
+  100: string;
+  200: string;
+  300: string;
+  main: string;
+  400: string;
+  500: string;
+  600: string;
+  700: string;
+  800: string;
+  900: string;
 };
 export declare const grey: {
-    50: string;
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    600: string;
-    700: string;
-    800: string;
-    900: string;
+  50: string;
+  100: string;
+  200: string;
+  300: string;
+  400: string;
+  500: string;
+  600: string;
+  700: string;
+  800: string;
+  900: string;
 };
 export declare const error: {
-    50: string;
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    main: string;
-    600: string;
-    700: string;
-    800: string;
-    900: string;
+  50: string;
+  100: string;
+  200: string;
+  300: string;
+  400: string;
+  500: string;
+  main: string;
+  600: string;
+  700: string;
+  800: string;
+  900: string;
 };
 export declare const success: {
-    50: string;
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    600: string;
-    700: string;
-    800: string;
-    900: string;
+  50: string;
+  100: string;
+  200: string;
+  300: string;
+  400: string;
+  500: string;
+  600: string;
+  700: string;
+  800: string;
+  900: string;
 };
 export declare const warning: {
-    50: string;
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    main: string;
-    600: string;
-    700: string;
-    800: string;
-    900: string;
+  50: string;
+  100: string;
+  200: string;
+  300: string;
+  400: string;
+  500: string;
+  main: string;
+  600: string;
+  700: string;
+  800: string;
+  900: string;
 };
 export declare const getMetaThemeColor: (mode: "light" | "dark") => string;
 export declare const getDesignTokens: (mode: "light" | "dark") => ThemeOptions;
 export declare function getThemedComponents(): ThemeOptions;
 export declare const brandingDarkTheme: Theme;
 export declare const brandingLightTheme: Theme;
-export {};
+export {};