@docusaurus/theme-classic 2.0.0-beta.1ab8aa0af → 2.0.0-beta.2

package/lib/theme/IconMenu/index.js

@@ -21,8 +21,7 @@ const IconMenu = ({
   className,
   ...restProps
 }) => {
-  return <svg aria-label="Menu" className={className} width={width} height={height} viewBox="0 0 30 30" role="img" focusable="false" {...restProps}>
-      <title>Menu</title>
+  return <svg className={className} width={width} height={height} viewBox="0 0 30 30" aria-hidden="true" {...restProps}>
       <path stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="2" d="M4 7h22M4 15h22M4 23h22" />
     </svg>;
 };

package/lib/theme/LastUpdated/index.js

@@ -7,8 +7,6 @@ exports.default = LastUpdated;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _stylesModule = _interopRequireDefault(require("./styles.module.css"));
-
 var _Translate = _interopRequireDefault(require("@docusaurus/Translate"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -24,9 +22,11 @@ function LastUpdatedAtDate({
   formattedLastUpdatedAt
 }) {
   return <_Translate.default id="theme.lastUpdated.atDate" description="The words used to describe on which date a page has been last updated" values={{
-    date: <time dateTime={new Date(lastUpdatedAt * 1000).toISOString()} className={_stylesModule.default.lastUpdatedDate}>
-            {formattedLastUpdatedAt}
-          </time>
+    date: <b>
+            <time dateTime={new Date(lastUpdatedAt * 1000).toISOString()}>
+              {formattedLastUpdatedAt}
+            </time>
+          </b>
   }}>
       {' on {date}'}
     </_Translate.default>;
@@ -36,7 +36,7 @@ function LastUpdatedByUser({
   lastUpdatedBy
 }) {
   return <_Translate.default id="theme.lastUpdated.byUser" description="The words used to describe by who the page has been last updated" values={{
-    user: <strong>{lastUpdatedBy}</strong>
+    user: <b>{lastUpdatedBy}</b>
   }}>
       {' by {user}'}
     </_Translate.default>;
@@ -47,19 +47,15 @@ function LastUpdated({
   formattedLastUpdatedAt,
   lastUpdatedBy
 }) {
-  return <div className="col text--right">
-      <em>
-        <small>
-          <_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} /> : ''
-        }}>
-            {'Last updated{atDate}{byUser}'}
-          </_Translate.default>
-          {process.env.NODE_ENV === 'development' && <div>
-              <small> (Simulated during dev for better perf)</small>
-            </div>}
-        </small>
-      </em>
-    </div>;
+  return <>
+      <_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} /> : ''
+    }}>
+        {'Last updated{atDate}{byUser}'}
+      </_Translate.default>
+      {process.env.NODE_ENV === 'development' && <div>
+          <small> (Simulated during dev for better perf)</small>
+        </div>}
+    </>;
 }

package/lib/theme/Layout/styles.css

