@docusaurus/theme-classic 2.0.0-beta.1 → 2.0.0-beta.10

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

@@ -0,0 +1,19 @@
+/**
+ * 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;
+  }
+
+  .menuLinkText.hasHref {
+    cursor: pointer;
+  }
+}

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} searchMetadata={{
+    // 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} searchMetadata={{
+    // 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/DocVersionBadge/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DocVersionBadge;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _themeCommon = require("@docusaurus/theme-common");
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+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 DocVersionBadge({
+  className
+}) {
+  const versionMetadata = (0, _themeCommon.useDocsVersion)();
+
+  if (versionMetadata.badge) {
+    return <span className={(0, _clsx.default)(className, _themeCommon.ThemeClassNames.docs.docVersionBadge, 'badge badge--secondary')}>
+        Version: {versionMetadata.label}
+      </span>;
+  }
+
+  return null;
+}

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = DocVersionBanner;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -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,10 @@ function LatestVersionSuggestionLabel({
     </_Translate.default>;
 }
 
-const getVersionMainDoc = version => version.docs.find(doc => doc.id === version.mainDocId);
-
-function DocVersionSuggestions() {
+function DocVersionBannerEnabled({
+  className,
+  versionMetadata
+}) {
   const {
     siteConfig: {
       title: siteTitle
@@ -81,25 +94,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)(className, _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 +117,14 @@ function DocVersionSuggestions() {
     </div>;
 }
 
-var _default = DocVersionSuggestions;
-exports.default = _default;
+function DocVersionBanner({
+  className
+}) {
+  const versionMetadata = (0, _themeCommon.useDocsVersion)();
+
+  if (versionMetadata.banner) {
+    return <DocVersionBannerEnabled className={className} versionMetadata={versionMetadata} />;
+  }
+
+  return null;
+}

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/ErrorPageContent.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ErrorPageContent;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Translate = _interopRequireDefault(require("@docusaurus/Translate"));
+
+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 ErrorPageContent({
+  error,
+  tryAgain
+}) {
+  return <main className="container margin-vert--xl">
+      <div className="row">
+        <div className="col col--6 col--offset-3">
+          <h1 className="hero__title">
+            <_Translate.default id="theme.ErrorPageContent.title" description="The title of the fallback page when the page crashed">
+              This page crashed.
+            </_Translate.default>
+          </h1>
+          <p>{error.message}</p>
+          <div>
+            <button type="button" onClick={tryAgain}>
+              <_Translate.default id="theme.ErrorPageContent.tryAgain" description="The label of the button to try again when the page crashed">
+                Try again
+              </_Translate.default>
+            </button>
+          </div>
+        </div>
+      </div>
+    </main>;
+}

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,21 @@ function FooterLink({
   } : {
     to: toUrl
   }} {...props}>
-      {label}
+      {href && !(0, _isInternalUrl.default)(href) ? <span>
+          {label}
+          <_IconExternalLink.default />
+        </span> : label}
     </_Link.default>;
 }
 
-const FooterLogo = ({
+function FooterLogo({
   sources,
-  alt
-}) => <_ThemedImage.default className="footer__logo" alt={alt} sources={sources} />;
+  alt,
+  width,
+  height
+}) {
+  return <_ThemedImage.default className="footer__logo" alt={alt} sources={sources} width={width} height={height} />;
+}
 
 function Footer() {
   const {
@@ -91,7 +102,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,24 +25,21 @@ 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>;
-};
+// eslint-disable-next-line react/function-component-definition
+const MainHeading = ({ ...props
+}) => <header>
+    <h1 {...props} id={undefined} // h1 headings do not need an id because they don't appear in the TOC
+  >
+      {props.children}
+    </h1>
+  </header>;
 
 exports.MainHeading = MainHeading;
 
-const createAnchorHeading = Tag => function TargetComponent({
+const createAnchorHeading = Tag => ({
   id,
   ...props
-}) {
+}) => {
   const {
     navbar: {
       hideOnScroll
@@ -53,24 +50,22 @@ 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>;
 };
 
-const Heading = headingType => {
-  return headingType === 'h1' ? MainHeading : createAnchorHeading(headingType);
-};
+const Heading = headingType => headingType === 'h1' ? MainHeading : createAnchorHeading(headingType);
 
 var _default = Heading;
 exports.default = _default;

package/lib/theme/Heading/styles.css

@@ -5,16 +5,15 @@
  * 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);
+  user-select: none;
+}
+
+.hash-link:before {
+  content: '#';
 }
 
 .hash-link:focus,

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/IconArrow/index.js

@@ -15,14 +15,14 @@ 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.
  */
