@mui/docs 6.0.0-alpha.1 → 6.0.0-alpha.11

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"
+}