@mui/docs 9.0.0-alpha.2 → 9.0.0-alpha.4

package/Link/SkipLink.js

@@ -0,0 +1,66 @@
+import MuiLink from '@mui/material/Link';
+import { styled } from '@mui/material/styles';
+import { useTranslate } from '@mui/docs/i18n';
+import { jsx as _jsx } from "react/jsx-runtime";
+const StyledLink = styled(MuiLink)(({
+  theme
+}) => ({
+  position: 'fixed',
+  padding: theme.spacing(1, 2),
+  backgroundColor: (theme.vars || theme).palette.primary[50],
+  border: '1px solid',
+  borderColor: (theme.vars || theme).palette.primary[100],
+  color: (theme.vars || theme).palette.primary[600],
+  outlineOffset: 5,
+  outlineColor: (theme.vars || theme).palette.primary[300],
+  borderRadius: theme.shape.borderRadius,
+  left: theme.spacing(2),
+  zIndex: theme.zIndex.tooltip + 1,
+  top: theme.spacing(-10),
+  transition: theme.transitions.create('top', {
+    easing: theme.transitions.easing.easeIn,
+    duration: theme.transitions.duration.leavingScreen
+  }),
+  '&:hover': {
+    backgroundColor: (theme.vars || theme).palette.primary[100],
+    color: (theme.vars || theme).palette.primary[700]
+  },
+  '&:focus': {
+    top: theme.spacing(2),
+    transition: theme.transitions.create('top', {
+      easing: theme.transitions.easing.easeOut,
+      duration: theme.transitions.duration.enteringScreen
+    })
+  },
+  '@media (prefers-reduced-motion: reduce)': {
+    transition: theme.transitions.create('opacity'),
+    opacity: 0,
+    '&:focus': {
+      top: theme.spacing(2),
+      opacity: 1,
+      transition: theme.transitions.create('opacity')
+    }
+  },
+  '@media print': {
+    display: 'none'
+  },
+  ...theme.applyDarkStyles({
+    backgroundColor: (theme.vars || theme).palette.primaryDark[600],
+    borderColor: (theme.vars || theme).palette.primaryDark[400],
+    color: (theme.vars || theme).palette.grey[100],
+    outlineColor: (theme.vars || theme).palette.primary[500],
+    '&:hover': {
+      backgroundColor: (theme.vars || theme).palette.primaryDark[500],
+      color: (theme.vars || theme).palette.grey[50]
+    }
+  })
+}));
+
+// eslint-disable-next-line import/prefer-default-export
+export function SkipLink() {
+  const t = useTranslate();
+  return /*#__PURE__*/_jsx(StyledLink, {
+    href: "#main-content",
+    children: t('appFrame.skipToContent')
+  });
+}

package/Link/index.d.ts

@@ -1 +1,3 @@
-export * from "./Link.js";
+export * from "./Link.js";
+export * from "./MarkdownLinks.js";
+export * from "./SkipLink.js";

package/Link/index.js

@@ -1,16 +1,3 @@
-"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];
-    }
-  });
-});
+export * from "./Link.js";
+export * from "./MarkdownLinks.js";
+export * from "./SkipLink.js";