docs(website): upgrade heroicons dependency to 2.0.12 (#3404)

lerna · Oct 31, 2022 · 9b4642f · 9b4642f
1 parent e33be4b
commit 9b4642f
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 18 deletions.
diff --git a/website/package-lock.json b/website/package-lock.json
diff --git a/website/package.json b/website/package.json
@@ -18,7 +18,7 @@
     "@docusaurus/core": "^2.1.0",
     "@docusaurus/plugin-sitemap": "^2.1.0",
     "@docusaurus/preset-classic": "^2.1.0",
-    "@heroicons/react": "^1.0.6",
+    "@heroicons/react": "^2.0.12",
     "@mdx-js/react": "^1.6.22",
     "clsx": "^1.1.1",
     "prism-react-renderer": "^1.3.3",

diff --git a/website/src/components/about-lerna.tsx b/website/src/components/about-lerna.tsx
@@ -1,16 +1,13 @@
 import {
   ClockIcon,
   CogIcon,
-  CollectionIcon,
   CubeTransparentIcon,
-  EmojiHappyIcon,
-  GlobeIcon,
-  LightningBoltIcon,
+  RectangleGroupIcon,
+  RectangleStackIcon,
   ShareIcon,
   SparklesIcon,
-  TemplateIcon,
   UsersIcon,
-} from "@heroicons/react/outline";
+} from "@heroicons/react/24/outline";
 import clsx from "clsx";
 import React from "react";
 import styles from "./about-lerna.module.css";
@@ -41,7 +38,7 @@ const callouts: Callout[] = [
     title: "Target Dependencies",
     text: "Lerna lets you specify how different targets (npm scripts) depend on each other.",
     link: "/docs/features/run-tasks#target-dependencies-aka-task-pipelines",
-    icon: CollectionIcon,
+    icon: RectangleStackIcon,
   },
   {
     title: "Efficient Execution",
@@ -92,7 +89,7 @@ const callouts: Callout[] = [
     text:
       "Why have separate tools for running tasks, linking packages and publishing them? Lerna does it--less config, less overhead.",
     link: "/docs/getting-started",
-    icon: TemplateIcon,
+    icon: RectangleGroupIcon,
   },
 ];
 

diff --git a/website/src/components/hero-lerna.tsx b/website/src/components/hero-lerna.tsx
@@ -1,4 +1,4 @@
-import { ChevronRightIcon, DuplicateIcon } from "@heroicons/react/outline";
+import { ChevronRightIcon, DocumentDuplicateIcon } from "@heroicons/react/24/outline";
 import { CopyToClipboard } from "react-copy-to-clipboard";
 import React, { useEffect, useState } from "react";
 import clsx from "clsx";
@@ -66,7 +66,7 @@ export default function HeroLerna(): JSX.Element {
                     <span className={styles.command__text}>
                       <span aria-hidden="true">$</span> {command}
                     </span>
-                    <DuplicateIcon className={styles.command__icon} />
+                    <DocumentDuplicateIcon className={styles.command__icon} />
                   </button>
                 </CopyToClipboard>
               </div>