From 92241ef807ad6fe299f1281395b03c9c0df19ec0 Mon Sep 17 00:00:00 2001
From: Austin Sullivan <ausulliv@redhat.com>
Date: Thu, 30 Nov 2023 13:43:14 -0500
Subject: [PATCH 01/11] chore(deps): update patternfly deps to v6 alphas

---
 package-lock.json               | 90 ++++++++++++++++-----------------
 package.json                    |  6 +--
 src/app/AppLayout/AppLayout.tsx |  2 +-
 3 files changed, 49 insertions(+), 49 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index d64d08b3..19c77892 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,9 +9,9 @@
       "version": "0.0.2",
       "license": "MIT",
       "dependencies": {
-        "@patternfly/react-core": "^5.0.0",
-        "@patternfly/react-icons": "^5.0.0",
-        "@patternfly/react-styles": "^5.0.0",
+        "@patternfly/react-core": "6.0.0-alpha.2",
+        "@patternfly/react-icons": "6.0.0-alpha.2",
+        "@patternfly/react-styles": "6.0.0-alpha.2",
         "@storybook/builder-webpack5": "^7.0.27",
         "react": "^18",
         "react-dom": "^18",
@@ -2245,14 +2245,14 @@
       }
     },
     "node_modules/@patternfly/react-core": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-core/-/react-core-5.0.0.tgz",
-      "integrity": "sha512-kewRVFhLw0Dvt8250pqrO47sVRx8E93sMGZbHQomJnZdachYeQ9STnQTP2gvOBq/GPnMei0LZLv0T99g8mPE4w==",
-      "dependencies": {
-        "@patternfly/react-icons": "^5.0.0",
-        "@patternfly/react-styles": "^5.0.0",
-        "@patternfly/react-tokens": "^5.0.0",
-        "focus-trap": "7.4.3",
+      "version": "6.0.0-alpha.2",
+      "resolved": "https://registry.npmjs.org/@patternfly/react-core/-/react-core-6.0.0-alpha.2.tgz",
+      "integrity": "sha512-1AnOI3ZmjBtAh97+aDNCmEgE/7LvUGu3MB3BYJkYFWXz8CIKCrurc3k3e3gCAVdg0oNXhcoSpUsjXnS4/e7qkA==",
+      "dependencies": {
+        "@patternfly/react-icons": "^6.0.0-alpha.2",
+        "@patternfly/react-styles": "^6.0.0-alpha.2",
+        "@patternfly/react-tokens": "^6.0.0-alpha.2",
+        "focus-trap": "7.5.2",
         "react-dropzone": "^14.2.3",
         "tslib": "^2.5.0"
       },
@@ -2262,23 +2262,23 @@
       }
     },
     "node_modules/@patternfly/react-icons": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-icons/-/react-icons-5.0.0.tgz",
-      "integrity": "sha512-GG5Y/UYl0h346MyDU9U650Csaq4Mxk8S6U8XC7ERk/xIrRr2RF67O2uY7zKBDMTNLYdBvPzgc2s3OMV1+d2/mg==",
+      "version": "6.0.0-alpha.2",
+      "resolved": "https://registry.npmjs.org/@patternfly/react-icons/-/react-icons-6.0.0-alpha.2.tgz",
+      "integrity": "sha512-OGBen2niZ5S88rY2DVeO+P06oaZP5cO5MmdgW7iOzhVuyHkUS+IB15bN7+RxO9PJkEpfMQz0Ui/rQaXFGxLaSw==",
       "peerDependencies": {
         "react": "^17 || ^18",
         "react-dom": "^17 || ^18"
       }
     },
     "node_modules/@patternfly/react-styles": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-styles/-/react-styles-5.0.0.tgz",
-      "integrity": "sha512-xbSCgjx+fPrXbIzUznwTFWtJEbzVS0Wn4zrejdKJYQTY+4YcuPlFkeq2tl3syzwGsaYMpHiFwQiTaKyTvlwtuw=="
+      "version": "6.0.0-alpha.2",
+      "resolved": "https://registry.npmjs.org/@patternfly/react-styles/-/react-styles-6.0.0-alpha.2.tgz",
+      "integrity": "sha512-39VT5sKQdxck48mjSgbiL9gn6SaaVuYrlqQcrkpRB4F7qk0rJdVAdjwS/PliRjsb/Ywz7xG9UWK/D/1OoQEf2A=="
     },
     "node_modules/@patternfly/react-tokens": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-tokens/-/react-tokens-5.0.0.tgz",
-      "integrity": "sha512-to2CXIZ6WTuzBcjLZ+nXi5LhnYkSIDu3RBMRZwrplmECOoUWv87CC+2T0EVxtASRtpQfikjD2PDKMsif5i0BxQ=="
+      "version": "6.0.0-alpha.2",
+      "resolved": "https://registry.npmjs.org/@patternfly/react-tokens/-/react-tokens-6.0.0-alpha.2.tgz",
+      "integrity": "sha512-A4CN2WLUzjpHD2WAOexYG9X+yy5fowZXmUpLX87+Gk+sl5ziYOFY661l6b+ZgWmvNZ+g58K75JKb8Myu3bx7Ow=="
     },
     "node_modules/@pkgjs/parseargs": {
       "version": "0.11.0",
@@ -10666,11 +10666,11 @@
       }
     },
     "node_modules/focus-trap": {
-      "version": "7.4.3",
-      "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-7.4.3.tgz",
-      "integrity": "sha512-BgSSbK4GPnS2VbtZ50VtOv1Sti6DIkj3+LkVjiWMNjLeAp1SH1UlLx3ULu/DCu4vq5R4/uvTm+zrvsMsuYmGLg==",
+      "version": "7.5.2",
+      "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-7.5.2.tgz",
+      "integrity": "sha512-p6vGNNWLDGwJCiEjkSK6oERj/hEyI9ITsSwIUICBoKLlWiTWXJRfQibCwcoi50rTZdbi87qDtUlMCmQwsGSgPw==",
       "dependencies": {
-        "tabbable": "^6.1.2"
+        "tabbable": "^6.2.0"
       }
     },
     "node_modules/follow-redirects": {
@@ -23574,33 +23574,33 @@
       }
     },
     "@patternfly/react-core": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-core/-/react-core-5.0.0.tgz",
-      "integrity": "sha512-kewRVFhLw0Dvt8250pqrO47sVRx8E93sMGZbHQomJnZdachYeQ9STnQTP2gvOBq/GPnMei0LZLv0T99g8mPE4w==",
-      "requires": {
-        "@patternfly/react-icons": "^5.0.0",
-        "@patternfly/react-styles": "^5.0.0",
-        "@patternfly/react-tokens": "^5.0.0",
-        "focus-trap": "7.4.3",
+      "version": "6.0.0-alpha.2",
+      "resolved": "https://registry.npmjs.org/@patternfly/react-core/-/react-core-6.0.0-alpha.2.tgz",
+      "integrity": "sha512-1AnOI3ZmjBtAh97+aDNCmEgE/7LvUGu3MB3BYJkYFWXz8CIKCrurc3k3e3gCAVdg0oNXhcoSpUsjXnS4/e7qkA==",
+      "requires": {
+        "@patternfly/react-icons": "^6.0.0-alpha.2",
+        "@patternfly/react-styles": "^6.0.0-alpha.2",
+        "@patternfly/react-tokens": "^6.0.0-alpha.2",
+        "focus-trap": "7.5.2",
         "react-dropzone": "^14.2.3",
         "tslib": "^2.5.0"
       }
     },
     "@patternfly/react-icons": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-icons/-/react-icons-5.0.0.tgz",
-      "integrity": "sha512-GG5Y/UYl0h346MyDU9U650Csaq4Mxk8S6U8XC7ERk/xIrRr2RF67O2uY7zKBDMTNLYdBvPzgc2s3OMV1+d2/mg==",
+      "version": "6.0.0-alpha.2",
+      "resolved": "https://registry.npmjs.org/@patternfly/react-icons/-/react-icons-6.0.0-alpha.2.tgz",
+      "integrity": "sha512-OGBen2niZ5S88rY2DVeO+P06oaZP5cO5MmdgW7iOzhVuyHkUS+IB15bN7+RxO9PJkEpfMQz0Ui/rQaXFGxLaSw==",
       "requires": {}
     },
     "@patternfly/react-styles": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-styles/-/react-styles-5.0.0.tgz",
