@docusaurus/theme-classic 3.9.2-canary-6465 → 3.9.2-canary-6499

package/lib/getSwizzleConfig.js

@@ -343,6 +343,13 @@ function getSwizzleConfig() {
                 },
                 description: 'The component used to render <img> tags and Markdown images in MDX',
             },
+            'MDXComponents/Li': {
+                actions: {
+                    eject: 'safe',
+                    wrap: 'safe',
+                },
+                description: 'The component used to render <li> tags in MDX',
+            },
             'MDXComponents/Pre': {
                 actions: {
                     eject: 'safe',

package/lib/theme/Admonition/Layout/index.js

@@ -8,7 +8,7 @@ import React from 'react';
 import clsx from 'clsx';
 import {ThemeClassNames} from '@docusaurus/theme-common';
 import styles from './styles.module.css';
-function AdmonitionContainer({type, className, children}) {
+function AdmonitionContainer({type, className, children, id}) {
   return (
     <div
       className={clsx(
@@ -16,7 +16,8 @@ function AdmonitionContainer({type, className, children}) {
         ThemeClassNames.common.admonitionType(type),
         styles.admonition,
         className,
-      )}>
+      )}
+      id={id}>
       {children}
     </div>
   );
@@ -35,9 +36,9 @@ function AdmonitionContent({children}) {
   ) : null;
 }
 export default function AdmonitionLayout(props) {
-  const {type, icon, title, children, className} = props;
+  const {type, icon, title, children, className, id} = props;
   return (
-    <AdmonitionContainer type={type} className={className}>
+    <AdmonitionContainer type={type} className={className} id={id}>
       {title || icon ? <AdmonitionHeading title={title} icon={icon} /> : null}
       <AdmonitionContent>{children}</AdmonitionContent>
     </AdmonitionContainer>

package/lib/theme/Navbar/MobileSidebar/Layout/index.js

@@ -14,6 +14,7 @@ import {ThemeClassNames} from '@docusaurus/theme-common';
 function inertProps(inert) {
   const isBeforeReact19 = parseInt(version.split('.')[0], 10) < 19;
   if (isBeforeReact19) {
+    // TODO Docusaurus v4: remove temporary inert workaround
     return {inert: inert ? '' : undefined};
   }
   return {inert};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docusaurus/theme-classic",
-  "version": "3.9.2-canary-6465",
+  "version": "3.9.2-canary-6499",
   "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.9.2-canary-6465",
-    "@docusaurus/logger": "3.9.2-canary-6465",
-    "@docusaurus/mdx-loader": "3.9.2-canary-6465",
-    "@docusaurus/module-type-aliases": "3.9.2-canary-6465",
-    "@docusaurus/plugin-content-blog": "3.9.2-canary-6465",
-    "@docusaurus/plugin-content-docs": "3.9.2-canary-6465",
-    "@docusaurus/plugin-content-pages": "3.9.2-canary-6465",
-    "@docusaurus/theme-common": "3.9.2-canary-6465",
-    "@docusaurus/theme-translations": "3.9.2-canary-6465",
-    "@docusaurus/types": "3.9.2-canary-6465",
-    "@docusaurus/utils": "3.9.2-canary-6465",
-    "@docusaurus/utils-common": "3.9.2-canary-6465",
-    "@docusaurus/utils-validation": "3.9.2-canary-6465",
+    "@docusaurus/core": "3.9.2-canary-6499",
+    "@docusaurus/logger": "3.9.2-canary-6499",
+    "@docusaurus/mdx-loader": "3.9.2-canary-6499",
+    "@docusaurus/module-type-aliases": "3.9.2-canary-6499",
+    "@docusaurus/plugin-content-blog": "3.9.2-canary-6499",
+    "@docusaurus/plugin-content-docs": "3.9.2-canary-6499",
+    "@docusaurus/plugin-content-pages": "3.9.2-canary-6499",
+    "@docusaurus/theme-common": "3.9.2-canary-6499",
+    "@docusaurus/theme-translations": "3.9.2-canary-6499",
+    "@docusaurus/types": "3.9.2-canary-6499",
+    "@docusaurus/utils": "3.9.2-canary-6499",
+    "@docusaurus/utils-common": "3.9.2-canary-6499",
+    "@docusaurus/utils-validation": "3.9.2-canary-6499",
     "@mdx-js/react": "^3.0.0",
     "clsx": "^2.0.0",
     "infima": "0.2.0-alpha.45",
@@ -51,7 +51,6 @@
     "@types/prismjs": "^1.26.0",
     "@types/rtlcss": "^3.5.1",
     "fs-extra": "^11.1.1",
-    "react-test-renderer": "^18.0.0",
     "utility-types": "^3.10.0"
   },
   "peerDependencies": {
@@ -61,5 +60,5 @@
   "engines": {
     "node": ">=20.0"
   },
-  "gitHead": "3b356ca82e7bac46de224279685a7788a7154fea"
+  "gitHead": "5ad8c2b9301411f0be8fabe95315c6a4ac7a7af4"
 }

package/src/getSwizzleConfig.ts

@@ -368,6 +368,13 @@ export default function getSwizzleConfig(): SwizzleConfig {
         description:
           'The component used to render <img> tags and Markdown images in MDX',
       },
+      'MDXComponents/Li': {
+        actions: {
+          eject: 'safe',
+          wrap: 'safe',
+        },
+        description: 'The component used to render <li> tags in MDX',
+      },
       'MDXComponents/Pre': {
         actions: {
           eject: 'safe',

package/src/theme/Admonition/Layout/index.tsx

@@ -17,7 +17,8 @@ function AdmonitionContainer({
   type,
   className,
   children,
-}: Pick<Props, 'type' | 'className'> & {children: ReactNode}) {
+  id,
+}: Pick<Props, 'type' | 'className' | 'id'> & {children: ReactNode}) {
   return (
     <div
       className={clsx(
@@ -25,7 +26,8 @@ function AdmonitionContainer({
         ThemeClassNames.common.admonitionType(type),
         styles.admonition,
         className,
-      )}>
+      )}
+      id={id}>
       {children}
     </div>
   );
@@ -47,9 +49,9 @@ function AdmonitionContent({children}: Pick<Props, 'children'>) {
 }
 
 export default function AdmonitionLayout(props: Props): ReactNode {
-  const {type, icon, title, children, className} = props;
+  const {type, icon, title, children, className, id} = props;
   return (
-    <AdmonitionContainer type={type} className={className}>
+    <AdmonitionContainer type={type} className={className} id={id}>
       {title || icon ? <AdmonitionHeading title={title} icon={icon} /> : null}
       <AdmonitionContent>{children}</AdmonitionContent>
     </AdmonitionContainer>

package/src/theme/Navbar/MobileSidebar/Layout/index.tsx

@@ -17,7 +17,8 @@ import type {Props} from '@theme/Navbar/MobileSidebar/Layout';
 function inertProps(inert: boolean) {
   const isBeforeReact19 = parseInt(version!.split('.')[0]!, 10) < 19;
   if (isBeforeReact19) {
-    return {inert: inert ? '' : undefined};
+    // TODO Docusaurus v4: remove temporary inert workaround
+    return {inert: inert ? '' : undefined} as unknown as {inert: boolean};
   }
   return {inert};
 }

package/src/theme-classic.d.ts

@@ -48,6 +48,7 @@ declare module '@theme/Admonition' {
     readonly icon?: ReactNode;
     readonly title?: ReactNode;
     readonly className?: string;
+    readonly id?: string;
   }
 
   export default function Admonition(props: Props): ReactNode;
@@ -123,6 +124,7 @@ declare module '@theme/Admonition/Layout' {
     readonly icon?: ReactNode;
     readonly title?: ReactNode;
     readonly className?: string;
+    readonly id?: string;
   }
   export default function AdmonitionLayout(props: Props): ReactNode;
 }
@@ -1743,11 +1745,11 @@ declare module '@theme/Icon/LightMode' {
 }
 
 declare module '@theme/Icon/SystemColorMode' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'svg'> {}
 
-  export default function IconSystemColorMode(props: Props): JSX.Element;
+  export default function IconSystemColorMode(props: Props): ReactNode;
 }
 
 declare module '@theme/Icon/Menu' {