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

src: Run class-name-updater

Browse source 
This runs `npx @patternfly/class-name-updater src --v6 --fix`.
This commit is contained in:
regexowl 2025-05-19 13:54:08 +02:00 • committed by Lucas Garfield
parent 1fc1f0cb8d
commit 4312cca4dd
30 changed files with 149 additions and 149 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -263,7 +263,7 @@ export const ImportBlueprintModal: React.FunctionComponent<
icon={<HelpIcon />}
variant="plain"
aria-label="About import"
className="pf-v5-u-pl-sm"
className="pf-v6-u-pl-sm"
isInline
/>
</Popover>

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

@ -1,4 +1,4 @@
.pf-v5-c-wizard__nav-list {
.pf-v6-c-wizard__nav-list {
padding-right: 0px;
}
@ -43,11 +43,11 @@
height: 1em;
}
.pf-v5-u-min-width {
.pf-v6-u-min-width {
--pf-v5-u-min-width--MinWidth: 18ch;
}
.pf-v5-u-max-width {
.pf-v6-u-max-width {
--pf-v5-u-max-width--MaxWidth: 26rem;
}
@ -67,7 +67,7 @@ ul.pf-m-plain {
// Targets the alert within the Reviewsteps > content dropdown
// Removes excess top margin padding
div.pf-v5-c-alert.pf-m-inline.pf-m-plain.pf-m-warning {
div.pf-v6-c-alert.pf-m-inline.pf-m-plain.pf-m-warning {
margin-top: 18px;
h4 {

6
src/Components/CreateImageWizard/LabelInput.tsx
View file

@ -105,7 +105,7 @@ const LabelInput = ({
/>
<TextInputGroupUtilities>
<Button
icon={<PlusCircleIcon className="pf-v5-u-primary-color-100" />}
icon={<PlusCircleIcon className="pf-v6-u-primary-color-100" />}
variant="plain"
onClick={(e) => handleAddItem(e, inputValue)}
isDisabled={!inputValue}
@ -129,7 +129,7 @@ const LabelInput = ({
<LabelGroup
categoryName={requiredCategoryName}
numLabels={20}
className="pf-v5-u-mt-sm pf-v5-u-w-100"
className="pf-v6-u-mt-sm pf-v6-u-w-100"
>
{requiredList.map((item) => (
<Label key={item} isCompact>
@ -138,7 +138,7 @@ const LabelInput = ({
))}
</LabelGroup>
)}
<LabelGroup numLabels={20} className="pf-v5-u-mt-sm pf-v5-u-w-100">
<LabelGroup numLabels={20} className="pf-v6-u-mt-sm pf-v6-u-w-100">
{list?.map((item) => (
<Label
key={item}

2
src/Components/CreateImageWizard/steps/FileSystem/FileSystemAutomaticPartitionInformation.tsx
View file

@ -22,7 +22,7 @@ const FileSystemAutomaticPartition = () => {
icon={<ExternalLinkAltIcon />}
iconPosition="right"
href={FILE_SYSTEM_CUSTOMIZATION_URL}
className="pf-v5-u-pl-0"
className="pf-v6-u-pl-0"
>
Customizing file systems during the image creation
</Button>

4
src/Components/CreateImageWizard/steps/FileSystem/FileSystemConfiguration.tsx
View file

@ -64,7 +64,7 @@ const FileSystemConfiguration = () => {
icon={<ExternalLinkAltIcon />}
iconPosition="right"
href={FILE_SYSTEM_CUSTOMIZATION_URL}
className="pf-v5-u-pl-0"
className="pf-v6-u-pl-0"
>
Read more about manual configuration here
</Button>
@ -80,7 +80,7 @@ const FileSystemConfiguration = () => {
<FileSystemTable />
<Content>
<Button
className="pf-v5-u-text-align-left"
className="pf-v6-u-text-align-left"
variant="link"
icon={<PlusCircleIcon />}
onClick={handleAddPartition}

2
src/Components/CreateImageWizard/steps/FileSystem/FileSystemTable.tsx
View file

@ -58,7 +58,7 @@ export const MinimumSizePopover = () => {
variant="plain"
aria-label="File system configuration info"
aria-describedby="file-system-configuration-info"
className="pf-v5-u-p-0"
className="pf-v6-u-p-0"
/>
</Popover>
);

16
src/Components/CreateImageWizard/steps/ImageOutput/TargetEnvironment.tsx
View file

@ -129,7 +129,7 @@ const TargetEnvironment = () => {
<div className="tiles">
{supportedEnvironments?.includes('aws') && (
<Tile
className="tile pf-v5-u-mr-sm"
className="tile pf-v6-u-mr-sm"
data-testid="upload-aws"
title="Amazon Web Services"
icon={
@ -151,7 +151,7 @@ const TargetEnvironment = () => {
)}
{supportedEnvironments?.includes('gcp') && (
<Tile
className="tile pf-v5-u-mr-sm"
className="tile pf-v6-u-mr-sm"
data-testid="upload-google"
title="Google Cloud Platform"
icon={
@ -175,7 +175,7 @@ const TargetEnvironment = () => {
)}
{supportedEnvironments?.includes('azure') && (
<Tile
className="tile pf-v5-u-mr-sm"
className="tile pf-v6-u-mr-sm"
data-testid="upload-azure"
title="Microsoft Azure"
icon={
@ -218,7 +218,7 @@ const TargetEnvironment = () => {
label={
<Content component={ContentVariants.small}>Private cloud</Content>
}
className="pf-v5-u-mt-sm"
className="pf-v6-u-mt-sm"
>
<Checkbox
label="VMware vSphere"
@ -268,7 +268,7 @@ const TargetEnvironment = () => {
>
<Button
icon={<HelpIcon />}
className="pf-v5-u-pl-sm pf-v5-u-pt-0 pf-v5-u-pb-0"
className="pf-v6-u-pl-sm pf-v6-u-pt-0 pf-v6-u-pb-0"
variant="plain"
aria-label="About OVA file"
isInline
@ -290,7 +290,7 @@ const TargetEnvironment = () => {
/>
)}
<Radio
className="pf-v5-u-mt-sm"
className="pf-v6-u-mt-sm"
name="vsphere-radio"
aria-label="VMware vSphere radio button VMDK"
id="vsphere-radio-vmdk"
@ -314,7 +314,7 @@ const TargetEnvironment = () => {
>
<Button
icon={<HelpIcon />}
className="pf-v5-u-pl-sm pf-v5-u-pt-0 pf-v5-u-pb-0"
className="pf-v6-u-pl-sm pf-v6-u-pt-0 pf-v6-u-pb-0"
variant="plain"
aria-label="About VMDK file"
isInline
@ -411,7 +411,7 @@ const TargetEnvironment = () => {
>
<Button
icon={<HelpIcon />}
className="pf-v5-u-pl-sm pf-v5-u-pt-0 pf-v5-u-pb-0"
className="pf-v6-u-pl-sm pf-v6-u-pt-0 pf-v6-u-pb-0"
variant="plain"
aria-label="About WSL file"
isInline

2
src/Components/CreateImageWizard/steps/Locale/components/LanguagesDropDown.tsx
View file

@ -171,7 +171,7 @@ const LanguagesDropDown = () => {
)}`}</HelperTextItem>
</HelperText>
)}
<LabelGroup numLabels={5} className="pf-v5-u-mt-sm pf-v5-u-w-100">
<LabelGroup numLabels={5} className="pf-v6-u-mt-sm pf-v6-u-w-100">
{languages?.map((lang) => (
<Label key={lang} onClose={(e) => handleRemoveLang(e, lang)}>
{lang}

12
src/Components/CreateImageWizard/steps/Oscap/components/OscapProfileInformation.tsx
View file

@ -81,7 +81,7 @@ export const OscapProfileInformation = ({
<Content component={ContentVariants.dl}>
<Content
component={ContentVariants.dt}
className="pf-v5-u-min-width"
className="pf-v6-u-min-width"
>
Profile description:
</Content>
@ -90,7 +90,7 @@ export const OscapProfileInformation = ({
</Content>
<Content
component={ContentVariants.dt}
className="pf-v5-u-min-width"
className="pf-v6-u-min-width"
>
Reference ID:
</Content>
@ -110,7 +110,7 @@ export const OscapProfileInformation = ({
<Content component={ContentVariants.dl}>
<Content
component={ContentVariants.dt}
className="pf-v5-u-min-width"
className="pf-v6-u-min-width"
>
Policy description:
</Content>
@ -119,7 +119,7 @@ export const OscapProfileInformation = ({
</Content>
<Content
component={ContentVariants.dt}
className="pf-v5-u-min-width"
className="pf-v6-u-min-width"
>
Business objective:
</Content>
@ -128,7 +128,7 @@ export const OscapProfileInformation = ({
</Content>
<Content
component={ContentVariants.dt}
className="pf-v5-u-min-width"
className="pf-v6-u-min-width"
>
Policy type:
</Content>
@ -137,7 +137,7 @@ export const OscapProfileInformation = ({
</Content>
<Content
component={ContentVariants.dt}
className="pf-v5-u-min-width"
className="pf-v6-u-min-width"
>
Reference ID:
</Content>

6
src/Components/CreateImageWizard/steps/Packages/Packages.tsx
View file

@ -484,7 +484,7 @@ const Packages = () => {
</EmptyStateActions>
<EmptyStateActions>
<Button
className="pf-v5-u-pt-md"
className="pf-v6-u-pt-md"
variant="link"
isInline
component="a"
@ -1197,11 +1197,11 @@ const Packages = () => {
}
>
<Button
icon={<HelpIcon className="pf-v5-u-ml-xs" />}
icon={<HelpIcon className="pf-v6-u-ml-xs" />}
variant="plain"
aria-label="About included packages"
component="span"
className="pf-v5-u-p-0"
className="pf-v6-u-p-0"
isInline
/>
</Popover>

2
src/Components/CreateImageWizard/steps/Packages/components/PackageInfoNotAvailablePopover.tsx
View file

@ -24,7 +24,7 @@ const PackageInfoNotAvailablePopover = () => {
icon={<HelpIcon />}
variant="plain"
aria-label="Package description"
className="pf-v5-u-pl-sm pf-v5-u-pt-0 pf-v5-u-pb-0"
className="pf-v6-u-pl-sm pf-v6-u-pt-0 pf-v6-u-pb-0"
/>
</Popover>
);

4
src/Components/CreateImageWizard/steps/Packages/components/RepoPopovers.tsx
View file

@ -20,7 +20,7 @@ export const IncludedReposPopover = () => {
variant="plain"
aria-label="About included repositories"
component="span"
className="pf-v5-u-p-0"
className="pf-v6-u-p-0"
size="sm"
isInline
/>
@ -45,7 +45,7 @@ export const OtherReposPopover = () => {
variant="plain"
aria-label="About other repositories"
component="span"
className="pf-v5-u-p-0"
className="pf-v6-u-p-0"
size="sm"
isInline
/>

6
src/Components/CreateImageWizard/steps/Registration/ActivationKeyInformation.tsx
View file

@ -66,13 +66,13 @@ const ActivationKeyInformation = (): JSX.Element => {
icon={<HelpIcon />}
variant="plain"
aria-label="About additional repositories"
className="pf-v5-u-pl-sm pf-v5-u-pt-0 pf-v5-u-pb-0"
className="pf-v6-u-pl-sm pf-v6-u-pt-0 pf-v6-u-pb-0"
/>
</Popover>
</Content>
<Content
component={ContentVariants.dd}
className="pf-v5-u-display-flex pf-v5-u-align-items-flex-end"
className="pf-v6-u-display-flex pf-v6-u-align-items-flex-end"
>
{activationKeyInfo?.body?.additionalRepositories &&
activationKeyInfo?.body?.additionalRepositories?.length > 0 ? (
@ -109,7 +109,7 @@ const ActivationKeyInformation = (): JSX.Element => {
<Button
variant="link"
aria-label="Show additional repositories"
className="pf-v5-u-pl-0 pf-v5-u-pt-0 pf-v5-u-pb-0"
className="pf-v6-u-pl-0 pf-v6-u-pt-0 pf-v6-u-pb-0"
>
{activationKeyInfo.body?.additionalRepositories?.length}{' '}
repositories

6
src/Components/CreateImageWizard/steps/Registration/Registration.tsx
View file

@ -50,7 +50,7 @@ const InsightsPopover = () => {
<Button
icon={<HelpIcon />}
variant="plain"
className="pf-v5-u-pl-sm pf-v5-u-pt-0 pf-v5-u-pb-0"
className="pf-v6-u-pl-sm pf-v6-u-pt-0 pf-v6-u-pb-0"
aria-label="About remote host configuration (rhc)"
isInline
/>
@ -88,7 +88,7 @@ const RhcPopover = () => {
<Button
icon={<HelpIcon />}
variant="plain"
className="pf-v5-u-pl-sm pf-v5-u-pt-0 pf-v5-u-pb-0"
className="pf-v6-u-pl-sm pf-v6-u-pt-0 pf-v6-u-pb-0"
aria-label="About remote host configuration (rhc)"
isInline
/>
@ -151,7 +151,7 @@ const Registration = () => {
body={
showOptions && (
<Checkbox
className="pf-v5-u-ml-lg"
className="pf-v6-u-ml-lg"
label={
<>
Enable predictive analytics and management capabilities

2
src/Components/CreateImageWizard/steps/Registration/components/PopoverActivation.tsx
View file

@ -44,7 +44,7 @@ const PopoverActivation = () => {
icon={<HelpIcon />}
variant="plain"
aria-label="Activation key popover"
className="pf-v5-u-pl-sm pf-v5-u-pt-0 pf-v5-u-pb-0 pf-v5-u-pr-0"
className="pf-v6-u-pl-sm pf-v6-u-pt-0 pf-v6-u-pb-0 pf-v6-u-pr-0"
/>
</Popover>
);

14
src/Components/CreateImageWizard/steps/Repositories/RepositoriesStatus.tsx
View file

@ -66,7 +66,7 @@ const RepositoriesStatus = ({
<Icon status="success">
<CheckCircleIcon />
</Icon>{' '}
<span className="pf-v5-u-font-weight-bold pf-v5-u-success-color-200">
<span className="pf-v6-u-font-weight-bold pf-v6-u-success-color-200">
{repoStatus}
</span>
</>
@ -82,12 +82,12 @@ const RepositoriesStatus = ({
<Alert
variant={repoStatus === 'Invalid' ? 'danger' : 'warning'}
title={repoStatus}
className="pf-v5-u-pb-sm"
className="pf-v6-u-pb-sm"
isInline
isPlain
/>
{repoUrl ? (
<p className="pf-v5-u-pb-md">Cannot fetch {repoUrl}</p>
<p className="pf-v6-u-pb-md">Cannot fetch {repoUrl}</p>
) : (
''
)}
@ -136,13 +136,13 @@ const RepositoriesStatus = ({
</>
}
>
<Button variant="link" className="pf-v5-u-p-0 pf-v5-u-font-size-sm">
<Button variant="link" className="pf-v6-u-p-0 pf-v6-u-font-size-sm">
{repoStatus === 'Invalid' && (
<>
<Icon status="danger">
<ExclamationCircleIcon />
</Icon>{' '}
<span className="pf-v5-u-font-weight-bold pf-v5-u-danger-color-200 failure-button">
<span className="pf-v6-u-font-weight-bold pf-v6-u-danger-color-200 failure-button">
{repoStatus}
</span>
</>
@ -152,7 +152,7 @@ const RepositoriesStatus = ({
<Icon status="warning">
<ExclamationTriangleIcon />
</Icon>{' '}
<span className="pf-v5-u-font-weight-bold pf-v5-u-warning-color-200 failure-button">
<span className="pf-v6-u-font-weight-bold pf-v6-u-warning-color-200 failure-button">
{repoStatus}
</span>
</>
@ -165,7 +165,7 @@ const RepositoriesStatus = ({
return (
<>
<Spinner isInline />{' '}
<span className="pf-v5-u-font-weight-bold pf-v5-u-info-color-200">
<span className="pf-v6-u-font-weight-bold pf-v6-u-info-color-200">
{repoStatus}
</span>
</>

2
src/Components/CreateImageWizard/steps/Repositories/components/Empty.tsx
View file

@ -41,7 +41,7 @@ const Empty = ({ hasFilterValue, refetch }: EmptyProps) => {
component="a"
target="_blank"
href={CONTENT_URL}
className="pf-v5-u-mr-sm"
className="pf-v6-u-mr-sm"
>
Go to repositories
</Button>

4
src/Components/CreateImageWizard/steps/Review/ReviewStep.tsx
View file

@ -153,7 +153,7 @@ const Review = () => {
data-testid={testId}
component="span"
onClick={() => revisitStep(stepId)}
className="pf-v5-u-p-0 pf-v5-u-font-weight-bold"
className="pf-v6-u-p-0 pf-v6-u-font-weight-bold"
isInline
>
Revisit step
@ -171,7 +171,7 @@ const Review = () => {
<Content component={ContentVariants.dl}>
<Content
component={ContentVariants.dt}
className="pf-v5-u-min-width pf-v5-u-text-align-left"
className="pf-v6-u-min-width pf-v6-u-text-align-left"
>
<Button variant="link" component="span" isInline>
{label}

76
src/Components/CreateImageWizard/steps/Review/ReviewStepTextLists.tsx
View file

@ -90,7 +90,7 @@ import PopoverActivation from '../Registration/components/PopoverActivation';
const ExpirationWarning = () => {
return (
<div className="pf-v5-u-mr-sm pf-v5-u-font-size-sm pf-v5-u-warning-color-200">
<div className="pf-v6-u-mr-sm pf-v6-u-font-size-sm pf-v6-u-warning-color-200">
<ExclamationTriangleIcon /> Expires 14 days after creation
</div>
);
@ -109,7 +109,7 @@ export const ImageOutputList = () => {
<Content>
{distribution === RHEL_8 && (
<>
<Content component="p" className="pf-v5-u-font-size-sm">
<Content component="p" className="pf-v6-u-font-size-sm">
{RELEASES.get(distribution)} will be supported through{' '}
{toMonthAndYear(RHEL_8_FULL_SUPPORT[1])}, with optional ELS support
through {toMonthAndYear(RHEL_8_MAINTENANCE_SUPPORT[1])}. Consider
@ -123,7 +123,7 @@ export const ImageOutputList = () => {
</>
)}
<Content component={ContentVariants.dl}>
<Content component={ContentVariants.dt} className="pf-v5-u-min-width">
<Content component={ContentVariants.dt} className="pf-v6-u-min-width">
Release
</Content>
<Content component={ContentVariants.dd}>
@ -144,7 +144,7 @@ export const FSCList = () => {
return (
<Content>
<Content component={ContentVariants.dl}>
<Content component={ContentVariants.dt} className="pf-v5-u-min-width">
<Content component={ContentVariants.dt} className="pf-v6-u-min-width">
Configuration type
</Content>
<Content component={ContentVariants.dd}>
@ -163,7 +163,7 @@ export const FSCList = () => {
variant="link"
aria-label="File system configuration info"
aria-describedby="file-system-configuration-info"
className="pf-v5-u-pt-0 pf-v5-u-pb-0"
className="pf-v6-u-pt-0 pf-v6-u-pb-0"
>
View partitions
</Button>
@ -229,7 +229,7 @@ export const TargetEnvAWSList = () => {
<Content>
<Content component={ContentVariants.h3}>{targetOptions.aws}</Content>
<Content component={ContentVariants.dl}>
<Content component={ContentVariants.dt} className="pf-v5-u-min-width">
<Content component={ContentVariants.dt} className="pf-v6-u-min-width">
Image type
</Content>
<Content component={ContentVariants.dd}>
@ -260,7 +260,7 @@ export const TargetEnvGCPList = () => {
<Content>
<Content component={ContentVariants.h3}>{targetOptions.gcp}</Content>
<Content component={ContentVariants.dl}>
<Content component={ContentVariants.dt} className="pf-v5-u-min-width">
<Content component={ContentVariants.dt} className="pf-v6-u-min-width">
Image type
</Content>
<Content component={ContentVariants.dd}>
@ -316,7 +316,7 @@ export const TargetEnvAzureList = () => {
<Content>
<Content component={ContentVariants.h3}>{targetOptions.azure}</Content>
<Content component={ContentVariants.dl}>
<Content component={ContentVariants.dt} className="pf-v5-u-min-width">
<Content component={ContentVariants.dt} className="pf-v6-u-min-width">
Image type
</Content>
<Content component={ContentVariants.dd}>
@ -356,7 +356,7 @@ export const TargetEnvOciList = () => {
<Content>
<Content component={ContentVariants.h3}>{targetOptions.oci}</Content>
<Content component={ContentVariants.dl}>
<Content component={ContentVariants.dt} className="pf-v5-u-min-width">
<Content component={ContentVariants.dt} className="pf-v6-u-min-width">
Object Storage URL
</Content>
<Content component={ContentVariants.dd}>
@ -371,7 +371,7 @@ export const TargetEnvOtherList = () => {
return (
<>
<Content component={ContentVariants.dl}>
<Content component={ContentVariants.dt} className="pf-v5-u-min-width">
<Content component={ContentVariants.dt} className="pf-v6-u-min-width">
Image type
</Content>
<Content component={ContentVariants.dd}>
@ -462,7 +462,7 @@ export const ContentList = () => {
<>
<Content
component={ContentVariants.dt}
className="pf-v5-u-min-width"
className="pf-v6-u-min-width"
>
Repeatable build
</Content>
@ -487,7 +487,7 @@ export const ContentList = () => {
<Button
variant="link"
aria-label="Snapshot method"
className="pf-v5-u-p-0"
className="pf-v6-u-p-0"
isDisabled={noRepositoriesSelected || isLoading || isError}
isLoading={isLoading}
>
@ -519,7 +519,7 @@ export const ContentList = () => {
<Button
variant="link"
aria-label="About custom repositories"
className="pf-v5-u-p-0"
className="pf-v6-u-p-0"
>
{customRepositories?.length +
recommendedRepositories.length || 0}
@ -529,7 +529,7 @@ export const ContentList = () => {
0
)}
</Content>
<Content component={ContentVariants.dt} className="pf-v5-u-min-width">
<Content component={ContentVariants.dt} className="pf-v6-u-min-width">
Additional packages
</Content>
<Content component={ContentVariants.dd}>
@ -544,7 +544,7 @@ export const ContentList = () => {
<Button
variant="link"
aria-label="About packages"
className="pf-v5-u-p-0"
className="pf-v6-u-p-0"
>
{packages?.length + groups?.length}
</Button>
@ -574,7 +574,7 @@ export const RegisterLaterList = () => {
return (
<Content>
<Content component={ContentVariants.dl}>
<Content component={ContentVariants.dt} className="pf-v5-u-min-width">
<Content component={ContentVariants.dt} className="pf-v6-u-min-width">
Registration type
</Content>
<Content component={ContentVariants.dd}>
@ -589,7 +589,7 @@ export const RegisterSatelliteList = () => {
return (
<Content>
<Content component={ContentVariants.dl}>
<Content component={ContentVariants.dt} className="pf-v5-u-min-width">
<Content component={ContentVariants.dt} className="pf-v6-u-min-width">
Register Satellite
</Content>
<Content component={ContentVariants.dd}>Enabled</Content>
@ -613,7 +613,7 @@ export const RegisterNowList = () => {
<>
<Content>
<Content component={ContentVariants.dl}>
<Content component={ContentVariants.dt} className="pf-v5-u-min-width">
<Content component={ContentVariants.dt} className="pf-v6-u-min-width">
Registration type
</Content>
<Content
@ -676,7 +676,7 @@ export const DetailsList = () => {
<>
<Content
component={ContentVariants.dt}
className="pf-v5-u-min-width"
className="pf-v6-u-min-width"
>
Blueprint name
</Content>
@ -687,7 +687,7 @@ export const DetailsList = () => {
<>
<Content
component={ContentVariants.dt}
className="pf-v5-u-min-width"
className="pf-v6-u-min-width"
>
Description
</Content>
@ -712,13 +712,13 @@ export const TimezoneList = () => {
return (
<Content>
<Content component={ContentVariants.dl}>
<Content component={ContentVariants.dt} className="pf-v5-u-min-width">
<Content component={ContentVariants.dt} className="pf-v6-u-min-width">
Timezone
</Content>
<Content component={ContentVariants.dd}>
{timezone ? timezone : 'None'}
</Content>
<Content component={ContentVariants.dt} className="pf-v5-u-min-width">
<Content component={ContentVariants.dt} className="pf-v6-u-min-width">
NTP servers
</Content>
<Content component={ContentVariants.dd}>
@ -736,25 +736,25 @@ export const UsersList = () => {
<Content>
{users.map((user) => (
<Content key={user.name} component={ContentVariants.dl}>
<Content component={ContentVariants.dt} className="pf-v5-u-min-width">
<Content component={ContentVariants.dt} className="pf-v6-u-min-width">
Username
</Content>
<Content component={ContentVariants.dd}>
{user.name ? user.name : 'None'}
</Content>
<Content component={ContentVariants.dt} className="pf-v5-u-min-width">
<Content component={ContentVariants.dt} className="pf-v6-u-min-width">
Password
</Content>
<Content component={ContentVariants.dd}>
{user.password || user.hasPassword ? '●'.repeat(8) : 'None'}
</Content>
<Content component={ContentVariants.dt} className="pf-v5-u-min-width">
<Content component={ContentVariants.dt} className="pf-v6-u-min-width">
SSH key
</Content>
<Content component={ContentVariants.dd}>
{user.ssh_key ? user.ssh_key : 'None'}
</Content>
<Content component={ContentVariants.dt} className="pf-v5-u-min-width">
<Content component={ContentVariants.dt} className="pf-v6-u-min-width">
Administrator
</Content>
<Content component={ContentVariants.dd}>
@ -773,13 +773,13 @@ export const LocaleList = () => {
return (
<Content>
<Content component={ContentVariants.dl}>
<Content component={ContentVariants.dt} className="pf-v5-u-min-width">
<Content component={ContentVariants.dt} className="pf-v6-u-min-width">
Languages
</Content>
<Content component={ContentVariants.dd}>
{languages && languages.length > 0 ? languages.join(', ') : 'None'}
</Content>
<Content component={ContentVariants.dt} className="pf-v5-u-min-width">
<Content component={ContentVariants.dt} className="pf-v6-u-min-width">
Keyboard
</Content>
<Content component={ContentVariants.dd}>
@ -796,7 +796,7 @@ export const HostnameList = () => {
return (
<Content>
<Content component={ContentVariants.dl}>
<Content component={ContentVariants.dt} className="pf-v5-u-min-width">
<Content component={ContentVariants.dt} className="pf-v6-u-min-width">
Hostname
</Content>
<Content component={ContentVariants.dd}>
@ -813,13 +813,13 @@ export const KernelList = () => {
return (
<Content>
<Content component={ContentVariants.dl}>
<Content component={ContentVariants.dt} className="pf-v5-u-min-width">
<Content component={ContentVariants.dt} className="pf-v6-u-min-width">
Name
</Content>
<Content component={ContentVariants.dd}>
{kernel.name ? kernel.name : 'None'}
</Content>
<Content component={ContentVariants.dt} className="pf-v5-u-min-width">
<Content component={ContentVariants.dt} className="pf-v6-u-min-width">
Append
</Content>
<Content component={ContentVariants.dd}>
@ -842,7 +842,7 @@ export const FirewallList = () => {
return (
<Content>
<Content component={ContentVariants.dl}>
<Content component={ContentVariants.dt} className="pf-v5-u-min-width">
<Content component={ContentVariants.dt} className="pf-v6-u-min-width">
Ports
</Content>
<Content component={ContentVariants.dd}>
@ -854,7 +854,7 @@ export const FirewallList = () => {
'None'
)}
</Content>
<Content component={ContentVariants.dt} className="pf-v5-u-min-width">
<Content component={ContentVariants.dt} className="pf-v6-u-min-width">
Disabled services
</Content>
<Content component={ContentVariants.dd}>
@ -868,7 +868,7 @@ export const FirewallList = () => {
'None'
)}
</Content>
<Content component={ContentVariants.dt} className="pf-v5-u-min-width">
<Content component={ContentVariants.dt} className="pf-v6-u-min-width">
Enabled services
</Content>
<Content component={ContentVariants.dd}>
@ -893,7 +893,7 @@ export const ServicesList = () => {
return (
<Content>
<Content component={ContentVariants.dl}>
<Content component={ContentVariants.dt} className="pf-v5-u-min-width">
<Content component={ContentVariants.dt} className="pf-v6-u-min-width">
Disabled
</Content>
<Content component={ContentVariants.dd}>
@ -905,7 +905,7 @@ export const ServicesList = () => {
'None'
)}
</Content>
<Content component={ContentVariants.dt} className="pf-v5-u-min-width">
<Content component={ContentVariants.dt} className="pf-v6-u-min-width">
Masked
</Content>
<Content component={ContentVariants.dd}>
@ -917,7 +917,7 @@ export const ServicesList = () => {
'None'
)}
</Content>
<Content component={ContentVariants.dt} className="pf-v5-u-min-width">
<Content component={ContentVariants.dt} className="pf-v6-u-min-width">
Enabled
</Content>
<Content component={ContentVariants.dd}>
@ -940,7 +940,7 @@ export const FirstBootList = () => {
return (
<Content>
<Content component={ContentVariants.dl}>
<Content component={ContentVariants.dt} className="pf-v5-u-min-width">
<Content component={ContentVariants.dt} className="pf-v6-u-min-width">
First boot script
</Content>
<Content component={ContentVariants.dd}>

8
src/Components/CreateImageWizard/steps/Users/components/UserInfo.tsx
View file

@ -158,7 +158,7 @@ const UserInfo = () => {
eventKey={index}
title={<TabTitleText>{user.name || 'New user'}</TabTitleText>}
>
<FormGroup isRequired label="Username" className="pf-v5-u-pb-md">
<FormGroup isRequired label="Username" className="pf-v6-u-pb-md">
<ValidatedInputAndTextArea
ariaLabel="blueprint user name"
value={user.name || ''}
@ -175,7 +175,7 @@ const UserInfo = () => {
onChange={(_e, value) => handlePasswordChange(_e, value)}
hasPassword={user.hasPassword}
/>
<FormGroup label="SSH key" className="pf-v5-u-pb-md">
<FormGroup label="SSH key" className="pf-v6-u-pb-md">
<ValidatedInputAndTextArea
inputType={'textArea'}
ariaLabel="public SSH key"
@ -193,12 +193,12 @@ const UserInfo = () => {
icon={<ExternalLinkAltIcon />}
iconPosition="right"
href={GENERATING_SSH_KEY_PAIRS_URL}
className="pf-v5-u-pl-0"
className="pf-v6-u-pl-0"
>
Learn more about SSH keys
</Button>
</FormGroup>
<FormGroup className="pf-v5-u-pb-md">
<FormGroup className="pf-v6-u-pb-md">
<Checkbox
label="Administrator"
isChecked={

2
src/Components/CreateImageWizard/utilities/PasswordValidatedInput.tsx
View file

@ -47,7 +47,7 @@ export const PasswordValidatedInput = ({
};
return (
<FormGroup label="Password" className="pf-v5-u-pb-md">
<FormGroup label="Password" className="pf-v6-u-pb-md">
<>
<InputGroup>
<InputGroupItem isFill>

2
src/Components/ImagesTable/EmptyState.tsx
View file

@ -98,7 +98,7 @@ const EmptyImagesTable = () => {
iconPosition="right"
isInline
href={CREATING_IMAGES_WITH_IB_SERVICE_URL}
className="pf-v5-u-pt-md"
className="pf-v6-u-pt-md"
>
Image builder for RPM-DNF documentation
</Button>

42
src/Components/ImagesTable/ImageDetails.tsx
View file

@ -43,7 +43,7 @@ const SourceNotFoundPopover = () => {
<Alert
variant="danger"
title="Source name cannot be loaded"
className="pf-v5-u-pb-md"
className="pf-v6-u-pb-md"
isInline
isPlain
/>
@ -66,7 +66,7 @@ const SourceNotFoundPopover = () => {
</>
}
>
<Button variant="link" className="pf-v5-u-p-0 pf-v5-u-font-size-sm">
<Button variant="link" className="pf-v6-u-p-0 pf-v6-u-font-size-sm">
<div className="failure-button">Source name cannot be loaded</div>
</Button>
</Popover>
@ -151,10 +151,10 @@ export const AwsDetails = ({ compose }: AwsDetailsPropTypes) => {
return (
<>
<div className="pf-v5-u-font-weight-bold pf-v5-u-pb-md">
<div className="pf-v6-u-font-weight-bold pf-v6-u-pb-md">
Build Information
</div>
<DescriptionList isHorizontal isCompact className=" pf-v5-u-pl-xl">
<DescriptionList isHorizontal isCompact className=" pf-v6-u-pl-xl">
<DescriptionListGroup>
<DescriptionListTerm>UUID</DescriptionListTerm>
<DescriptionListDescription>
@ -223,7 +223,7 @@ export const AwsDetails = ({ compose }: AwsDetailsPropTypes) => {
</DescriptionList>
<>
<br />
<div className="pf-v5-u-font-weight-bold pf-v5-u-pb-md">
<div className="pf-v6-u-font-weight-bold pf-v6-u-pb-md">
Cloud Provider Identifiers
</div>
</>
@ -262,10 +262,10 @@ export const AzureDetails = ({ compose }: AzureDetailsPropTypes) => {
return (
<>
<div className="pf-v5-u-font-weight-bold pf-v5-u-pb-md">
<div className="pf-v6-u-font-weight-bold pf-v6-u-pb-md">
Build Information
</div>
<DescriptionList isHorizontal isCompact className=" pf-v5-u-pl-xl">
<DescriptionList isHorizontal isCompact className=" pf-v6-u-pl-xl">
<DescriptionListGroup>
<DescriptionListTerm>UUID</DescriptionListTerm>
<DescriptionListDescription>
@ -298,10 +298,10 @@ export const AzureDetails = ({ compose }: AzureDetailsPropTypes) => {
</DescriptionListGroup>
</DescriptionList>
<br />
<div className="pf-v5-u-font-weight-bold pf-v5-u-pb-md">
<div className="pf-v6-u-font-weight-bold pf-v6-u-pb-md">
Cloud Provider Identifiers
</div>
<DescriptionList isHorizontal isCompact className=" pf-v5-u-pl-xl">
<DescriptionList isHorizontal isCompact className=" pf-v6-u-pl-xl">
<DescriptionListGroup>
<DescriptionListTerm>Image name</DescriptionListTerm>
<DescriptionListDescription>
@ -348,10 +348,10 @@ export const GcpDetails = ({ compose }: GcpDetailsPropTypes) => {
return (
<>
<div className="pf-v5-u-font-weight-bold pf-v5-u-pb-md">
<div className="pf-v6-u-font-weight-bold pf-v6-u-pb-md">
Build Information
</div>
<DescriptionList isHorizontal isCompact className=" pf-v5-u-pl-xl">
<DescriptionList isHorizontal isCompact className=" pf-v6-u-pl-xl">
<DescriptionListGroup>
<DescriptionListTerm>UUID</DescriptionListTerm>
<DescriptionListDescription>
@ -386,10 +386,10 @@ export const GcpDetails = ({ compose }: GcpDetailsPropTypes) => {
)}
</DescriptionList>
<br />
<div className="pf-v5-u-font-weight-bold pf-v5-u-pb-md">
<div className="pf-v6-u-font-weight-bold pf-v6-u-pb-md">
Cloud Provider Identifiers
</div>
<DescriptionList isHorizontal isCompact className=" pf-v5-u-pl-xl">
<DescriptionList isHorizontal isCompact className=" pf-v6-u-pl-xl">
<DescriptionListGroup>
<DescriptionListTerm>Image name</DescriptionListTerm>
<DescriptionListDescription>
@ -428,10 +428,10 @@ export const OciDetails = ({ compose }: OciDetailsPropTypes) => {
return (
<>
<div className="pf-v5-u-font-weight-bold pf-v5-u-pb-md">
<div className="pf-v6-u-font-weight-bold pf-v6-u-pb-md">
Build Information
</div>
<DescriptionList isHorizontal isCompact className=" pf-v5-u-pl-xl">
<DescriptionList isHorizontal isCompact className=" pf-v6-u-pl-xl">
<DescriptionListGroup>
<DescriptionListTerm>UUID</DescriptionListTerm>
<DescriptionListDescription>
@ -450,10 +450,10 @@ export const OciDetails = ({ compose }: OciDetailsPropTypes) => {
</DescriptionListGroup>
</DescriptionList>
<br />
<div className="pf-v5-u-font-weight-bold pf-v5-u-pb-md">
<div className="pf-v6-u-font-weight-bold pf-v6-u-pb-md">
Cloud Provider Identifiers
</div>
<DescriptionList isHorizontal isCompact className=" pf-v5-u-pl-xl">
<DescriptionList isHorizontal isCompact className=" pf-v6-u-pl-xl">
<DescriptionListGroup>
<DescriptionListTerm>Object Storage URL</DescriptionListTerm>
<DescriptionListDescription>
@ -481,10 +481,10 @@ type AwsS3DetailsPropTypes = {
export const AwsS3Details = ({ compose }: AwsS3DetailsPropTypes) => {
return (
<>
<div className="pf-v5-u-font-weight-bold pf-v5-u-pb-md">
<div className="pf-v6-u-font-weight-bold pf-v6-u-pb-md">
Build Information
</div>
<DescriptionList isHorizontal isCompact className=" pf-v5-u-pl-xl">
<DescriptionList isHorizontal isCompact className=" pf-v6-u-pl-xl">
<DescriptionListGroup>
<DescriptionListTerm>UUID</DescriptionListTerm>
<DescriptionListDescription>
@ -513,10 +513,10 @@ type LocalDetailsPropTypes = {
export const LocalDetails = ({ compose }: LocalDetailsPropTypes) => {
return (
<>
<div className="pf-v5-u-font-weight-bold pf-v5-u-pb-md">
<div className="pf-v6-u-font-weight-bold pf-v6-u-pb-md">
Build Information
</div>
<DescriptionList isHorizontal isCompact className=" pf-v5-u-pl-xl">
<DescriptionList isHorizontal isCompact className=" pf-v6-u-pl-xl">
<DescriptionListGroup>
<DescriptionListTerm>UUID</DescriptionListTerm>
<DescriptionListDescription>

2
src/Components/ImagesTable/ImagesTable.tsx
View file

@ -280,7 +280,7 @@ const ImagesTable = () => {
);
})}
</Table>
<Toolbar className="pf-v5-u-mb-xl">
<Toolbar className="pf-v6-u-mb-xl">
<ToolbarContent>
<ToolbarItem variant="pagination" align={{ default: 'alignEnd' }}>
<Pagination

4
src/Components/ImagesTable/Instance.tsx
View file

@ -338,7 +338,7 @@ export const OciInstance = ({ compose, isExpired }: OciInstancePropTypes) => {
iconPosition="right"
// TO DO update the link after documentation is up
href={FILE_SYSTEM_CUSTOMIZATION_URL}
className="pf-v5-u-pl-0"
className="pf-v6-u-pl-0"
>
Read more about launching OCI images
</Button>
@ -347,7 +347,7 @@ export const OciInstance = ({ compose, isExpired }: OciInstancePropTypes) => {
>
<Button
variant="link"
className="pf-v5-u-p-0 pf-v5-u-font-size-sm"
className="pf-v6-u-p-0 pf-v6-u-font-size-sm"
isDisabled={data?.image_status.status === 'success' ? false : true}
>
Image link

38
src/Components/ImagesTable/Status.tsx
View file

@ -232,7 +232,7 @@ export const ExpiringStatus = ({
<Status
icon={statuses['expiring'].icon}
text={
<span className="pf-v5-u-font-weight-bold pf-v5-u-warning-color-200">
<span className="pf-v6-u-font-weight-bold pf-v6-u-warning-color-200">
{text}
</span>
}
@ -248,7 +248,7 @@ export const ExpiringStatus = ({
<Status
icon={statuses['expiring'].icon}
text={
<span className="pf-v5-u-font-weight-bold pf-v5-u-warning-color-200">
<span className="pf-v6-u-font-weight-bold pf-v6-u-warning-color-200">
{text}
</span>
}
@ -304,7 +304,7 @@ const statuses = {
</Icon>
),
text: (
<span className="pf-v5-u-font-weight-bold pf-v5-u-danger-color-200">
<span className="pf-v6-u-font-weight-bold pf-v6-u-danger-color-200">
Image build failed
</span>
),
@ -313,14 +313,14 @@ const statuses = {
pending: {
icon: <PendingIcon />,
text: (
<span className="pf-v5-u-font-weight-bold">Image build is pending</span>
<span className="pf-v6-u-font-weight-bold">Image build is pending</span>
),
},
building: {
icon: <Spinner isInline />,
text: (
<span className="pf-v5-u-font-weight-bold pf-v5-u-info-color-200">
<span className="pf-v6-u-font-weight-bold pf-v6-u-info-color-200">
Image build in progress
</span>
),
@ -329,7 +329,7 @@ const statuses = {
uploading: {
icon: <Spinner isInline />,
text: (
<span className="pf-v5-u-font-weight-bold pf-v5-u-info-color-200">
<span className="pf-v6-u-font-weight-bold pf-v6-u-info-color-200">
Image upload in progress
</span>
),
@ -338,7 +338,7 @@ const statuses = {
registering: {
icon: <Spinner isInline />,
text: (
<span className="pf-v5-u-font-weight-bold pf-v5-u-info-color-200">
<span className="pf-v6-u-font-weight-bold pf-v6-u-info-color-200">
Cloud registration in progress
</span>
),
@ -347,7 +347,7 @@ const statuses = {
running: {
icon: <Spinner isInline />,
text: (
<span className="pf-v5-u-font-weight-bold pf-v5-u-info-color-200">
<span className="pf-v6-u-font-weight-bold pf-v6-u-info-color-200">
Running
</span>
),
@ -360,7 +360,7 @@ const statuses = {
</Icon>
),
text: (
<span className="pf-v5-u-font-weight-bold pf-v5-u-success-color-200">
<span className="pf-v6-u-font-weight-bold pf-v6-u-success-color-200">
Ready
</span>
),
@ -368,7 +368,7 @@ const statuses = {
expired: {
icon: <OffIcon />,
text: <span className="pf-v5-u-font-weight-bold">Expired</span>,
text: <span className="pf-v6-u-font-weight-bold">Expired</span>,
},
expiring: {
@ -386,7 +386,7 @@ const statuses = {
</Icon>
),
text: (
<span className="pf-v5-u-font-weight-bold pf-v5-u-danger-color-200">
<span className="pf-v6-u-font-weight-bold pf-v6-u-danger-color-200">
Sharing image failed
</span>
),
@ -399,7 +399,7 @@ const statuses = {
</Icon>
),
text: (
<span className="pf-v5-u-font-weight-bold pf-v5-u-danger-color-200">
<span className="pf-v6-u-font-weight-bold pf-v6-u-danger-color-200">
Failure sharing
</span>
),
@ -413,8 +413,8 @@ type StatusPropTypes = {
const Status = ({ icon, text }: StatusPropTypes) => {
return (
<Flex className="pf-v5-u-align-items-baseline pf-m-nowrap">
<div className="pf-v5-u-mr-sm">{icon}</div>
<Flex className="pf-v6-u-align-items-baseline pf-m-nowrap">
<div className="pf-v6-u-mr-sm">{icon}</div>
<p>{text}</p>
</Flex>
);
@ -449,8 +449,8 @@ const ErrorStatus = ({ icon, text, error }: ErrorStatusPropTypes) => {
}
return (
<Flex className="pf-v5-u-align-items-baseline pf-m-nowrap">
<div className="pf-v5-u-mr-sm">{icon}</div>
<Flex className="pf-v6-u-align-items-baseline pf-m-nowrap">
<div className="pf-v6-u-mr-sm">{icon}</div>
<Popover
data-testid="errorstatus-popover"
position="bottom"
@ -458,7 +458,7 @@ const ErrorStatus = ({ icon, text, error }: ErrorStatusPropTypes) => {
bodyContent={
<>
<Alert variant="danger" title={text} isInline isPlain />
<Content component="p" className="pf-v5-u-pt-md pf-v5-u-pb-md">
<Content component="p" className="pf-v6-u-pt-md pf-v6-u-pb-md">
{reason}
</Content>
<Panel isScrollable>
@ -476,14 +476,14 @@ const ErrorStatus = ({ icon, text, error }: ErrorStatusPropTypes) => {
reason + '\n\n' + detailsArray.join('\n')
)
}
className="pf-v5-u-pl-0 pf-v5-u-mt-md"
className="pf-v6-u-pl-0 pf-v6-u-mt-md"
>
Copy error text to clipboard
</Button>
</>
}
>
<Button variant="link" className="pf-v5-u-p-0 pf-v5-u-font-size-sm">
<Button variant="link" className="pf-v6-u-p-0 pf-v6-u-font-size-sm">
<div className="failure-button">{text}</div>
</Button>
</Popover>

2
src/Components/LandingPage/LandingPage.tsx
View file

@ -60,7 +60,7 @@ export const LandingPage = () => {
<>
<PageSection hasBodyWrapper={false}>
{showAlert && <NewAlert setShowAlert={setShowAlert} />}
<Sidebar hasBorder className="pf-v5-u-background-color-100">
<Sidebar hasBorder className="pf-v6-u-background-color-100">
<SidebarPanel
variant="sticky"
width={{ default: 'width_25' }}

18
src/Components/LandingPage/Quickstarts.tsx
View file

@ -13,13 +13,13 @@ export const Quickstarts = () => {
return (
<ExpandableSection
className="pf-m-light pf-v5-u-mb-xl expand-section"
className="pf-m-light pf-v6-u-mb-xl expand-section"
toggleText="Help get started with new features"
onToggle={(_event, val) => setShowHint(val)}
isExpanded={showHint}
displaySize="lg"
>
<p className="pf-v5-u-pt-sm">
<p className="pf-v6-u-pt-sm">
<Button
icon={<ArrowRightIcon />}
iconPosition="right"
@ -27,12 +27,12 @@ export const Quickstarts = () => {
isInline
component="a"
onClick={activateQuickstart('insights-launch-aws')}
className="pf-v5-u-font-weight-bold"
className="pf-v6-u-font-weight-bold"
>
Launch an AWS Image
</Button>
</p>
<p className="pf-v5-u-pt-sm">
<p className="pf-v6-u-pt-sm">
<Button
icon={<ArrowRightIcon />}
iconPosition="right"
@ -40,12 +40,12 @@ export const Quickstarts = () => {
isInline
component="a"
onClick={activateQuickstart('insights-launch-azure')}
className="pf-v5-u-font-weight-bold"
className="pf-v6-u-font-weight-bold"
>
Launch an Azure Image
</Button>
</p>
<p className="pf-v5-u-pt-sm">
<p className="pf-v6-u-pt-sm">
<Button
icon={<ArrowRightIcon />}
iconPosition="right"
@ -53,12 +53,12 @@ export const Quickstarts = () => {
isInline
component="a"
onClick={activateQuickstart('insights-launch-gcp')}
className="pf-v5-u-font-weight-bold"
className="pf-v6-u-font-weight-bold"
>
Launch a GCP Image
</Button>
</p>
<p className="pf-v5-u-pt-sm">
<p className="pf-v6-u-pt-sm">
<Button
icon={<ArrowRightIcon />}
iconPosition="right"
@ -66,7 +66,7 @@ export const Quickstarts = () => {
isInline
component="a"
onClick={activateQuickstart('insights-custom-repos')}
className="pf-v5-u-font-weight-bold"
className="pf-v6-u-font-weight-bold"
>
Build an Image with Custom Content
</Button>

2
src/Components/ShareImageModal/RegionsSelect.tsx
View file

@ -223,7 +223,7 @@ const RegionsSelect = ({ composeId, handleClose }: RegionsSelectPropTypes) => {
icon={<HelpIcon />}
variant="plain"
aria-label="About regions"
className="pf-v5-u-pl-sm header-button"
className="pf-v6-u-pl-sm header-button"
isInline
/>
</Popover>

2
src/Components/sharedComponents/ImageBuilderHeader.tsx
View file

@ -84,7 +84,7 @@ const AboutImageBuilderPopover = () => {
icon={<HelpIcon />}
variant="plain"
aria-label="About image builder"
className="pf-v5-u-pl-sm header-button"
className="pf-v6-u-pl-sm header-button"
/>
</Popover>
);