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

package/node/InfoCard/InfoCard.js

@@ -1,96 +0,0 @@
-"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.GlowingIconContainer = GlowingIconContainer;
-exports.InfoCard = InfoCard;
-var React = _interopRequireWildcard(require("react"));
-var _styles = require("@mui/material/styles");
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _Link = require("../Link");
-var _jsxRuntime = require("react/jsx-runtime");
-function GlowingIconContainer({
-  icon
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-    sx: theme => ({
-      width: 36,
-      height: 36,
-      display: 'flex',
-      justifyContent: 'center',
-      alignItems: 'center',
-      flexShrink: 0,
-      borderRadius: 1,
-      border: '1px solid',
-      borderColor: 'primary.200',
-      bgcolor: 'primary.50',
-      boxShadow: `0px 0 0 2px ${(0, _styles.alpha)(theme.palette.primary[500], 0.1)}, 0px 2px 12px 0px rgba(234, 237, 241, 0.3) inset`,
-      '& .MuiSvgIcon-root': {
-        fontSize: theme.typography.pxToRem(18)
-      },
-      ...theme.applyDarkStyles({
-        borderColor: (0, _styles.alpha)(theme.palette.primary[400], 0.25),
-        bgcolor: (0, _styles.alpha)(theme.palette.primary[900], 0.2),
-        boxShadow: `0 0 0 2px ${(0, _styles.alpha)(theme.palette.primary[600], 0.1)}, 0px 2px 12px 0px rgba(0, 0, 0, 0.25) inset`
-      })
-    }),
-    children: icon
-  });
-}
-function InfoCard(props) {
-  const {
-    classNameDescription,
-    classNameTitle,
-    description,
-    icon,
-    link,
-    svg,
-    title,
-    titleProps,
-    ...other
-  } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Paper.default, {
-    variant: "outlined",
-    component: link ? _Link.Link : 'div',
-    href: link,
-    ...(link ? {
-      noLinkStyle: true,
-      // Fix overloading with prefetch={false}, only prefetch on hover.
-      prefetch: false
-    } : {}),
-    sx: theme => ({
-      p: 2.5,
-      height: '100%',
-      background: `${(theme.vars || theme).palette.gradients.linearSubtle}`,
-      ...theme.applyDarkStyles({
-        bgcolor: (0, _styles.alpha)(theme.palette.primaryDark[800], 0.25),
-        background: `${(theme.vars || theme).palette.gradients.linearSubtle}`,
-        borderColor: 'primaryDark.700'
-      })
-    }),
-    ...other,
-    children: [svg && svg, icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(GlowingIconContainer, {
-      icon: icon
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-      fontWeight: "semiBold",
-      component: "h3",
-      color: "text.primary",
-      variant: "body2",
-      mt: icon ? 2 : 0,
-      mb: description ? 0.5 : 0,
-      className: classNameTitle,
-      ...titleProps,
-      children: title
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-      variant: "body2",
-      color: "text.secondary",
-      className: classNameDescription,
-      children: description
-    })]
-  });
-}

package/node/InfoCard/index.js

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

package/node/Link/index.js

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

package/node/MarkdownElement/index.js

@@ -1,16 +0,0 @@
-"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/node/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/node/SectionTitle/SectionTitle.js

@@ -1,37 +0,0 @@
-"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;
-function SectionTitle(props) {
-  const {
-    title,
-    hash,
-    level: Level = 'h2'
-  } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Level, {
-    id: hash,
-    style: {
-      flexGrow: 1
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", {
-      "aria-labelledby": hash,
-      className: "title-link-to-anchor",
-      href: `#${hash}`,
-      tabIndex: -1,
-      children: [title, _span || (_span = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "anchor-icon",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("use", {
-            xlinkHref: "#anchor-link-icon"
-          })
-        })
-      }))]
-    })
-  });
-}

package/node/SectionTitle/index.js

@@ -1,16 +0,0 @@
-"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/node/branding/BrandingProvider.js

@@ -1,24 +0,0 @@
-"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 = (0, _styles.useTheme)();
-  const mode = modeProp || upperTheme.palette.mode;
-  const theme = mode === 'dark' ? _brandingTheme.brandingDarkTheme : _brandingTheme.brandingLightTheme;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ThemeProvider, {
-    theme: modeProp ? () => theme : theme,
-    children: children
-  });
-}

package/node/branding/index.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _brandingTheme = require("./brandingTheme");
-Object.keys(_brandingTheme).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _brandingTheme[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _brandingTheme[key];
-    }
-  });
-});
-var _BrandingProvider = require("./BrandingProvider");
-Object.keys(_BrandingProvider).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _BrandingProvider[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _BrandingProvider[key];
-    }
-  });
-});

package/node/i18n/index.js

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

package/node/svgIcons/BundleSizeIcon.js

