@mui/docs 6.0.0-alpha.0 → 6.0.0-alpha.10

package/MarkdownElement/index.d.ts

@@ -0,0 +1 @@
+export * from './MarkdownElement';

package/MarkdownElement/index.js

@@ -0,0 +1 @@
+export * from './MarkdownElement';

package/MarkdownElement/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/MarkdownElement/index.js",
+  "types": "./index.d.ts"
+}

package/NProgressBar/NProgressBar.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import NProgress from 'nprogress';
@@ -38,7 +37,7 @@ function NProgressBar(props) {
   return /*#__PURE__*/_jsxs(NoSsr, {
     children: [props.children, /*#__PURE__*/_jsx(GlobalStyles, {
       styles: theme => ({
-        '#nprogress': _extends({
+        '#nprogress': {
           direction: 'ltr',
           pointerEvents: 'none',
           position: 'fixed',
@@ -47,10 +46,10 @@ function NProgressBar(props) {
           right: 0,
           height: 2,
           zIndex: (theme.vars || theme).zIndex.tooltip,
-          backgroundColor: (theme.vars || theme).palette.primary[200]
-        }, theme.applyDarkStyles({
-          backgroundColor: (theme.vars || theme).palette.primary[700]
-        }), {
+          backgroundColor: (theme.vars || theme).palette.primary[200],
+          ...theme.applyDarkStyles({
+            backgroundColor: (theme.vars || theme).palette.primary[700]
+          }),
           '& .nprogress-bar': {
             position: 'fixed',
             backgroundColor: (theme.vars || theme).palette.primary.main,
@@ -79,7 +78,7 @@ function NProgressBar(props) {
             right: -80,
             clip: 'rect(-6px,90px,14px,-6px)'
           }
-        })
+        }
       })
     })]
   });

package/SectionTitle/SectionTitle.d.ts

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

package/SectionTitle/SectionTitle.js

@@ -0,0 +1,30 @@
+var _span;
+import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function SectionTitle(props) {
+  const {
+    title,
+    hash,
+    level: Level = 'h2'
+  } = props;
+  return /*#__PURE__*/_jsx(Level, {
+    id: hash,
+    style: {
+      flexGrow: 1
+    },
+    children: /*#__PURE__*/_jsxs("a", {
+      "aria-labelledby": hash,
+      className: "title-link-to-anchor",
+      href: `#${hash}`,
+      tabIndex: -1,
+      children: [title, _span || (_span = /*#__PURE__*/_jsx("span", {
+        className: "anchor-icon",
+        children: /*#__PURE__*/_jsx("svg", {
+          children: /*#__PURE__*/_jsx("use", {
+            xlinkHref: "#anchor-link-icon"
+          })
+        })
+      }))]
+    })
+  });
+}

package/SectionTitle/index.d.ts

@@ -0,0 +1 @@
+export * from './SectionTitle';

package/SectionTitle/index.js

@@ -0,0 +1 @@
+export * from './SectionTitle';

package/SectionTitle/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/SectionTitle/index.js",
+  "types": "./index.d.ts"
+}

package/branding/BrandingProvider.d.ts

@@ -0,0 +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';
+}
+export declare function BrandingProvider(props: BrandingProviderProps): React.JSX.Element;

package/branding/BrandingProvider.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { ThemeProvider, useTheme } from '@mui/material/styles';
+import { brandingDarkTheme, brandingLightTheme } from './brandingTheme';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function BrandingProvider(props) {
+  const {
+    children,
+    mode: modeProp
+  } = props;
+  const upperTheme = useTheme();
+  const mode = modeProp || upperTheme.palette.mode;
+  const theme = mode === 'dark' ? brandingDarkTheme : brandingLightTheme;
+  return /*#__PURE__*/_jsx(ThemeProvider, {
+    theme: modeProp ? () => theme : theme,
+    children: children
+  });
+}

package/branding/brandingTheme.d.ts

@@ -0,0 +1,152 @@
+import type { CSSObject } from '@mui/system';
+import { ThemeOptions, Theme } from '@mui/material/styles';
+interface ApplyDarkStyles {
+    (scheme: CSSObject): CSSObject;
+}
+declare module '@mui/material/styles' {
+    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: {
+    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;
+};
+export declare const grey: {
+    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;
+};
+export declare const success: {
+    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;
+};
+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 {};