@docusaurus/theme-classic 3.8.1-canary-6399 → 3.8.1-canary-6401

package/lib/theme/Blog/Components/Author/Socials/index.js

@@ -19,6 +19,7 @@ import Threads from '@theme/Icon/Socials/Threads';
 import Youtube from '@theme/Icon/Socials/YouTube';
 import Mastodon from '@theme/Icon/Socials/Mastodon';
 import Twitch from '@theme/Icon/Socials/Twitch';
+import Email from '@theme/Icon/Socials/Email';
 import styles from './styles.module.css';
 const SocialPlatformConfigs = {
   twitter: {Icon: Twitter, label: 'Twitter'},
@@ -32,6 +33,7 @@ const SocialPlatformConfigs = {
   mastodon: {Icon: Mastodon, label: 'Mastodon'},
   youtube: {Icon: Youtube, label: 'YouTube'},
   twitch: {Icon: Twitch, label: 'Twitch'},
+  email: {Icon: Email, label: 'Email'},
 };
 function getSocialPlatformConfig(platformKey) {
   return (
@@ -45,7 +47,7 @@ function SocialLink({platform, link}) {
   const {Icon, label} = getSocialPlatformConfig(platform);
   return (
     <Link className={styles.authorSocialLink} href={link} title={label}>
-      <Icon className={clsx(styles.authorSocialLink)} />
+      <Icon className={clsx(styles.authorSocialIcon)} />
     </Link>
   );
 }

package/lib/theme/Icon/Socials/Default/index.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-// SVG Source: https://tabler.io/
+// SVG Source: https://github.com/tabler/tabler-icons
 function DefaultSocial(props) {
   return (
     <svg
@@ -19,11 +19,11 @@ function DefaultSocial(props) {
       strokeLinejoin="round"
       {...props}>
       <path stroke="none" d="M0 0h24v24H0z" fill="none" />
-      <path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" />
-      <path d="M3.6 9h16.8" />
-      <path d="M3.6 15h16.8" />
-      <path d="M11.5 3a17 17 0 0 0 0 18" />
-      <path d="M12.5 3a17 17 0 0 1 0 18" />
+      <path d="M1.2 12a10.8 10.8 0 1 0 21.6 0a10.8 10.8 0 0 0 -21.6 0" />
+      <path d="M1.92 8.4h20.16" />
+      <path d="M1.92 15.6h20.16" />
+      <path d="M11.4 1.2a20.4 20.4 0 0 0 0 21.6" />
+      <path d="M12.6 1.2a20.4 20.4 0 0 1 0 21.6" />
     </svg>
   );
 }

package/lib/theme/Icon/Socials/Email/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 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.
+ */
+import type { ReactNode, SVGProps } from 'react';
+declare function Email(props: SVGProps<SVGSVGElement>): ReactNode;
+export default Email;

package/lib/theme/Icon/Socials/Email/index.js

@@ -0,0 +1,25 @@
+/**
+ * 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.
+ */
+// SVG Source: https://github.com/tabler/tabler-icons
+function Email(props) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={2}
+      {...props}>
+      <path stroke="none" d="M0 0h24v24H0z" />
+      <path d="M7.2 12a4.8 4.8 0 1 0 9.6 0 4.8 4.8 0 1 0-9.6 0" />
+      <path d="M16.8 12v1.8a3 3 0 0 0 6 0V12a10.8 10.8 0 1 0-6.6 9.936" />
+    </svg>
+  );
+}
+export default Email;

package/lib/theme/Tabs/index.js

@@ -6,6 +6,7 @@
  */
 import React, {cloneElement} from 'react';
 import clsx from 'clsx';
+import {ThemeClassNames} from '@docusaurus/theme-common';
 import {
   useScrollPositionBlocker,
   useTabs,
@@ -111,7 +112,14 @@ function TabContent({lazy, children, selectedValue}) {
 function TabsComponent(props) {
   const tabs = useTabs(props);
   return (
-    <div className={clsx('tabs-container', styles.tabList)}>
+    <div
+      className={clsx(
+        ThemeClassNames.tabs.container,
+        // former name kept for backward compatibility
+        // see https://github.com/facebook/docusaurus/pull/4086
+        'tabs-container',
+        styles.tabList,
+      )}>
       <TabList {...tabs} {...props} />
       <TabContent {...tabs} {...props} />
     </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docusaurus/theme-classic",
-  "version": "3.8.1-canary-6399",
+  "version": "3.8.1-canary-6401",
   "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.8.1-canary-6399",
-    "@docusaurus/logger": "3.8.1-canary-6399",
-    "@docusaurus/mdx-loader": "3.8.1-canary-6399",
-    "@docusaurus/module-type-aliases": "3.8.1-canary-6399",
-    "@docusaurus/plugin-content-blog": "3.8.1-canary-6399",
-    "@docusaurus/plugin-content-docs": "3.8.1-canary-6399",
-    "@docusaurus/plugin-content-pages": "3.8.1-canary-6399",
-    "@docusaurus/theme-common": "3.8.1-canary-6399",
-    "@docusaurus/theme-translations": "3.8.1-canary-6399",
-    "@docusaurus/types": "3.8.1-canary-6399",
-    "@docusaurus/utils": "3.8.1-canary-6399",
-    "@docusaurus/utils-common": "3.8.1-canary-6399",
-    "@docusaurus/utils-validation": "3.8.1-canary-6399",
+    "@docusaurus/core": "3.8.1-canary-6401",
+    "@docusaurus/logger": "3.8.1-canary-6401",
+    "@docusaurus/mdx-loader": "3.8.1-canary-6401",
+    "@docusaurus/module-type-aliases": "3.8.1-canary-6401",
+    "@docusaurus/plugin-content-blog": "3.8.1-canary-6401",
+    "@docusaurus/plugin-content-docs": "3.8.1-canary-6401",
+    "@docusaurus/plugin-content-pages": "3.8.1-canary-6401",
+    "@docusaurus/theme-common": "3.8.1-canary-6401",
+    "@docusaurus/theme-translations": "3.8.1-canary-6401",
+    "@docusaurus/types": "3.8.1-canary-6401",
+    "@docusaurus/utils": "3.8.1-canary-6401",
+    "@docusaurus/utils-common": "3.8.1-canary-6401",
+    "@docusaurus/utils-validation": "3.8.1-canary-6401",
     "@mdx-js/react": "^3.0.0",
     "clsx": "^2.0.0",
     "infima": "0.2.0-alpha.45",
@@ -61,5 +61,5 @@
   "engines": {
     "node": ">=20.0"
   },
-  "gitHead": "118e78cba4394ea66c3842af37fe8308445c9c8b"
+  "gitHead": "920d28b24f99406ebadf02a68010c2d998b44ff3"
 }

package/src/theme/Blog/Components/Author/Socials/index.tsx

@@ -23,6 +23,7 @@ import Threads from '@theme/Icon/Socials/Threads';
 import Youtube from '@theme/Icon/Socials/YouTube';
 import Mastodon from '@theme/Icon/Socials/Mastodon';
 import Twitch from '@theme/Icon/Socials/Twitch';
+import Email from '@theme/Icon/Socials/Email';
 
 import styles from './styles.module.css';
 
@@ -42,6 +43,7 @@ const SocialPlatformConfigs: Record<string, SocialPlatformConfig> = {
   mastodon: {Icon: Mastodon, label: 'Mastodon'},
   youtube: {Icon: Youtube, label: 'YouTube'},
   twitch: {Icon: Twitch, label: 'Twitch'},
+  email: {Icon: Email, label: 'Email'},
 };
 
 function getSocialPlatformConfig(platformKey: string): SocialPlatformConfig {
@@ -57,7 +59,7 @@ function SocialLink({platform, link}: {platform: string; link: string}) {
   const {Icon, label} = getSocialPlatformConfig(platform);
   return (
     <Link className={styles.authorSocialLink} href={link} title={label}>
-      <Icon className={clsx(styles.authorSocialLink)} />
+      <Icon className={clsx(styles.authorSocialIcon)} />
     </Link>
   );
 }

package/src/theme/Icon/Socials/Default/index.tsx

@@ -7,7 +7,7 @@
 
 import type {ReactNode, SVGProps} from 'react';
 
-// SVG Source: https://tabler.io/
+// SVG Source: https://github.com/tabler/tabler-icons
 function DefaultSocial(props: SVGProps<SVGSVGElement>): ReactNode {
   return (
     <svg
@@ -22,11 +22,11 @@ function DefaultSocial(props: SVGProps<SVGSVGElement>): ReactNode {
       strokeLinejoin="round"
       {...props}>
       <path stroke="none" d="M0 0h24v24H0z" fill="none" />
-      <path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" />
-      <path d="M3.6 9h16.8" />
-      <path d="M3.6 15h16.8" />
-      <path d="M11.5 3a17 17 0 0 0 0 18" />
-      <path d="M12.5 3a17 17 0 0 1 0 18" />
+      <path d="M1.2 12a10.8 10.8 0 1 0 21.6 0a10.8 10.8 0 0 0 -21.6 0" />
+      <path d="M1.92 8.4h20.16" />
+      <path d="M1.92 15.6h20.16" />
+      <path d="M11.4 1.2a20.4 20.4 0 0 0 0 21.6" />
+      <path d="M12.6 1.2a20.4 20.4 0 0 1 0 21.6" />
     </svg>
   );
 }

package/src/theme/Icon/Socials/Email/index.tsx

@@ -0,0 +1,28 @@
+/**
+ * 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.
+ */
+
+import type {ReactNode, SVGProps} from 'react';
+
+// SVG Source: https://github.com/tabler/tabler-icons
+function Email(props: SVGProps<SVGSVGElement>): ReactNode {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={2}
+      {...props}>
+      <path stroke="none" d="M0 0h24v24H0z" />
+      <path d="M7.2 12a4.8 4.8 0 1 0 9.6 0 4.8 4.8 0 1 0-9.6 0" />
+      <path d="M16.8 12v1.8a3 3 0 0 0 6 0V12a10.8 10.8 0 1 0-6.6 9.936" />
+    </svg>
+  );
+}
+export default Email;

package/src/theme/Tabs/index.tsx

@@ -7,6 +7,7 @@
 
 import React, {cloneElement, type ReactElement, type ReactNode} from 'react';
 import clsx from 'clsx';
+import {ThemeClassNames} from '@docusaurus/theme-common';
 import {
   useScrollPositionBlocker,
   useTabs,
@@ -143,7 +144,14 @@ function TabContent({
 function TabsComponent(props: Props): ReactNode {
   const tabs = useTabs(props);
   return (
-    <div className={clsx('tabs-container', styles.tabList)}>
+    <div
+      className={clsx(
+        ThemeClassNames.tabs.container,
+        // former name kept for backward compatibility
+        // see https://github.com/facebook/docusaurus/pull/4086
+        'tabs-container',
+        styles.tabList,
+      )}>
       <TabList {...tabs} {...props} />
       <TabContent {...tabs} {...props} />
     </div>

package/src/theme-classic.d.ts

@@ -1894,6 +1894,14 @@ declare module '@theme/Icon/Socials/Twitch' {
   export default function Twitch(props: Props): ReactNode;
 }
 
+declare module '@theme/Icon/Socials/Email' {
+  import type {ComponentProps, ReactNode} from 'react';
+
+  export interface Props extends ComponentProps<'svg'> {}
+
+  export default function Email(props: Props): ReactNode;
+}
+
 declare module '@theme/Icon/Socials/Mastodon' {
   import type {ComponentProps, ReactNode} from 'react';