@docusaurus/theme-classic 0.0.0-5008 → 0.0.0-5012

package/lib/index.js

@@ -20,14 +20,14 @@ Object.defineProperty(exports, "validateThemeConfig", {
 
 var _path = _interopRequireDefault(require("path"));
 
-var _translations = require("./translations");
-
 var _module = require("module");
 
 var _rtlcss = _interopRequireDefault(require("rtlcss"));
 
 var _themeTranslations = require("@docusaurus/theme-translations");
 
+var _translations = require("./translations");
+
 var _getSwizzleConfig = _interopRequireDefault(require("./getSwizzleConfig"));
 
 var _validateThemeConfig = require("./validateThemeConfig");

package/lib-next/theme/BlogArchivePage/index.js

@@ -5,10 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import Layout from '@theme/Layout';
 import Link from '@docusaurus/Link';
 import {translate} from '@docusaurus/Translate';
 import {PageMetadata} from '@docusaurus/theme-common';
+import Layout from '@theme/Layout';
 
 function Year({year, posts}) {
   return (

package/lib-next/theme/BlogListPage/index.js

@@ -5,17 +5,17 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
+import clsx from 'clsx';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
-import BlogLayout from '@theme/BlogLayout';
-import BlogPostItem from '@theme/BlogPostItem';
-import BlogListPaginator from '@theme/BlogListPaginator';
 import {
   PageMetadata,
   HtmlClassNameProvider,
   ThemeClassNames,
 } from '@docusaurus/theme-common';
+import BlogLayout from '@theme/BlogLayout';
+import BlogPostItem from '@theme/BlogPostItem';
+import BlogListPaginator from '@theme/BlogListPaginator';
 import SearchMetadata from '@theme/SearchMetadata';
-import clsx from 'clsx';
 
 function BlogListPageMetadata(props) {
   const {metadata} = props;

package/lib-next/theme/BlogPostItem/index.js

@@ -13,9 +13,9 @@ import {usePluralForm} from '@docusaurus/theme-common';
 import {blogPostContainerID} from '@docusaurus/utils-common';
 import MDXContent from '@theme/MDXContent';
 import EditThisPage from '@theme/EditThisPage';
-import styles from './styles.module.css';
 import TagsListInline from '@theme/TagsListInline';
-import BlogPostAuthors from '@theme/BlogPostAuthors'; // Very simple pluralization: probably good enough for now
+import BlogPostAuthors from '@theme/BlogPostAuthors';
+import styles from './styles.module.css'; // Very simple pluralization: probably good enough for now
 
 function useReadingTimePlural() {
   const {selectMessage} = usePluralForm();

package/lib-next/theme/BlogPostPage/index.js

@@ -5,16 +5,16 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import BlogLayout from '@theme/BlogLayout';
-import BlogPostItem from '@theme/BlogPostItem';
-import BlogPostPaginator from '@theme/BlogPostPaginator';
+import clsx from 'clsx';
 import {
   PageMetadata,
   HtmlClassNameProvider,
   ThemeClassNames,
 } from '@docusaurus/theme-common';
+import BlogLayout from '@theme/BlogLayout';
+import BlogPostItem from '@theme/BlogPostItem';
+import BlogPostPaginator from '@theme/BlogPostPaginator';
 import TOC from '@theme/TOC';
-import clsx from 'clsx';
 
 function BlogPostPageMetadata(props) {
   const {content: BlogPostContents} = props;

package/lib-next/theme/BlogSidebar/index.js

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
+import {useWindowSize} from '@docusaurus/theme-common';
 import BlogSidebarDesktop from '@theme/BlogSidebar/Desktop';
 import BlogSidebarMobile from '@theme/BlogSidebar/Mobile';
-import {useWindowSize} from '@docusaurus/theme-common';
 export default function BlogSidebar({sidebar}) {
   const windowSize = useWindowSize();
 

package/lib-next/theme/BlogTagsListPage/index.js

@@ -5,16 +5,16 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import BlogLayout from '@theme/BlogLayout';
-import TagsListByLetter from '@theme/TagsListByLetter';
+import clsx from 'clsx';
 import {
   PageMetadata,
   HtmlClassNameProvider,
   ThemeClassNames,
   translateTagsPageTitle,
 } from '@docusaurus/theme-common';
+import BlogLayout from '@theme/BlogLayout';
+import TagsListByLetter from '@theme/TagsListByLetter';
 import SearchMetadata from '../SearchMetadata';
-import clsx from 'clsx';
 export default function BlogTagsListPage({tags, sidebar}) {
   const title = translateTagsPageTitle();
   return (

package/lib-next/theme/BlogTagsPostsPage/index.js

@@ -5,9 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import Link from '@docusaurus/Link';
-import BlogLayout from '@theme/BlogLayout';
-import BlogPostItem from '@theme/BlogPostItem';
+import clsx from 'clsx';
 import Translate, {translate} from '@docusaurus/Translate';
 import {
   PageMetadata,
@@ -15,10 +13,13 @@ import {
   ThemeClassNames,
   usePluralForm,
 } from '@docusaurus/theme-common';
+import Link from '@docusaurus/Link';
+import BlogLayout from '@theme/BlogLayout';
+import BlogPostItem from '@theme/BlogPostItem';
 import BlogListPaginator from '@theme/BlogListPaginator';
 import SearchMetadata from '@theme/SearchMetadata';
-import clsx from 'clsx'; // Very simple pluralization: probably good enough for now
 
+// Very simple pluralization: probably good enough for now
 function useBlogPostsPlural() {
   const {selectMessage} = usePluralForm();
   return (count) =>

package/lib-next/theme/CodeBlock/Content/Element.js

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import Container from '@theme/CodeBlock/Container';
 import clsx from 'clsx';
+import Container from '@theme/CodeBlock/Container';
 import styles from './styles.module.css'; // <pre> tags in markdown map to CodeBlocks. They may contain JSX children. When
 // the children is not a simple string, we just return a styled block without
 // actually highlighting.

package/lib-next/theme/CodeBlock/Content/String.js

@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
+import clsx from 'clsx';
 import {
   useThemeConfig,
   parseCodeBlockTitle,
@@ -14,7 +15,6 @@ import {
   usePrismTheme,
   useCodeWordWrap,
 } from '@docusaurus/theme-common';
-import clsx from 'clsx';
 import Highlight, {defaultProps} from 'prism-react-renderer';
 import Line from '@theme/CodeBlock/Line';
 import CopyButton from '@theme/CodeBlock/CopyButton';

package/lib-next/theme/CodeBlock/index.js

@@ -8,13 +8,13 @@ import React, {isValidElement} from 'react';
 import useIsBrowser from '@docusaurus/useIsBrowser';
 import ElementContent from '@theme/CodeBlock/Content/Element';
 import StringContent from '@theme/CodeBlock/Content/String';
+
 /**
  * Best attempt to make the children a plain string so it is copyable. If there
  * are react elements, we will not be able to copy the content, and it will
  * return `children` as-is; otherwise, it concatenates the string children
  * together.
  */
-
 function maybeStringifyChildren(children) {
   if (React.Children.toArray(children).some((el) => isValidElement(el))) {
     return children;

package/lib-next/theme/ColorModeToggle/index.js

@@ -5,11 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
+import clsx from 'clsx';
 import useIsBrowser from '@docusaurus/useIsBrowser';
 import {translate} from '@docusaurus/Translate';
 import IconLightMode from '@theme/IconLightMode';
 import IconDarkMode from '@theme/IconDarkMode';
-import clsx from 'clsx';
 import styles from './styles.module.css';
 
 function ColorModeToggle({className, value, onChange}) {

package/lib-next/theme/DocBreadcrumbs/index.js

@@ -5,17 +5,17 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
+import clsx from 'clsx';
 import {
   ThemeClassNames,
   useSidebarBreadcrumbs,
   useHomePageRoute,
 } from '@docusaurus/theme-common';
-import styles from './styles.module.css';
-import clsx from 'clsx';
 import Link from '@docusaurus/Link';
 import useBaseUrl from '@docusaurus/useBaseUrl';
 import {translate} from '@docusaurus/Translate';
-import IconHome from '@theme/IconHome'; // TODO move to design system folder
+import IconHome from '@theme/IconHome';
+import styles from './styles.module.css'; // TODO move to design system folder
 
 function BreadcrumbsItemLink({children, href, isLast}) {
   const className = 'breadcrumbs__link';

package/lib-next/theme/DocCard/index.js

@@ -5,12 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
+import clsx from 'clsx';
 import Link from '@docusaurus/Link';
 import {findFirstCategoryLink, useDocById} from '@docusaurus/theme-common';
-import clsx from 'clsx';
-import styles from './styles.module.css';
 import isInternalUrl from '@docusaurus/isInternalUrl';
 import {translate} from '@docusaurus/Translate';
+import styles from './styles.module.css';
 
 function CardContainer({href, children}) {
   return (

package/lib-next/theme/DocCardList/index.js

@@ -6,8 +6,8 @@
  */
 import React from 'react';
 import clsx from 'clsx';
-import DocCard from '@theme/DocCard';
 import {findFirstCategoryLink} from '@docusaurus/theme-common';
+import DocCard from '@theme/DocCard';
 
 // Filter categories that don't have a link.
 function filterItems(items) {

package/lib-next/theme/DocCategoryGeneratedIndexPage/index.js

@@ -9,13 +9,13 @@ import {
   PageMetadata,
   useCurrentSidebarCategory,
 } from '@docusaurus/theme-common';
+import useBaseUrl from '@docusaurus/useBaseUrl';
 import DocCardList from '@theme/DocCardList';
 import DocPaginator from '@theme/DocPaginator';
 import DocVersionBanner from '@theme/DocVersionBanner';
 import DocVersionBadge from '@theme/DocVersionBadge';
 import DocBreadcrumbs from '@theme/DocBreadcrumbs';
 import Heading from '@theme/Heading';
-import useBaseUrl from '@docusaurus/useBaseUrl';
 import styles from './styles.module.css';
 
 function DocCategoryGeneratedIndexPageMetadata({categoryGeneratedIndex}) {

package/lib-next/theme/DocItem/index.js

@@ -6,6 +6,12 @@
  */
 import React from 'react';
 import clsx from 'clsx';
+import {
+  PageMetadata,
+  HtmlClassNameProvider,
+  ThemeClassNames,
+  useWindowSize,
+} from '@docusaurus/theme-common';
 import DocPaginator from '@theme/DocPaginator';
 import DocVersionBanner from '@theme/DocVersionBanner';
 import DocVersionBadge from '@theme/DocVersionBadge';
@@ -13,15 +19,9 @@ import DocItemFooter from '@theme/DocItemFooter';
 import TOC from '@theme/TOC';
 import TOCCollapsible from '@theme/TOCCollapsible';
 import Heading from '@theme/Heading';
-import styles from './styles.module.css';
-import {
-  PageMetadata,
-  HtmlClassNameProvider,
-  ThemeClassNames,
-  useWindowSize,
-} from '@docusaurus/theme-common';
 import DocBreadcrumbs from '@theme/DocBreadcrumbs';
 import MDXContent from '@theme/MDXContent';
+import styles from './styles.module.css';
 
 function DocItemMetadata(props) {
   const {content: DocContent} = props;

package/lib-next/theme/DocItemFooter/index.js

@@ -6,11 +6,11 @@
  */
 import React from 'react';
 import clsx from 'clsx';
+import {ThemeClassNames} from '@docusaurus/theme-common';
 import LastUpdated from '@theme/LastUpdated';
 import EditThisPage from '@theme/EditThisPage';
 import TagsListInline from '@theme/TagsListInline';
 import styles from './styles.module.css';
-import {ThemeClassNames} from '@docusaurus/theme-common';
 
 function TagsRow(props) {
   return (

package/lib-next/theme/DocPage/Layout/Main/index.js

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import {useDocsSidebar} from '@docusaurus/theme-common';
 import clsx from 'clsx';
+import {useDocsSidebar} from '@docusaurus/theme-common';
 import styles from './styles.module.css';
 export default function DocPageLayoutMain({hiddenSidebarContainer, children}) {
   const sidebar = useDocsSidebar();

package/lib-next/theme/DocPage/Layout/Sidebar/ExpandButton/index.js

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import IconArrow from '@theme/IconArrow';
 import {translate} from '@docusaurus/Translate';
+import IconArrow from '@theme/IconArrow';
 import styles from './styles.module.css';
 export default function DocPageLayoutSidebarExpandButton({toggleSidebar}) {
   return (

package/lib-next/theme/DocPage/Layout/Sidebar/index.js

@@ -5,12 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, {useState, useCallback} from 'react';
-import DocSidebar from '@theme/DocSidebar';
+import clsx from 'clsx';
+import {ThemeClassNames, useDocsSidebar} from '@docusaurus/theme-common';
 import {useLocation} from '@docusaurus/router';
+import DocSidebar from '@theme/DocSidebar';
 import ExpandButton from '@theme/DocPage/Layout/Sidebar/ExpandButton';
-import clsx from 'clsx';
-import styles from './index.module.css';
-import {ThemeClassNames, useDocsSidebar} from '@docusaurus/theme-common'; // Reset sidebar state when sidebar changes
+import styles from './styles.module.css'; // Reset sidebar state when sidebar changes
 // Use React key to unmount/remount the children
 // See https://github.com/facebook/docusaurus/issues/3414
 

package/lib-next/theme/DocPage/Layout/index.js

@@ -5,12 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, {useState} from 'react';
+import {useDocsSidebar} from '@docusaurus/theme-common';
 import Layout from '@theme/Layout';
 import BackToTopButton from '@theme/BackToTopButton';
 import DocPageLayoutSidebar from '@theme/DocPage/Layout/Sidebar';
 import DocPageLayoutMain from '@theme/DocPage/Layout/Main';
-import styles from './index.module.css';
-import {useDocsSidebar} from '@docusaurus/theme-common';
+import styles from './styles.module.css';
 export default function DocPageLayout({children}) {
   const sidebar = useDocsSidebar();
   const [hiddenSidebarContainer, setHiddenSidebarContainer] = useState(false);

package/lib-next/theme/DocPage/index.js

@@ -5,8 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import NotFound from '@theme/NotFound';
-import DocPageLayout from '@theme/DocPage/Layout';
 import clsx from 'clsx';
 import {
   HtmlClassNameProvider,
@@ -16,6 +14,8 @@ import {
   DocsVersionProvider,
   useDocRouteMetadata,
 } from '@docusaurus/theme-common';
+import DocPageLayout from '@theme/DocPage/Layout';
+import NotFound from '@theme/NotFound';
 import SearchMetadata from '@theme/SearchMetadata';
 export default function DocPage(props) {
   const {versionMetadata} = props;

package/lib-next/theme/DocSidebar/Desktop/CollapseButton/index.js

@@ -6,8 +6,8 @@
  */
 import React from 'react';
 import clsx from 'clsx';
-import IconArrow from '@theme/IconArrow';
 import {translate} from '@docusaurus/Translate';
+import IconArrow from '@theme/IconArrow';
 import styles from './styles.module.css';
 export default function CollapseButton({onClick}) {
   return (

package/lib-next/theme/DocSidebarItem/{Category.js → Category/index.js}

@@ -19,19 +19,20 @@ import {
 } from '@docusaurus/theme-common';
 import Link from '@docusaurus/Link';
 import {translate} from '@docusaurus/Translate';
+import useIsBrowser from '@docusaurus/useIsBrowser';
 import DocSidebarItems from '@theme/DocSidebarItems';
-import useIsBrowser from '@docusaurus/useIsBrowser'; // If we navigate to a category and it becomes active, it should automatically
-// expand itself
 
-function useAutoExpandActiveCategory({isActive, collapsed, setCollapsed}) {
+// If we navigate to a category and it becomes active, it should automatically
+// expand itself
+function useAutoExpandActiveCategory({isActive, collapsed, updateCollapsed}) {
   const wasActive = usePrevious(isActive);
   useEffect(() => {
     const justBecameActive = isActive && !wasActive;
 
     if (justBecameActive && collapsed) {
-      setCollapsed(false);
+      updateCollapsed(false);
     }
-  }, [isActive, wasActive, collapsed, setCollapsed]);
+  }, [isActive, wasActive, collapsed, updateCollapsed]);
 }
 /**
  * When a collapsible category has no link, we still link it to its first child
@@ -88,6 +89,11 @@ export default function DocSidebarItemCategory({
   ...props
 }) {
   const {items, label, collapsible, className, href} = item;
+  const {
+    docs: {
+      sidebar: {autoCollapseCategories},
+    },
+  } = useThemeConfig();
   const hrefWithSSRFallback = useCategoryHrefWithSSRFallback(item);
   const isActive = isActiveSidebarItem(item, activePath);
   const isCurrentPage = isSamePath(href, activePath);
@@ -102,23 +108,18 @@ export default function DocSidebarItemCategory({
       return isActive ? false : item.collapsed;
     },
   });
-  useAutoExpandActiveCategory({
-    isActive,
-    collapsed,
-    setCollapsed,
-  });
-  const {expandedItem, setExpandedItem} = useDocSidebarItemsExpandedState();
+  const {expandedItem, setExpandedItem} = useDocSidebarItemsExpandedState(); // Use this instead of `setCollapsed`, because it is also reactive
 
-  function updateCollapsed(toCollapsed = !collapsed) {
+  const updateCollapsed = (toCollapsed = !collapsed) => {
     setExpandedItem(toCollapsed ? null : index);
     setCollapsed(toCollapsed);
-  }
+  };
 
-  const {
-    docs: {
-      sidebar: {autoCollapseCategories},
-    },
-  } = useThemeConfig();
+  useAutoExpandActiveCategory({
+    isActive,
+    collapsed,
+    updateCollapsed,
+  });
   useEffect(() => {
     if (
       collapsible &&

package/lib-next/theme/DocSidebarItem/{Html.js → Html/index.js}

@@ -7,7 +7,7 @@
 import React from 'react';
 import clsx from 'clsx';
 import {ThemeClassNames} from '@docusaurus/theme-common';
-import styles from './Html.module.css';
+import styles from './styles.module.css';
 export default function DocSidebarItemHtml({item, level, index}) {
   const {value, defaultStyle, className} = item;
   return (

package/lib-next/theme/DocSidebarItem/{Link.js → Link/index.js}

@@ -10,7 +10,7 @@ import {isActiveSidebarItem, ThemeClassNames} from '@docusaurus/theme-common';
 import Link from '@docusaurus/Link';
 import isInternalUrl from '@docusaurus/isInternalUrl';
 import IconExternalLink from '@theme/IconExternalLink';
-import styles from './Link.module.css';
+import styles from './styles.module.css';
 export default function DocSidebarItemLink({
   item,
   onItemClick,

package/lib-next/theme/DocSidebarItems/index.js

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, {memo} from 'react';
-import DocSidebarItem from '@theme/DocSidebarItem';
 import {DocSidebarItemsExpandedStateProvider} from '@docusaurus/theme-common';
+import DocSidebarItem from '@theme/DocSidebarItem';
 
 // TODO this item should probably not receive the "activePath" props
 // TODO this triggers whole sidebar re-renders on navigation

package/lib-next/theme/DocTagDocListPage/index.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import Layout from '@theme/Layout';
+import clsx from 'clsx';
 import Link from '@docusaurus/Link';
 import {
   PageMetadata,
@@ -14,9 +14,10 @@ import {
   usePluralForm,
 } from '@docusaurus/theme-common';
 import Translate, {translate} from '@docusaurus/Translate';
+import Layout from '@theme/Layout';
 import SearchMetadata from '@theme/SearchMetadata';
-import clsx from 'clsx'; // Very simple pluralization: probably good enough for now
 
+// Very simple pluralization: probably good enough for now
 function useNDocsTaggedPlural() {
   const {selectMessage} = usePluralForm();
   return (count) =>

package/lib-next/theme/DocTagsListPage/index.js

@@ -5,16 +5,16 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import Layout from '@theme/Layout';
+import clsx from 'clsx';
 import {
   PageMetadata,
   HtmlClassNameProvider,
   ThemeClassNames,
   translateTagsPageTitle,
 } from '@docusaurus/theme-common';
+import Layout from '@theme/Layout';
 import TagsListByLetter from '@theme/TagsListByLetter';
 import SearchMetadata from '@theme/SearchMetadata';
-import clsx from 'clsx';
 export default function DocTagsListPage({tags}) {
   const title = translateTagsPageTitle();
   return (

package/lib-next/theme/DocVersionBadge/index.js

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
+import clsx from 'clsx';
 import Translate from '@docusaurus/Translate';
 import {ThemeClassNames, useDocsVersion} from '@docusaurus/theme-common';
-import clsx from 'clsx';
 export default function DocVersionBadge({className}) {
   const versionMetadata = useDocsVersion();
 

package/lib-next/theme/DocVersionBanner/index.js

@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
+import clsx from 'clsx';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import Link from '@docusaurus/Link';
 import Translate from '@docusaurus/Translate';
@@ -17,7 +18,6 @@ import {
   useDocsPreferredVersion,
   useDocsVersion,
 } from '@docusaurus/theme-common';
-import clsx from 'clsx';
 
 function UnreleasedVersionLabel({siteTitle, versionMetadata}) {
   return (

package/lib-next/theme/EditThisPage/index.js

@@ -6,8 +6,8 @@
  */
 import React from 'react';
 import Translate from '@docusaurus/Translate';
-import IconEdit from '@theme/IconEdit';
 import {ThemeClassNames} from '@docusaurus/theme-common';
+import IconEdit from '@theme/IconEdit';
 export default function EditThisPage({editUrl}) {
   return (
     <a

package/lib-next/theme/Footer/Logo/index.js

@@ -7,8 +7,8 @@
 import React from 'react';
 import Link from '@docusaurus/Link';
 import {useBaseUrlUtils} from '@docusaurus/useBaseUrl';
-import styles from './styles.module.css';
 import ThemedImage from '@theme/ThemedImage';
+import styles from './styles.module.css';
 
 function LogoImage({logo}) {
   const {withBaseUrl} = useBaseUrlUtils();

package/lib-next/theme/Layout/index.js

@@ -7,16 +7,16 @@
 import React from 'react';
 import clsx from 'clsx';
 import ErrorBoundary from '@docusaurus/ErrorBoundary';
-import SkipToContent from '@theme/SkipToContent';
-import AnnouncementBar from '@theme/AnnouncementBar';
-import Navbar from '@theme/Navbar';
-import Footer from '@theme/Footer';
-import LayoutProviders from '@theme/LayoutProviders';
 import {
   PageMetadata,
   ThemeClassNames,
   useKeyboardNavigation,
 } from '@docusaurus/theme-common';
+import SkipToContent from '@theme/SkipToContent';
+import AnnouncementBar from '@theme/AnnouncementBar';
+import Navbar from '@theme/Navbar';
+import Footer from '@theme/Footer';
+import LayoutProviders from '@theme/LayoutProviders';
 import ErrorPageContent from '@theme/ErrorPageContent';
 import './styles.css';
 export default function Layout(props) {

package/lib-next/theme/Logo/index.js

@@ -6,10 +6,10 @@
  */
 import React from 'react';
 import Link from '@docusaurus/Link';
-import ThemedImage from '@theme/ThemedImage';
 import useBaseUrl from '@docusaurus/useBaseUrl';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import {useThemeConfig} from '@docusaurus/theme-common';
+import ThemedImage from '@theme/ThemedImage';
 export default function Logo(props) {
   const {
     siteConfig: {title},