@@ -19,3 +19,9 @@ body {
 .main-wrapper {
   flex: 1 0 auto;
 }
+
+/* Docusaurus-specific utility classes */
+
+.docusaurus-mt-lg {
+  margin-top: 3rem;
+}

package/lib/theme/LayoutHead/index.js

@@ -88,7 +88,8 @@ function LayoutHead(props) {
     siteConfig: {
       favicon,
       themeConfig: {
-        metadatas
+        metadatas,
+        image: defaultImage
       }
     },
     i18n: {
@@ -116,6 +117,7 @@ function LayoutHead(props) {
         {favicon && <link rel="shortcut icon" href={faviconUrl} />}
         <title>{pageTitle}</title>
         <meta property="og:title" content={pageTitle} />
+        {image || defaultImage && <meta name="twitter:card" content="summary_large_image" />}
       </_Head.default>
 
       <_Seo.default {...{

package/lib/theme/LayoutProviders/index.js

@@ -25,10 +25,12 @@ function LayoutProviders({
   children
 }) {
   return <_ThemeProvider.default>
-      <_UserPreferencesProvider.default>
-        <_themeCommon.DocsPreferredVersionContextProvider>
-          {children}
-        </_themeCommon.DocsPreferredVersionContextProvider>
-      </_UserPreferencesProvider.default>
+      <_themeCommon.AnnouncementBarProvider>
+        <_UserPreferencesProvider.default>
+          <_themeCommon.DocsPreferredVersionContextProvider>
+            {children}
+          </_themeCommon.DocsPreferredVersionContextProvider>
+        </_UserPreferencesProvider.default>
+      </_themeCommon.AnnouncementBarProvider>
     </_ThemeProvider.default>;
 }

package/lib/theme/Logo/index.js

@@ -15,8 +15,6 @@ var _useBaseUrl = _interopRequireDefault(require("@docusaurus/useBaseUrl"));
 
 var _useDocusaurusContext = _interopRequireDefault(require("@docusaurus/useDocusaurusContext"));
 
-var _themeCommon = require("@docusaurus/theme-common");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /**
@@ -27,16 +25,19 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  */
 const Logo = props => {
   const {
-    isClient
-  } = (0, _useDocusaurusContext.default)();
-  const {
-    navbar: {
+    siteConfig: {
       title,
-      logo = {
-        src: ''
+      themeConfig: {
+        navbar: {
+          title: navbarTitle,
+          logo = {
+            src: ''
+          }
+        }
       }
-    }
-  } = (0, _themeCommon.useThemeConfig)();
+    },
+    isClient
+  } = (0, _useDocusaurusContext.default)();
   const {
     imageClassName,
     titleClassName,
@@ -50,8 +51,8 @@ const Logo = props => {
   return <_Link.default to={logoLink} {...propsRest} {...logo.target && {
     target: logo.target
   }}>
-      {logo.src && <_ThemedImage.default key={isClient} className={imageClassName} sources={sources} alt={logo.alt || title || 'Logo'} />}
-      {title != null && <strong className={titleClassName}>{title}</strong>}
+      {logo.src && <_ThemedImage.default key={isClient} className={imageClassName} sources={sources} alt={logo.alt || navbarTitle || title} />}
+      {navbarTitle != null && <b className={titleClassName}>{navbarTitle}</b>}
     </_Link.default>;
 };
 

package/lib/theme/MDXComponents/index.js

@@ -15,9 +15,9 @@ var _Heading = _interopRequireDefault(require("@theme/Heading"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+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) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _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.

package/lib/theme/MDXPage/index.js

@@ -7,6 +7,8 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _clsx = _interopRequireDefault(require("clsx"));
+
 var _Layout = _interopRequireDefault(require("@theme/Layout"));
 
 var _react2 = require("@mdx-js/react");
@@ -17,6 +19,8 @@ var _TOC = _interopRequireDefault(require("@theme/TOC"));
 
 var _themeCommon = require("@docusaurus/theme-common");
 
+var _stylesModule = _interopRequireDefault(require("./styles.module.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /**
@@ -43,22 +47,16 @@ function MDXPage(props) {
     permalink
   } = metadata;
   return <_Layout.default title={title} description={description} permalink={permalink} wrapperClassName={wrapperClassName !== null && wrapperClassName !== void 0 ? wrapperClassName : _themeCommon.ThemeClassNames.wrapper.mdxPages} pageClassName={_themeCommon.ThemeClassNames.page.mdxPage}>
-      <main>
-        <div className="container container--fluid">
-          <div className="margin-vert--lg padding-vert--lg">
-            <div className="row">
-              <div className="col col--8 col--offset-2">
-                <div className="container">
-                  <_react2.MDXProvider components={_MDXComponents.default}>
-                    <MDXPageContent />
-                  </_react2.MDXProvider>
-                </div>
-              </div>
-              {!hideTableOfContents && MDXPageContent.toc && <div className="col col--2">
-                  <_TOC.default toc={MDXPageContent.toc} />
-                </div>}
-            </div>
+      <main className="container container--fluid margin-vert--lg">
+        <div className={(0, _clsx.default)('row', _stylesModule.default.mdxPageWrapper)}>
+          <div className={(0, _clsx.default)('col', !hideTableOfContents && 'col--8')}>
+            <_react2.MDXProvider components={_MDXComponents.default}>
+              <MDXPageContent />
+            </_react2.MDXProvider>
           </div>
+          {!hideTableOfContents && MDXPageContent.toc && <div className="col col--2">
+              <_TOC.default toc={MDXPageContent.toc} />
+            </div>}
         </div>
       </main>
     </_Layout.default>;

package/{src/theme/LastUpdated → lib/theme/MDXPage}/styles.module.css

@@ -5,6 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-.lastUpdatedDate {
-  font-weight: bold;
+.mdxPageWrapper {
+  justify-content: center;
 }

package/lib/theme/Navbar/index.js

@@ -33,9 +33,9 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+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) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _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.
@@ -113,10 +113,10 @@ function Navbar() {
   })}>
       <div className="navbar__inner">
         <div className="navbar__items">
-          {items != null && items.length !== 0 && <button aria-label="Navigation bar toggle" className="navbar__toggle" type="button" tabIndex={0} onClick={showSidebar} onKeyDown={showSidebar}>
+          {items != null && items.length !== 0 && <button aria-label="Navigation bar toggle" className="navbar__toggle clean-btn" type="button" tabIndex={0} onClick={showSidebar} onKeyDown={showSidebar}>
               <_IconMenu.default />
             </button>}
-          <_Logo.default className="navbar__brand" imageClassName="navbar__logo" titleClassName={(0, _clsx.default)('navbar__title')} />
+          <_Logo.default className="navbar__brand" imageClassName="navbar__logo" titleClassName="navbar__title" />
           {leftItems.map((item, i) => <_NavbarItem.default {...item} key={i} />)}
         </div>
         <div className="navbar__items navbar__items--right">

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

@@ -16,5 +16,5 @@
 }
 
 .navbarHidden {
-  transform: translate3d(0, calc(var(--ifm-navbar-height) * -1), 0);
+  transform: translate3d(0, calc(-100% - 2px), 0);
 }

package/lib/theme/NavbarItem/DefaultNavbarItem.js

@@ -17,11 +17,15 @@ var _router = require("@docusaurus/router");
 
 var _themeCommon = require("@docusaurus/theme-common");
 
+var _IconExternalLink = _interopRequireDefault(require("@theme/IconExternalLink"));
+
+var _isInternalUrl = _interopRequireDefault(require("@docusaurus/isInternalUrl"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+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) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _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.
@@ -29,6 +33,8 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
+const dropdownLinkActiveClass = 'dropdown__link--active';
+
 function NavLink({
   activeBasePath,
   activeBaseRegex,
@@ -46,6 +52,8 @@ function NavLink({
   const normalizedHref = (0, _useBaseUrl.default)(href, {
     forcePrependBaseUrl: true
   });
+  const isExternalLink = label && href && !(0, _isInternalUrl.default)(href);
+  const isDropdownLink = activeClassName === dropdownLinkActiveClass;
   return <_Link.default {...href ? {
     href: prependBaseUrlToHref ? normalizedHref : href
   } : {
@@ -56,7 +64,13 @@ function NavLink({
       isActive: (_match, location) => activeBaseRegex ? new RegExp(activeBaseRegex).test(location.pathname) : location.pathname.startsWith(activeBaseUrl)
     } : null)
   }} {...props}>
-      {label}
+      {isExternalLink ? <span>
+          {label}
+          <_IconExternalLink.default {...isDropdownLink && {
+        width: 12,
+        height: 12
+      }} />
+        </span> : label}
     </_Link.default>;
 }
 
@@ -125,7 +139,7 @@ function NavItemDesktop({
               nextNavbarItem.focus();
             }
           }
-        }} activeClassName="dropdown__link--active" className={navLinkClassNames(childItemClassName, true)} {...childItemProps} />
+        }} activeClassName={dropdownLinkActiveClass} className={navLinkClassNames(childItemClassName, true)} {...childItemProps} />
           </li>)}
       </ul>
     </div>;

package/lib/theme/NavbarItem/DocNavbarItem.js

@@ -15,6 +15,8 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _themeCommon = require("@docusaurus/theme-common");
 
+var _utilsCommon = require("@docusaurus/utils-common");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /**
@@ -23,6 +25,20 @@ 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.
  */
+function getDocInVersions(versions, docId) {
+  // vanilla-js flatten, TODO replace soon by ES flat() / flatMap()
+  const allDocs = [].concat(...versions.map(version => version.docs));
+  const doc = allDocs.find(versionDoc => versionDoc.id === docId);
+
+  if (!doc) {
+    const docIds = allDocs.map(versionDoc => versionDoc.id).join('\n- ');
+    throw new Error(`DocNavbarItem: couldn't find any doc with id "${docId}" in version${versions.length ? 's' : ''} ${versions.map(version => version.name).join(', ')}".
+Available doc ids are:\n- ${docIds}`);
+  }
+
+  return doc;
+}
+
 function DocNavbarItem({
   docId,
   activeSidebarClassName,
@@ -30,8 +46,6 @@ function DocNavbarItem({
   docsPluginId,
   ...props
 }) {
-  var _ref;
-
   const {
     activeVersion,
     activeDoc
@@ -39,16 +53,10 @@ function DocNavbarItem({
   const {
     preferredVersion
   } = (0, _themeCommon.useDocsPreferredVersion)(docsPluginId);
-  const latestVersion = (0, _useDocs.useLatestVersion)(docsPluginId);
-  const version = (_ref = activeVersion !== null && activeVersion !== void 0 ? activeVersion : preferredVersion) !== null && _ref !== void 0 ? _ref : latestVersion;
-  const doc = version.docs.find(versionDoc => versionDoc.id === docId);
-
-  if (!doc) {
-    const docIds = version.docs.map(versionDoc => versionDoc.id).join('\n- ');
-    throw new Error(`DocNavbarItem: couldn't find any doc with id=${docId} in version ${version.name}.
-Available docIds=\n- ${docIds}`);
-  }
+  const latestVersion = (0, _useDocs.useLatestVersion)(docsPluginId); // Versions used to look for the doc to link to, ordered + no duplicate
 
+  const versions = (0, _utilsCommon.uniq)([activeVersion, preferredVersion, latestVersion].filter(Boolean));
+  const doc = getDocInVersions(versions, docId);
   return <_DefaultNavbarItem.default exact {...props} className={(0, _clsx.default)(props.className, {
     [activeSidebarClassName]: activeDoc && activeDoc.sidebar === doc.sidebar
   })} label={staticLabel !== null && staticLabel !== void 0 ? staticLabel : doc.id} to={doc.path} />;

package/lib/theme/NavbarItem/DocsVersionDropdownNavbarItem.js

@@ -67,9 +67,10 @@ function DocsVersionDropdownNavbarItem({
     return items;
   }
 
-  const dropdownVersion = (_ref = (_activeDocContext$act = activeDocContext.activeVersion) !== null && _activeDocContext$act !== void 0 ? _activeDocContext$act : preferredVersion) !== null && _ref !== void 0 ? _ref : latestVersion; // Mobile is handled a bit differently
+  const items = getItems();
+  const dropdownVersion = (_ref = (_activeDocContext$act = activeDocContext.activeVersion) !== null && _activeDocContext$act !== void 0 ? _activeDocContext$act : preferredVersion) !== null && _ref !== void 0 ? _ref : latestVersion; // Mobile dropdown is handled a bit differently
 
-  const dropdownLabel = mobile ? 'Versions' : dropdownVersion.label;
-  const dropdownTo = mobile ? undefined : getVersionMainDoc(dropdownVersion).path;
-  return <_DefaultNavbarItem.default {...props} mobile={mobile} label={dropdownLabel} to={dropdownTo} items={getItems()} isActive={dropdownActiveClassDisabled ? () => false : undefined} />;
+  const dropdownLabel = mobile && items ? 'Versions' : dropdownVersion.label;
+  const dropdownTo = mobile && items ? undefined : getVersionMainDoc(dropdownVersion).path;
+  return <_DefaultNavbarItem.default {...props} mobile={mobile} label={dropdownLabel} to={dropdownTo} items={items} isActive={dropdownActiveClassDisabled ? () => false : undefined} />;
 }

package/lib/theme/NavbarItem/SearchNavbarItem.js

@@ -9,8 +9,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _SearchBar = _interopRequireDefault(require("@theme/SearchBar"));
 
-var _stylesModule = _interopRequireDefault(require("./styles.module.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /**
@@ -26,7 +24,5 @@ function SearchNavbarItem({
     return null;
   }
 
-  return <div className={_stylesModule.default.searchWrapper}>
-      <_SearchBar.default />
-    </div>;
+  return <_SearchBar.default />;
 }

package/lib/theme/NavbarItem/index.js

@@ -39,7 +39,7 @@ const getNavbarItemComponent = (type = 'default') => {
   const navbarItemComponent = NavbarItemComponents[type];
 
   if (!navbarItemComponent) {
-    throw new Error(`No NavbarItem component found for type=${type}.`);
+    throw new Error(`No NavbarItem component found for type "${type}".`);
   }
 
   return navbarItemComponent();

package/lib/theme/NotFound.js

@@ -9,7 +9,11 @@ var _react = _interopRequireDefault(require("react"));
 
 var _Layout = _interopRequireDefault(require("@theme/Layout"));
 
-var _Translate = _interopRequireDefault(require("@docusaurus/Translate"));
+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 }; }
 
@@ -20,7 +24,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * LICENSE file in the root directory of this source tree.
  */
 function NotFound() {
-  return <_Layout.default title="Page Not Found">
+  return <_Layout.default title={(0, _Translate.translate)({
+    id: 'theme.NotFound.title',
+    message: 'Page Not Found'
+  })}>
       <main className="container margin-vert--xl">
         <div className="row">
           <div className="col col--6 col--offset-3">

package/lib/theme/SearchMetadatas/index.js

@@ -26,7 +26,7 @@ function SearchMetadatas({
   tag
 }) {
   return <_Head.default>
-      {locale && <meta name="docusaurus_locale" content={`${locale}`} />}
+      {locale && <meta name="docusaurus_locale" content={locale} />}
       {version && <meta name="docusaurus_version" content={version} />}
       {tag && <meta name="docusaurus_tag" content={tag} />}
     </_Head.default>;

package/lib/theme/Seo/index.js

@@ -45,6 +45,5 @@ function Seo({
 
       {pageImage && <meta property="og:image" content={pageImage} />}
       {pageImage && <meta name="twitter:image" content={pageImage} />}
-      {pageImage && <meta name="twitter:card" content="summary_large_image" />}
     </_Head.default>;
 }

package/lib/theme/SkipToContent/index.js

@@ -15,9 +15,9 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+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) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _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.
@@ -43,8 +43,10 @@ function SkipToContent() {
     }
   };
 
-  (0, _themeCommon.useChangeRoute)(() => {
-    if (containerRef.current) {
+  (0, _themeCommon.useLocationChange)(({
+    location
+  }) => {
+    if (containerRef.current && !location.hash) {
       programmaticFocus(containerRef.current);
     }
   });

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

@@ -6,11 +6,9 @@
   padding: calc(var(--ifm-global-spacing) / 2) var(--ifm-global-spacing);
   color: var(--ifm-color-emphasis-900);
   background-color: var(--ifm-background-surface-color);
-  border-radius: var(--ifm-global-radius);
-  font: inherit;
-  border: none;
 }
 
 .skipToContent:focus {
   left: 1rem;
+  box-shadow: var(--ifm-global-shadow-md);
 }

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

@@ -9,7 +9,7 @@
   max-height: calc(100vh - (var(--ifm-navbar-height) + 2rem));
   overflow-y: auto;
   position: sticky;
-  top: calc(var(--ifm-navbar-height) + 2rem);
+  top: calc(var(--ifm-navbar-height) + 1rem);
 }
 
 @media only screen and (max-width: 996px) {

package/lib/theme/Tabs/index.js

@@ -15,9 +15,9 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+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) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _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.

package/lib/theme/ThemedImage/index.js

@@ -36,7 +36,8 @@ const ThemedImage = props => {
     alt = '',
     ...propsRest
   } = props;
-  const renderedSourceNames = isClient ? isDarkTheme ? ['dark'] : ['light'] : // We need to render both images on the server to avoid flash
+  const clientThemes = isDarkTheme ? ['dark'] : ['light'];
+  const renderedSourceNames = isClient ? clientThemes : // We need to render both images on the server to avoid flash
   // See https://github.com/facebook/docusaurus/pull/3730
   ['light', 'dark'];
   return <>

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

@@ -1,3 +1,10 @@
+/**
+ * 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.
+ */
+
 .themedImage {
   display: none;
 }