@docusaurus/theme-classic 0.0.0-4879 → 0.0.0-4887

package/lib/theme-classic.d.ts

@@ -1110,6 +1110,14 @@ declare module '@theme/IconEdit' {
   export default function IconEdit(props: Props): JSX.Element;
 }
 
+declare module '@theme/IconHome' {
+  import type {ComponentProps} from 'react';
+
+  export interface Props extends ComponentProps<'svg'> {}
+
+  export default function IconHome(props: Props): JSX.Element;
+}
+
 declare module '@theme/IconLightMode' {
   import type {ComponentProps} from 'react';
 

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

@@ -13,7 +13,8 @@ import {
 import styles from './styles.module.css';
 import clsx from 'clsx';
 import Link from '@docusaurus/Link';
-import useBaseUrl from '@docusaurus/useBaseUrl'; // TODO move to design system folder
+import useBaseUrl from '@docusaurus/useBaseUrl';
+import IconHome from '@theme/IconHome'; // TODO move to design system folder
 
 function BreadcrumbsItemLink({children, href, isLast}) {
   const className = 'breadcrumbs__link';
@@ -59,7 +60,7 @@ function HomeBreadcrumbItem() {
       <Link
         className={clsx('breadcrumbs__link', styles.breadcrumbsItemLink)}
         href={homeHref}>
-        🏠
+        <IconHome className={styles.icon} />
       </Link>
     </li>
   );

package/lib-next/theme/DocBreadcrumbs/styles.module.css

@@ -9,3 +9,9 @@
   --ifm-breadcrumb-size-multiplier: 0.8;
   margin-bottom: 0.8rem;
 }
+
+.icon {
+  vertical-align: middle;
+  height: 1rem;
+  width: 1rem;
+}

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

@@ -0,0 +1,23 @@
+/**
+ * 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 React from 'react';
+export default function IconDarkMode(props) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      height="24"
+      width="24"
+      viewBox="0 0 24 24"
+      {...props}>
+      <path d="M0 0h24v24H0V0z" fill="none" />
+      <path
+        d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docusaurus/theme-classic",
-  "version": "0.0.0-4879",
+  "version": "0.0.0-4887",
   "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-4879",
-    "@docusaurus/plugin-content-blog": "0.0.0-4879",
-    "@docusaurus/plugin-content-docs": "0.0.0-4879",
-    "@docusaurus/plugin-content-pages": "0.0.0-4879",
-    "@docusaurus/theme-common": "0.0.0-4879",
-    "@docusaurus/theme-translations": "0.0.0-4879",
-    "@docusaurus/utils": "0.0.0-4879",
-    "@docusaurus/utils-common": "0.0.0-4879",
-    "@docusaurus/utils-validation": "0.0.0-4879",
+    "@docusaurus/core": "0.0.0-4887",
+    "@docusaurus/plugin-content-blog": "0.0.0-4887",
+    "@docusaurus/plugin-content-docs": "0.0.0-4887",
+    "@docusaurus/plugin-content-pages": "0.0.0-4887",
+    "@docusaurus/theme-common": "0.0.0-4887",
+    "@docusaurus/theme-translations": "0.0.0-4887",
+    "@docusaurus/utils": "0.0.0-4887",
+    "@docusaurus/utils-common": "0.0.0-4887",
+    "@docusaurus/utils-validation": "0.0.0-4887",
     "@mdx-js/react": "^1.6.22",
     "clsx": "^1.1.1",
     "copy-text-to-clipboard": "^3.0.1",
@@ -45,8 +45,8 @@
     "@babel/cli": "^7.17.6",
     "@babel/core": "^7.17.9",
     "@babel/preset-typescript": "^7.16.7",
-    "@docusaurus/module-type-aliases": "0.0.0-4879",
-    "@docusaurus/types": "0.0.0-4879",
+    "@docusaurus/module-type-aliases": "0.0.0-4887",
+    "@docusaurus/types": "0.0.0-4887",
     "@types/mdx-js__react": "^1.5.5",
     "@types/prismjs": "^1.26.0",
     "@types/rtlcss": "^3.1.4",
@@ -62,5 +62,5 @@
   "engines": {
     "node": ">=14"
   },
-  "gitHead": "0ebf7473396171d10b7c91bc3f33cdf16863ee5c"
+  "gitHead": "87ce2a6c9491e474712d082a66491d46856f5d3f"
 }

package/src/theme/DocBreadcrumbs/index.tsx

@@ -15,6 +15,7 @@ import styles from './styles.module.css';
 import clsx from 'clsx';
 import Link from '@docusaurus/Link';
 import useBaseUrl from '@docusaurus/useBaseUrl';
+import IconHome from '@theme/IconHome';
 
 // TODO move to design system folder
 function BreadcrumbsItemLink({
@@ -76,7 +77,7 @@ function HomeBreadcrumbItem() {
       <Link
         className={clsx('breadcrumbs__link', styles.breadcrumbsItemLink)}
         href={homeHref}>
-        🏠
+        <IconHome className={styles.icon} />
       </Link>
     </li>
   );

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

@@ -9,3 +9,9 @@
   --ifm-breadcrumb-size-multiplier: 0.8;
   margin-bottom: 0.8rem;
 }
+
+.icon {
+  vertical-align: middle;
+  height: 1rem;
+  width: 1rem;
+}

package/src/theme/IconHome/index.tsx

@@ -0,0 +1,26 @@
+/**
+ * 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 React from 'react';
+import type {Props} from '@theme/IconHome';
+
+export default function IconDarkMode(props: Props): JSX.Element {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      height="24"
+      width="24"
+      viewBox="0 0 24 24"
+      {...props}>
+      <path d="M0 0h24v24H0V0z" fill="none" />
+      <path
+        d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}

package/src/theme-classic.d.ts

@@ -1110,6 +1110,14 @@ declare module '@theme/IconEdit' {
   export default function IconEdit(props: Props): JSX.Element;
 }
 
+declare module '@theme/IconHome' {
+  import type {ComponentProps} from 'react';
+
+  export interface Props extends ComponentProps<'svg'> {}
+
+  export default function IconHome(props: Props): JSX.Element;
+}
+
 declare module '@theme/IconLightMode' {
   import type {ComponentProps} from 'react';