-const IconArrow = props => {
+function IconArrow(props) {
   return <svg width="20" height="20" aria-hidden="true" {...props}>
       <g fill="#7a7a7a">
         <path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0" />
         <path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0" />
       </g>
     </svg>;
-};
+}
 
 var _default = IconArrow;
 exports.default = _default;

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/IconEdit/index.js

@@ -19,16 +19,16 @@ 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.
  */
-const IconEdit = ({
+function IconEdit({
   className,
   ...restProps
-}) => {
+}) {
   return <svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" className={(0, _clsx.default)(_stylesModule.default.iconEdit, className)} aria-hidden="true" {...restProps}>
       <g>
         <path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z" />
       </g>
     </svg>;
-};
+}
 
 var _default = IconEdit;
 exports.default = _default;

package/lib/theme/IconExternalLink/index.js

@@ -17,14 +17,14 @@ 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.
  */
-const IconExternalLink = ({
+function IconExternalLink({
   width = 13.5,
   height = 13.5
-}) => {
+}) {
   return <svg width={width} height={height} aria-hidden="true" viewBox="0 0 24 24" className={_stylesModule.default.iconExternalLink}>
       <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z" />
     </svg>;
-};
+}
 
 var _default = IconExternalLink;
 exports.default = _default;

package/lib/theme/IconLanguage/index.js

@@ -15,15 +15,15 @@ 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.
  */
-const IconLanguage = ({
+function IconLanguage({
   width = 20,
   height = 20,
   ...props
-}) => {
+}) {
   return <svg viewBox="0 0 20 20" width={width} height={height} aria-hidden="true" {...props}>
       <path fill="currentColor" d="M19.753 10.909c-.624-1.707-2.366-2.726-4.661-2.726-.09 0-.176.002-.262.006l-.016-2.063 3.525-.607c.115-.019.133-.119.109-.231-.023-.111-.167-.883-.188-.976-.027-.131-.102-.127-.207-.109-.104.018-3.25.461-3.25.461l-.013-2.078c-.001-.125-.069-.158-.194-.156l-1.025.016c-.105.002-.164.049-.162.148l.033 2.307s-3.061.527-3.144.543c-.084.014-.17.053-.151.143.019.09.19 1.094.208 1.172.018.08.072.129.188.107l2.924-.504.035 2.018c-1.077.281-1.801.824-2.256 1.303-.768.807-1.207 1.887-1.207 2.963 0 1.586.971 2.529 2.328 2.695 3.162.387 5.119-3.06 5.769-4.715 1.097 1.506.256 4.354-2.094 5.98-.043.029-.098.129-.033.207l.619.756c.08.096.206.059.256.023 2.51-1.73 3.661-4.515 2.869-6.683zm-7.386 3.188c-.966-.121-.944-.914-.944-1.453 0-.773.327-1.58.876-2.156a3.21 3.21 0 011.229-.799l.082 4.277a2.773 2.773 0 01-1.243.131zm2.427-.553l.046-4.109c.084-.004.166-.01.252-.01.773 0 1.494.145 1.885.361.391.217-1.023 2.713-2.183 3.758zm-8.95-7.668a.196.196 0 00-.196-.145h-1.95a.194.194 0 00-.194.144L.008 16.916c-.017.051-.011.076.062.076h1.733c.075 0 .099-.023.114-.072l1.008-3.318h3.496l1.008 3.318c.016.049.039.072.113.072h1.734c.072 0 .078-.025.062-.076-.014-.05-3.083-9.741-3.494-11.04zm-2.618 6.318l1.447-5.25 1.447 5.25H3.226z" />
     </svg>;
-};
+}
 
 var _default = IconLanguage;
 exports.default = _default;