@docusaurus/theme-classic 2.0.0-beta.13 → 2.0.0-beta.15

package/lib/theme/CodeBlock/styles.module.css

@@ -1,65 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-.codeBlockContainer {
-  margin-bottom: var(--ifm-leading);
-  border-radius: var(--ifm-global-radius);
-  box-shadow: var(--ifm-global-shadow-lw);
-  overflow: hidden;
-}
-
-.codeBlockContent {
-  position: relative;
-  /*rtl:ignore*/
-  direction: ltr;
-}
-
-.codeBlockTitle {
-  border-bottom: 1px solid var(--ifm-color-emphasis-300);
-  font-size: var(--ifm-code-font-size);
-  font-weight: 500;
-  padding: 0.75rem var(--ifm-pre-padding);
-}
-
-.codeBlock {
-  margin: 0;
-  padding: 0;
-  border-radius: 0;
-}
-
-.copyButton {
-  background: rgba(0, 0, 0, 0.3);
-  border-radius: var(--ifm-global-radius);
-  color: var(--ifm-color-white);
-  opacity: 0;
-  user-select: none;
-  padding: 0.4rem 0.5rem;
-  position: absolute;
-  right: calc(var(--ifm-pre-padding) / 2);
-  top: calc(var(--ifm-pre-padding) / 2);
-  transition: opacity 200ms ease-in-out;
-}
-
-.codeBlockTitle:hover + .codeBlockContent .copyButton,
-.codeBlockContent:hover > .copyButton,
-.copyButton:focus {
-  opacity: 1;
-}
-
-.codeBlockLines {
-  font: inherit;
-  /*rtl:ignore*/
-  float: left;
-  min-width: 100%;
-  padding: var(--ifm-pre-padding);
-}
-
-@media print {
-  .codeBlockLines {
-    white-space: pre-wrap;
-  }
-}

