@docusaurus/theme-classic 3.7.0-canary-6211 → 3.7.0-canary-6213

package/lib/theme/DocCardList/index.js

@@ -11,10 +11,18 @@ import {
   filterDocCardListItems,
 } from '@docusaurus/plugin-content-docs/client';
 import DocCard from '@theme/DocCard';
+import styles from './styles.module.css';
 function DocCardListForCurrentSidebarCategory({className}) {
   const items = useCurrentSidebarSiblings();
   return <DocCardList items={items} className={className} />;
 }
+function DocCardListItem({item}) {
+  return (
+    <article className={clsx(styles.docCardListItem, 'col col--6')}>
+      <DocCard item={item} />
+    </article>
+  );
+}
 export default function DocCardList(props) {
   const {items, className} = props;
   if (!items) {
@@ -24,9 +32,7 @@ export default function DocCardList(props) {
   return (
     <section className={clsx('row', className)}>
       {filteredItems.map((item, index) => (
-        <article key={index} className="col col--6 margin-bottom--lg">
-          <DocCard item={item} />
-        </article>
+        <DocCardListItem key={index} item={item} />
       ))}
     </section>
   );

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

@@ -0,0 +1,14 @@
+/**
+ * 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.
+ */
+
+.docCardListItem {
+  margin-bottom: 2rem;
+}
+
+.docCardListItem > * {
+  height: 100%;
+}

package/lib/theme/DocCategoryGeneratedIndexPage/index.js

@@ -44,7 +44,7 @@ function DocCategoryGeneratedIndexPageContent({categoryGeneratedIndex}) {
       <article className="margin-top--lg">
         <DocCardList items={category.items} className={styles.list} />
       </article>
-      <footer className="margin-top--lg">
+      <footer className="margin-top--md">
         <DocPaginator
           previous={categoryGeneratedIndex.navigation.previous}
           next={categoryGeneratedIndex.navigation.next}

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

@@ -9,10 +9,6 @@
   .generatedIndexPage {
     max-width: 75% !important;
   }
-
-  .list article:nth-last-child(-n + 2) {
-    margin-bottom: 0 !important;
-  }
 }
 
 /* Duplicated from .markdown h1 */
@@ -20,7 +16,3 @@
   --ifm-h1-font-size: 3rem;
   margin-bottom: calc(1.25 * var(--ifm-leading));
 }
-
-.list article:last-child {
-  margin-bottom: 0 !important;
-}

package/lib/theme/DocItem/Paginator/index.js

@@ -13,5 +13,11 @@ import DocPaginator from '@theme/DocPaginator';
  */
 export default function DocItemPaginator() {
   const {metadata} = useDoc();
-  return <DocPaginator previous={metadata.previous} next={metadata.next} />;
+  return (
+    <DocPaginator
+      className="docusaurus-mt-lg"
+      previous={metadata.previous}
+      next={metadata.next}
+    />
+  );
 }

package/lib/theme/DocPaginator/index.js

@@ -5,13 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
+import clsx from 'clsx';
 import Translate, {translate} from '@docusaurus/Translate';
 import PaginatorNavLink from '@theme/PaginatorNavLink';
 export default function DocPaginator(props) {
-  const {previous, next} = props;
+  const {className, previous, next} = props;
   return (
     <nav
-      className="pagination-nav docusaurus-mt-lg"
+      className={clsx(className, 'pagination-nav')}
       aria-label={translate({
         id: 'theme.docs.paginator.navAriaLabel',
         message: 'Docs pages',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docusaurus/theme-classic",
-  "version": "3.7.0-canary-6211",
+  "version": "3.7.0-canary-6213",
   "description": "Classic theme for Docusaurus",
   "main": "lib/index.js",
   "types": "src/theme-classic.d.ts",
@@ -20,19 +20,19 @@
     "copy:watch": "node ../../admin/scripts/copyUntypedFiles.js --watch"
   },
   "dependencies": {
-    "@docusaurus/core": "3.7.0-canary-6211",
-    "@docusaurus/logger": "3.7.0-canary-6211",
-    "@docusaurus/mdx-loader": "3.7.0-canary-6211",
-    "@docusaurus/module-type-aliases": "3.7.0-canary-6211",
-    "@docusaurus/plugin-content-blog": "3.7.0-canary-6211",
-    "@docusaurus/plugin-content-docs": "3.7.0-canary-6211",
-    "@docusaurus/plugin-content-pages": "3.7.0-canary-6211",
-    "@docusaurus/theme-common": "3.7.0-canary-6211",
-    "@docusaurus/theme-translations": "3.7.0-canary-6211",
-    "@docusaurus/types": "3.7.0-canary-6211",
-    "@docusaurus/utils": "3.7.0-canary-6211",
-    "@docusaurus/utils-common": "3.7.0-canary-6211",
-    "@docusaurus/utils-validation": "3.7.0-canary-6211",
+    "@docusaurus/core": "3.7.0-canary-6213",
+    "@docusaurus/logger": "3.7.0-canary-6213",
+    "@docusaurus/mdx-loader": "3.7.0-canary-6213",
+    "@docusaurus/module-type-aliases": "3.7.0-canary-6213",
+    "@docusaurus/plugin-content-blog": "3.7.0-canary-6213",
+    "@docusaurus/plugin-content-docs": "3.7.0-canary-6213",
+    "@docusaurus/plugin-content-pages": "3.7.0-canary-6213",
+    "@docusaurus/theme-common": "3.7.0-canary-6213",
+    "@docusaurus/theme-translations": "3.7.0-canary-6213",
+    "@docusaurus/types": "3.7.0-canary-6213",
+    "@docusaurus/utils": "3.7.0-canary-6213",
+    "@docusaurus/utils-common": "3.7.0-canary-6213",
+    "@docusaurus/utils-validation": "3.7.0-canary-6213",
     "@mdx-js/react": "^3.0.0",
     "clsx": "^2.0.0",
     "copy-text-to-clipboard": "^3.2.0",
@@ -62,5 +62,5 @@
   "engines": {
     "node": ">=18.0"
   },
-  "gitHead": "56c168109b370c39c8e8f5717117991e5ebd61a9"
+  "gitHead": "c9fdd7acbf913057cfe0c16c9446875b21592e24"
 }

package/src/theme/DocCardList/index.tsx

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React, {type ReactNode} from 'react';
+import React, {type ComponentProps, type ReactNode} from 'react';
 import clsx from 'clsx';
 import {
   useCurrentSidebarSiblings,
@@ -13,12 +13,25 @@ import {
 } from '@docusaurus/plugin-content-docs/client';
 import DocCard from '@theme/DocCard';
 import type {Props} from '@theme/DocCardList';
+import styles from './styles.module.css';
 
 function DocCardListForCurrentSidebarCategory({className}: Props) {
   const items = useCurrentSidebarSiblings();
   return <DocCardList items={items} className={className} />;
 }
 
+function DocCardListItem({
+  item,
+}: {
+  item: ComponentProps<typeof DocCard>['item'];
+}) {
+  return (
+    <article className={clsx(styles.docCardListItem, 'col col--6')}>
+      <DocCard item={item} />
+    </article>
+  );
+}
+
 export default function DocCardList(props: Props): ReactNode {
   const {items, className} = props;
   if (!items) {
@@ -28,9 +41,7 @@ export default function DocCardList(props: Props): ReactNode {
   return (
     <section className={clsx('row', className)}>
       {filteredItems.map((item, index) => (
-        <article key={index} className="col col--6 margin-bottom--lg">
-          <DocCard item={item} />
-        </article>
+        <DocCardListItem key={index} item={item} />
       ))}
     </section>
   );

package/src/theme/DocCardList/styles.module.css

@@ -0,0 +1,14 @@
+/**
+ * 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.
+ */
+
+.docCardListItem {
+  margin-bottom: 2rem;
+}
+
+.docCardListItem > * {
+  height: 100%;
+}

package/src/theme/DocCategoryGeneratedIndexPage/index.tsx

@@ -53,7 +53,7 @@ function DocCategoryGeneratedIndexPageContent({
       <article className="margin-top--lg">
         <DocCardList items={category.items} className={styles.list} />
       </article>
-      <footer className="margin-top--lg">
+      <footer className="margin-top--md">
         <DocPaginator
           previous={categoryGeneratedIndex.navigation.previous}
           next={categoryGeneratedIndex.navigation.next}

package/src/theme/DocCategoryGeneratedIndexPage/styles.module.css

@@ -9,10 +9,6 @@
   .generatedIndexPage {
     max-width: 75% !important;
   }
-
-  .list article:nth-last-child(-n + 2) {
-    margin-bottom: 0 !important;
-  }
 }
 
 /* Duplicated from .markdown h1 */
@@ -20,7 +16,3 @@
   --ifm-h1-font-size: 3rem;
   margin-bottom: calc(1.25 * var(--ifm-leading));
 }
-
-.list article:last-child {
-  margin-bottom: 0 !important;
-}

package/src/theme/DocItem/Paginator/index.tsx

@@ -15,5 +15,11 @@ import DocPaginator from '@theme/DocPaginator';
  */
 export default function DocItemPaginator(): ReactNode {
   const {metadata} = useDoc();
-  return <DocPaginator previous={metadata.previous} next={metadata.next} />;
+  return (
+    <DocPaginator
+      className="docusaurus-mt-lg"
+      previous={metadata.previous}
+      next={metadata.next}
+    />
+  );
 }

package/src/theme/DocPaginator/index.tsx

@@ -6,15 +6,16 @@
  */
 
 import React, {type ReactNode} from 'react';
+import clsx from 'clsx';
 import Translate, {translate} from '@docusaurus/Translate';
 import PaginatorNavLink from '@theme/PaginatorNavLink';
 import type {Props} from '@theme/DocPaginator';
 
 export default function DocPaginator(props: Props): ReactNode {
-  const {previous, next} = props;
+  const {className, previous, next} = props;
   return (
     <nav
-      className="pagination-nav docusaurus-mt-lg"
+      className={clsx(className, 'pagination-nav')}
       aria-label={translate({
         id: 'theme.docs.paginator.navAriaLabel',
         message: 'Docs pages',

package/src/theme-classic.d.ts

@@ -624,7 +624,9 @@ declare module '@theme/DocPaginator' {
   import type {PropNavigation} from '@docusaurus/plugin-content-docs';
 
   // May be simpler to provide a {navigation: PropNavigation} prop?
-  export interface Props extends PropNavigation {}
+  export interface Props extends PropNavigation {
+    className?: string;
+  }
 
   export default function DocPaginator(props: Props): ReactNode;
 }