From 1db16cb353d2cd8d2db9af46c958367fdf774733 Mon Sep 17 00:00:00 2001
From: Filip Hlavac <filip.hlavac01@gmail.com>
Date: Thu, 7 Sep 2023 13:27:07 +0200
Subject: [PATCH] Update missing classnames

---
 .../module/src/DetailsPageHeader/DetailsPageHeader.tsx    | 8 ++++----
 .../module/src/DetailsPageHeader/utils/ActionButtons.tsx  | 2 +-
 .../module/src/DetailsPageHeader/utils/ActionMenu.tsx     | 6 +++---
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/module/src/DetailsPageHeader/DetailsPageHeader.tsx b/packages/module/src/DetailsPageHeader/DetailsPageHeader.tsx
index 570ed622..5dea3e1f 100644
--- a/packages/module/src/DetailsPageHeader/DetailsPageHeader.tsx
+++ b/packages/module/src/DetailsPageHeader/DetailsPageHeader.tsx
@@ -62,13 +62,13 @@ export const DetailsPageHeader: React.FunctionComponent<DetailsPageHeaderProps>
     <>
       {/* Optional breadcrumbs */}
       {breadcrumbs && (
-        <div className="pf-u-mb-sm">
+        <div className="pf-v5-u-mb-sm">
           <Breadcrumbs breadcrumbs={breadcrumbs} />
         </div>
       )}
       <Split hasGutter isWrappable className={classes.detailsPageHeaderSplit}>
         <SplitItem>
-          <Split hasGutter isWrappable className={`pf-u-mb-sm ${classes.detailsPageHeaderSplit}`}>
+          <Split hasGutter isWrappable className={`pf-v5-u-mb-sm ${classes.detailsPageHeaderSplit}`}>
             {/* Optional icon for details page heading (before title) */}
             {pageHeading?.iconBeforeTitle && (
               <SplitItem>
@@ -118,7 +118,7 @@ export const DetailsPageHeader: React.FunctionComponent<DetailsPageHeaderProps>
             )}
             {/* Optional action menu - ungrouped actions */}
             {actionMenu?.actions && (
-              <SplitItem className="pf-u-mb-sm">
+              <SplitItem className="pf-v5-u-mb-sm">
                 <ActionMenu
                   actions={actionMenu.actions}
                   isDisabled={actionMenu?.isDisabled}
@@ -131,7 +131,7 @@ export const DetailsPageHeader: React.FunctionComponent<DetailsPageHeaderProps>
             )}
             {/* Optional action menu - Grouped actions */}
             {actionMenu?.groupedActions && (
-              <SplitItem className="pf-u-mb-sm">
+              <SplitItem className="pf-v5-u-mb-sm">
                 <ActionMenu
                   groupedActions={actionMenu.groupedActions}
                   isDisabled={actionMenu?.isDisabled}
diff --git a/packages/module/src/DetailsPageHeader/utils/ActionButtons.tsx b/packages/module/src/DetailsPageHeader/utils/ActionButtons.tsx
index 55d20153..c5430d13 100644
--- a/packages/module/src/DetailsPageHeader/utils/ActionButtons.tsx
+++ b/packages/module/src/DetailsPageHeader/utils/ActionButtons.tsx
@@ -18,7 +18,7 @@ export const ActionButtons: React.FunctionComponent<ActionButtonsProps> = ({
           variant={actionButton?.variant}
           isDisabled={actionButton?.isDisabled}
           tooltip={actionButton?.tooltip}
-          className="pf-u-mb-sm"
+          className="pf-v5-u-mb-sm"
         >
           {actionButton.children}
         </ActionButton>
diff --git a/packages/module/src/DetailsPageHeader/utils/ActionMenu.tsx b/packages/module/src/DetailsPageHeader/utils/ActionMenu.tsx
index b5612cfc..64a8b23f 100644
--- a/packages/module/src/DetailsPageHeader/utils/ActionMenu.tsx
+++ b/packages/module/src/DetailsPageHeader/utils/ActionMenu.tsx
@@ -71,14 +71,14 @@ export type ActionMenuProps = EitherNotBoth<
 
 const useStyles = createUseStyles({
   menuItemWithLabelBeforeIcon: {
-    '&.pf-c-dropdown__menu-item': {
+    '&.pf-v5-c-dropdown__menu-item': {
       flexDirection: 'row-reverse',
       justifyContent: 'left'
     },
-    '.pf-c-dropdown__menu-item-icon': {
+    '.pf-v5-c-dropdown__menu-item-icon': {
       marginLeft: 'var(--pf-v5-c-dropdown__menu-item-icon--MarginRight)'
     },
-    '.pf-c-dropdown__menu-item-main': {
+    '.pf-v5-c-dropdown__menu-item-main': {
       flexDirection: 'row-reverse',
     }
   }