Update to PatternFly 6 (patternfly#145)

fhlavac · Oct 9, 2024 · 4d49e4e · 4d49e4e
1 parent eba9ffc
commit 4d49e4e
Show file tree

Hide file tree

Showing 3 changed files with 45 additions and 30 deletions.
diff --git a/...ntent/extensions/component-groups/examples/MultiContentCard/MultiContentCard.md b/...ntent/extensions/component-groups/examples/MultiContentCard/MultiContentCard.md
@@ -40,7 +40,7 @@ Actions can be displayed in the multi-content card heading using `actions` prope
 
 ```
 
-### Expandable multi-content card with dividers
+### Expandable multi content card with dividers
 
 Dividers between all cards in the content can be shown using `withDividers` flag. 
 

diff --git a/...content/extensions/component-groups/examples/SkeletonTable/SkeletonTableCustomExample.tsx b/...content/extensions/component-groups/examples/SkeletonTable/SkeletonTableCustomExample.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
-import SkeletonTable from "@patternfly/react-component-groups/dist/dynamic/SkeletonTable";import { Th } from '@patternfly/react-table';
+import SkeletonTable from "@patternfly/react-component-groups/dist/dynamic/SkeletonTable";
+import { Th } from '@patternfly/react-table';
 
 export const SkeletonTableExample: React.FC = () => (
   <SkeletonTable

diff --git a/packages/module/src/ResponsiveActions/__snapshots__/ResponsiveActions.test.tsx.snap b/packages/module/src/ResponsiveActions/__snapshots__/ResponsiveActions.test.tsx.snap
@@ -3,84 +3,98 @@
 exports[`ResponsiveActions component should render correctly ResponsiveActions 1`] = `
 <div>
   <div
-    class="pf-v5-c-overflow-menu"
+    class="pf-v6-c-overflow-menu"
     data-ouia-component-id="ResponsiveActions-menu"
   >
     <div
-      class="pf-v5-c-overflow-menu__content"
+      class="pf-v6-c-overflow-menu__content"
     >
       <div
-        class="pf-v5-c-overflow-menu__group pf-m-button-group"
+        class="pf-v6-c-overflow-menu__group pf-m-button-group"
         data-ouia-component-id="ResponsiveActions-menu-persistent-group"
       >
         <div
-          class="pf-v5-c-overflow-menu__item"
+          class="pf-v6-c-overflow-menu__item"
         >
            
           <button
             aria-disabled="false"
-            class="pf-v5-c-button pf-m-primary"
+            class="pf-v6-c-button pf-m-primary"
             data-ouia-component-id="ResponsiveActions-action-0"
-            data-ouia-component-type="PF5/Button"
+            data-ouia-component-type="PF6/Button"
             data-ouia-safe="true"
             type="button"
           >
-            Persistent action
+            <span
+              class="pf-v6-c-button__text"
+            >
+              Persistent action
+            </span>
           </button>
            
         </div>
       </div>
     </div>
     <div
-      class="pf-v5-c-overflow-menu__content"
+      class="pf-v6-c-overflow-menu__content"
     >
       <div
-        class="pf-v5-c-overflow-menu__group pf-m-button-group"
+        class="pf-v6-c-overflow-menu__group pf-m-button-group"
         data-ouia-component-id="ResponsiveActions-menu-pinned-group"
       >
         <div
-          class="pf-v5-c-overflow-menu__item"
+          class="pf-v6-c-overflow-menu__item"
         >
            
           <button
             aria-disabled="false"
-            class="pf-v5-c-button pf-m-secondary"
+            class="pf-v6-c-button pf-m-secondary"
             data-ouia-component-id="ResponsiveActions-action-1"
-            data-ouia-component-type="PF5/Button"
+            data-ouia-component-type="PF6/Button"
             data-ouia-safe="true"
             type="button"
           >
-            Pinned action
+            <span
+              class="pf-v6-c-button__text"
+            >
+              Pinned action
+            </span>
           </button>
            
         </div>
       </div>
     </div>
     <div
-      class="pf-v5-c-overflow-menu__control"
+      class="pf-v6-c-overflow-menu__control"
       data-ouia-component-id="ResponsiveActions-menu-control"
     >
        
       <button
         aria-expanded="false"
         aria-label="Actions overflow menu"
-        class="pf-v5-c-menu-toggle pf-m-plain"
-        data-ouia-component-id="ResponsiveActions-menu-dropdown-toggle"
+        class="pf-v6-c-menu-toggle pf-m-plain"
+        data-ouia-component-id="OUIA-Generated-MenuToggle-plain-1"
+        data-ouia-component-type="PF6/MenuToggle"
+        data-ouia-safe="true"
         type="button"
       >
-        <svg
-          aria-hidden="true"
-          class="pf-v5-svg"
-          fill="currentColor"
-          height="1em"
-          role="img"
-          viewBox="0 0 192 512"
-          width="1em"
+        <span
+          class="pf-v6-c-menu-toggle__text"
         >
-          <path
-            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-          />
-        </svg>
+          <svg
+            aria-hidden="true"
+            class="pf-v6-svg"
+            fill="currentColor"
+            height="1em"
+            role="img"
+            viewBox="0 0 192 512"
+            width="1em"
+          >
+            <path
+              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+            />
+          </svg>
+        </span>
       </button>
        
     </div>
-Original file line number
+Diff line change
@@ Expand Up @@
     ```
-    ### Expandable multi-content card with dividers
+    ### Expandable multi content card with dividers
     Dividers between all cards in the content can be shown using `withDividers` flag.
@@ Expand Down @@