npm - @docusaurus/theme-classic - Versions diffs - 3.10.1-canary-6655 → 3.10.2 - Mend

@docusaurus/theme-classic 3.10.1-canary-6655 → 3.10.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (66) hide show

package/lib/nprogress.css CHANGED Viewed

@@ -34,8 +34,7 @@
   right: 0;
   width: 100px;
   height: 100%;
-  box-shadow:
-    0 0 10px var(--docusaurus-progress-bar-color),
+  box-shadow: 0 0 10px var(--docusaurus-progress-bar-color),
     0 0 5px var(--docusaurus-progress-bar-color);
   opacity: 1;
   transform: rotate(3deg) translate(0, -4px);

package/lib/theme/Admonition/index.js CHANGED Viewed

@@ -20,6 +20,5 @@ function getAdmonitionTypeComponent(type) {
 export default function Admonition(unprocessedProps) {
   const props = processAdmonitionProps(unprocessedProps);
   const AdmonitionTypeComponent = getAdmonitionTypeComponent(props.type);
-  // eslint-disable-next-line react-hooks/static-components
   return <AdmonitionTypeComponent {...props} />;
 }

package/lib/theme/AnnouncementBar/Content/index.js CHANGED Viewed

@@ -16,6 +16,7 @@ export default function AnnouncementBarContent(props) {
       {...props}
       className={clsx(styles.content, props.className)}
       // Developer provided the HTML, so assume it's safe.
+      // eslint-disable-next-line react/no-danger
       dangerouslySetInnerHTML={{__html: content}}
     />
   );

package/lib/theme/AnnouncementBar/styles.module.css CHANGED Viewed

@@ -50,7 +50,7 @@ html[data-announcement-bar-initially-dismissed='true'] .announcementBar {
   }
 }
