website/patch: clean up css override marked as debt (#1211)

* patch: clean up css override marked as debt

* remove now-unused icon svg

* website: bump hero, use tertiary button in hero

website/components/homepage-hero/HomepageHero.module.css

@@ -14,27 +14,6 @@
     background: none;
     padding: 0;
 
-    & :global(.g-btn:nth-of-type(1)) {
-      border-color: var(--boundary);
-      background-color: var(--boundary);
-    }
-
-    /* Asana ticket to address this debt: https://app.asana.com/0/1100423001970639/1200214305924669/f */
-    & :global(.g-btn:nth-of-type(2)) {
-      border: unset;
-
-      &::after {
-        display: inline-block;
-        margin-left: 5px;
-        vertical-align: middle;
-        content: ' ';
-        background-image: url('/img/icon-right-arrow.svg');
-        background-size: 20px 20px;
-        height: 20px;
-        width: 20px;
-      }
-    }
-
     & :global(.carousel) {
       display: flex;
       flex-direction: column-reverse;

website/package-lock.json

@@ -1941,9 +1941,9 @@
       "integrity": "sha512-3xmaf7cU1lCUS/hgnpqokUw731xAPR51q5rCLuazMtSVasjnGqqoFSQfkQRycllUiCGG/GiMYSaBCY+WlwQXTQ=="
     },
     "@hashicorp/react-hero": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/@hashicorp/react-hero/-/react-hero-7.1.2.tgz",
-      "integrity": "sha512-X83mc/1/8gNEhfByfd5Ig7qS/5yYRJHOdrBj1v6DDcj3EGH45FtsS2XvRtTE+mJ6YbKrBrCtzZskcPtYEZkBMA==",
+      "version": "7.2.1",
+      "resolved": "https://registry.npmjs.org/@hashicorp/react-hero/-/react-hero-7.2.1.tgz",
+      "integrity": "sha512-+G4JTrvQm57Qp5fBQgA1X2RFKhFNDatJH2biTBgz27TLB00/g12XduTFA8GqMbVIluCBhrUdnxtpxgk8Fud+Pw==",
       "requires": {
         "@hashicorp/js-utils": "^1.0.8-alpha.0",
         "@hashicorp/localstorage-polyfill": "^1.0.14",

website/package.json

@@ -14,7 +14,7 @@
     "@hashicorp/react-docs-page": "13.2.0",
     "@hashicorp/react-hashi-stack-menu": "2.0.3",
     "@hashicorp/react-head": "2.0.0",
-    "@hashicorp/react-hero": "7.1.2",
+    "@hashicorp/react-hero": "7.2.1",
     "@hashicorp/react-image": "4.0.0",
     "@hashicorp/react-product-downloader": "8.0.0",
     "@hashicorp/react-product-features-list": "4.0.1",

website/pages/home/index.jsx

@@ -21,6 +21,8 @@ export default function HomePage() {
           {
             title: 'Download macOS Client',
             url: '/downloads#desktop',
+            linkType: 'inbound',
+            theme: { variant: 'tertiary' },
           },
         ]}
         uiVideo={{

website/public/img/icon-right-arrow.svg

@@ -1,4 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3.3335 10H16.6668" stroke="#000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M11.6665 5L16.6665 10L11.6665 15" stroke="#000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>