Wizard: Add v5 PF slug to classNames

This adds v5 PF slug to classNames throughout the code base, making the formatting work properly.
This commit is contained in:
regexowl 2024-11-25 09:42:09 +01:00 committed by Klara Simickova
parent 4f728874f7
commit d8bb3485d8
26 changed files with 122 additions and 112 deletions

View file

@ -80,7 +80,7 @@ const ActivationKeyInformation = (): JSX.Element => {
<Button
variant="plain"
aria-label="About additional repositories"
className="pf-u-pl-sm pf-u-pt-0 pf-u-pb-0"
className="pf-v5-u-pl-sm pf-v5-u-pt-0 pf-v5-u-pb-0"
>
<HelpIcon />
</Button>
@ -88,7 +88,7 @@ const ActivationKeyInformation = (): JSX.Element => {
</TextListItem>
<TextListItem
component={TextListItemVariants.dd}
className="pf-u-display-flex pf-u-align-items-flex-end"
className="pf-v5-u-display-flex pf-v5-u-align-items-flex-end"
>
{activationKeyInfo.body?.additionalRepositories &&
activationKeyInfo.body?.additionalRepositories?.length > 0 ? (
@ -126,7 +126,7 @@ const ActivationKeyInformation = (): JSX.Element => {
data-testid="repositories-popover-button"
variant="link"
aria-label="Show additional repositories"
className="pf-u-pl-0 pf-u-pt-0 pf-u-pb-0"
className="pf-v5-u-pl-0 pf-v5-u-pt-0 pf-v5-u-pb-0"
>
{activationKeyInfo.body?.additionalRepositories?.length}{' '}
repositories