@docusaurus/theme-classic 0.0.0-4540 → 0.0.0-4546

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

@@ -9,7 +9,8 @@ import Link from '@docusaurus/Link';
 import BlogLayout from '@theme/BlogLayout';
 import BlogPostItem from '@theme/BlogPostItem';
 import Translate, {translate} from '@docusaurus/Translate';
-import {ThemeClassNames, usePluralForm} from '@docusaurus/theme-common'; // Very simple pluralization: probably good enough for now
+import {ThemeClassNames, usePluralForm} from '@docusaurus/theme-common';
+import BlogListPaginator from '@theme/BlogListPaginator'; // Very simple pluralization: probably good enough for now
 
 function useBlogPostsPlural() {
   const {selectMessage} = usePluralForm();
@@ -31,7 +32,7 @@ function useBlogPostsPlural() {
 }
 
 export default function BlogTagsPostsPage(props) {
-  const {metadata, items, sidebar} = props;
+  const {metadata, items, sidebar, listMetadata} = props;
   const {allTagsPath, name: tagName, count} = metadata;
   const blogPostsPlural = useBlogPostsPlural();
   const title = translate(
@@ -77,6 +78,7 @@ export default function BlogTagsPostsPage(props) {
           <BlogPostContent />
         </BlogPostItem>
       ))}
+      <BlogListPaginator metadata={listMetadata} />
     </BlogLayout>
   );
 }

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

@@ -15,6 +15,7 @@ import {
   useTitleFormatter,
   useAlternatePageUtils,
   useThemeConfig,
+  keyboardFocusedClassName,
 } from '@docusaurus/theme-common';
 import {useLocation} from '@docusaurus/router'; // Useful for SEO
 // See https://developers.google.com/search/docs/advanced/crawling/localized-versions
@@ -94,6 +95,9 @@ export default function LayoutHead(props) {
         <title>{pageTitle}</title>
         <meta property="og:title" content={pageTitle} />
         <meta name="twitter:card" content="summary_large_image" />
+        {/* The keyboard focus class name need to be applied when SSR so links
+        are outlined when JS is disabled */}
+        <body className={keyboardFocusedClassName} />
       </Head>
 
       {/* image can override the default image */}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docusaurus/theme-classic",
-  "version": "0.0.0-4540",
+  "version": "0.0.0-4546",
   "description": "Classic theme for Docusaurus",
   "main": "lib/index.js",
   "types": "src/theme-classic.d.ts",
@@ -21,15 +21,15 @@
     "format:lib-next": "prettier --config ../../.prettierrc --write \"lib-next/**/*.{js,ts,jsx,tsc}\""
   },
   "dependencies": {
-    "@docusaurus/core": "0.0.0-4540",
-    "@docusaurus/plugin-content-blog": "0.0.0-4540",
-    "@docusaurus/plugin-content-docs": "0.0.0-4540",
-    "@docusaurus/plugin-content-pages": "0.0.0-4540",
-    "@docusaurus/theme-common": "0.0.0-4540",
-    "@docusaurus/theme-translations": "0.0.0-4540",
-    "@docusaurus/utils": "0.0.0-4540",
-    "@docusaurus/utils-common": "0.0.0-4540",
-    "@docusaurus/utils-validation": "0.0.0-4540",
+    "@docusaurus/core": "0.0.0-4546",
+    "@docusaurus/plugin-content-blog": "0.0.0-4546",
+    "@docusaurus/plugin-content-docs": "0.0.0-4546",
+    "@docusaurus/plugin-content-pages": "0.0.0-4546",
+    "@docusaurus/theme-common": "0.0.0-4546",
+    "@docusaurus/theme-translations": "0.0.0-4546",
+    "@docusaurus/utils": "0.0.0-4546",
+    "@docusaurus/utils-common": "0.0.0-4546",
+    "@docusaurus/utils-validation": "0.0.0-4546",
     "@mdx-js/react": "^1.6.21",
     "clsx": "^1.1.1",
     "copy-text-to-clipboard": "^3.0.1",
@@ -42,8 +42,8 @@
     "rtlcss": "^3.3.0"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "0.0.0-4540",
-    "@docusaurus/types": "0.0.0-4540",
+    "@docusaurus/module-type-aliases": "0.0.0-4546",
+    "@docusaurus/types": "0.0.0-4546",
     "@types/mdx-js__react": "^1.5.4",
     "@types/parse-numeric-range": "^0.0.1",
     "@types/prismjs": "^1.26.0",
@@ -62,5 +62,5 @@
   "engines": {
     "node": ">=14"
   },
-  "gitHead": "3bb46cc9766cd9a6e87fee3407d038b45eeee93a"
+  "gitHead": "f4dc68b452de796a2afbc90dfa03322c3c579b03"
 }

package/src/theme/BlogTagsPostsPage/index.tsx

@@ -13,6 +13,7 @@ import BlogPostItem from '@theme/BlogPostItem';
 import type {Props} from '@theme/BlogTagsPostsPage';
 import Translate, {translate} from '@docusaurus/Translate';
 import {ThemeClassNames, usePluralForm} from '@docusaurus/theme-common';
+import BlogListPaginator from '@theme/BlogListPaginator';
 
 // Very simple pluralization: probably good enough for now
 function useBlogPostsPlural() {
@@ -33,7 +34,7 @@ function useBlogPostsPlural() {
 }
 
 export default function BlogTagsPostsPage(props: Props): JSX.Element {
-  const {metadata, items, sidebar} = props;
+  const {metadata, items, sidebar, listMetadata} = props;
   const {allTagsPath, name: tagName, count} = metadata;
   const blogPostsPlural = useBlogPostsPlural();
   const title = translate(
@@ -77,6 +78,7 @@ export default function BlogTagsPostsPage(props: Props): JSX.Element {
           <BlogPostContent />
         </BlogPostItem>
       ))}
+      <BlogListPaginator metadata={listMetadata} />
     </BlogLayout>
   );
 }

package/src/theme/LayoutHead/index.tsx

@@ -17,6 +17,7 @@ import {
   useTitleFormatter,
   useAlternatePageUtils,
   useThemeConfig,
+  keyboardFocusedClassName,
 } from '@docusaurus/theme-common';
 import {useLocation} from '@docusaurus/router';
 
@@ -101,6 +102,9 @@ export default function LayoutHead(props: Props): JSX.Element {
         <title>{pageTitle}</title>
         <meta property="og:title" content={pageTitle} />
         <meta name="twitter:card" content="summary_large_image" />
+        {/* The keyboard focus class name need to be applied when SSR so links
+        are outlined when JS is disabled */}
+        <body className={keyboardFocusedClassName} />
       </Head>
 
       {/* image can override the default image */}