-@media (width >= 997px) {
+@media (min-width: 997px) {
   :root {
     --docusaurus-announcement-bar-height: 30px;
   }

package/lib/theme/BlogPostItem/Header/Title/styles.module.css CHANGED Viewed

@@ -12,7 +12,7 @@
 /**
   Blog post title should be smaller on smaller devices
 **/
-@media (width <= 576px) {
+@media (max-width: 576px) {
   .title {
     font-size: 2rem;
   }

package/lib/theme/BlogSidebar/Desktop/styles.module.css CHANGED Viewed

@@ -38,7 +38,7 @@
   color: var(--ifm-color-primary) !important;
 }
-@media (width <= 996px) {
+@media (max-width: 996px) {
   .sidebar {
     display: none;
   }

package/lib/theme/CodeBlock/Content/index.js CHANGED Viewed

@@ -11,17 +11,18 @@ import {usePrismTheme} from '@docusaurus/theme-common';
 import {Highlight} from 'prism-react-renderer';
 import Line from '@theme/CodeBlock/Line';
 import styles from './styles.module.css';
-function Pre({className, ref, ...props}) {
+// TODO Docusaurus v4: remove useless forwardRef
+const Pre = React.forwardRef((props, ref) => {
   return (
     <pre
       ref={ref}
       /* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */
       tabIndex={0}
       {...props}
-      className={clsx(className, styles.codeBlock, 'thin-scrollbar')}
+      className={clsx(props.className, styles.codeBlock, 'thin-scrollbar')}
     />
   );
-}
+});
 function Code(props) {
   const {metadata} = useCodeBlockContext();
   return (

package/lib/theme/ContentVisibility/Unlisted/index.js CHANGED Viewed

@@ -6,20 +6,13 @@
  */
 import React from 'react';
 import clsx from 'clsx';
-import Head from '@docusaurus/Head';
 import {
   ThemeClassNames,
   UnlistedBannerTitle,
   UnlistedBannerMessage,
+  UnlistedMetadata,
 } from '@docusaurus/theme-common';
 import Admonition from '@theme/Admonition';
-function UnlistedMetadata() {
-  return (
-    <Head>
-      <meta name="robots" content="noindex, nofollow" />
-    </Head>
-  );
-}
 function UnlistedBanner({className}) {
   return (
     <Admonition

package/lib/theme/DocCard/index.js CHANGED Viewed

@@ -17,7 +17,7 @@ import isInternalUrl from '@docusaurus/isInternalUrl';
 import Layout from '@theme/DocCard/Layout';
 function getFallbackEmojiIcon(item) {
   if (item.type === 'category') {
-    return '🗃️';
+    return '🗃';
   }
   return isInternalUrl(item.href) ? '📄️' : '🔗';
 }

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

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
-@media (width >= 997px) {
+@media (min-width: 997px) {
   .generatedIndexPage {
     max-width: 75% !important;
   }

package/lib/theme/DocItem/Layout/styles.module.css CHANGED Viewed

@@ -10,7 +10,7 @@
   margin-top: 0;
 }
-@media (width >= 997px) {
+@media (min-width: 997px) {
   .docItemCol {
     max-width: 75% !important;
   }

package/lib/theme/DocItem/TOC/Mobile/styles.module.css CHANGED Viewed

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
-@media (width >= 997px) {
+@media (min-width: 997px) {
   /* Prevent hydration FOUC, as the mobile TOC needs to be server-rendered */
   .tocMobile {
     display: none;

package/lib/theme/DocRoot/Layout/Main/styles.module.css CHANGED Viewed

@@ -10,7 +10,7 @@
   width: 100%;
 }
-@media (width >= 997px) {
+@media (min-width: 997px) {
   .docMainContainer {
     flex-grow: 1;
     max-width: calc(100% - var(--doc-sidebar-width));

package/lib/theme/DocRoot/Layout/Sidebar/ExpandButton/styles.module.css CHANGED Viewed

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
-@media (width >= 997px) {
+@media (min-width: 997px) {
   .expandButton {
     position: absolute;
     top: 0;

package/lib/theme/DocRoot/Layout/Sidebar/styles.module.css CHANGED Viewed

@@ -14,7 +14,7 @@
   display: none;
 }
-@media (width >= 997px) {
+@media (min-width: 997px) {
   .docSidebarContainer {
     display: block;
     width: var(--doc-sidebar-width);

package/lib/theme/DocSidebar/Desktop/CollapseButton/styles.module.css CHANGED Viewed

@@ -15,7 +15,7 @@
   --docusaurus-collapse-button-bg-hover: rgb(255 255 255 / 10%);
 }
-@media (width >= 997px) {
+@media (min-width: 997px) {
   .collapseSidebarButton {
     display: block !important;
     background-color: var(--docusaurus-collapse-button-bg);

package/lib/theme/DocSidebar/Desktop/Content/styles.module.css CHANGED Viewed

@@ -5,12 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
-@media (width >= 997px) {
+@media (min-width: 997px) {
   .menu {
     flex-grow: 1;
     padding: 0.5rem;
   }
   @supports (scrollbar-gutter: stable) {
     .menu {
       padding: 0.5rem 0 0.5rem 0.5rem;

package/lib/theme/DocSidebar/Desktop/styles.module.css CHANGED Viewed

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
-@media (width >= 997px) {
+@media (min-width: 997px) {
   .sidebar {
     display: flex;
     flex-direction: column;

package/lib/theme/DocSidebarItem/Category/index.js CHANGED Viewed

@@ -238,9 +238,7 @@ function DocSidebarItemCategoryCollapsible({
           aria-current={isCurrentPage ? 'page' : undefined}
           role={collapsible && !href ? 'button' : undefined}
           aria-expanded={collapsible && !href ? !collapsed : undefined}
-          href={
-            collapsible ? (hrefWithSSRFallback ?? '#') : hrefWithSSRFallback
-          }
+          href={collapsible ? hrefWithSSRFallback ?? '#' : hrefWithSSRFallback}
           {...props}>
           <CategoryLinkLabel label={label} />
         </Link>

package/lib/theme/DocSidebarItem/Html/index.js CHANGED Viewed

@@ -19,6 +19,7 @@ export default function DocSidebarItemHtml({item, level, index}) {
         className,
       )}
       key={index}
+      // eslint-disable-next-line react/no-danger
       dangerouslySetInnerHTML={{__html: value}}
     />
   );

package/lib/theme/DocSidebarItem/Html/styles.module.css CHANGED Viewed

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
-@media (width >= 997px) {
+@media (min-width: 997px) {
   .menuHtmlItem {
     padding: var(--ifm-menu-link-padding-vertical)
       var(--ifm-menu-link-padding-horizontal);

package/lib/theme/EditMetaRow/styles.module.css CHANGED Viewed

@@ -11,7 +11,7 @@
   margin-top: 0.2rem;
 }
-@media (width >= 997px) {
+@media (min-width: 997px) {
   .lastUpdated {
     text-align: right;
   }

package/lib/theme/ErrorPageContent.js CHANGED Viewed

@@ -6,25 +6,35 @@
  */
 import React from 'react';
 import Translate from '@docusaurus/Translate';
-import { ErrorBoundaryError, ErrorBoundaryTryAgainButton, } from '@docusaurus/theme-common';
+import {
+  ErrorBoundaryError,
+  ErrorBoundaryTryAgainButton,
+} from '@docusaurus/theme-common';
 import Heading from '@theme/Heading';
-export default function ErrorPageContent({ error, tryAgain }) {
-    return (<main className="container margin-vert--xl">
+export default function ErrorPageContent({error, tryAgain}) {
+  return (
+    <main className="container margin-vert--xl">
       <div className="row">
         <div className="col col--6 col--offset-3">
           <Heading as="h1" className="hero__title">
-            <Translate id="theme.ErrorPageContent.title" description="The title of the fallback page when the page crashed">
+            <Translate
+              id="theme.ErrorPageContent.title"
+              description="The title of the fallback page when the page crashed">
               This page crashed.
             </Translate>
           </Heading>
           <div className="margin-vert--lg">
-            <ErrorBoundaryTryAgainButton onClick={tryAgain} className="button button--primary shadow--lw"/>
+            <ErrorBoundaryTryAgainButton
+              onClick={tryAgain}
+              className="button button--primary shadow--lw"
+            />
           </div>
           <hr />
           <div className="margin-vert--md">
-            <ErrorBoundaryError error={error}/>
+            <ErrorBoundaryError error={error} />
           </div>
         </div>
       </div>
-    </main>);
+    </main>
+  );
 }

package/lib/theme/Footer/Copyright/index.js CHANGED Viewed

@@ -10,6 +10,7 @@ export default function FooterCopyright({copyright}) {
     <div
       className="footer__copyright"
       // Developer provided the HTML, so assume it's safe.
+      // eslint-disable-next-line react/no-danger
       dangerouslySetInnerHTML={{__html: copyright}}
     />
   );

package/lib/theme/Footer/Links/MultiColumn/index.js CHANGED Viewed

@@ -13,6 +13,7 @@ function ColumnLinkItem({item}) {
     <li
       className={clsx('footer__item', item.className)}
       // Developer provided the HTML, so assume it's safe.
+      // eslint-disable-next-line react/no-danger
       dangerouslySetInnerHTML={{__html: item.html}}
     />
   ) : (

package/lib/theme/Footer/Links/Simple/index.js CHANGED Viewed

@@ -15,6 +15,7 @@ function SimpleLinkItem({item}) {
     <span
       className={clsx('footer__link-item', item.className)}
       // Developer provided the HTML, so assume it's safe.
+      // eslint-disable-next-line react/no-danger
       dangerouslySetInnerHTML={{__html: item.html}}
     />
   ) : (

package/lib/theme/Mermaid.js CHANGED Viewed

@@ -10,4 +10,4 @@
 // Yet we declare it there so that we can register it in MDX
 // TODO later the mermaid theme should be able to register its MDX component
 // see https://github.com/facebook/docusaurus/pull/7490#issuecomment-1279117288
-export { default } from '@docusaurus/Noop';
+export {default} from '@docusaurus/Noop';

package/lib/theme/Navbar/Content/styles.module.css CHANGED Viewed

@@ -8,7 +8,7 @@
 /*
 Hide color mode toggle in small viewports
  */
-@media (width <= 996px) {
+@media (max-width: 996px) {
   .colorModeToggle {
     display: none;
   }

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

@@ -4,10 +4,21 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React from 'react';
+import React, {version} from 'react';
 import clsx from 'clsx';
 import {useNavbarSecondaryMenu} from '@docusaurus/theme-common/internal';
 import {ThemeClassNames} from '@docusaurus/theme-common';
+// TODO Docusaurus v4: remove temporary inert workaround
+//  See https://github.com/facebook/react/issues/17157
+//  See https://github.com/radix-ui/themes/pull/509
+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};
+}
 function NavbarMobileSidebarPanel({children, inert}) {
   return (
     <div
@@ -15,7 +26,7 @@ function NavbarMobileSidebarPanel({children, inert}) {
         ThemeClassNames.layout.navbar.mobileSidebar.panel,
         'navbar-sidebar__item menu',
       )}
-      inert={inert}>
+      {...inertProps(inert)}>
       {children}
     </div>
   );

package/lib/theme/Navbar/Search/styles.module.css CHANGED Viewed

@@ -13,14 +13,14 @@ See https://github.com/facebook/docusaurus/pull/9385
   display: none;
 }
-@media (width <= 996px) {
+@media (max-width: 996px) {
   .navbarSearchContainer {
     position: absolute;
     right: var(--ifm-navbar-padding-horizontal);
   }
 }
-@media (width >= 997px) {
+@media (min-width: 997px) {
   .navbarSearchContainer {
     padding: 0 var(--ifm-navbar-item-padding-horizontal);
   }

package/lib/theme/SearchBar.js CHANGED Viewed

@@ -8,4 +8,4 @@
 // If you swizzled this, it is your responsibility to provide an implementation
 // Tip: swizzle the SearchBar from the Algolia theme for inspiration:
 // npm run swizzle @docusaurus/theme-search-algolia SearchBar
-export { default } from '@docusaurus/Noop';
+export {default} from '@docusaurus/Noop';

package/lib/theme/TOC/styles.module.css CHANGED Viewed

@@ -12,7 +12,7 @@
   top: calc(var(--ifm-navbar-height) + 1rem);
 }
-@media (width <= 996px) {
+@media (max-width: 996px) {
   .tableOfContents {
     display: none;
   }

package/lib/theme/prism-include-languages.js CHANGED Viewed

@@ -6,27 +6,29 @@
  */
 import siteConfig from '@generated/docusaurus.config';
 export default function prismIncludeLanguages(PrismObject) {
-    const { themeConfig: { prism }, } = siteConfig;
-    const { additionalLanguages } = prism;
-    // Prism components work on the Prism instance on the window, while prism-
-    // react-renderer uses its own Prism instance. We temporarily mount the
-    // instance onto window, import components to enhance it, then remove it to
-    // avoid polluting global namespace.
-    // You can mutate PrismObject: registering plugins, deleting languages... As
-    // long as you don't re-assign it
-    const PrismBefore = globalThis.Prism;
-    globalThis.Prism = PrismObject;
-    additionalLanguages.forEach((lang) => {
-        if (lang === 'php') {
-            // eslint-disable-next-line @typescript-eslint/no-require-imports
-            require('prismjs/components/prism-markup-templating.js');
-        }
-        // eslint-disable-next-line @typescript-eslint/no-require-imports
-        require(`prismjs/components/prism-${lang}`);
-    });
-    // Clean up and eventually restore former globalThis.Prism object (if any)
-    delete globalThis.Prism;
-    if (typeof PrismBefore !== 'undefined') {
-        globalThis.Prism = PrismObject;
+  const {
+    themeConfig: {prism},
+  } = siteConfig;
+  const {additionalLanguages} = prism;
+  // Prism components work on the Prism instance on the window, while prism-
+  // react-renderer uses its own Prism instance. We temporarily mount the
+  // instance onto window, import components to enhance it, then remove it to
+  // avoid polluting global namespace.
+  // You can mutate PrismObject: registering plugins, deleting languages... As
+  // long as you don't re-assign it
+  const PrismBefore = globalThis.Prism;
+  globalThis.Prism = PrismObject;
+  additionalLanguages.forEach((lang) => {
+    if (lang === 'php') {
+      // eslint-disable-next-line global-require
+      require('prismjs/components/prism-markup-templating.js');
     }
+    // eslint-disable-next-line global-require, import/no-dynamic-require
+    require(`prismjs/components/prism-${lang}`);
+  });
+  // Clean up and eventually restore former globalThis.Prism object (if any)
+  delete globalThis.Prism;
+  if (typeof PrismBefore !== 'undefined') {
+    globalThis.Prism = PrismObject;
+  }
 }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@docusaurus/theme-classic",
-  "version": "3.10.1-canary-6655",
+  "version": "3.10.2",
   "description": "Classic theme for Docusaurus",
   "main": "lib/index.js",
   "types": "src/theme-classic.d.ts",
@@ -14,33 +14,33 @@
   },
   "license": "MIT",
   "scripts": {
-    "build": "tsc --build && node ../../admin/scripts/copyUntypedFiles.js && oxfmt \"lib/theme/**/*.js\"",
+    "build": "tsc --build && node ../../admin/scripts/copyUntypedFiles.js && prettier --config ../../.prettierrc --write \"lib/theme/**/*.js\"",
     "watch": "run-p -c copy:watch build:watch",
     "build:watch": "tsc --build --watch",
     "copy:watch": "node ../../admin/scripts/copyUntypedFiles.js --watch"
   },
   "dependencies": {
-    "@docusaurus/core": "3.10.1-canary-6655",
-    "@docusaurus/logger": "3.10.1-canary-6655",
-    "@docusaurus/mdx-loader": "3.10.1-canary-6655",
-    "@docusaurus/module-type-aliases": "3.10.1-canary-6655",
-    "@docusaurus/plugin-content-blog": "3.10.1-canary-6655",
-    "@docusaurus/plugin-content-docs": "3.10.1-canary-6655",
-    "@docusaurus/plugin-content-pages": "3.10.1-canary-6655",
-    "@docusaurus/theme-common": "3.10.1-canary-6655",
-    "@docusaurus/theme-translations": "3.10.1-canary-6655",
-    "@docusaurus/types": "3.10.1-canary-6655",
-    "@docusaurus/utils": "3.10.1-canary-6655",
-    "@docusaurus/utils-common": "3.10.1-canary-6655",
-    "@docusaurus/utils-validation": "3.10.1-canary-6655",
-    "@mdx-js/react": "^3.1.1",
+    "@docusaurus/core": "3.10.2",
+    "@docusaurus/logger": "3.10.2",
+    "@docusaurus/mdx-loader": "3.10.2",
+    "@docusaurus/module-type-aliases": "3.10.2",
+    "@docusaurus/plugin-content-blog": "3.10.2",
+    "@docusaurus/plugin-content-docs": "3.10.2",
+    "@docusaurus/plugin-content-pages": "3.10.2",
+    "@docusaurus/theme-common": "3.10.2",
+    "@docusaurus/theme-translations": "3.10.2",
+    "@docusaurus/types": "3.10.2",
+    "@docusaurus/utils": "3.10.2",
+    "@docusaurus/utils-common": "3.10.2",
+    "@docusaurus/utils-validation": "3.10.2",
+    "@mdx-js/react": "^3.0.0",
     "clsx": "^2.0.0",
     "copy-text-to-clipboard": "^3.2.0",
     "infima": "0.2.0-alpha.45",
     "lodash": "^4.17.21",
     "nprogress": "^0.2.0",
-    "postcss": "^8.5.12",
-    "prism-react-renderer": "^2.4.1",
+    "postcss": "^8.5.4",
+    "prism-react-renderer": "^2.3.0",
     "prismjs": "^1.29.0",
     "react-router-dom": "^5.3.4",
     "rtlcss": "^4.1.0",
@@ -49,16 +49,17 @@
   },
   "devDependencies": {
     "@types/nprogress": "^0.2.0",
-    "@types/prismjs": "^1.26.6",
+    "@types/prismjs": "^1.26.0",
     "@types/rtlcss": "^3.5.1",
-    "fs-extra": "^11.2.0"
+    "fs-extra": "^11.1.1",
+    "utility-types": "^3.10.0"
   },
   "peerDependencies": {
-    "react": "^19.2.5",
-    "react-dom": "^19.2.5"
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
   },
   "engines": {
-    "node": ">=24.14"
+    "node": ">=20.0"
   },
-  "gitHead": "6e93a3055178dd0af922ba627f787229dcdf948b"
+  "gitHead": "f37f9035584917a97a260b91fc2842cba4f8b94f"
 }

package/src/nprogress.css CHANGED Viewed

@@ -34,8 +34,7 @@
   right: 0;
   width: 100px;
   height: 100%;
-  box-shadow:
-    0 0 10px var(--docusaurus-progress-bar-color),
+  box-shadow: 0 0 10px var(--docusaurus-progress-bar-color),
     0 0 5px var(--docusaurus-progress-bar-color);
   opacity: 1;
   transform: rotate(3deg) translate(0, -4px);

package/src/options.ts CHANGED Viewed

@@ -150,8 +150,8 @@ const itemWithType = (type: string | RegExp | undefined) => {
     type instanceof RegExp
       ? Joi.string().required().regex(type)
       : type
-        ? Joi.string().required().equal(type)
-        : Joi.string().forbidden();
+      ? Joi.string().required().equal(type)
+      : Joi.string().forbidden();
   return Joi.object({
     type: typeSchema,
   })

package/src/theme/Admonition/index.tsx CHANGED Viewed

@@ -24,6 +24,5 @@ function getAdmonitionTypeComponent(type: string): ComponentType<Props> {
 export default function Admonition(unprocessedProps: Props): ReactNode {
   const props = processAdmonitionProps(unprocessedProps);
   const AdmonitionTypeComponent = getAdmonitionTypeComponent(props.type);
-  // eslint-disable-next-line react-hooks/static-components
   return <AdmonitionTypeComponent {...props} />;
 }

package/src/theme/AnnouncementBar/Content/index.tsx CHANGED Viewed

@@ -19,6 +19,7 @@ export default function AnnouncementBarContent(props: Props): ReactNode {
       {...props}
       className={clsx(styles.content, props.className)}
       // Developer provided the HTML, so assume it's safe.
+      // eslint-disable-next-line react/no-danger
       dangerouslySetInnerHTML={{__html: content}}
     />
   );

package/src/theme/AnnouncementBar/styles.module.css CHANGED Viewed

@@ -50,7 +50,7 @@ html[data-announcement-bar-initially-dismissed='true'] .announcementBar {
   }
 }
-@media (width >= 997px) {
+@media (min-width: 997px) {
   :root {
     --docusaurus-announcement-bar-height: 30px;
   }

package/src/theme/BlogPostItem/Header/Title/styles.module.css CHANGED Viewed

@@ -12,7 +12,7 @@
 /**
   Blog post title should be smaller on smaller devices
 **/
-@media (width <= 576px) {
+@media (max-width: 576px) {
   .title {
     font-size: 2rem;
   }

package/src/theme/BlogSidebar/Desktop/styles.module.css CHANGED Viewed

@@ -38,7 +38,7 @@
   color: var(--ifm-color-primary) !important;
 }
-@media (width <= 996px) {
+@media (max-width: 996px) {
   .sidebar {
     display: none;
   }

package/src/theme/CodeBlock/Content/index.tsx CHANGED Viewed

@@ -15,17 +15,20 @@ import Line from '@theme/CodeBlock/Line';
 import styles from './styles.module.css';
-function Pre({className, ref, ...props}: ComponentProps<'pre'>) {
-  return (
-    <pre
-      ref={ref}
-      /* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */
-      tabIndex={0}
-      {...props}
-      className={clsx(className, styles.codeBlock, 'thin-scrollbar')}
-    />
-  );
-}
+// TODO Docusaurus v4: remove useless forwardRef
+const Pre = React.forwardRef<HTMLPreElement, ComponentProps<'pre'>>(
+  (props, ref) => {
+    return (
+      <pre
+        ref={ref}
+        /* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */
+        tabIndex={0}
+        {...props}
+        className={clsx(props.className, styles.codeBlock, 'thin-scrollbar')}
+      />
+    );
+  },
+);
 function Code(props: ComponentProps<'code'>) {
   const {metadata} = useCodeBlockContext();

package/src/theme/ContentVisibility/Unlisted/index.tsx CHANGED Viewed

@@ -7,23 +7,15 @@
 import React, {type ReactNode} from 'react';
 import clsx from 'clsx';
-import Head from '@docusaurus/Head';
 import {
   ThemeClassNames,
   UnlistedBannerTitle,
   UnlistedBannerMessage,
+  UnlistedMetadata,
 } from '@docusaurus/theme-common';
 import Admonition from '@theme/Admonition';
 import type {Props} from '@theme/ContentVisibility/Unlisted';
-function UnlistedMetadata(): ReactNode {
-  return (
-    <Head>
-      <meta name="robots" content="noindex, nofollow" />
-    </Head>
-  );
-}
 function UnlistedBanner({className}: Props) {
   return (
     <Admonition

package/src/theme/DocCard/index.tsx CHANGED Viewed

@@ -27,7 +27,7 @@ function getFallbackEmojiIcon(
   item: PropSidebarItemLink | PropSidebarItemCategory,
 ): string {
   if (item.type === 'category') {
-    return '🗃️';
+    return '🗃';
   }
   return isInternalUrl(item.href) ? '📄️' : '🔗';
 }

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

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
-@media (width >= 997px) {
+@media (min-width: 997px) {
   .generatedIndexPage {
     max-width: 75% !important;
   }

package/src/theme/DocItem/Layout/styles.module.css CHANGED Viewed

@@ -10,7 +10,7 @@
   margin-top: 0;
 }
-@media (width >= 997px) {
+@media (min-width: 997px) {
   .docItemCol {
     max-width: 75% !important;
   }

package/src/theme/DocItem/TOC/Mobile/styles.module.css CHANGED Viewed

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
-@media (width >= 997px) {
+@media (min-width: 997px) {
   /* Prevent hydration FOUC, as the mobile TOC needs to be server-rendered */
   .tocMobile {
     display: none;

package/src/theme/DocRoot/Layout/Main/styles.module.css CHANGED Viewed

@@ -10,7 +10,7 @@
   width: 100%;
 }
-@media (width >= 997px) {
+@media (min-width: 997px) {
   .docMainContainer {
     flex-grow: 1;
     max-width: calc(100% - var(--doc-sidebar-width));

package/src/theme/DocRoot/Layout/Sidebar/ExpandButton/styles.module.css CHANGED Viewed

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
-@media (width >= 997px) {
+@media (min-width: 997px) {
   .expandButton {
     position: absolute;
     top: 0;

package/src/theme/DocRoot/Layout/Sidebar/styles.module.css CHANGED Viewed

@@ -14,7 +14,7 @@
   display: none;
 }
-@media (width >= 997px) {
+@media (min-width: 997px) {
   .docSidebarContainer {
     display: block;
     width: var(--doc-sidebar-width);

package/src/theme/DocSidebar/Desktop/CollapseButton/styles.module.css CHANGED Viewed

@@ -15,7 +15,7 @@
   --docusaurus-collapse-button-bg-hover: rgb(255 255 255 / 10%);
 }
-@media (width >= 997px) {
+@media (min-width: 997px) {
   .collapseSidebarButton {
     display: block !important;
     background-color: var(--docusaurus-collapse-button-bg);

package/src/theme/DocSidebar/Desktop/Content/styles.module.css CHANGED Viewed

@@ -5,12 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
-@media (width >= 997px) {
+@media (min-width: 997px) {
   .menu {
     flex-grow: 1;
     padding: 0.5rem;
   }
   @supports (scrollbar-gutter: stable) {
     .menu {
       padding: 0.5rem 0 0.5rem 0.5rem;

package/src/theme/DocSidebar/Desktop/styles.module.css CHANGED Viewed

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
-@media (width >= 997px) {
+@media (min-width: 997px) {
   .sidebar {
     display: flex;
     flex-direction: column;

package/src/theme/DocSidebarItem/Category/index.tsx CHANGED Viewed

@@ -280,9 +280,7 @@ function DocSidebarItemCategoryCollapsible({
           aria-current={isCurrentPage ? 'page' : undefined}
           role={collapsible && !href ? 'button' : undefined}
           aria-expanded={collapsible && !href ? !collapsed : undefined}
-          href={
-            collapsible ? (hrefWithSSRFallback ?? '#') : hrefWithSSRFallback
-          }
+          href={collapsible ? hrefWithSSRFallback ?? '#' : hrefWithSSRFallback}
           {...props}>
           <CategoryLinkLabel label={label} />
         </Link>

package/src/theme/DocSidebarItem/Html/index.tsx CHANGED Viewed

@@ -27,6 +27,7 @@ export default function DocSidebarItemHtml({
         className,
       )}
       key={index}
+      // eslint-disable-next-line react/no-danger
       dangerouslySetInnerHTML={{__html: value}}
     />
   );

package/src/theme/DocSidebarItem/Html/styles.module.css CHANGED Viewed

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
-@media (width >= 997px) {
+@media (min-width: 997px) {
   .menuHtmlItem {
     padding: var(--ifm-menu-link-padding-vertical)
       var(--ifm-menu-link-padding-horizontal);

package/src/theme/EditMetaRow/styles.module.css CHANGED Viewed

@@ -11,7 +11,7 @@
   margin-top: 0.2rem;
 }
-@media (width >= 997px) {
+@media (min-width: 997px) {
   .lastUpdated {
     text-align: right;
   }

package/src/theme/Footer/Copyright/index.tsx CHANGED Viewed

@@ -13,6 +13,7 @@ export default function FooterCopyright({copyright}: Props): ReactNode {
     <div
       className="footer__copyright"
       // Developer provided the HTML, so assume it's safe.
+      // eslint-disable-next-line react/no-danger
       dangerouslySetInnerHTML={{__html: copyright}}
     />
   );

package/src/theme/Footer/Links/MultiColumn/index.tsx CHANGED Viewed

@@ -19,6 +19,7 @@ function ColumnLinkItem({item}: {item: ColumnItemType}) {
     <li
       className={clsx('footer__item', item.className)}
       // Developer provided the HTML, so assume it's safe.
+      // eslint-disable-next-line react/no-danger
       dangerouslySetInnerHTML={{__html: item.html}}
     />
   ) : (

package/src/theme/Footer/Links/Simple/index.tsx CHANGED Viewed

@@ -19,6 +19,7 @@ function SimpleLinkItem({item}: {item: Props['links'][number]}) {
     <span
       className={clsx('footer__link-item', item.className)}
       // Developer provided the HTML, so assume it's safe.
+      // eslint-disable-next-line react/no-danger
       dangerouslySetInnerHTML={{__html: item.html}}
     />
   ) : (

package/src/theme/Navbar/Content/styles.module.css CHANGED Viewed

@@ -8,7 +8,7 @@
 /*
 Hide color mode toggle in small viewports
  */
-@media (width <= 996px) {
+@media (max-width: 996px) {
   .colorModeToggle {
     display: none;
   }

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

@@ -5,12 +5,24 @@
  * LICENSE file in the root directory of this source tree.
  */
-import React, {type ReactNode} from 'react';
+import React, {version, type ReactNode} from 'react';
 import clsx from 'clsx';
 import {useNavbarSecondaryMenu} from '@docusaurus/theme-common/internal';
 import {ThemeClassNames} from '@docusaurus/theme-common';
 import type {Props} from '@theme/Navbar/MobileSidebar/Layout';
+// TODO Docusaurus v4: remove temporary inert workaround
+//  See https://github.com/facebook/react/issues/17157
+//  See https://github.com/radix-ui/themes/pull/509
+function inertProps(inert: boolean) {
+  const isBeforeReact19 = parseInt(version!.split('.')[0]!, 10) < 19;
+  if (isBeforeReact19) {
+    // TODO Docusaurus v4: remove temporary inert workaround
+    return {inert: inert ? '' : undefined} as unknown as {inert: boolean};
+  }
+  return {inert};
+}
 function NavbarMobileSidebarPanel({
   children,
   inert,
@@ -24,7 +36,7 @@ function NavbarMobileSidebarPanel({
         ThemeClassNames.layout.navbar.mobileSidebar.panel,
         'navbar-sidebar__item menu',
       )}
-      inert={inert}>
+      {...inertProps(inert)}>
       {children}
     </div>
   );

package/src/theme/Navbar/Search/styles.module.css CHANGED Viewed

@@ -13,14 +13,14 @@ See https://github.com/facebook/docusaurus/pull/9385
   display: none;
 }
-@media (width <= 996px) {
+@media (max-width: 996px) {
   .navbarSearchContainer {
     position: absolute;
     right: var(--ifm-navbar-padding-horizontal);
   }
 }
-@media (width >= 997px) {
+@media (min-width: 997px) {
   .navbarSearchContainer {
     padding: 0 var(--ifm-navbar-item-padding-horizontal);
   }

package/src/theme/TOC/styles.module.css CHANGED Viewed

@@ -12,7 +12,7 @@
   top: calc(var(--ifm-navbar-height) + 1rem);
 }
-@media (width <= 996px) {
+@media (max-width: 996px) {
   .tableOfContents {
     display: none;
   }

package/src/theme/prism-include-languages.ts CHANGED Viewed

@@ -29,10 +29,10 @@ export default function prismIncludeLanguages(
   additionalLanguages.forEach((lang) => {
     if (lang === 'php') {
-      // eslint-disable-next-line @typescript-eslint/no-require-imports
+      // eslint-disable-next-line global-require
       require('prismjs/components/prism-markup-templating.js');
     }
-    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    // eslint-disable-next-line global-require, import/no-dynamic-require
     require(`prismjs/components/prism-${lang}`);
   });

package/src/theme-classic.d.ts CHANGED Viewed

@@ -499,7 +499,8 @@ declare module '@theme/CodeBlock/Buttons/WordWrapButton' {
 }
 declare module '@theme/CodeBlock/Container' {
-  import type {ReactNode, ComponentProps} from 'react';
+  import type {ReactNode} from 'react';
+  import type {ComponentProps} from 'react';
   export default function CodeBlockContainer<T extends 'div' | 'pre'>({
     as: As,
@@ -1324,6 +1325,9 @@ declare module '@theme/NavbarItem/DefaultNavbarItem' {
     readonly position?: 'left' | 'right';
   };
+  // TODO Docusaurus v4, remove old type name
+  export type DesktopOrMobileNavBarItemProps = DefaultNavbarItemProps;
   export interface Props extends DefaultNavbarItemProps {
     readonly mobile?: boolean;
   }
@@ -1377,6 +1381,9 @@ declare module '@theme/NavbarItem/DropdownNavbarItem' {
     readonly className?: string;
   };
+  // TODO Docusaurus v4, remove old type name
+  export type DesktopOrMobileNavBarItemProps = DropdownNavbarItemProps;
   export interface Props extends DropdownNavbarItemProps {
     readonly mobile?: boolean;
   }