@@ -1,21 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _utils = require("@mui/material/utils");
-var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = (0, _utils.createSvgIcon)(/*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
-  fill: "currentColor",
-  fillRule: "nonzero",
-  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    d: "M5.84 3c-.52 0-1 .25-1.3.67l-1.4 2.05c-.06.09-.1.19-.14.28h8V3H5.84zM20.86 5.72l-1.4-2.05c-.3-.42-.81-.67-1.33-.67H13v3h8c-.05-.1-.08-.2-.14-.28z",
-    fillOpacity: ".79"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    d: "M20.98 7H3.02L3 7.11V19.4c0 .89.71 1.61 1.58 1.61h14.84A1.6 1.6 0 0021 19.4V7.1L20.98 7zm-6.87 5.36H9.89a1.6 1.6 0 01-1.58-1.61c0-.89.7-1.6 1.58-1.6h4.22c.87 0 1.58.71 1.58 1.6 0 .89-.7 1.6-1.58 1.6z",
-    fillOpacity: ".87"
-  })]
-}), 'BundleSize');

package/node/svgIcons/FigmaIcon.js

@@ -1,30 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _utils = require("@mui/material/utils");
-var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = (0, _utils.createSvgIcon)(/*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
-  fillRule: "nonzero",
-  fill: "none",
-  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    d: "M8 24a4 4 0 004-4v-4H8a4 4 0 000 8z",
-    fill: "#0ACF83"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    d: "M4 12a4 4 0 014-4h4v8H8a4 4 0 01-4-4z",
-    fill: "#A259FF"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    d: "M4 4a4 4 0 014-4h4v8H8a4 4 0 01-4-4z",
-    fill: "#F24E1E"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    d: "M12 0h4a4 4 0 010 8h-4V0z",
-    fill: "#FF7262"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    d: "M20 12a4 4 0 11-8 0 4 4 0 018 0z",
-    fill: "#1ABCFE"
-  })]
-}), 'Figma');

package/node/svgIcons/FileDownload.js

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _SvgIcon = _interopRequireDefault(require("@mui/material/SvgIcon"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _path;
-function FileDownload(props) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SvgIcon.default, {
-    ...props,
-    children: _path || (_path = /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-      d: "M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"
-    }))
-  });
-}
-FileDownload.muiName = 'SvgIcon';
-var _default = exports.default = FileDownload;

package/node/svgIcons/MaterialDesignIcon.js

@@ -1,26 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _utils = require("@mui/material/utils");
-var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = (0, _utils.createSvgIcon)(/*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
-  fill: "none",
-  fillRule: "evenodd",
-  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
-    fill: "#737373",
-    cx: "12",
-    cy: "12",
-    r: "12"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fill: "#BDBDBD",
-    d: "M4 4h16v16H4z"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fill: "#FFF",
-    d: "M12 20l8-16H4z"
-  })]
-}), 'MaterialDesign');

package/node/svgIcons/SketchIcon.js

@@ -1,35 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _utils = require("@mui/material/utils");
-var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = (0, _utils.createSvgIcon)(/*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
-  fillRule: "nonzero",
-  fill: "none",
-  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fill: "#FDB300",
-    d: "M5.24 2.7L12 2l6.76.7L24 9.48 12 23 0 9.49z"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fill: "#EA6C00",
-    d: "M4.85 9l7.13 14L0 9zM19.1 9l-7.12 14L23.95 9z"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fill: "#FDAD00",
-    d: "M4.85 9H19.1l-7.12 14z"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-      fill: "#FDD231",
-      d: "M11.98 2l-6.75.65-.38 6.34zM11.98 2l6.75.65.37 6.34z"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-      fill: "#FDAD00",
-      d: "M23.95 9l-5.22-6.35.37 6.34zM0 9l5.23-6.35-.38 6.34z"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-      fill: "#FEEEB7",
-      d: "M11.98 2L4.85 9H19.1z"
-    })]
-  })]
-}), 'Sketch');

package/node/svgIcons/TypeScript.js

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _SvgIcon = _interopRequireDefault(require("@mui/material/SvgIcon"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _path;
-function TypeScript(props) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SvgIcon.default, {
-    ...props,
-    children: _path || (_path = /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-      d: "M3,3H21V21H3V3M13.71,17.86C14.21,18.84 15.22,19.59 16.8,19.59C18.4,19.59 19.6,18.76 19.6,17.23C19.6,15.82 18.79,15.19 17.35,14.57L16.93,14.39C16.2,14.08 15.89,13.87 15.89,13.37C15.89,12.96 16.2,12.64 16.7,12.64C17.18,12.64 17.5,12.85 17.79,13.37L19.1,12.5C18.55,11.54 17.77,11.17 16.7,11.17C15.19,11.17 14.22,12.13 14.22,13.4C14.22,14.78 15.03,15.43 16.25,15.95L16.67,16.13C17.45,16.47 17.91,16.68 17.91,17.26C17.91,17.74 17.46,18.09 16.76,18.09C15.93,18.09 15.45,17.66 15.09,17.06L13.71,17.86M13,11.25H8V12.75H9.5V20H11.25V12.75H13V11.25Z"
-    }))
-  });
-}
-TypeScript.muiName = 'SvgIcon';
-var _default = exports.default = TypeScript;

package/node/translations/index.js

@@ -1,11 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _translations = _interopRequireDefault(require("./translations.json"));
-var _default = exports.default = {
-  en: _translations.default
-};

package/node/utils/loadScript.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = loadScript;
-function loadScript(src, position) {
-  const script = document.createElement('script');
-  script.setAttribute('async', '');
-  script.src = src;
-  if (position) {
-    position.appendChild(script);
-  }
-  return script;
-}

package/translations/package.json

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