From 2080425753f961e4fb2129482bc1b42a891ebde4 Mon Sep 17 00:00:00 2001
From: regexowl <ksimicko@redhat.com>
Date: Mon, 19 May 2025 13:56:53 +0200
Subject: [PATCH] src: Update remaining `v5` version slugs

---
 playwright/helpers/helpers.ts                    |  2 +-
 playwright/test.spec.ts                          |  2 +-
 src/Components/Blueprints/BuildImagesButton.tsx  |  2 +-
 .../CreateImageWizard/CreateImageWizard.scss     | 16 ++++++++--------
 .../steps/Oscap/components/OnPremWarning.tsx     |  2 +-
 .../steps/Review/Footer/CreateDropdown.tsx       |  2 +-
 .../steps/Review/Footer/EditDropdown.tsx         |  2 +-
 .../ImagesTable/ImagesTableToolbar.tsx           |  6 +++---
 src/Components/LandingPage/LandingPage.scss      |  7 +++----
 9 files changed, 20 insertions(+), 21 deletions(-)

diff --git a/playwright/helpers/helpers.ts b/playwright/helpers/helpers.ts
index ce5cf047..2e966b2b 100644
--- a/playwright/helpers/helpers.ts
+++ b/playwright/helpers/helpers.ts
@@ -21,7 +21,7 @@ export const isHosted = (): boolean => {
 
 export const closePopupsIfExist = async (page: Page) => {
   const locatorsToCheck = [
-    page.locator('.pf-v5-c-alert.notification-item button'), // This closes all toast pop-ups
+    page.locator('.pf-v6-c-alert.notification-item button'), // This closes all toast pop-ups
     page.locator(`button[id^="pendo-close-guide-"]`), // This closes the pendo guide pop-up
     page.locator(`button[id="truste-consent-button"]`), // This closes the trusted consent pop-up
     page.getByLabel('close-notification'), // This closes a one off info notification (May be covered by the toast above, needs recheck.)
diff --git a/playwright/test.spec.ts b/playwright/test.spec.ts
index 93510933..a49d09aa 100644
--- a/playwright/test.spec.ts
+++ b/playwright/test.spec.ts
@@ -79,7 +79,7 @@ test.describe.serial('test', () => {
     await frame.getByRole('button', { name: 'Create blueprint' }).click();
 
     await expect(
-      frame.locator('.pf-v5-c-card__title-text').getByText(blueprintName)
+      frame.locator('.pf-v6-c-card__title-text').getByText(blueprintName)
     ).toBeVisible();
   });
 
diff --git a/src/Components/Blueprints/BuildImagesButton.tsx b/src/Components/Blueprints/BuildImagesButton.tsx
index c4c2fd22..fee7a64a 100644
--- a/src/Components/Blueprints/BuildImagesButton.tsx
+++ b/src/Components/Blueprints/BuildImagesButton.tsx
@@ -132,7 +132,7 @@ export const BuildImagesButton = ({ children }: BuildImagesButtonPropTypes) => {
                     <Spinner
                       style={
                         {
-                          '--pf-v5-c-spinner--Color': '#fff',
+                          '--pf-v6-c-spinner--Color': '#fff',
                         } as React.CSSProperties
                       }
                       isInline
diff --git a/src/Components/CreateImageWizard/CreateImageWizard.scss b/src/Components/CreateImageWizard/CreateImageWizard.scss
index 3a3d203d..50c3b922 100644
--- a/src/Components/CreateImageWizard/CreateImageWizard.scss
+++ b/src/Components/CreateImageWizard/CreateImageWizard.scss
@@ -10,11 +10,11 @@
 }
 
 .pf-c-form {
-    --pf-c-form--GridGap: var(--pf-v5-global--spacer--md);
+    --pf-c-form--GridGap: var(--pf6-global--spacer--md);
 }
 
 .pf-c-form__group-label {
-    --pf-c-form__group-label--PaddingBottom: var(--pf-v5-global--spacer--xs);
+    --pf-c-form__group-label--PaddingBottom: var(--pf-v6-global--spacer--xs);
 }
 
 .tiles {
@@ -28,9 +28,9 @@
 
 .pf-c-tile:focus {
     --pf-c-tile__title--Color: var(--pf-c-tile__title--Color);
-    --pf-c-tile__icon--Color: var(---pf-v5-global--Color--100);
-    --pf-c-tile--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
-    --pf-c-tile--before--BorderColor: var(--pf-v5-global--BorderColor--100);
+    --pf-c-tile__icon--Color: var(---pf-v6-global--Color--100);
+    --pf-c-tile--before--BorderWidth: var(--pf-v6-global--BorderWidth--sm);
+    --pf-c-tile--before--BorderColor: var(--pf-v6-global--BorderColor--100);
 }
 
 .pf-c-tile.pf-m-selected:focus {
@@ -44,11 +44,11 @@
 }
 
 .pf-v6-u-min-width {
-    --pf-v5-u-min-width--MinWidth: 18ch;
+    --pf-v6-u-min-width--MinWidth: 18ch;
 }
 
 .pf-v6-u-max-width {
-    --pf-v5-u-max-width--MaxWidth: 26rem;
+    --pf-v6-u-max-width--MaxWidth: 26rem;
 }
 
 ul.pf-m-plain {
@@ -62,7 +62,7 @@ ul.pf-m-plain {
 }
 
 .panel-border {
-    --pf-v5-c-panel--before--BorderColor: #BEE1F4;
+    --pf-v6-c-panel--before--BorderColor: #BEE1F4;
 }
 
 // Targets the alert within the Reviewsteps > content dropdown
diff --git a/src/Components/CreateImageWizard/steps/Oscap/components/OnPremWarning.tsx b/src/Components/CreateImageWizard/steps/Oscap/components/OnPremWarning.tsx
index bbcdd8c3..d942a268 100644
--- a/src/Components/CreateImageWizard/steps/Oscap/components/OnPremWarning.tsx
+++ b/src/Components/CreateImageWizard/steps/Oscap/components/OnPremWarning.tsx
@@ -20,7 +20,7 @@ const OscapOnPremWarning = () => {
         <Alert
           style={{
             margin:
-              '0 var(--pf-v5-c-toolbar__content--PaddingRight) 0 var(--pf-v5-c-toolbar__content--PaddingLeft)',
+              '0 var(--pf-v6-c-toolbar__content--PaddingRight) 0 var(--pf-v6-c-toolbar__content--PaddingLeft)',
           }}
           isInline
           variant="warning"
diff --git a/src/Components/CreateImageWizard/steps/Review/Footer/CreateDropdown.tsx b/src/Components/CreateImageWizard/steps/Review/Footer/CreateDropdown.tsx
index bff6db14..4605c964 100644
--- a/src/Components/CreateImageWizard/steps/Review/Footer/CreateDropdown.tsx
+++ b/src/Components/CreateImageWizard/steps/Review/Footer/CreateDropdown.tsx
@@ -192,7 +192,7 @@ export const CreateSaveButton = ({
             <FlexItem>
               <Spinner
                 style={
-                  { '--pf-v5-c-spinner--Color': '#fff' } as React.CSSProperties
+                  { '--pf-v6-c-spinner--Color': '#fff' } as React.CSSProperties
                 }
                 isInline
                 size="md"
diff --git a/src/Components/CreateImageWizard/steps/Review/Footer/EditDropdown.tsx b/src/Components/CreateImageWizard/steps/Review/Footer/EditDropdown.tsx
index 4b78ea25..2676d94c 100644
--- a/src/Components/CreateImageWizard/steps/Review/Footer/EditDropdown.tsx
+++ b/src/Components/CreateImageWizard/steps/Review/Footer/EditDropdown.tsx
@@ -134,7 +134,7 @@ export const EditSaveButton = ({
           <FlexItem>
             <Spinner
               style={
-                { '--pf-v5-c-spinner--Color': '#fff' } as React.CSSProperties
+                { '--pf-v6-c-spinner--Color': '#fff' } as React.CSSProperties
               }
               isInline
               size="md"
diff --git a/src/Components/ImagesTable/ImagesTableToolbar.tsx b/src/Components/ImagesTable/ImagesTableToolbar.tsx
index 4d02be41..8c2cf8fc 100644
--- a/src/Components/ImagesTable/ImagesTableToolbar.tsx
+++ b/src/Components/ImagesTable/ImagesTableToolbar.tsx
@@ -163,7 +163,7 @@ const ImagesTableToolbar: React.FC<imagesTableToolbarProps> = ({
             variant="warning"
             style={{
               margin:
-                '0 var(--pf-v5-c-toolbar__content--PaddingRight) 0 var(--pf-v5-c-toolbar__content--PaddingLeft)',
+                '0 var(--pf6-c-toolbar__content--PaddingRight) 0 var(--pf-v6-c-toolbar__content--PaddingLeft)',
             }}
             isInline
             title={`The selected blueprint has errors.`}
@@ -197,7 +197,7 @@ const ImagesTableToolbar: React.FC<imagesTableToolbarProps> = ({
           <Alert
             style={{
               margin:
-                '0 var(--pf-v5-c-toolbar__content--PaddingRight) 0 var(--pf-v5-c-toolbar__content--PaddingLeft)',
+                '0 var(--pf-v6-c-toolbar__content--PaddingRight) 0 var(--pf-v6-c-toolbar__content--PaddingLeft)',
             }}
             isInline
             title={`The selected blueprint is at version ${selectedBlueprintVersion}, the latest images are at version ${latestImageVersion}. Build images to synchronize with the latest version.`}
@@ -217,7 +217,7 @@ const ImagesTableToolbar: React.FC<imagesTableToolbarProps> = ({
             <Alert
               style={{
                 margin:
-                  '0 var(--pf-v5-c-toolbar__content--PaddingRight) 0 var(--pf-v5-c-toolbar__content--PaddingLeft)',
+                  '0 var(--pf-v6-c-toolbar__content--PaddingRight) 0 var(--pf-v6-c-toolbar__content--PaddingLeft)',
               }}
               isInline
               variant="warning"
diff --git a/src/Components/LandingPage/LandingPage.scss b/src/Components/LandingPage/LandingPage.scss
index 1dfb6fa0..5e3b0030 100644
--- a/src/Components/LandingPage/LandingPage.scss
+++ b/src/Components/LandingPage/LandingPage.scss
@@ -1,17 +1,16 @@
 .pf-c-form__group-label-help {
-    color: var(--pf-v5-global--icon--Color--light);
+    color: var(--pf-v6-global--icon--Color--light);
 }
 
 .pf-c-form__group-label-help:active {
-    color: var(--pf-v5-global--icon--Color--dark);
+    color: var(--pf-v6-global--icon--Color--dark);
 }
 
 .expand-section {
-    background-color: var(--pf-v5-global--palette--white);
+    background-color: var(--pf-v6-global--palette--white);
 }
 
 .sidebar-panel {
     height: 750px;
     overflow: auto;
 }
-