Update missing classnames

fhlavac · Sep 7, 2023 · 1db16cb · 1db16cb
1 parent cd4c27d
commit 1db16cb
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git 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
@@ -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
@@ -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',
     }
   }