package/lib/theme/Details/index.js

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Details;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _themeCommon = require("@docusaurus/theme-common");
-
-var _stylesModule = _interopRequireDefault(require("./styles.module.css"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-// Should we have a custom details/summary comp in Infima instead of reusing alert classes?
-const InfimaClasses = 'alert alert--info';
-
-function Details({ ...props
-}) {
-  return <_themeCommon.Details {...props} className={(0, _clsx.default)(InfimaClasses, _stylesModule.default.details, props.className)} />;
-}

package/lib/theme/Details/styles.module.css

@@ -1,13 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-.details {
-  --docusaurus-details-decoration-color: var(--ifm-alert-border-color);
-  --docusaurus-details-transition: transform var(--ifm-transition-fast) ease;
-  margin: 0 0 var(--ifm-spacing-vertical);
-  border: 1px solid var(--ifm-alert-border-color);
-}

package/lib/theme/DocCard/index.js

@@ -1,84 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = DocCard;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Link = _interopRequireDefault(require("@docusaurus/Link"));
-
-var _themeCommon = require("@docusaurus/theme-common");
-
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _stylesModule = _interopRequireDefault(require("./styles.module.css"));
-
-var _isInternalUrl = _interopRequireDefault(require("@docusaurus/isInternalUrl"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-function CardContainer({
-  href,
-  children
-}) {
-  const className = (0, _clsx.default)('card margin-bottom--lg padding--lg', _stylesModule.default.cardContainer, href && _stylesModule.default.cardContainerLink);
-  return href ? <_Link.default href={href} className={className}>
-      {children}
-    </_Link.default> : <div className={className}>{children}</div>;
-}
-
-function CardLayout({
-  href,
-  icon,
-  title,
-  description
-}) {
-  return <CardContainer href={href}>
-      <h2 className={(0, _clsx.default)('text--truncate', _stylesModule.default.cardTitle)} title={title}>
-        {icon} {title}
-      </h2>
-      <div className={(0, _clsx.default)('text--truncate', _stylesModule.default.cardDescription)} title={description}>
-        {description}
-      </div>
-    </CardContainer>;
-}
-
-function CardCategory({
-  item
-}) {
-  const href = (0, _themeCommon.findFirstCategoryLink)(item);
-  return <CardLayout href={href} icon="🗃️" title={item.label} description={`${item.items.length} items`} />;
-}
-
-function CardLink({
-  item
-}) {
-  var _item$docId;
-
-  const icon = (0, _isInternalUrl.default)(item.href) ? '📄️' : '🔗';
-  const doc = (0, _themeCommon.useDocById)((_item$docId = item.docId) !== null && _item$docId !== void 0 ? _item$docId : undefined);
-  return <CardLayout href={item.href} icon={icon} title={item.label} description={doc === null || doc === void 0 ? void 0 : doc.description} />;
-}
-
-function DocCard({
-  item
-}) {
-  switch (item.type) {
-    case 'link':
-      return <CardLink item={item} />;
-
-    case 'category':
-      return <CardCategory item={item} />;
-
-    default:
-      throw new Error(`unknown item type ${JSON.stringify(item)}`);
-  }
-}

package/lib/theme/DocCard/styles.module.css

@@ -1,43 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-.cardContainer {
-  height: 8rem;
-
-  color: var(--ifm-color-emphasis-800);
-  --ifm-link-color: var(--ifm-color-emphasis-800);
-  --ifm-link-hover-color: var(--ifm-color-emphasis-800);
-  --ifm-link-hover-decoration: none;
-
-  /* box-shadow: var(--ifm-global-shadow-lw); */
-  box-shadow: 0 1.5px 3px 0 rgba(0, 0, 0, 0.15);
-  border: 1px solid var(--ifm-color-emphasis-200);
-  transition: box-shadow var(--ifm-transition-fast) ease,
-    background-color var(--ifm-transition-fast) ease;
-}
-
-.cardContainer.cardContainerLink:hover {
-  /* box-shadow: var(--ifm-global-shadow-md); */
-  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
-}
-html[data-theme='dark'] .cardContainer.cardContainerLink:hover {
-  --ifm-card-background-color: #2d2d2d; /* original, non-hovered color is #242526 */
-}
-
-.cardContainer:not(.cardContainerLink) {
-  cursor: not-allowed;
-}
-
-.cardTitle {
-  font-size: 1.2rem;
-  min-height: 1.2rem;
-}
-
-.cardDescription {
-  font-size: 0.8rem;
-  min-height: 0.8rem;
-}

package/lib/theme/DocCardList/index.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = DocCardList;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _DocCard = _interopRequireDefault(require("@theme/DocCard"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-function DocCardList({
-  items
-}) {
-  return <div className="row">
-      {items.map((item, index) => <article key={index} className="col col--6">
-          <_DocCard.default item={item} />
-        </article>)}
-    </div>;
-}

package/lib/theme/DocCategoryGeneratedIndexPage/index.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = DocCategoryGeneratedIndexPage;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _themeCommon = require("@docusaurus/theme-common");
-
-var _DocCardList = _interopRequireDefault(require("@theme/DocCardList"));
-
-var _DocPaginator = _interopRequireDefault(require("@theme/DocPaginator"));
-
-var _Seo = _interopRequireDefault(require("@theme/Seo"));
-
-var _DocVersionBanner = _interopRequireDefault(require("@theme/DocVersionBanner"));
-
-var _DocVersionBadge = _interopRequireDefault(require("@theme/DocVersionBadge"));
-
-var _Heading = require("@theme/Heading");
-
-var _stylesModule = _interopRequireDefault(require("./styles.module.css"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-function DocCategoryGeneratedIndexPage({
-  categoryGeneratedIndex
-}) {
-  const category = (0, _themeCommon.useCurrentSidebarCategory)();
-  return <>
-      <_Seo.default title={categoryGeneratedIndex.title} description={categoryGeneratedIndex.description} />
-      <div className={_stylesModule.default.generatedIndexPage}>
-        <_DocVersionBanner.default />
-        <_DocVersionBadge.default />
-        <header>
-          <_Heading.MainHeading className={_stylesModule.default.title}>
-            {categoryGeneratedIndex.title}
-          </_Heading.MainHeading>
-          {categoryGeneratedIndex.description && <p>{categoryGeneratedIndex.description}</p>}
-        </header>
-        <main className="margin-top--lg">
-          <_DocCardList.default items={category.items} />
-        </main>
-        <footer className="margin-top--lg">
-          <_DocPaginator.default previous={categoryGeneratedIndex.navigation.previous} next={categoryGeneratedIndex.navigation.next} />
-        </footer>
-      </div>
-    </>;
-}

package/lib/theme/DocCategoryGeneratedIndexPage/styles.module.css

@@ -1,18 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-@media (min-width: 997px) {
-  .generatedIndexPage {
-    max-width: 75% !important;
-  }
-}
-
-/* Duplicated from .markdown h1 */
-.title {
-  --ifm-h1-font-size: 3rem;
-  margin-bottom: calc(1.25 * var(--ifm-leading));
-}

package/lib/theme/DocItem/index.js

@@ -1,112 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = DocItem;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _useWindowSize = _interopRequireDefault(require("@theme/hooks/useWindowSize"));
-
-var _DocPaginator = _interopRequireDefault(require("@theme/DocPaginator"));
-
-var _DocVersionBanner = _interopRequireDefault(require("@theme/DocVersionBanner"));
-
-var _DocVersionBadge = _interopRequireDefault(require("@theme/DocVersionBadge"));
-
-var _Seo = _interopRequireDefault(require("@theme/Seo"));
-
-var _DocItemFooter = _interopRequireDefault(require("@theme/DocItemFooter"));
-
-var _TOC = _interopRequireDefault(require("@theme/TOC"));
-
-var _TOCCollapsible = _interopRequireDefault(require("@theme/TOCCollapsible"));
-
-var _Heading = require("@theme/Heading");
-
-var _stylesModule = _interopRequireDefault(require("./styles.module.css"));
-
-var _themeCommon = require("@docusaurus/theme-common");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-function DocItem(props) {
-  const {
-    content: DocContent
-  } = props;
-  const {
-    metadata,
-    frontMatter
-  } = DocContent;
-  const {
-    image,
-    keywords,
-    hide_title: hideTitle,
-    hide_table_of_contents: hideTableOfContents,
-    toc_min_heading_level: tocMinHeadingLevel,
-    toc_max_heading_level: tocMaxHeadingLevel
-  } = frontMatter;
-  const {
-    description,
-    title
-  } = metadata; // We only add a title if:
-  // - user asks to hide it with frontmatter
-  // - the markdown content does not already contain a top-level h1 heading
-
-  const shouldAddTitle = !hideTitle && typeof DocContent.contentTitle === 'undefined';
-  const windowSize = (0, _useWindowSize.default)();
-  const canRenderTOC = !hideTableOfContents && DocContent.toc && DocContent.toc.length > 0;
-  const renderTocDesktop = canRenderTOC && (windowSize === 'desktop' || windowSize === 'ssr');
-  return <>
-      <_Seo.default {...{
-      title,
-      description,
-      keywords,
-      image
-    }} />
-
-      <div className="row">
-        <div className={(0, _clsx.default)('col', {
-        [_stylesModule.default.docItemCol]: !hideTableOfContents
-      })}>
-          <_DocVersionBanner.default />
-          <div className={_stylesModule.default.docItemContainer}>
-            <article>
-              <_DocVersionBadge.default />
-
-              {canRenderTOC && <_TOCCollapsible.default toc={DocContent.toc} minHeadingLevel={tocMinHeadingLevel} maxHeadingLevel={tocMaxHeadingLevel} className={(0, _clsx.default)(_themeCommon.ThemeClassNames.docs.docTocMobile, _stylesModule.default.tocMobile)} />}
-
-              <div className={(0, _clsx.default)(_themeCommon.ThemeClassNames.docs.docMarkdown, 'markdown')}>
-                {
-                /*
-                Title can be declared inside md content or declared through frontmatter and added manually
-                To make both cases consistent, the added title is added under the same div.markdown block
-                See https://github.com/facebook/docusaurus/pull/4882#issuecomment-853021120
-                */
-              }
-                {shouldAddTitle && <_Heading.MainHeading>{title}</_Heading.MainHeading>}
-
-                <DocContent />
-              </div>
-
-              <_DocItemFooter.default {...props} />
-            </article>
-
-            <_DocPaginator.default previous={metadata.previous} next={metadata.next} />
-          </div>
-        </div>
-        {renderTocDesktop && <div className="col col--3">
-            <_TOC.default toc={DocContent.toc} minHeadingLevel={tocMinHeadingLevel} maxHeadingLevel={tocMaxHeadingLevel} className={_themeCommon.ThemeClassNames.docs.docTocDesktop} />
-          </div>}
-      </div>
-    </>;
-}

package/lib/theme/DocItem/styles.module.css

@@ -1,22 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-.docItemContainer article > *:first-child,
-.docItemContainer header + * {
-  margin-top: 0;
-}
-
-@media (min-width: 997px) {
-  .docItemCol {
-    max-width: 75% !important;
-  }
-
-  /* Prevent hydration FOUC, as the mobile TOC needs to be server-rendered */
-  .tocMobile {
-    display: none;
-  }
-}

package/lib/theme/DocItemFooter/index.js

@@ -1,79 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = DocItemFooter;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _LastUpdated = _interopRequireDefault(require("@theme/LastUpdated"));
-
-var _EditThisPage = _interopRequireDefault(require("@theme/EditThisPage"));
-
-var _TagsListInline = _interopRequireDefault(require("@theme/TagsListInline"));
-
-var _stylesModule = _interopRequireDefault(require("./styles.module.css"));
-
-var _themeCommon = require("@docusaurus/theme-common");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-function TagsRow(props) {
-  return <div className={(0, _clsx.default)(_themeCommon.ThemeClassNames.docs.docFooterTagsRow, 'row margin-bottom--sm')}>
-      <div className="col">
-        <_TagsListInline.default {...props} />
-      </div>
-    </div>;
-}
-
-function EditMetaRow({
-  editUrl,
-  lastUpdatedAt,
-  lastUpdatedBy,
-  formattedLastUpdatedAt
-}) {
-  return <div className={(0, _clsx.default)(_themeCommon.ThemeClassNames.docs.docFooterEditMetaRow, 'row')}>
-      <div className="col">{editUrl && <_EditThisPage.default editUrl={editUrl} />}</div>
-
-      <div className={(0, _clsx.default)('col', _stylesModule.default.lastUpdated)}>
-        {(lastUpdatedAt || lastUpdatedBy) && <_LastUpdated.default lastUpdatedAt={lastUpdatedAt} formattedLastUpdatedAt={formattedLastUpdatedAt} lastUpdatedBy={lastUpdatedBy} />}
-      </div>
-    </div>;
-}
-
-function DocItemFooter(props) {
-  const {
-    content: DocContent
-  } = props;
-  const {
-    metadata
-  } = DocContent;
-  const {
-    editUrl,
-    lastUpdatedAt,
-    formattedLastUpdatedAt,
-    lastUpdatedBy,
-    tags
-  } = metadata;
-  const canDisplayTagsRow = tags.length > 0;
-  const canDisplayEditMetaRow = !!(editUrl || lastUpdatedAt || lastUpdatedBy);
-  const canDisplayFooter = canDisplayTagsRow || canDisplayEditMetaRow;
-
-  if (!canDisplayFooter) {
-    return null;
-  }
-
-  return <footer className={(0, _clsx.default)(_themeCommon.ThemeClassNames.docs.docFooter, 'docusaurus-mt-lg')}>
-      {canDisplayTagsRow && <TagsRow tags={tags} />}
-      {canDisplayEditMetaRow && <EditMetaRow editUrl={editUrl} lastUpdatedAt={lastUpdatedAt} lastUpdatedBy={lastUpdatedBy} formattedLastUpdatedAt={formattedLastUpdatedAt} />}
-    </footer>;
-}