@mui/docs 9.0.0-alpha.1 → 9.0.0-alpha.3

package/MarkdownElement/index.d.mts

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

package/MarkdownElement/index.mjs

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

package/NProgressBar/NProgressBar.d.mts

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

package/NProgressBar/NProgressBar.js

@@ -1,98 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _nprogress = _interopRequireDefault(require("nprogress"));
-var _NoSsr = require("@mui/base/NoSsr");
-var _exactProp = _interopRequireDefault(require("@mui/utils/exactProp"));
-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">
-      <div></div>
-      <div></div>
-    </div>
-  `
-});
-const muiNProgressPulse = (0, _styles.keyframes)`
-  30% {
-    opacity: 0.6;
-  }
-
-  60% {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 0.6;
-  }
-`;
-
-/**
- * Elegant and ready-to-use wrapper on top of https://github.com/rstacruz/nprogress/.
- * The implementation is highly inspired by the YouTube one.
- */
-function NProgressBar(props) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_NoSsr.NoSsr, {
-    children: [props.children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_GlobalStyles.default, {
-      styles: theme => ({
-        '#nprogress': {
-          direction: 'ltr',
-          pointerEvents: 'none',
-          position: 'fixed',
-          top: 0,
-          left: 0,
-          right: 0,
-          height: 2,
-          zIndex: (theme.vars || theme).zIndex.tooltip,
-          backgroundColor: (theme.vars || theme).palette.primary[200],
-          ...theme.applyStyles('dark', {
-            backgroundColor: (theme.vars || theme).palette.primary[700]
-          }),
-          '& .nprogress-bar': {
-            position: 'fixed',
-            backgroundColor: (theme.vars || theme).palette.primary.main,
-            top: 0,
-            left: 0,
-            right: 0,
-            height: 2
-          },
-          '& .nprogress-bar > div': {
-            position: 'absolute',
-            top: 0,
-            height: 2,
-            boxShadow: `${(theme.vars || theme).palette.primary.main} 1px 0 6px 1px`,
-            borderRadius: '100%',
-            animation: `${muiNProgressPulse} 2s ease-out 0s infinite`
-          },
-          '& .nprogress-bar > div:first-of-type': {
-            opacity: 0.6,
-            width: 20,
-            right: 0,
-            clip: 'rect(-6px,22px,14px,10px)'
-          },
-          '& .nprogress-bar > div:last-of-type': {
-            opacity: 0.6,
-            width: 180,
-            right: -80,
-            clip: 'rect(-6px,90px,14px,-6px)'
-          }
-        }
-      })
-    })]
-  });
-}
-process.env.NODE_ENV !== "production" ? NProgressBar.propTypes = {
-  children: _propTypes.default.node
-} : void 0;
-if (process.env.NODE_ENV !== 'production') {
-  process.env.NODE_ENV !== "production" ? NProgressBar.propTypes = (0, _exactProp.default)(NProgressBar.propTypes) : void 0;
-}
-var _default = exports.default = NProgressBar;

package/NProgressBar/index.d.mts

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

package/NProgressBar/index.d.ts

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

package/NProgressBar/index.js

@@ -1,13 +0,0 @@
-"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/NProgressBar/index.mjs

@@ -1 +0,0 @@
-export { default } from "./NProgressBar.mjs";

package/SectionTitle/SectionTitle.d.mts

@@ -1,6 +0,0 @@
-export interface SectionTitleProps<Hash extends string = string> {
-  title: string;
-  hash: Hash;
-  level?: 'h2' | 'h3' | 'h4';
-}
-export declare function SectionTitle(props: SectionTitleProps): import("react/jsx-runtime").JSX.Element;

package/SectionTitle/SectionTitle.mjs

@@ -1,29 +0,0 @@
-var _span;
-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.mts

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

package/SectionTitle/index.mjs

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

package/branding/BrandingProvider.d.mts

@@ -1,9 +0,0 @@
-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): import("react/jsx-runtime").JSX.Element;

package/branding/BrandingProvider.mjs

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { ThemeProvider, useTheme } from '@mui/material/styles';
-import { brandingDarkTheme, brandingLightTheme } from "./brandingTheme.mjs";
-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.mts

@@ -1,147 +0,0 @@
-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;
-  }
-  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;
-  }
-  interface TypographyVariantsOptions {
-    fontWeightSemiBold?: number;
-    fontWeightExtraBold?: number;
-    fontFamilyCode?: string;
-    fontFamilySystem?: string;
-  }
-  interface TypographyVariants {
-    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 {};