-      "integrity": "sha512-xbSCgjx+fPrXbIzUznwTFWtJEbzVS0Wn4zrejdKJYQTY+4YcuPlFkeq2tl3syzwGsaYMpHiFwQiTaKyTvlwtuw=="
+      "version": "6.0.0-alpha.2",
+      "resolved": "https://registry.npmjs.org/@patternfly/react-styles/-/react-styles-6.0.0-alpha.2.tgz",
+      "integrity": "sha512-39VT5sKQdxck48mjSgbiL9gn6SaaVuYrlqQcrkpRB4F7qk0rJdVAdjwS/PliRjsb/Ywz7xG9UWK/D/1OoQEf2A=="
     },
     "@patternfly/react-tokens": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-tokens/-/react-tokens-5.0.0.tgz",
-      "integrity": "sha512-to2CXIZ6WTuzBcjLZ+nXi5LhnYkSIDu3RBMRZwrplmECOoUWv87CC+2T0EVxtASRtpQfikjD2PDKMsif5i0BxQ=="
+      "version": "6.0.0-alpha.2",
+      "resolved": "https://registry.npmjs.org/@patternfly/react-tokens/-/react-tokens-6.0.0-alpha.2.tgz",
+      "integrity": "sha512-A4CN2WLUzjpHD2WAOexYG9X+yy5fowZXmUpLX87+Gk+sl5ziYOFY661l6b+ZgWmvNZ+g58K75JKb8Myu3bx7Ow=="
     },
     "@pkgjs/parseargs": {
       "version": "0.11.0",
@@ -30179,11 +30179,11 @@
       }
     },
     "focus-trap": {
-      "version": "7.4.3",
-      "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-7.4.3.tgz",
-      "integrity": "sha512-BgSSbK4GPnS2VbtZ50VtOv1Sti6DIkj3+LkVjiWMNjLeAp1SH1UlLx3ULu/DCu4vq5R4/uvTm+zrvsMsuYmGLg==",
+      "version": "7.5.2",
+      "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-7.5.2.tgz",
+      "integrity": "sha512-p6vGNNWLDGwJCiEjkSK6oERj/hEyI9ITsSwIUICBoKLlWiTWXJRfQibCwcoi50rTZdbi87qDtUlMCmQwsGSgPw==",
       "requires": {
-        "tabbable": "^6.1.2"
+        "tabbable": "^6.2.0"
       }
     },
     "follow-redirects": {
diff --git a/package.json b/package.json
index f1f4b267..f03f8847 100644
--- a/package.json
+++ b/package.json
@@ -79,9 +79,9 @@
     "webpack-merge": "^5.9.0"
   },
   "dependencies": {
-    "@patternfly/react-core": "^5.0.0",
-    "@patternfly/react-icons": "^5.0.0",
-    "@patternfly/react-styles": "^5.0.0",
+    "@patternfly/react-core": "6.0.0-alpha.2",
+    "@patternfly/react-icons": "6.0.0-alpha.2",
+    "@patternfly/react-styles": "6.0.0-alpha.2",
     "@storybook/builder-webpack5": "^7.0.27",
     "react": "^18",
     "react-dom": "^18",
diff --git a/src/app/AppLayout/AppLayout.tsx b/src/app/AppLayout/AppLayout.tsx
index 8fb9c861..b88f5c72 100644
--- a/src/app/AppLayout/AppLayout.tsx
+++ b/src/app/AppLayout/AppLayout.tsx
@@ -73,7 +73,7 @@ const AppLayout: React.FunctionComponent<IAppLayout> = ({ children }) => {
   );
 
   const Sidebar = (
-    <PageSidebar theme="dark" >
+    <PageSidebar>
       <PageSidebarBody>
         {Navigation}
       </PageSidebarBody>

From dac387064f35147050f1d8f03b51bdb596eaa4f4 Mon Sep 17 00:00:00 2001
From: Austin Sullivan <ausulliv@redhat.com>
Date: Thu, 30 Nov 2023 16:08:52 -0500
Subject: [PATCH 02/11] chore(nav): change nav theme to light

---
 src/app/AppLayout/AppLayout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/AppLayout/AppLayout.tsx b/src/app/AppLayout/AppLayout.tsx
index b88f5c72..a955125e 100644
--- a/src/app/AppLayout/AppLayout.tsx
+++ b/src/app/AppLayout/AppLayout.tsx
@@ -63,7 +63,7 @@ const AppLayout: React.FunctionComponent<IAppLayout> = ({ children }) => {
   );
 
   const Navigation = (
-    <Nav id="nav-primary-simple" theme="dark">
+    <Nav id="nav-primary-simple" theme="light">
       <NavList id="nav-list-simple">
         {routes.map(
           (route, idx) => route.label && (!route.routes ? renderNavItem(route, idx) : renderNavGroup(route, idx))

From ed089f116ce3b186b9362571d69df3ebe0f8f2da Mon Sep 17 00:00:00 2001
From: Austin Sullivan <ausulliv@redhat.com>
Date: Thu, 30 Nov 2023 16:20:02 -0500
Subject: [PATCH 03/11] chore(tests): update snapshot

---
 src/app/__snapshots__/app.test.tsx.snap | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/__snapshots__/app.test.tsx.snap b/src/app/__snapshots__/app.test.tsx.snap
index 7ab0af94..d7aee3f5 100644
--- a/src/app/__snapshots__/app.test.tsx.snap
+++ b/src/app/__snapshots__/app.test.tsx.snap
@@ -74,7 +74,7 @@ exports[`App tests should render default App component 1`] = `
       >
         <nav
           aria-label="Global"
-          class="pf-v5-c-nav"
+          class="pf-v5-c-nav pf-m-light"
           data-ouia-component-id="OUIA-Generated-Nav-1"
           data-ouia-component-type="PF5/Nav"
           data-ouia-safe="true"

From ff1855ceed851cabda2faf914e1333099f67ae84 Mon Sep 17 00:00:00 2001
From: nicolethoen <nthoen@redhat.com>
Date: Mon, 18 Dec 2023 10:25:11 -0500
Subject: [PATCH 04/11] bump to latest v6 alphas

---
 package-lock.json | 66 +++++++++++++++++++++++------------------------
 package.json      |  6 ++---
 2 files changed, 36 insertions(+), 36 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 84cb0899..6b5ea41e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,9 +9,9 @@
       "version": "0.0.2",
       "license": "MIT",
       "dependencies": {
-        "@patternfly/react-core": "6.0.0-alpha.2",
-        "@patternfly/react-icons": "6.0.0-alpha.2",
-        "@patternfly/react-styles": "6.0.0-alpha.2",
+        "@patternfly/react-core": "6.0.0-alpha.5",
+        "@patternfly/react-icons": "6.0.0-alpha.4",
+        "@patternfly/react-styles": "6.0.0-alpha.4",
         "@storybook/builder-webpack5": "^7.5.3",
         "react": "^18",
         "react-dom": "^18",
@@ -2234,13 +2234,13 @@
       }
     },
     "node_modules/@patternfly/react-core": {
-      "version": "6.0.0-alpha.2",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-core/-/react-core-6.0.0-alpha.2.tgz",
-      "integrity": "sha512-1AnOI3ZmjBtAh97+aDNCmEgE/7LvUGu3MB3BYJkYFWXz8CIKCrurc3k3e3gCAVdg0oNXhcoSpUsjXnS4/e7qkA==",
+      "version": "6.0.0-alpha.5",
+      "resolved": "https://registry.npmjs.org/@patternfly/react-core/-/react-core-6.0.0-alpha.5.tgz",
+      "integrity": "sha512-0gp1jKFtLDkc9wtfw1BU17TiWdW19Tpzvt3TU90QejmaH0GbzeycNUM/yqslIKHSzQjo9w5IDT0DwhhY2A+uog==",
       "dependencies": {
-        "@patternfly/react-icons": "^6.0.0-alpha.2",
-        "@patternfly/react-styles": "^6.0.0-alpha.2",
-        "@patternfly/react-tokens": "^6.0.0-alpha.2",
+        "@patternfly/react-icons": "^6.0.0-alpha.4",
+        "@patternfly/react-styles": "^6.0.0-alpha.4",
+        "@patternfly/react-tokens": "^6.0.0-alpha.4",
         "focus-trap": "7.5.2",
         "react-dropzone": "^14.2.3",
         "tslib": "^2.5.0"
@@ -2251,23 +2251,23 @@
       }
     },
     "node_modules/@patternfly/react-icons": {
-      "version": "6.0.0-alpha.2",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-icons/-/react-icons-6.0.0-alpha.2.tgz",
-      "integrity": "sha512-OGBen2niZ5S88rY2DVeO+P06oaZP5cO5MmdgW7iOzhVuyHkUS+IB15bN7+RxO9PJkEpfMQz0Ui/rQaXFGxLaSw==",
+      "version": "6.0.0-alpha.4",
+      "resolved": "https://registry.npmjs.org/@patternfly/react-icons/-/react-icons-6.0.0-alpha.4.tgz",
+      "integrity": "sha512-cGDwLPzgkV6/rIblJIPYlkVsxyOvB0cSIoxI7EjwCNuGm7c+CuR7WJKyRyqBlTON3sAFzqMDEzFVGb3sHjygXg==",
       "peerDependencies": {
         "react": "^17 || ^18",
         "react-dom": "^17 || ^18"
       }
     },
     "node_modules/@patternfly/react-styles": {
-      "version": "6.0.0-alpha.2",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-styles/-/react-styles-6.0.0-alpha.2.tgz",
-      "integrity": "sha512-39VT5sKQdxck48mjSgbiL9gn6SaaVuYrlqQcrkpRB4F7qk0rJdVAdjwS/PliRjsb/Ywz7xG9UWK/D/1OoQEf2A=="
+      "version": "6.0.0-alpha.4",
+      "resolved": "https://registry.npmjs.org/@patternfly/react-styles/-/react-styles-6.0.0-alpha.4.tgz",
+      "integrity": "sha512-WeVhAS3h17fZrEq9jZou8loc+3S1ZlML7FyaAAmUnXG0iSD/HxqbsVS3RbOo1pTVeZ6whjPdMKHc+RdBguBiVg=="
     },
     "node_modules/@patternfly/react-tokens": {
-      "version": "6.0.0-alpha.2",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-tokens/-/react-tokens-6.0.0-alpha.2.tgz",
-      "integrity": "sha512-A4CN2WLUzjpHD2WAOexYG9X+yy5fowZXmUpLX87+Gk+sl5ziYOFY661l6b+ZgWmvNZ+g58K75JKb8Myu3bx7Ow=="
+      "version": "6.0.0-alpha.4",
+      "resolved": "https://registry.npmjs.org/@patternfly/react-tokens/-/react-tokens-6.0.0-alpha.4.tgz",
+      "integrity": "sha512-7s50Mng7JEUB5XV3buzZ2uGyReFGlCNf18g9upi81bTYZlF8Iaz5Wu8clVp2xyNRT1MVYBexWyZukQ95dUNSSg=="
     },
     "node_modules/@pkgjs/parseargs": {
       "version": "0.11.0",
@@ -25123,33 +25123,33 @@
       }
     },
     "@patternfly/react-core": {
-      "version": "6.0.0-alpha.2",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-core/-/react-core-6.0.0-alpha.2.tgz",
-      "integrity": "sha512-1AnOI3ZmjBtAh97+aDNCmEgE/7LvUGu3MB3BYJkYFWXz8CIKCrurc3k3e3gCAVdg0oNXhcoSpUsjXnS4/e7qkA==",
+      "version": "6.0.0-alpha.5",
+      "resolved": "https://registry.npmjs.org/@patternfly/react-core/-/react-core-6.0.0-alpha.5.tgz",
+      "integrity": "sha512-0gp1jKFtLDkc9wtfw1BU17TiWdW19Tpzvt3TU90QejmaH0GbzeycNUM/yqslIKHSzQjo9w5IDT0DwhhY2A+uog==",
       "requires": {
-        "@patternfly/react-icons": "^6.0.0-alpha.2",
-        "@patternfly/react-styles": "^6.0.0-alpha.2",
-        "@patternfly/react-tokens": "^6.0.0-alpha.2",
+        "@patternfly/react-icons": "^6.0.0-alpha.4",
+        "@patternfly/react-styles": "^6.0.0-alpha.4",
+        "@patternfly/react-tokens": "^6.0.0-alpha.4",
         "focus-trap": "7.5.2",
         "react-dropzone": "^14.2.3",
         "tslib": "^2.5.0"
       }
     },
     "@patternfly/react-icons": {
-      "version": "6.0.0-alpha.2",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-icons/-/react-icons-6.0.0-alpha.2.tgz",
-      "integrity": "sha512-OGBen2niZ5S88rY2DVeO+P06oaZP5cO5MmdgW7iOzhVuyHkUS+IB15bN7+RxO9PJkEpfMQz0Ui/rQaXFGxLaSw==",
+      "version": "6.0.0-alpha.4",
+      "resolved": "https://registry.npmjs.org/@patternfly/react-icons/-/react-icons-6.0.0-alpha.4.tgz",
+      "integrity": "sha512-cGDwLPzgkV6/rIblJIPYlkVsxyOvB0cSIoxI7EjwCNuGm7c+CuR7WJKyRyqBlTON3sAFzqMDEzFVGb3sHjygXg==",
       "requires": {}
     },
     "@patternfly/react-styles": {
-      "version": "6.0.0-alpha.2",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-styles/-/react-styles-6.0.0-alpha.2.tgz",
-      "integrity": "sha512-39VT5sKQdxck48mjSgbiL9gn6SaaVuYrlqQcrkpRB4F7qk0rJdVAdjwS/PliRjsb/Ywz7xG9UWK/D/1OoQEf2A=="
+      "version": "6.0.0-alpha.4",
+      "resolved": "https://registry.npmjs.org/@patternfly/react-styles/-/react-styles-6.0.0-alpha.4.tgz",
+      "integrity": "sha512-WeVhAS3h17fZrEq9jZou8loc+3S1ZlML7FyaAAmUnXG0iSD/HxqbsVS3RbOo1pTVeZ6whjPdMKHc+RdBguBiVg=="
     },
     "@patternfly/react-tokens": {
-      "version": "6.0.0-alpha.2",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-tokens/-/react-tokens-6.0.0-alpha.2.tgz",
-      "integrity": "sha512-A4CN2WLUzjpHD2WAOexYG9X+yy5fowZXmUpLX87+Gk+sl5ziYOFY661l6b+ZgWmvNZ+g58K75JKb8Myu3bx7Ow=="
+      "version": "6.0.0-alpha.4",
+      "resolved": "https://registry.npmjs.org/@patternfly/react-tokens/-/react-tokens-6.0.0-alpha.4.tgz",
+      "integrity": "sha512-7s50Mng7JEUB5XV3buzZ2uGyReFGlCNf18g9upi81bTYZlF8Iaz5Wu8clVp2xyNRT1MVYBexWyZukQ95dUNSSg=="
     },
     "@pkgjs/parseargs": {
       "version": "0.11.0",
diff --git a/package.json b/package.json
index e56639d0..8b5646a9 100644
--- a/package.json
+++ b/package.json
@@ -79,9 +79,9 @@
     "webpack-merge": "^5.9.0"
   },
   "dependencies": {
-    "@patternfly/react-core": "6.0.0-alpha.2",
-    "@patternfly/react-icons": "6.0.0-alpha.2",
-    "@patternfly/react-styles": "6.0.0-alpha.2",
+    "@patternfly/react-core": "6.0.0-alpha.5",
+    "@patternfly/react-icons": "6.0.0-alpha.4",
+    "@patternfly/react-styles": "6.0.0-alpha.4",
     "@storybook/builder-webpack5": "^7.5.3",
     "react": "^18",
     "react-dom": "^18",

From b6662c7c70fdc05694754dccd5ac3f5d0a9a07c6 Mon Sep 17 00:00:00 2001
From: nicolethoen <nthoen@redhat.com>
Date: Wed, 20 Dec 2023 15:18:54 -0500
Subject: [PATCH 05/11] fix: use inline svg for brand logo

---
 src/app/AppLayout/AppLayout.tsx | 30 ++++++++++++++++++++++++++++--
 1 file changed, 28 insertions(+), 2 deletions(-)

diff --git a/src/app/AppLayout/AppLayout.tsx b/src/app/AppLayout/AppLayout.tsx
index a955125e..e0f8397a 100644
--- a/src/app/AppLayout/AppLayout.tsx
+++ b/src/app/AppLayout/AppLayout.tsx
@@ -17,7 +17,6 @@ import {
 	SkipToContent
 } from '@patternfly/react-core';
 import { IAppRoute, IAppRouteGroup, routes } from '@app/routes';
-import logo from '@app/bgimages/Patternfly-Logo.svg';
 import { BarsIcon } from '@patternfly/react-icons';
 
 interface IAppLayout {
@@ -35,7 +34,34 @@ const AppLayout: React.FunctionComponent<IAppLayout> = ({ children }) => {
       </MastheadToggle>
       <MastheadMain>
         <MastheadBrand>
-          <Brand src={logo} alt="Patterfly Logo" heights={{ default: '36px' }} />
+          <svg height="40px" viewBox="0 0 679 158">
+            <title>PatternFly logo</title>
+            <defs>
+              <linearGradient x1="68%" y1="2.25860997e-13%" x2="32%" y2="100%" id="linearGradient-basic-masthead">
+                <stop stopColor="#2B9AF3" offset="0%"></stop>
+                <stop stopColor="#73BCF7" stopOpacity="0.502212631" offset="100%"></stop>
+              </linearGradient>
+            </defs>
+            <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
+              <g transform="translate(206.000000, 45.750000)" fill="var(--pf-t--global--text--color--regular)" fillRule="nonzero">
+                <path d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"></path>
+                <path d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"></path>
+                <path d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"></path>
+                <path d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"></path>
+                <path d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"></path>
+                <path d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"></path>
+                <path d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"></path>
+                <polygon points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"></polygon>
+                <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"></polygon>
+                <path d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"></path>
+              </g>
+              <g transform="translate(0.000000, 0.000000)">
+                <path d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z" fill="#0066CC"></path>
+                <path d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z" fill="url(#linearGradient-basic-masthead)"></path>
+                <path d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z" fill="url(#linearGradient-basic-masthead)" transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "></path>
+              </g>
+            </g>
+          </svg>
         </MastheadBrand>
       </MastheadMain>
     </Masthead>

From e4c89b034ff5223dd62e981a582eaa388480d829 Mon Sep 17 00:00:00 2001
From: nicolethoen <nthoen@redhat.com>
Date: Wed, 3 Jan 2024 14:14:57 -0500
Subject: [PATCH 06/11] chore: bump to react-core alpha.7 to include masthead

---
 package-lock.json | 66 +++++++++++++++++++++++------------------------
 package.json      |  6 ++---
 2 files changed, 36 insertions(+), 36 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 6b5ea41e..52a2b1c9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,9 +9,9 @@
       "version": "0.0.2",
       "license": "MIT",
       "dependencies": {
-        "@patternfly/react-core": "6.0.0-alpha.5",
-        "@patternfly/react-icons": "6.0.0-alpha.4",
-        "@patternfly/react-styles": "6.0.0-alpha.4",
+        "@patternfly/react-core": "6.0.0-alpha.7",
+        "@patternfly/react-icons": "6.0.0-alpha.5",
+        "@patternfly/react-styles": "6.0.0-alpha.5",
         "@storybook/builder-webpack5": "^7.5.3",
         "react": "^18",
         "react-dom": "^18",
@@ -2234,13 +2234,13 @@
       }
     },
     "node_modules/@patternfly/react-core": {
-      "version": "6.0.0-alpha.5",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-core/-/react-core-6.0.0-alpha.5.tgz",
-      "integrity": "sha512-0gp1jKFtLDkc9wtfw1BU17TiWdW19Tpzvt3TU90QejmaH0GbzeycNUM/yqslIKHSzQjo9w5IDT0DwhhY2A+uog==",
+      "version": "6.0.0-alpha.7",
+      "resolved": "https://registry.npmjs.org/@patternfly/react-core/-/react-core-6.0.0-alpha.7.tgz",
+      "integrity": "sha512-/C+hoA4D7vr33KmjdN99X/zPOAx00F3HvezQbyBSc/G+cC/jiVHLlYlbRTjke1HoLR7PqT0erku8sP06oPjsew==",
       "dependencies": {
-        "@patternfly/react-icons": "^6.0.0-alpha.4",
-        "@patternfly/react-styles": "^6.0.0-alpha.4",
-        "@patternfly/react-tokens": "^6.0.0-alpha.4",
+        "@patternfly/react-icons": "^6.0.0-alpha.5",
+        "@patternfly/react-styles": "^6.0.0-alpha.5",
+        "@patternfly/react-tokens": "^6.0.0-alpha.5",
         "focus-trap": "7.5.2",
         "react-dropzone": "^14.2.3",
         "tslib": "^2.5.0"
@@ -2251,23 +2251,23 @@
       }
     },
     "node_modules/@patternfly/react-icons": {
-      "version": "6.0.0-alpha.4",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-icons/-/react-icons-6.0.0-alpha.4.tgz",
-      "integrity": "sha512-cGDwLPzgkV6/rIblJIPYlkVsxyOvB0cSIoxI7EjwCNuGm7c+CuR7WJKyRyqBlTON3sAFzqMDEzFVGb3sHjygXg==",
+      "version": "6.0.0-alpha.5",
+      "resolved": "https://registry.npmjs.org/@patternfly/react-icons/-/react-icons-6.0.0-alpha.5.tgz",
+      "integrity": "sha512-uVc50vJWAsZ24RtJUgAP8/ezZKHaQ5u6J2dyhvZtOICAxuPQ122J1GNlPxAFT1+nmu7fNqgMpQT7duADQ0KlrQ==",
       "peerDependencies": {
         "react": "^17 || ^18",
         "react-dom": "^17 || ^18"
       }
     },
     "node_modules/@patternfly/react-styles": {
-      "version": "6.0.0-alpha.4",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-styles/-/react-styles-6.0.0-alpha.4.tgz",
-      "integrity": "sha512-WeVhAS3h17fZrEq9jZou8loc+3S1ZlML7FyaAAmUnXG0iSD/HxqbsVS3RbOo1pTVeZ6whjPdMKHc+RdBguBiVg=="
+      "version": "6.0.0-alpha.5",
+      "resolved": "https://registry.npmjs.org/@patternfly/react-styles/-/react-styles-6.0.0-alpha.5.tgz",
+      "integrity": "sha512-RAOeDoHVL+A3Cz9+cGN1kkCBczW+jKbgaDKPDEc+mW6afF9Szq0YXwBN/BU56w9+r4heUe2tHMmlsCAMXVU7iA=="
     },
     "node_modules/@patternfly/react-tokens": {
-      "version": "6.0.0-alpha.4",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-tokens/-/react-tokens-6.0.0-alpha.4.tgz",
-      "integrity": "sha512-7s50Mng7JEUB5XV3buzZ2uGyReFGlCNf18g9upi81bTYZlF8Iaz5Wu8clVp2xyNRT1MVYBexWyZukQ95dUNSSg=="
+      "version": "6.0.0-alpha.5",
+      "resolved": "https://registry.npmjs.org/@patternfly/react-tokens/-/react-tokens-6.0.0-alpha.5.tgz",
+      "integrity": "sha512-d5t1gHMx36RqkqO3c5S0BU8gSQh3yyMYnf5/6VAMzwknGvdyLAMNNahnWodga6rjBK0wlwV785vCkGY78MfKfw=="
     },
     "node_modules/@pkgjs/parseargs": {
       "version": "0.11.0",
@@ -25123,33 +25123,33 @@
       }
     },
     "@patternfly/react-core": {
-      "version": "6.0.0-alpha.5",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-core/-/react-core-6.0.0-alpha.5.tgz",
-      "integrity": "sha512-0gp1jKFtLDkc9wtfw1BU17TiWdW19Tpzvt3TU90QejmaH0GbzeycNUM/yqslIKHSzQjo9w5IDT0DwhhY2A+uog==",
+      "version": "6.0.0-alpha.7",
+      "resolved": "https://registry.npmjs.org/@patternfly/react-core/-/react-core-6.0.0-alpha.7.tgz",
+      "integrity": "sha512-/C+hoA4D7vr33KmjdN99X/zPOAx00F3HvezQbyBSc/G+cC/jiVHLlYlbRTjke1HoLR7PqT0erku8sP06oPjsew==",
       "requires": {
-        "@patternfly/react-icons": "^6.0.0-alpha.4",
-        "@patternfly/react-styles": "^6.0.0-alpha.4",
-        "@patternfly/react-tokens": "^6.0.0-alpha.4",
+        "@patternfly/react-icons": "^6.0.0-alpha.5",
+        "@patternfly/react-styles": "^6.0.0-alpha.5",
+        "@patternfly/react-tokens": "^6.0.0-alpha.5",
         "focus-trap": "7.5.2",
         "react-dropzone": "^14.2.3",
         "tslib": "^2.5.0"
       }
     },
     "@patternfly/react-icons": {
-      "version": "6.0.0-alpha.4",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-icons/-/react-icons-6.0.0-alpha.4.tgz",
-      "integrity": "sha512-cGDwLPzgkV6/rIblJIPYlkVsxyOvB0cSIoxI7EjwCNuGm7c+CuR7WJKyRyqBlTON3sAFzqMDEzFVGb3sHjygXg==",
+      "version": "6.0.0-alpha.5",
+      "resolved": "https://registry.npmjs.org/@patternfly/react-icons/-/react-icons-6.0.0-alpha.5.tgz",
+      "integrity": "sha512-uVc50vJWAsZ24RtJUgAP8/ezZKHaQ5u6J2dyhvZtOICAxuPQ122J1GNlPxAFT1+nmu7fNqgMpQT7duADQ0KlrQ==",
       "requires": {}
     },
     "@patternfly/react-styles": {
-      "version": "6.0.0-alpha.4",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-styles/-/react-styles-6.0.0-alpha.4.tgz",
-      "integrity": "sha512-WeVhAS3h17fZrEq9jZou8loc+3S1ZlML7FyaAAmUnXG0iSD/HxqbsVS3RbOo1pTVeZ6whjPdMKHc+RdBguBiVg=="
+      "version": "6.0.0-alpha.5",
+      "resolved": "https://registry.npmjs.org/@patternfly/react-styles/-/react-styles-6.0.0-alpha.5.tgz",
+      "integrity": "sha512-RAOeDoHVL+A3Cz9+cGN1kkCBczW+jKbgaDKPDEc+mW6afF9Szq0YXwBN/BU56w9+r4heUe2tHMmlsCAMXVU7iA=="
     },
     "@patternfly/react-tokens": {
-      "version": "6.0.0-alpha.4",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-tokens/-/react-tokens-6.0.0-alpha.4.tgz",
-      "integrity": "sha512-7s50Mng7JEUB5XV3buzZ2uGyReFGlCNf18g9upi81bTYZlF8Iaz5Wu8clVp2xyNRT1MVYBexWyZukQ95dUNSSg=="
+      "version": "6.0.0-alpha.5",
+      "resolved": "https://registry.npmjs.org/@patternfly/react-tokens/-/react-tokens-6.0.0-alpha.5.tgz",
+      "integrity": "sha512-d5t1gHMx36RqkqO3c5S0BU8gSQh3yyMYnf5/6VAMzwknGvdyLAMNNahnWodga6rjBK0wlwV785vCkGY78MfKfw=="
     },
     "@pkgjs/parseargs": {
       "version": "0.11.0",
diff --git a/package.json b/package.json
index 8b5646a9..f222517b 100644
--- a/package.json
+++ b/package.json
@@ -79,9 +79,9 @@
     "webpack-merge": "^5.9.0"
   },
   "dependencies": {
-    "@patternfly/react-core": "6.0.0-alpha.5",
-    "@patternfly/react-icons": "6.0.0-alpha.4",
-    "@patternfly/react-styles": "6.0.0-alpha.4",
+    "@patternfly/react-core": "6.0.0-alpha.7",
+    "@patternfly/react-icons": "6.0.0-alpha.5",
+    "@patternfly/react-styles": "6.0.0-alpha.5",
     "@storybook/builder-webpack5": "^7.5.3",
     "react": "^18",
     "react-dom": "^18",

From e7762946533fac611c153430ca2973dc4093b3b0 Mon Sep 17 00:00:00 2001
From: nicolethoen <nthoen@redhat.com>
Date: Wed, 3 Jan 2024 14:33:39 -0500
Subject: [PATCH 07/11] fix CI

---
 src/app/AppLayout/AppLayout.tsx         |  1 -
 src/app/__snapshots__/app.test.tsx.snap | 93 +++++++++++++++++++++++--
 2 files changed, 87 insertions(+), 7 deletions(-)

diff --git a/src/app/AppLayout/AppLayout.tsx b/src/app/AppLayout/AppLayout.tsx
index e0f8397a..0ec150ec 100644
--- a/src/app/AppLayout/AppLayout.tsx
+++ b/src/app/AppLayout/AppLayout.tsx
@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { NavLink, useLocation } from 'react-router-dom';
 import {
-  Brand,
   Button,
   Masthead,
   MastheadBrand,
diff --git a/src/app/__snapshots__/app.test.tsx.snap b/src/app/__snapshots__/app.test.tsx.snap
index d7aee3f5..fce8e31d 100644
--- a/src/app/__snapshots__/app.test.tsx.snap
+++ b/src/app/__snapshots__/app.test.tsx.snap
@@ -55,12 +55,93 @@ exports[`App tests should render default App component 1`] = `
         <span
           class="pf-v5-c-masthead__brand"
         >
-          <img
-            alt="Patterfly Logo"
-            class="pf-v5-c-brand"
-            src="test-file-stub"
-            style="--pf-v5-c-brand--Height: 36px;"
-          />
+          <svg
+            height="40px"
+            viewBox="0 0 679 158"
+          >
+            <title>
+              PatternFly logo
+            </title>
+            <defs>
+              <lineargradient
+                id="linearGradient-basic-masthead"
+                x1="68%"
+                x2="32%"
+                y1="2.25860997e-13%"
+                y2="100%"
+              >
+                <stop
+                  offset="0%"
+                  stop-color="#2B9AF3"
+                />
+                <stop
+                  offset="100%"
+                  stop-color="#73BCF7"
+                  stop-opacity="0.502212631"
+                />
+              </lineargradient>
+            </defs>
+            <g
+              fill="none"
+              fill-rule="evenodd"
+              stroke="none"
+              stroke-width="1"
+            >
+              <g
+                fill="var(--pf-t--global--text--color--regular)"
+                fill-rule="nonzero"
+                transform="translate(206.000000, 45.750000)"
+              >
+                <path
+                  d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"
+                />
+                <path
+                  d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"
+                />
+                <path
+                  d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"
+                />
+                <path
+                  d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"
+                />
+                <path
+                  d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"
+                />
+                <path
+                  d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"
+                />
+                <path
+                  d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"
+                />
+                <polygon
+                  points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"
+                />
+                <polygon
+                  points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
+                />
+                <path
+                  d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
+                />
+              </g>
+              <g
+                transform="translate(0.000000, 0.000000)"
+              >
+                <path
+                  d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
+                  fill="#0066CC"
+                />
+                <path
+                  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
+                  fill="url(#linearGradient-basic-masthead)"
+                />
+                <path
+                  d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
+                  fill="url(#linearGradient-basic-masthead)"
+                  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
+                />
+              </g>
+            </g>
+          </svg>
         </span>
       </div>
     </header>

From 7e90d81329acca373631346b2931c59bfcda2fea Mon Sep 17 00:00:00 2001
From: Evan <evan.wilkinson@redhat.com>
Date: Tue, 23 Jan 2024 12:07:54 -0500
Subject: [PATCH 08/11] chore(docs): bump to latest alpha versions, updates to
 Nav & EmptyState

---
 package.json                    |  6 +++---
 src/app/AppLayout/AppLayout.tsx |  2 +-
 src/app/NotFound/NotFound.tsx   | 17 +++++++----------
 src/app/Support/Support.tsx     |  5 +----
 4 files changed, 12 insertions(+), 18 deletions(-)

diff --git a/package.json b/package.json
index f222517b..396c1b88 100644
--- a/package.json
+++ b/package.json
@@ -79,9 +79,9 @@
     "webpack-merge": "^5.9.0"
   },
   "dependencies": {
-    "@patternfly/react-core": "6.0.0-alpha.7",
-    "@patternfly/react-icons": "6.0.0-alpha.5",
-    "@patternfly/react-styles": "6.0.0-alpha.5",
+    "@patternfly/react-core": "6.0.0-alpha.19",
+    "@patternfly/react-icons": "6.0.0-alpha.9",
+    "@patternfly/react-styles": "6.0.0-alpha.9",
     "@storybook/builder-webpack5": "^7.5.3",
     "react": "^18",
     "react-dom": "^18",
diff --git a/src/app/AppLayout/AppLayout.tsx b/src/app/AppLayout/AppLayout.tsx
index 0ec150ec..b2d3e7c6 100644
--- a/src/app/AppLayout/AppLayout.tsx
+++ b/src/app/AppLayout/AppLayout.tsx
@@ -88,7 +88,7 @@ const AppLayout: React.FunctionComponent<IAppLayout> = ({ children }) => {
   );
 
   const Navigation = (
-    <Nav id="nav-primary-simple" theme="light">
+    <Nav id="nav-primary-simple">
       <NavList id="nav-list-simple">
         {routes.map(
           (route, idx) => route.label && (!route.routes ? renderNavItem(route, idx) : renderNavGroup(route, idx))
diff --git a/src/app/NotFound/NotFound.tsx b/src/app/NotFound/NotFound.tsx
index 701e5a91..86b6927f 100644
--- a/src/app/NotFound/NotFound.tsx
+++ b/src/app/NotFound/NotFound.tsx
@@ -5,8 +5,6 @@ import {
   EmptyState,
   EmptyStateBody,
   EmptyStateFooter,
-  EmptyStateHeader,
-  EmptyStateIcon,
   PageSection,
 } from '@patternfly/react-core';
 import { useHistory } from 'react-router-dom';
@@ -24,14 +22,13 @@ const NotFound: React.FunctionComponent = () => {
 
   return (
     <PageSection>
-    <EmptyState variant="full">
-      <EmptyStateHeader titleText="404 Page not found" icon={<EmptyStateIcon icon={ExclamationTriangleIcon} />} headingLevel="h1" />
-      <EmptyStateBody>
-        We didn&apos;t find a page that matches the address you navigated to.
-      </EmptyStateBody><EmptyStateFooter>
-      <GoHomeBtn />
-    </EmptyStateFooter></EmptyState>
-  </PageSection>
+      <EmptyState titleText="404 Page not found" variant="full" icon={ExclamationTriangleIcon} >
+        <EmptyStateBody>
+          We didn&apos;t find a page that matches the address you navigated to.
+        </EmptyStateBody><EmptyStateFooter>
+        <GoHomeBtn />
+      </EmptyStateFooter></EmptyState>
+    </PageSection>
   )
 };
 
diff --git a/src/app/Support/Support.tsx b/src/app/Support/Support.tsx
index 55d407d5..a966d53e 100644
--- a/src/app/Support/Support.tsx
+++ b/src/app/Support/Support.tsx
@@ -6,8 +6,6 @@ import {
   EmptyStateActions,
   EmptyStateBody,
   EmptyStateFooter,
-  EmptyStateHeader,
-  EmptyStateIcon,
   EmptyStateVariant,
   PageSection,
   Text,
@@ -22,8 +20,7 @@ export interface ISupportProps {
 // eslint-disable-next-line prefer-const
 let Support: React.FunctionComponent<ISupportProps> = () => (
   <PageSection>
-    <EmptyState variant={EmptyStateVariant.full}>
-      <EmptyStateHeader titleText="Empty State (Stub Support Module)" icon={<EmptyStateIcon icon={CubesIcon} />} headingLevel="h1" />
+    <EmptyState variant={EmptyStateVariant.full} titleText="Empty State (Stub Support Module)" icon={CubesIcon} >
       <EmptyStateBody>
         <TextContent>
           <Text component="p">

From b3dc39abc50f31197544aa2a7a5143e94c151d58 Mon Sep 17 00:00:00 2001
From: Evan <evan.wilkinson@redhat.com>
Date: Fri, 26 Jan 2024 14:18:49 -0500
Subject: [PATCH 09/11] update snapshot

---
 src/app/__snapshots__/app.test.tsx.snap | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/__snapshots__/app.test.tsx.snap b/src/app/__snapshots__/app.test.tsx.snap
index fce8e31d..df13f5f7 100644
--- a/src/app/__snapshots__/app.test.tsx.snap
+++ b/src/app/__snapshots__/app.test.tsx.snap
@@ -155,7 +155,7 @@ exports[`App tests should render default App component 1`] = `
       >
         <nav
           aria-label="Global"
-          class="pf-v5-c-nav pf-m-light"
+          class="pf-v5-c-nav"
           data-ouia-component-id="OUIA-Generated-Nav-1"
           data-ouia-component-type="PF5/Nav"
           data-ouia-safe="true"
@@ -194,7 +194,7 @@ exports[`App tests should render default App component 1`] = `
               </a>
             </li>
             <li
-              class="pf-v5-c-nav__item pf-m-expandable"
+              class="pf-v5-c-nav__item"
               data-ouia-component-id="OUIA-Generated-NavExpandable-1"
               data-ouia-component-type="PF5/NavExpandable"
               data-ouia-safe="true"

From ab30bc80179fa567a6018ebce8cc0feb3c2bce47 Mon Sep 17 00:00:00 2001
From: Evan <evan.wilkinson@redhat.com>
Date: Mon, 5 Feb 2024 10:50:29 -0500
Subject: [PATCH 10/11] bump to alpha 28

---
 package.json | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 396c1b88..f66c6e51 100644
--- a/package.json
+++ b/package.json
@@ -79,9 +79,9 @@
     "webpack-merge": "^5.9.0"
   },
   "dependencies": {
-    "@patternfly/react-core": "6.0.0-alpha.19",
-    "@patternfly/react-icons": "6.0.0-alpha.9",
-    "@patternfly/react-styles": "6.0.0-alpha.9",
+    "@patternfly/react-core": "6.0.0-alpha.28",
+    "@patternfly/react-icons": "6.0.0-alpha.11",
+    "@patternfly/react-styles": "6.0.0-alpha.11",
     "@storybook/builder-webpack5": "^7.5.3",
     "react": "^18",
     "react-dom": "^18",

From 766c221d98fd630039ef5fa72646841e1f2557a5 Mon Sep 17 00:00:00 2001
From: Austin Sullivan <ausulliv@redhat.com>
Date: Tue, 2 Apr 2024 16:54:55 -0400
Subject: [PATCH 11/11] chore(deps): bump to latest PF alpha versions

---
 package-lock.json                       | 66 +++++++++---------
 package.json                            |  6 +-
 src/app/__snapshots__/app.test.tsx.snap | 90 +++++++++++++------------
 src/app/app.css                         |  8 +--
 4 files changed, 87 insertions(+), 83 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 52a2b1c9..55e718ef 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,9 +9,9 @@
       "version": "0.0.2",
       "license": "MIT",
       "dependencies": {
-        "@patternfly/react-core": "6.0.0-alpha.7",
-        "@patternfly/react-icons": "6.0.0-alpha.5",
-        "@patternfly/react-styles": "6.0.0-alpha.5",
+        "@patternfly/react-core": "6.0.0-alpha.50",
+        "@patternfly/react-icons": "6.0.0-alpha.19",
+        "@patternfly/react-styles": "6.0.0-alpha.19",
         "@storybook/builder-webpack5": "^7.5.3",
         "react": "^18",
         "react-dom": "^18",
@@ -2234,13 +2234,13 @@
       }
     },
     "node_modules/@patternfly/react-core": {
-      "version": "6.0.0-alpha.7",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-core/-/react-core-6.0.0-alpha.7.tgz",
-      "integrity": "sha512-/C+hoA4D7vr33KmjdN99X/zPOAx00F3HvezQbyBSc/G+cC/jiVHLlYlbRTjke1HoLR7PqT0erku8sP06oPjsew==",
+      "version": "6.0.0-alpha.50",
+      "resolved": "https://registry.npmjs.org/@patternfly/react-core/-/react-core-6.0.0-alpha.50.tgz",
+      "integrity": "sha512-RIO5g0s/i5lAjkjp0eaOdqhefKzppWeAl7M/+dGkHjsoNUG0xbKigzpy3kHYHphbAA1O9vCKYfoEPlcTB0Svvg==",
       "dependencies": {
-        "@patternfly/react-icons": "^6.0.0-alpha.5",
-        "@patternfly/react-styles": "^6.0.0-alpha.5",
-        "@patternfly/react-tokens": "^6.0.0-alpha.5",
+        "@patternfly/react-icons": "^6.0.0-alpha.19",
+        "@patternfly/react-styles": "^6.0.0-alpha.19",
+        "@patternfly/react-tokens": "^6.0.0-alpha.19",
         "focus-trap": "7.5.2",
         "react-dropzone": "^14.2.3",
         "tslib": "^2.5.0"
@@ -2251,23 +2251,23 @@
       }
     },
     "node_modules/@patternfly/react-icons": {
-      "version": "6.0.0-alpha.5",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-icons/-/react-icons-6.0.0-alpha.5.tgz",
-      "integrity": "sha512-uVc50vJWAsZ24RtJUgAP8/ezZKHaQ5u6J2dyhvZtOICAxuPQ122J1GNlPxAFT1+nmu7fNqgMpQT7duADQ0KlrQ==",
+      "version": "6.0.0-alpha.19",
+      "resolved": "https://registry.npmjs.org/@patternfly/react-icons/-/react-icons-6.0.0-alpha.19.tgz",
+      "integrity": "sha512-glp38ag1FVaAm1OtzAJYtbDw207xACqvTvUmWlESh2pEJ8FP7jr7vsxP+2LLue5Ag3b/J9JrrEl8ubQqZrpWug==",
       "peerDependencies": {
         "react": "^17 || ^18",
         "react-dom": "^17 || ^18"
       }
     },
     "node_modules/@patternfly/react-styles": {
-      "version": "6.0.0-alpha.5",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-styles/-/react-styles-6.0.0-alpha.5.tgz",
-      "integrity": "sha512-RAOeDoHVL+A3Cz9+cGN1kkCBczW+jKbgaDKPDEc+mW6afF9Szq0YXwBN/BU56w9+r4heUe2tHMmlsCAMXVU7iA=="
+      "version": "6.0.0-alpha.19",
+      "resolved": "https://registry.npmjs.org/@patternfly/react-styles/-/react-styles-6.0.0-alpha.19.tgz",
+      "integrity": "sha512-Qpa1nbPPvB0HoFWEfWMnG41lWmI0tV0c48QSpF01jDwUU6idqMlRjnW1O9E69CKP6C+8MQj2RxFSu8QOMhAi0A=="
     },
     "node_modules/@patternfly/react-tokens": {
-      "version": "6.0.0-alpha.5",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-tokens/-/react-tokens-6.0.0-alpha.5.tgz",
-      "integrity": "sha512-d5t1gHMx36RqkqO3c5S0BU8gSQh3yyMYnf5/6VAMzwknGvdyLAMNNahnWodga6rjBK0wlwV785vCkGY78MfKfw=="
+      "version": "6.0.0-alpha.19",
+      "resolved": "https://registry.npmjs.org/@patternfly/react-tokens/-/react-tokens-6.0.0-alpha.19.tgz",
+      "integrity": "sha512-qxFPXdFWg7eq67XFoKVtpSGANd9HgnUA+mPJI1IRmHxhZmKbth0Ym3q6I745ratlGdrlpjg9YnRXmyOe8xPwpw=="
     },
     "node_modules/@pkgjs/parseargs": {
       "version": "0.11.0",
@@ -25123,33 +25123,33 @@
       }
     },
     "@patternfly/react-core": {
-      "version": "6.0.0-alpha.7",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-core/-/react-core-6.0.0-alpha.7.tgz",
-      "integrity": "sha512-/C+hoA4D7vr33KmjdN99X/zPOAx00F3HvezQbyBSc/G+cC/jiVHLlYlbRTjke1HoLR7PqT0erku8sP06oPjsew==",
+      "version": "6.0.0-alpha.50",
+      "resolved": "https://registry.npmjs.org/@patternfly/react-core/-/react-core-6.0.0-alpha.50.tgz",
+      "integrity": "sha512-RIO5g0s/i5lAjkjp0eaOdqhefKzppWeAl7M/+dGkHjsoNUG0xbKigzpy3kHYHphbAA1O9vCKYfoEPlcTB0Svvg==",
       "requires": {
-        "@patternfly/react-icons": "^6.0.0-alpha.5",
-        "@patternfly/react-styles": "^6.0.0-alpha.5",
-        "@patternfly/react-tokens": "^6.0.0-alpha.5",
+        "@patternfly/react-icons": "^6.0.0-alpha.19",
+        "@patternfly/react-styles": "^6.0.0-alpha.19",
+        "@patternfly/react-tokens": "^6.0.0-alpha.19",
         "focus-trap": "7.5.2",
         "react-dropzone": "^14.2.3",
         "tslib": "^2.5.0"
       }
     },
     "@patternfly/react-icons": {
-      "version": "6.0.0-alpha.5",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-icons/-/react-icons-6.0.0-alpha.5.tgz",
-      "integrity": "sha512-uVc50vJWAsZ24RtJUgAP8/ezZKHaQ5u6J2dyhvZtOICAxuPQ122J1GNlPxAFT1+nmu7fNqgMpQT7duADQ0KlrQ==",
+      "version": "6.0.0-alpha.19",
+      "resolved": "https://registry.npmjs.org/@patternfly/react-icons/-/react-icons-6.0.0-alpha.19.tgz",
+      "integrity": "sha512-glp38ag1FVaAm1OtzAJYtbDw207xACqvTvUmWlESh2pEJ8FP7jr7vsxP+2LLue5Ag3b/J9JrrEl8ubQqZrpWug==",
       "requires": {}
     },
     "@patternfly/react-styles": {
-      "version": "6.0.0-alpha.5",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-styles/-/react-styles-6.0.0-alpha.5.tgz",
-      "integrity": "sha512-RAOeDoHVL+A3Cz9+cGN1kkCBczW+jKbgaDKPDEc+mW6afF9Szq0YXwBN/BU56w9+r4heUe2tHMmlsCAMXVU7iA=="
+      "version": "6.0.0-alpha.19",
+      "resolved": "https://registry.npmjs.org/@patternfly/react-styles/-/react-styles-6.0.0-alpha.19.tgz",
+      "integrity": "sha512-Qpa1nbPPvB0HoFWEfWMnG41lWmI0tV0c48QSpF01jDwUU6idqMlRjnW1O9E69CKP6C+8MQj2RxFSu8QOMhAi0A=="
     },
     "@patternfly/react-tokens": {
-      "version": "6.0.0-alpha.5",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-tokens/-/react-tokens-6.0.0-alpha.5.tgz",
-      "integrity": "sha512-d5t1gHMx36RqkqO3c5S0BU8gSQh3yyMYnf5/6VAMzwknGvdyLAMNNahnWodga6rjBK0wlwV785vCkGY78MfKfw=="
+      "version": "6.0.0-alpha.19",
+      "resolved": "https://registry.npmjs.org/@patternfly/react-tokens/-/react-tokens-6.0.0-alpha.19.tgz",
+      "integrity": "sha512-qxFPXdFWg7eq67XFoKVtpSGANd9HgnUA+mPJI1IRmHxhZmKbth0Ym3q6I745ratlGdrlpjg9YnRXmyOe8xPwpw=="
     },
     "@pkgjs/parseargs": {
       "version": "0.11.0",
diff --git a/package.json b/package.json
index f66c6e51..94189393 100644
--- a/package.json
+++ b/package.json
@@ -79,9 +79,9 @@
     "webpack-merge": "^5.9.0"
   },
   "dependencies": {
-    "@patternfly/react-core": "6.0.0-alpha.28",
-    "@patternfly/react-icons": "6.0.0-alpha.11",
-    "@patternfly/react-styles": "6.0.0-alpha.11",
+    "@patternfly/react-core": "6.0.0-alpha.50",
+    "@patternfly/react-icons": "6.0.0-alpha.19",
+    "@patternfly/react-styles": "6.0.0-alpha.19",
     "@storybook/builder-webpack5": "^7.5.3",
     "react": "^18",
     "react-dom": "^18",
diff --git a/src/app/__snapshots__/app.test.tsx.snap b/src/app/__snapshots__/app.test.tsx.snap
index df13f5f7..77385b17 100644
--- a/src/app/__snapshots__/app.test.tsx.snap
+++ b/src/app/__snapshots__/app.test.tsx.snap
@@ -3,14 +3,14 @@
 exports[`App tests should render default App component 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-page"
+    class="pf-v6-c-page"
   >
     <div
-      class="pf-v5-c-skip-to-content"
+      class="pf-v6-c-skip-to-content"
     >
       <a
         aria-disabled="false"
-        class="pf-v5-c-button pf-m-primary"
+        class="pf-v6-c-button pf-m-primary"
         data-ouia-component-id="OUIA-Generated-Button-primary-1"
         data-ouia-component-type="PF5/Button"
         data-ouia-safe="true"
@@ -20,15 +20,15 @@ exports[`App tests should render default App component 1`] = `
       </a>
     </div>
     <header
-      class="pf-v5-c-masthead pf-m-display-inline-on-md"
+      class="pf-v6-c-masthead pf-m-display-inline-on-md"
     >
       <span
-        class="pf-v5-c-masthead__toggle"
+        class="pf-v6-c-masthead__toggle"
       >
         <button
           aria-disabled="false"
           aria-label="Global navigation"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-ouia-component-id="OUIA-Generated-Button-plain-1"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -36,7 +36,7 @@ exports[`App tests should render default App component 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -50,10 +50,10 @@ exports[`App tests should render default App component 1`] = `
         </button>
       </span>
       <div
-        class="pf-v5-c-masthead__main"
+        class="pf-v6-c-masthead__main"
       >
         <span
-          class="pf-v5-c-masthead__brand"
+          class="pf-v6-c-masthead__brand"
         >
           <svg
             height="40px"
@@ -147,73 +147,73 @@ exports[`App tests should render default App component 1`] = `
     </header>
     <div
       aria-hidden="false"
-      class="pf-v5-c-page__sidebar pf-m-expanded"
+      class="pf-v6-c-page__sidebar pf-m-expanded"
       id="page-sidebar"
     >
       <div
-        class="pf-v5-c-page__sidebar-body"
+        class="pf-v6-c-page__sidebar-body"
       >
         <nav
           aria-label="Global"
-          class="pf-v5-c-nav"
+          class="pf-v6-c-nav"
           data-ouia-component-id="OUIA-Generated-Nav-1"
           data-ouia-component-type="PF5/Nav"
           data-ouia-safe="true"
           id="nav-primary-simple"
         >
           <ul
-            class="pf-v5-c-nav__list"
+            class="pf-v6-c-nav__list"
             id="nav-list-simple"
             role="list"
           >
             <li
-              class="pf-v5-c-nav__item"
+              class="pf-v6-c-nav__item"
               data-ouia-component-id="OUIA-Generated-NavItem-1"
               data-ouia-component-type="PF5/NavItem"
               data-ouia-safe="true"
             >
               <a
                 aria-current="page"
-                class="pf-v5-c-nav__link pf-m-current active"
+                class="pf-v6-c-nav__link pf-m-current active"
                 href="/"
               >
                 Dashboard
               </a>
             </li>
             <li
-              class="pf-v5-c-nav__item"
+              class="pf-v6-c-nav__item"
               data-ouia-component-id="OUIA-Generated-NavItem-2"
               data-ouia-component-type="PF5/NavItem"
               data-ouia-safe="true"
             >
               <a
-                class="pf-v5-c-nav__link"
+                class="pf-v6-c-nav__link"
                 href="/support"
               >
                 Support
               </a>
             </li>
             <li
-              class="pf-v5-c-nav__item"
+              class="pf-v6-c-nav__item"
               data-ouia-component-id="OUIA-Generated-NavExpandable-1"
               data-ouia-component-type="PF5/NavExpandable"
               data-ouia-safe="true"
             >
               <button
                 aria-expanded="false"
-                class="pf-v5-c-nav__link"
+                class="pf-v6-c-nav__link"
                 id="Settings-2"
               >
                 Settings
                 <span
-                  class="pf-v5-c-nav__toggle"
+                  class="pf-v6-c-nav__toggle"
                 >
                   <span
-                    class="pf-v5-c-nav__toggle-icon"
+                    class="pf-v6-c-nav__toggle-icon"
                   >
                     <svg
                       aria-hidden="true"
-                      class="pf-v5-svg"
+                      class="pf-v6-svg"
                       fill="currentColor"
                       height="1em"
                       role="img"
@@ -229,34 +229,34 @@ exports[`App tests should render default App component 1`] = `
               </button>
               <section
                 aria-labelledby="Settings-2"
-                class="pf-v5-c-nav__subnav"
+                class="pf-v6-c-nav__subnav"
                 hidden=""
               >
                 <ul
-                  class="pf-v5-c-nav__list"
+                  class="pf-v6-c-nav__list"
                   role="list"
                 >
                   <li
-                    class="pf-v5-c-nav__item"
+                    class="pf-v6-c-nav__item"
                     data-ouia-component-id="OUIA-Generated-NavItem-3"
                     data-ouia-component-type="PF5/NavItem"
                     data-ouia-safe="true"
                   >
                     <a
-                      class="pf-v5-c-nav__link"
+                      class="pf-v6-c-nav__link"
                       href="/settings/general"
                     >
                       General
                     </a>
                   </li>
                   <li
-                    class="pf-v5-c-nav__item"
+                    class="pf-v6-c-nav__item"
                     data-ouia-component-id="OUIA-Generated-NavItem-4"
                     data-ouia-component-type="PF5/NavItem"
                     data-ouia-safe="true"
                   >
                     <a
-                      class="pf-v5-c-nav__link"
+                      class="pf-v6-c-nav__link"
                       href="/settings/profile"
                     >
                       Profile
@@ -269,24 +269,28 @@ exports[`App tests should render default App component 1`] = `
         </nav>
       </div>
     </div>
-    <main
-      class="pf-v5-c-page__main"
-      id="primary-app-container"
-      tabindex="-1"
+    <div
+      class="pf-v6-c-page__main-container"
     >
-      <section
-        class="pf-v5-c-page__main-section"
+      <main
+        class="pf-v6-c-page__main"
+        id="primary-app-container"
+        tabindex="-1"
       >
-        <h1
-          class="pf-v5-c-title pf-m-lg"
-          data-ouia-component-id="OUIA-Generated-Title-1"
-          data-ouia-component-type="PF5/Title"
-          data-ouia-safe="true"
+        <section
+          class="pf-v6-c-page__main-section"
         >
-          Dashboard Page Title!
-        </h1>
-      </section>
-    </main>
+          <h1
+            class="pf-v6-c-title pf-m-lg"
+            data-ouia-component-id="OUIA-Generated-Title-1"
+            data-ouia-component-type="PF5/Title"
+            data-ouia-safe="true"
+          >
+            Dashboard Page Title!
+          </h1>
+        </section>
+      </main>
+    </div>
   </div>
 </DocumentFragment>
 `;
diff --git a/src/app/app.css b/src/app/app.css
index 63ccf806..c88fa5f9 100644
--- a/src/app/app.css
+++ b/src/app/app.css
@@ -4,8 +4,8 @@ body,
   height: 100%;
 }
 
-.pf-v5-c-content {
-  --pf-v5-c-content--small--Color: red; /* changes all <small> color to red */
-  --pf-v5-c-content--blockquote--BorderLeftColor: purple; /* changes all <blockquote> left border color to purple */
-  --pf-v5-c-content--hr--BackgroundColor: lemonchiffon; /* changes a <hr> color to lemonchiffon */
+.pf-v6-c-content {
+  --pf-v6-c-content--small--Color: red; /* changes all <small> color to red */
+  --pf-v6-c-content--blockquote--BorderLeftColor: purple; /* changes all <blockquote> left border color to purple */
+  --pf-v6-c-content--hr--BackgroundColor: lemonchiffon; /* changes a <hr> color to lemonchiffon */
 }