chore: upgrade react-components, colors, logos

website/package.json

@@ -1,51 +0,0 @@
-{
-  "name": "packer-docs",
-  "description": "Documentation website for HashiCorp Packer",
-  "version": "1.0.0",
-  "author": "HashiCorp",
-  "dependencies": {
-    "@hashicorp/mktg-global-styles": "2.1.0",
-    "@hashicorp/nextjs-scripts": "16.3.0",
-    "@hashicorp/react-button": "4.0.0",
-    "@hashicorp/react-docs-page": "12.0.0",
-    "@hashicorp/react-hashi-stack-menu": "1.2.1-canary.0",
-    "@hashicorp/react-head": "1.1.6",
-    "@hashicorp/react-inline-svg": "5.0.0",
-    "@hashicorp/react-markdown-page": "^0.1.0",
-    "@hashicorp/react-product-downloader": "4.0.2",
-    "@hashicorp/react-search": "^4.2.0",
-    "@hashicorp/react-section-header": "4.0.0",
-    "@hashicorp/react-subnav": "7.1.0",
-    "@hashicorp/react-vertical-text-block-list": "4.0.1",
-    "adm-zip": "^0.5.4",
-    "gray-matter": "^4.0.2",
-    "next": "10.0.6",
-    "next-mdx-remote": "1.0.1",
-    "next-remote-watch": "0.3.0",
-    "react": "16.13.1",
-    "react-dom": "16.13.1"
-  },
-  "devDependencies": {
-    "dart-linkcheck": "2.0.15",
-    "husky": "4.3.5",
-    "prettier": "2.2.1"
-  },
-  "husky": {
-    "hooks": {
-      "pre-commit": "next-hashicorp precommit"
-    }
-  },
-  "main": "index.js",
-  "scripts": {
-    "build": "node --max-old-space-size=8192 ./node_modules/.bin/next build",
-    "dynamic": "NODE_ENV=production next build && next start",
-    "export": "node --max-old-space-size=8192 ./node_modules/.bin/next export",
-    "format": "next-hashicorp format",
-    "generate:component": "next-hashicorp generate component",
-    "generate:readme": "next-hashicorp markdown-blocks README.md",
-    "lint": "next-hashicorp lint",
-    "start": "next-remote-watch ./content/**/*.mdx",
-    "static": "npm run build && npm run export && cp _redirects out/.",
-    "linkcheck": "linkcheck https://packer.io"
-  }
-}

website/pages/community/style.css

@@ -1,5 +1,5 @@
 #p-community {
-  --brand: var(--packer-text);
+  --brand-link: var(--packer-link);
 
   max-width: var(--site-max-width);
   margin: 72px auto;

website/pages/home/index.jsx

@@ -5,7 +5,10 @@ export default function Homepage() {
   return (
     <div id="p-home">
       <section id="hero">
-        <img src="/img/logo-hashicorp.svg" alt="HashiCorp Packer Logo" />
+        <img
+          src={require('@hashicorp/mktg-logos/product/packer/primary/attributed_color.svg')}
+          alt="HashiCorp Packer Logo"
+        />
         <h1 className="g-type-display-3">Build Automated Machine Images</h1>
         <div className="buttons">
           <Button

website/pages/home/style.css

@@ -12,7 +12,7 @@
     }
 
     & img {
-      max-width: 358px;
+      width: 300px;
       margin: 0 30px;
     }
 
@@ -115,6 +115,10 @@
       margin: 20px 0 10px 0;
     }
 
+    & .text {
+      color: var(--packer-text-on-primary);
+    }
+
     & .logos,
     & .text {
       width: calc(50%);