@docusaurus/theme-classic 2.0.0-beta.8bda3b2db → 2.0.0-beta.9

package/lib/theme/DocSidebarItem/index.js

@@ -0,0 +1,177 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DocSidebarItem;
+exports.DocSidebarItems = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _themeCommon = require("@docusaurus/theme-common");
+
+var _Link = _interopRequireDefault(require("@docusaurus/Link"));
+
+var _isInternalUrl = _interopRequireDefault(require("@docusaurus/isInternalUrl"));
+
+var _IconExternalLink = _interopRequireDefault(require("@theme/IconExternalLink"));
+
+var _stylesModule = _interopRequireDefault(require("./styles.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/**
+ * 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.
+ */
+const isActiveSidebarItem = (item, activePath) => {
+  if (item.type === 'link') {
+    return (0, _themeCommon.isSamePath)(item.href, activePath);
+  }
+
+  if (item.type === 'category') {
+    return item.items.some(subItem => isActiveSidebarItem(subItem, activePath));
+  }
+
+  return false;
+}; // Optimize sidebar at each "level"
+// TODO this item should probably not receive the "activePath" props
+// TODO this triggers whole sidebar re-renders on navigation
+
+
+const DocSidebarItems = (0, _react.memo)(function DocSidebarItems({
+  items,
+  ...props
+}) {
+  return <>
+      {items.map((item, index) => <DocSidebarItem key={index} // sidebar is static, the index does not change
+    item={item} {...props} />)}
+    </>;
+});
+exports.DocSidebarItems = DocSidebarItems;
+
+function DocSidebarItem({
+  item,
+  ...props
+}) {
+  switch (item.type) {
+    case 'category':
+      if (item.items.length === 0) {
+        return null;
+      }
+
+      return <DocSidebarItemCategory item={item} {...props} />;
+
+    case 'link':
+    default:
+      return <DocSidebarItemLink item={item} {...props} />;
+  }
+} // If we navigate to a category and it becomes active, it should automatically expand itself
+
+
+function useAutoExpandActiveCategory({
+  isActive,
+  collapsed,
+  setCollapsed
+}) {
+  const wasActive = (0, _themeCommon.usePrevious)(isActive);
+  (0, _react.useEffect)(() => {
+    const justBecameActive = isActive && !wasActive;
+
+    if (justBecameActive && collapsed) {
+      setCollapsed(false);
+    }
+  }, [isActive, wasActive, collapsed, setCollapsed]);
+}
+
+function DocSidebarItemCategory({
+  item,
+  onItemClick,
+  activePath,
+  level,
+  ...props
+}) {
+  const {
+    items,
+    label,
+    collapsible,
+    className
+  } = item;
+  const isActive = isActiveSidebarItem(item, activePath);
+  const {
+    collapsed,
+    setCollapsed,
+    toggleCollapsed
+  } = (0, _themeCommon.useCollapsible)({
+    // active categories are always initialized as expanded
+    // the default (item.collapsed) is only used for non-active categories
+    initialState: () => {
+      if (!collapsible) {
+        return false;
+      }
+
+      return isActive ? false : item.collapsed;
+    }
+  });
+  useAutoExpandActiveCategory({
+    isActive,
+    collapsed,
+    setCollapsed
+  });
+  return <li className={(0, _clsx.default)(_themeCommon.ThemeClassNames.docs.docSidebarItemCategory, _themeCommon.ThemeClassNames.docs.docSidebarItemCategoryLevel(level), 'menu__list-item', {
+    'menu__list-item--collapsed': collapsed
+  }, className)}>
+      {
+      /* eslint-disable-next-line jsx-a11y/anchor-is-valid */
+    }
+      <a className={(0, _clsx.default)('menu__link', {
+      'menu__link--sublist': collapsible,
+      'menu__link--active': collapsible && isActive,
+      [_stylesModule.default.menuLinkText]: !collapsible
+    })} onClick={collapsible ? e => {
+      e.preventDefault();
+      toggleCollapsed();
+    } : undefined} href={collapsible ? '#' : undefined} {...props}>
+        {label}
+      </a>
+
+      <_themeCommon.Collapsible lazy as="ul" className="menu__list" collapsed={collapsed}>
+        <DocSidebarItems items={items} tabIndex={collapsed ? -1 : 0} onItemClick={onItemClick} activePath={activePath} level={level + 1} />
+      </_themeCommon.Collapsible>
+    </li>;
+}
+
+function DocSidebarItemLink({
+  item,
+  onItemClick,
+  activePath,
+  level,
+  ...props
+}) {
+  const {
+    href,
+    label,
+    className
+  } = item;
+  const isActive = isActiveSidebarItem(item, activePath);
+  return <li className={(0, _clsx.default)(_themeCommon.ThemeClassNames.docs.docSidebarItemLink, _themeCommon.ThemeClassNames.docs.docSidebarItemLinkLevel(level), 'menu__list-item', className)} key={label}>
+      <_Link.default className={(0, _clsx.default)('menu__link', {
+      'menu__link--active': isActive
+    })} aria-current={isActive ? 'page' : undefined} to={href} {...(0, _isInternalUrl.default)(href) && {
+      onClick: onItemClick
+    }} {...props}>
+        {(0, _isInternalUrl.default)(href) ? label : <span>
+            {label}
+            <_IconExternalLink.default />
+          </span>}
+      </_Link.default>
+    </li>;
+}

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

@@ -0,0 +1,15 @@
+/**
+ * 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) {
+  .menuLinkText {
+    cursor: initial;
+  }
+  .menuLinkText:hover {
+    background: none;
+  }
+}

package/lib/theme/DocTagDocListPage/index.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DocTagDocListPage;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Layout = _interopRequireDefault(require("@theme/Layout"));
+
+var _Link = _interopRequireDefault(require("@docusaurus/Link"));
+
+var _themeCommon = require("@docusaurus/theme-common");
+
+var _Translate = _interopRequireWildcard(require("@docusaurus/Translate"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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.
+ */
+// Very simple pluralization: probably good enough for now
+function useNDocsTaggedPlural() {
+  const {
+    selectMessage
+  } = (0, _themeCommon.usePluralForm)();
+  return count => selectMessage(count, (0, _Translate.translate)({
+    id: 'theme.docs.tagDocListPageTitle.nDocsTagged',
+    description: 'Pluralized label for "{count} docs tagged". Use as much plural forms (separated by "|") as your language support (see https://www.unicode.org/cldr/cldr-aux/charts/34/supplemental/language_plural_rules.html)',
+    message: 'One doc tagged|{count} docs tagged'
+  }, {
+    count
+  }));
+}
+
+function DocItem({
+  doc
+}) {
+  return <article className="margin-vert--lg">
+      <_Link.default to={doc.permalink}>
+        <h2>{doc.title}</h2>
+      </_Link.default>
+      {doc.description && <p>{doc.description}</p>}
+    </article>;
+}
+
+function DocTagDocListPage({
+  tag
+}) {
+  const nDocsTaggedPlural = useNDocsTaggedPlural();
+  const title = (0, _Translate.translate)({
+    id: 'theme.docs.tagDocListPageTitle',
+    description: 'The title of the page for a docs tag',
+    message: '{nDocsTagged} with "{tagName}"'
+  }, {
+    nDocsTagged: nDocsTaggedPlural(tag.docs.length),
+    tagName: tag.name
+  });
+  return <_Layout.default title={title} wrapperClassName={_themeCommon.ThemeClassNames.wrapper.docsPages} pageClassName={_themeCommon.ThemeClassNames.page.docsTagDocListPage} searchMetadatas={{
+    // assign unique search tag to exclude this page from search results!
+    tag: 'doc_tag_doc_list'
+  }}>
+      <div className="container margin-vert--lg">
+        <div className="row">
+          <main className="col col--8 col--offset-2">
+            <header className="margin-bottom--xl">
+              <h1>{title}</h1>
+              <_Link.default href={tag.allTagsPath}>
+                <_Translate.default id="theme.tags.tagsPageLink" description="The label of the link targeting the tag list page">
+                  View All Tags
+                </_Translate.default>
+              </_Link.default>
+            </header>
+            <section className="margin-vert--lg">
+              {tag.docs.map(doc => <DocItem key={doc.id} doc={doc} />)}
+            </section>
+          </main>
+        </div>
+      </div>
+    </_Layout.default>;
+}

package/lib/theme/DocTagsListPage/index.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Layout = _interopRequireDefault(require("@theme/Layout"));
+
+var _themeCommon = require("@docusaurus/theme-common");
+
+var _TagsListByLetter = _interopRequireDefault(require("@theme/TagsListByLetter"));
+
+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 DocTagsListPage({
+  tags
+}) {
+  const title = (0, _themeCommon.translateTagsPageTitle)();
+  return <_Layout.default title={title} wrapperClassName={_themeCommon.ThemeClassNames.wrapper.docsPages} pageClassName={_themeCommon.ThemeClassNames.page.docsTagsListPage} searchMetadatas={{
+    // assign unique search tag to exclude this page from search results!
+    tag: 'doc_tags_list'
+  }}>
+      <div className="container margin-vert--lg">
+        <div className="row">
+          <main className="col col--8 col--offset-2">
+            <h1>{title}</h1>
+            <_TagsListByLetter.default tags={tags} />
+          </main>
+        </div>
+      </div>
+    </_Layout.default>;
+}
+
+var _default = DocTagsListPage;
+exports.default = _default;

package/lib/theme/{DocVersionSuggestions → DocVersionBanner}/index.js

@@ -17,6 +17,8 @@ var _useDocs = require("@theme/hooks/useDocs");
 
 var _themeCommon = require("@docusaurus/theme-common");
 
+var _clsx = _interopRequireDefault(require("clsx"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /**
@@ -27,11 +29,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  */
 function UnreleasedVersionLabel({
   siteTitle,
-  versionLabel
+  versionMetadata
 }) {
   return <_Translate.default id="theme.docs.versions.unreleasedVersionLabel" description="The label used to tell the user that he's browsing an unreleased doc version" values={{
     siteTitle,
-    versionLabel: <b>{versionLabel}</b>
+    versionLabel: <b>{versionMetadata.label}</b>
   }}>
       {'This is unreleased documentation for {siteTitle} {versionLabel} version.'}
     </_Translate.default>;
@@ -39,22 +41,32 @@ function UnreleasedVersionLabel({
 
 function UnmaintainedVersionLabel({
   siteTitle,
-  versionLabel
+  versionMetadata
 }) {
   return <_Translate.default id="theme.docs.versions.unmaintainedVersionLabel" description="The label used to tell the user that he's browsing an unmaintained doc version" values={{
     siteTitle,
-    versionLabel: <b>{versionLabel}</b>
+    versionLabel: <b>{versionMetadata.label}</b>
   }}>
       {'This is documentation for {siteTitle} {versionLabel}, which is no longer actively maintained.'}
     </_Translate.default>;
 }
 
+const BannerLabelComponents = {
+  unreleased: UnreleasedVersionLabel,
+  unmaintained: UnmaintainedVersionLabel
+};
+
+function BannerLabel(props) {
+  const BannerLabelComponent = BannerLabelComponents[props.versionMetadata.banner];
+  return <BannerLabelComponent {...props} />;
+}
+
 function LatestVersionSuggestionLabel({
   versionLabel,
   to,
   onClick
 }) {
-  return <_Translate.default id="theme.docs.versions.latestVersionSuggestionLabel" description="The label userd to tell the user that he's browsing an unmaintained doc version" values={{
+  return <_Translate.default id="theme.docs.versions.latestVersionSuggestionLabel" description="The label used to tell the user to check the latest version" values={{
     versionLabel,
     latestVersionLink: <b>
             <_Link.default to={to} onClick={onClick}>
@@ -68,9 +80,9 @@ function LatestVersionSuggestionLabel({
     </_Translate.default>;
 }
 
-const getVersionMainDoc = version => version.docs.find(doc => doc.id === version.mainDocId);
-
-function DocVersionSuggestions() {
+function DocVersionBannerEnabled({
+  versionMetadata
+}) {
   const {
     siteConfig: {
       title: siteTitle
@@ -81,25 +93,22 @@ function DocVersionSuggestions() {
   } = (0, _useDocs.useActivePlugin)({
     failfast: true
   });
+
+  const getVersionMainDoc = version => version.docs.find(doc => doc.id === version.mainDocId);
+
   const {
     savePreferredVersionName
   } = (0, _themeCommon.useDocsPreferredVersion)(pluginId);
-  const activeVersion = (0, _useDocs.useActiveVersion)(pluginId);
   const {
     latestDocSuggestion,
     latestVersionSuggestion
-  } = (0, _useDocs.useDocVersionSuggestions)(pluginId); // No suggestion to be made
-
-  if (!latestVersionSuggestion) {
-    return <></>;
-  } // try to link to same doc in latest version (not always possible)
+  } = (0, _useDocs.useDocVersionSuggestions)(pluginId); // try to link to same doc in latest version (not always possible)
   // fallback to main doc of latest version
 
-
   const latestVersionSuggestedDoc = latestDocSuggestion !== null && latestDocSuggestion !== void 0 ? latestDocSuggestion : getVersionMainDoc(latestVersionSuggestion);
-  return <div className="alert alert--warning margin-bottom--md" role="alert">
+  return <div className={(0, _clsx.default)(_themeCommon.ThemeClassNames.docs.docVersionBanner, 'alert alert--warning margin-bottom--md')} role="alert">
       <div>
-        {activeVersion.name === 'current' ? <UnreleasedVersionLabel siteTitle={siteTitle} versionLabel={activeVersion.label} /> : <UnmaintainedVersionLabel siteTitle={siteTitle} versionLabel={activeVersion.label} />}
+        <BannerLabel siteTitle={siteTitle} versionMetadata={versionMetadata} />
       </div>
       <div className="margin-top--md">
         <LatestVersionSuggestionLabel versionLabel={latestVersionSuggestion.label} to={latestVersionSuggestedDoc.path} onClick={() => savePreferredVersionName(latestVersionSuggestion.name)} />
@@ -107,5 +116,15 @@ function DocVersionSuggestions() {
     </div>;
 }
 
-var _default = DocVersionSuggestions;
+function DocVersionBanner({
+  versionMetadata
+}) {
+  if (versionMetadata.banner) {
+    return <DocVersionBannerEnabled versionMetadata={versionMetadata} />;
+  }
+
+  return <></>;
+}
+
+var _default = DocVersionBanner;
 exports.default = _default;

package/lib/theme/EditThisPage/index.js

@@ -11,6 +11,8 @@ var _Translate = _interopRequireDefault(require("@docusaurus/Translate"));
 
 var _IconEdit = _interopRequireDefault(require("@theme/IconEdit"));
 
+var _themeCommon = require("@docusaurus/theme-common");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /**
@@ -22,7 +24,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function EditThisPage({
   editUrl
 }) {
-  return <a href={editUrl} target="_blank" rel="noreferrer noopener">
+  return <a href={editUrl} target="_blank" rel="noreferrer noopener" className={_themeCommon.ThemeClassNames.common.editThisPage}>
       <_IconEdit.default />
       <_Translate.default id="theme.common.editThisPage" description="The link label to edit the current page">
         Edit this page

package/lib/theme/Footer/index.js

@@ -15,10 +15,14 @@ var _themeCommon = require("@docusaurus/theme-common");
 
 var _useBaseUrl = _interopRequireDefault(require("@docusaurus/useBaseUrl"));
 
+var _isInternalUrl = _interopRequireDefault(require("@docusaurus/isInternalUrl"));
+
 var _stylesModule = _interopRequireDefault(require("./styles.module.css"));
 
 var _ThemedImage = _interopRequireDefault(require("@theme/ThemedImage"));
 
+var _IconExternalLink = _interopRequireDefault(require("@theme/IconExternalLink"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /**
@@ -43,14 +47,19 @@ function FooterLink({
   } : {
     to: toUrl
   }} {...props}>
-      {label}
+      {href && !(0, _isInternalUrl.default)(href) ? <span>
+          {label}
+          <_IconExternalLink.default />
+        </span> : label}
     </_Link.default>;
 }
 
 const FooterLogo = ({
   sources,
-  alt
-}) => <_ThemedImage.default className="footer__logo" alt={alt} sources={sources} />;
+  alt,
+  width,
+  height
+}) => <_ThemedImage.default className="footer__logo" alt={alt} sources={sources} width={width} height={height} />;
 
 function Footer() {
   const {
@@ -91,7 +100,7 @@ function Footer() {
         {(logo || copyright) && <div className="footer__bottom text--center">
             {logo && (logo.src || logo.srcDark) && <div className="margin-bottom--sm">
                 {logo.href ? <_Link.default href={logo.href} className={_stylesModule.default.footerLogoLink}>
-                    <FooterLogo alt={logo.alt} sources={sources} />
+                    <FooterLogo alt={logo.alt} sources={sources} width={logo.width} height={logo.height} />
                   </_Link.default> : <FooterLogo alt={logo.alt} sources={sources} />}
               </div>}
             {copyright ? <div className="footer__copyright" // Developer provided the HTML, so assume it's safe.

package/lib/theme/Heading/index.js

@@ -25,13 +25,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-
-/* eslint-disable jsx-a11y/anchor-has-content, jsx-a11y/anchor-is-valid */
 const MainHeading = function MainHeading({ ...props
 }) {
   return <header>
       <h1 {...props} id={undefined} // h1 headings do not need an id because they don't appear in the TOC
-    className={_stylesModule.default.h1Heading}>
+    >
         {props.children}
       </h1>
     </header>;
@@ -53,17 +51,17 @@ const createAnchorHeading = Tag => function TargetComponent({
     return <Tag {...props} />;
   }
 
-  return <Tag {...props}>
-        <a aria-hidden="true" tabIndex={-1} className={(0, _clsx.default)('anchor', {
-      [_stylesModule.default.enhancedAnchor]: !hideOnScroll
-    })} id={id} />
+  return <Tag {...props} className={(0, _clsx.default)('anchor', {
+    [_stylesModule.default.anchorWithHideOnScrollNavbar]: hideOnScroll,
+    [_stylesModule.default.anchorWithStickyNavbar]: !hideOnScroll
+  })} id={id}>
         {props.children}
-        <a className="hash-link" href={`#${id}`} title={(0, _Translate.translate)({
+        <a aria-hidden="true" className="hash-link" href={`#${id}`} title={(0, _Translate.translate)({
       id: 'theme.common.headingLinkTitle',
       message: 'Direct link to heading',
       description: 'Title for link to heading'
     })}>
-          #
+          &#8203;
         </a>
       </Tag>;
 };

package/lib/theme/Heading/styles.css

@@ -5,18 +5,16 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-.anchor {
-  display: block;
-  position: relative;
-  top: -0.5rem;
-}
-
 .hash-link {
   opacity: 0;
   padding-left: 0.5rem;
   transition: opacity var(--ifm-transition-fast);
 }
 
+.hash-link:before {
+  content: '#';
+}
+
 .hash-link:focus,
 *:hover > .hash-link {
   opacity: 1;

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

@@ -5,11 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-.enhancedAnchor {
-  top: calc(var(--ifm-navbar-height) * -1 - 0.5rem);
+/*
+When the navbar is sticky, ensure that on anchor click,
+the browser does not scroll that anchor behind the navbar
+See https://twitter.com/JoshWComeau/status/1332015868725891076
+ */
+.anchorWithStickyNavbar {
+  scroll-margin-top: calc(var(--ifm-navbar-height) + 0.5rem);
 }
 
-.h1Heading {
-  font-size: 3rem;
-  margin-bottom: calc(var(--ifm-leading-desktop) * var(--ifm-leading));
+.anchorWithHideOnScrollNavbar {
+  scroll-margin-top: 0.5rem;
 }

package/lib/theme/IconClose/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = IconClose;
+
+var _react = _interopRequireDefault(require("react"));
+
+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 IconClose({
+  width = 21,
+  height = 21,
+  color = 'currentColor',
+  strokeWidth = 1.2,
+  className,
+  ...restProps
+}) {
+  return <svg viewBox="0 0 15 15" width={width} height={height} {...restProps}>
+      <g stroke={color} strokeWidth={strokeWidth}>
+        <path d="M.75.75l13.5 13.5M14.25.75L.75 14.25" />
+      </g>
+    </svg>;
+}

package/lib/theme/LastUpdated/index.js

@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _Translate = _interopRequireDefault(require("@docusaurus/Translate"));
 
+var _themeCommon = require("@docusaurus/theme-common");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /**
@@ -47,7 +49,7 @@ function LastUpdated({
   formattedLastUpdatedAt,
   lastUpdatedBy
 }) {
-  return <>
+  return <span className={_themeCommon.ThemeClassNames.common.lastUpdated}>
       <_Translate.default id="theme.lastUpdated.lastUpdatedAtBy" description="The sentence used to display when a page has been last updated, and by who" values={{
       atDate: lastUpdatedAt && formattedLastUpdatedAt ? <LastUpdatedAtDate lastUpdatedAt={lastUpdatedAt} formattedLastUpdatedAt={formattedLastUpdatedAt} /> : '',
       byUser: lastUpdatedBy ? <LastUpdatedByUser lastUpdatedBy={lastUpdatedBy} /> : ''
@@ -57,5 +59,5 @@ function LastUpdated({
       {process.env.NODE_ENV === 'development' && <div>
           <small> (Simulated during dev for better perf)</small>
         </div>}
-    </>;
+    </span>;
 }