Bump components to remove client-side md processing (#9773)

website/package-lock.json

@@ -1993,19 +1993,11 @@
       }
     },
     "@hashicorp/react-section-header": {
-      "version": "3.0.1",
+      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@hashicorp/react-section-header/-/react-section-header-3.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/@hashicorp/react-section-header/-/react-section-header-4.0.0.tgz",
-      "integrity": "sha512-wqffNUyPzCHwdyPMZ+we4hj2Knn1zNxDCtU85Rk8iUgBcpArZF/pleCpIW5w65z6MgPniGAjxUhD0wt29Bc+Yw==",
+      "integrity": "sha512-6g36zzBq+55amtqGheXx0d3oqF280U/+YrVXXxv23Y4NgBYxYeajcCwg34FIENJtHjqcM2qFnb4rYjFZTdrfdA==",
       "requires": {
-        "@hashicorp/js-utils": "^1.0.10",
+        "@hashicorp/js-utils": "^1.0.10"
-        "marked": "^0.7.0"
-      },
-      "dependencies": {
-        "marked": {
-          "version": "0.7.0",
-          "resolved": "https://registry.npmjs.org/marked/-/marked-0.7.0.tgz",
-          "integrity": "sha512-c+yYdCZJQrsRjTPhUx7VKkApw9bwDkNbHUKo1ovgcfDjb2kc8rLuRbIFyXL5WOEUwzSSKo3IXpph2K6DqB/KZg=="
-        }
       }
     },
     "@hashicorp/react-subnav": {
@@ -2143,13 +2135,12 @@
       }
     },
     "@hashicorp/react-vertical-text-block-list": {
-      "version": "3.0.1",
+      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/@hashicorp/react-vertical-text-block-list/-/react-vertical-text-block-list-3.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/@hashicorp/react-vertical-text-block-list/-/react-vertical-text-block-list-4.0.1.tgz",
-      "integrity": "sha512-ci6GJjnnVtC+7IuGKo37aAyXFrhzlh1sb21XUA8xrGbq5QMlYjCSv2lmLJm8ZNW1Z2L+gcMYCJOP24xJoPDhhQ==",
+      "integrity": "sha512-nMdxj8wegy9EGEiZw0+5nDEPHbIRjjHuavIyVxQXySEMs8ughkzh/jKC2EdaJ2i7URczU1Hb6LFlcDr5xY+C0g==",
       "requires": {
         "@hashicorp/react-image": "^2.0.3",
-        "@hashicorp/react-link-wrap": "^0.0.3",
+        "@hashicorp/react-link-wrap": "^0.0.3"
-        "marked": "^0.7.0"
       },
       "dependencies": {
         "@hashicorp/react-image": {
@@ -2160,11 +2151,6 @@
             "object-assign": "^4.1.1",
             "query-string": "5.1.1"
           }
-        },
-        "marked": {
-          "version": "0.7.0",
-          "resolved": "https://registry.npmjs.org/marked/-/marked-0.7.0.tgz",
-          "integrity": "sha512-c+yYdCZJQrsRjTPhUx7VKkApw9bwDkNbHUKo1ovgcfDjb2kc8rLuRbIFyXL5WOEUwzSSKo3IXpph2K6DqB/KZg=="
         }
       }
     },

website/package.json

@@ -18,14 +18,14 @@
     "@hashicorp/react-markdown-page": "^0.2.0",
     "@hashicorp/react-product-downloader": "4.1.5",
     "@hashicorp/react-product-features-list": "3.0.0",
-    "@hashicorp/react-section-header": "3.0.1",
+    "@hashicorp/react-section-header": "4.0.0",
     "@hashicorp/react-subnav": "7.1.0",
     "@hashicorp/react-tabs": "3.0.0",
     "@hashicorp/react-text-split": "1.2.0",
     "@hashicorp/react-text-split-with-code": "2.0.4",
     "@hashicorp/react-text-split-with-image": "3.0.0",
     "@hashicorp/react-use-cases": "2.0.1",
-    "@hashicorp/react-vertical-text-block-list": "3.0.1",
+    "@hashicorp/react-vertical-text-block-list": "4.0.1",
     "next": "10.0.6",
     "next-mdx-remote": "2.1.0",
     "next-remote-watch": "0.3.0",

website/pages/community/index.jsx

@@ -18,27 +18,27 @@ export default function CommunityPage() {
           {
             header: 'Community Forum',
             body:
-              '[Consul Community Forum](https://discuss.hashicorp.com/c/consul)',
+              '<a href="https://discuss.hashicorp.com/c/consul">Consul Community Forum</a>',
           },
           {
             header: 'Bug Tracker',
             body:
-              '[Issue tracker on GitHub](https://github.com/hashicorp/consul/issues). Please only use this for reporting bugs. Do not ask for general help here; use Gitter or the mailing list for that.',
+              '<a href="https://github.com/hashicorp/consul/issues">Issue tracker on GitHub</a>. Please only use this for reporting bugs. Do not ask for general help here; use Gitter or the mailing list for that.',
           },
           {
             header: 'Community Tools',
             body:
-              '[Download Community Tools](/docs/download-tools). Please check out some of the awesome Consul tooling our amazing community has helped build.',
+              '<a href="/docs/download-tools">Download Community Tools</a>. Please check out some of the awesome Consul tooling our amazing community has helped build.',
           },
           {
             header: 'Training',
             body:
-              'Paid [HashiCorp training courses](https://www.hashicorp.com/training) are also available in a city near you. Private training courses are also available.',
+              'Paid <a href="https://www.hashicorp.com/training">HashiCorp training courses</a> are also available in a city near you. Private training courses are also available.',
           },
           {
             header: 'Certification',
             body:
-              "Learn more about our [Cloud Engineer Certification program](https://www.hashicorp.com/certification/) and [HashiCorp's Networking Automation Certification ](https://www.hashicorp.com/certification/consul-associate/) exams.",
+              'Learn more about our <a href="https://www.hashicorp.com/certification/">Cloud Engineer Certification program</a> and <a href="https://www.hashicorp.com/certification/consul-associate/">HashiCorp&apos;s Networking Automation Certification </a> exams.',
           },
         ]}
       />

website/pages/community/style.css

@@ -1,4 +1,6 @@
 #p-community {
+  --brand: var(--consul);
+
   max-width: var(--site-max-width);
   margin: 72px auto;
 

website/pages/style.css

@@ -21,7 +21,6 @@
 @import '~@hashicorp/react-product-downloader/dist/style.css';
 @import '~@hashicorp/react-product-features-list/style.css';
 @import '~@hashicorp/react-search/style.css';
-@import '~@hashicorp/react-section-header/style.css';
 @import '~@hashicorp/react-subnav/style.css';
 @import '~@hashicorp/react-tabs/style.css';
 @import '~@hashicorp/react-text-split/style.css';