particle-os/debian-image-builder-frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

src: Update remaining v5 version slugs

Browse source
This commit is contained in:
regexowl 2025-05-19 13:56:53 +02:00 • committed by Lucas Garfield
parent 4312cca4dd
commit 2080425753
9 changed files with 20 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

2
playwright/helpers/helpers.ts
View file

@ -21,7 +21,7 @@ export const isHosted = (): boolean => {
export const closePopupsIfExist = async (page: Page) => { export const closePopupsIfExist = async (page: Page) => {
const locatorsToCheck = [ 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^="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.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.) page.getByLabel('close-notification'), // This closes a one off info notification (May be covered by the toast above, needs recheck.)

2
playwright/test.spec.ts
View file

@ -79,7 +79,7 @@ test.describe.serial('test', () => {
await frame.getByRole('button', { name: 'Create blueprint' }).click(); await frame.getByRole('button', { name: 'Create blueprint' }).click();
await expect( await expect(
frame.locator('.pf-v5-c-card__title-text').getByText(blueprintName) frame.locator('.pf-v6-c-card__title-text').getByText(blueprintName)
).toBeVisible(); ).toBeVisible();
}); });

2
src/Components/Blueprints/BuildImagesButton.tsx
View file

@ -132,7 +132,7 @@ export const BuildImagesButton = ({ children }: BuildImagesButtonPropTypes) => {
<Spinner <Spinner
style={ style={
{ {
'--pf-v5-c-spinner--Color': '#fff', '--pf-v6-c-spinner--Color': '#fff',
} as React.CSSProperties } as React.CSSProperties
} }
isInline isInline

16
src/Components/CreateImageWizard/CreateImageWizard.scss
View file

@ -10,11 +10,11 @@
} }
.pf-c-form { .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 {
--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 { .tiles {
@ -28,9 +28,9 @@
.pf-c-tile:focus { .pf-c-tile:focus {
--pf-c-tile__title--Color: var(--pf-c-tile__title--Color); --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__icon--Color: var(---pf-v6-global--Color--100);
--pf-c-tile--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm); --pf-c-tile--before--BorderWidth: var(--pf-v6-global--BorderWidth--sm);
--pf-c-tile--before--BorderColor: var(--pf-v5-global--BorderColor--100); --pf-c-tile--before--BorderColor: var(--pf-v6-global--BorderColor--100);
} }
.pf-c-tile.pf-m-selected:focus { .pf-c-tile.pf-m-selected:focus {
@ -44,11 +44,11 @@
} }
.pf-v6-u-min-width { .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-v6-u-max-width {
--pf-v5-u-max-width--MaxWidth: 26rem; --pf-v6-u-max-width--MaxWidth: 26rem;
} }
ul.pf-m-plain { ul.pf-m-plain {
@ -62,7 +62,7 @@ ul.pf-m-plain {
} }
.panel-border { .panel-border {
--pf-v5-c-panel--before--BorderColor: #BEE1F4; --pf-v6-c-panel--before--BorderColor: #BEE1F4;
} }
// Targets the alert within the Reviewsteps > content dropdown // Targets the alert within the Reviewsteps > content dropdown

2
src/Components/CreateImageWizard/steps/Oscap/components/OnPremWarning.tsx
View file

@ -20,7 +20,7 @@ const OscapOnPremWarning = () => {
<Alert <Alert
style={{ style={{
margin: 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 isInline
variant="warning" variant="warning"

2
src/Components/CreateImageWizard/steps/Review/Footer/CreateDropdown.tsx
View file

@ -192,7 +192,7 @@ export const CreateSaveButton = ({
<FlexItem> <FlexItem>
<Spinner <Spinner
style={ style={
{ '--pf-v5-c-spinner--Color': '#fff' } as React.CSSProperties { '--pf-v6-c-spinner--Color': '#fff' } as React.CSSProperties
} }
isInline isInline
size="md" size="md"

2
src/Components/CreateImageWizard/steps/Review/Footer/EditDropdown.tsx
View file

@ -134,7 +134,7 @@ export const EditSaveButton = ({
<FlexItem> <FlexItem>
<Spinner <Spinner
style={ style={
{ '--pf-v5-c-spinner--Color': '#fff' } as React.CSSProperties { '--pf-v6-c-spinner--Color': '#fff' } as React.CSSProperties
} }
isInline isInline
size="md" size="md"

6
src/Components/ImagesTable/ImagesTableToolbar.tsx
View file

@ -163,7 +163,7 @@ const ImagesTableToolbar: React.FC<imagesTableToolbarProps> = ({
variant="warning" variant="warning"
style={{ style={{
margin: 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 isInline
title={`The selected blueprint has errors.`} title={`The selected blueprint has errors.`}
@ -197,7 +197,7 @@ const ImagesTableToolbar: React.FC<imagesTableToolbarProps> = ({
<Alert <Alert
style={{ style={{
margin: 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 isInline
title={`The selected blueprint is at version ${selectedBlueprintVersion}, the latest images are at version ${latestImageVersion}. Build images to synchronize with the latest version.`} 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 <Alert
style={{ style={{
margin: 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 isInline
variant="warning" variant="warning"

7
src/Components/LandingPage/LandingPage.scss
View file

@ -1,17 +1,16 @@
.pf-c-form__group-label-help { .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 { .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 { .expand-section {
background-color: var(--pf-v5-global--palette--white); background-color: var(--pf-v6-global--palette--white);
} }
.sidebar-panel { .sidebar-panel {
height: 750px; height: 750px;
overflow: auto; overflow: auto;
} }