@patternfly/react-core 6.0.0-alpha.5 → 6.0.0-alpha.50

package/src/components/DualListSelector/__tests__/__snapshots__/DualListSelector.test.tsx.snap

@@ -3,64 +3,64 @@
 exports[`DualListSelector basic 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-dual-list-selector"
+    class="pf-v6-c-dual-list-selector"
     id="firstTest"
   >
     <div
-      class="pf-v5-c-dual-list-selector__pane pf-m-available"
+      class="pf-v6-c-dual-list-selector__pane pf-m-available"
     >
       <div
-        class="pf-v5-c-dual-list-selector__header"
+        class="pf-v6-c-dual-list-selector__header"
       >
         <div
-          class="pf-v5-c-dual-list-selector__title"
+          class="pf-v6-c-dual-list-selector__title"
         >
           <div
-            class="pf-v5-c-dual-list-selector__title-text"
+            class="pf-v6-c-dual-list-selector__title-text"
           >
             Available options
           </div>
         </div>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__status"
+        class="pf-v6-c-dual-list-selector__status"
       >
         <div
-          class="pf-v5-c-dual-list-selector__status-text"
+          class="pf-v6-c-dual-list-selector__status-text"
           id="firstTest-available-pane-status"
         >
           0 of 2 items selected
         </div>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__menu"
+        class="pf-v6-c-dual-list-selector__menu"
         tabindex="0"
       >
         <ul
           aria-activedescendant=""
           aria-labelledby="firstTest-available-pane-status"
           aria-multiselectable="true"
-          class="pf-v5-c-dual-list-selector__list"
+          class="pf-v6-c-dual-list-selector__list"
           role="listbox"
         >
           <li
             aria-selected="false"
-            class="pf-v5-c-dual-list-selector__list-item"
+            class="pf-v6-c-dual-list-selector__list-item"
             id="firstTest-available-pane-list-option-0"
             role="option"
             tabindex="-1"
           >
             <div
-              class="pf-v5-c-dual-list-selector__list-item-row"
+              class="pf-v6-c-dual-list-selector__list-item-row"
             >
               <span
-                class="pf-v5-c-dual-list-selector__item"
+                class="pf-v6-c-dual-list-selector__item"
               >
                 <span
-                  class="pf-v5-c-dual-list-selector__item-main"
+                  class="pf-v6-c-dual-list-selector__item-main"
                 >
                   <span
-                    class="pf-v5-c-dual-list-selector__item-text"
+                    class="pf-v6-c-dual-list-selector__item-text"
                   >
                     Option 1
                   </span>
@@ -70,22 +70,22 @@ exports[`DualListSelector basic 1`] = `
           </li>
           <li
             aria-selected="false"
-            class="pf-v5-c-dual-list-selector__list-item"
+            class="pf-v6-c-dual-list-selector__list-item"
             id="firstTest-available-pane-list-option-1"
             role="option"
             tabindex="-1"
           >
             <div
-              class="pf-v5-c-dual-list-selector__list-item-row"
+              class="pf-v6-c-dual-list-selector__list-item-row"
             >
               <span
-                class="pf-v5-c-dual-list-selector__item"
+                class="pf-v6-c-dual-list-selector__item"
               >
                 <span
-                  class="pf-v5-c-dual-list-selector__item-main"
+                  class="pf-v6-c-dual-list-selector__item-main"
                 >
                   <span
-                    class="pf-v5-c-dual-list-selector__item-text"
+                    class="pf-v6-c-dual-list-selector__item-text"
                   >
                     Option 2
                   </span>
@@ -98,17 +98,17 @@ exports[`DualListSelector basic 1`] = `
     </div>
     <div
       aria-label="Selector controls"
-      class="pf-v5-c-dual-list-selector__controls"
+      class="pf-v6-c-dual-list-selector__controls"
       role="group"
       tabindex="0"
     >
       <div
-        class="pf-v5-c-dual-list-selector__controls-item"
+        class="pf-v6-c-dual-list-selector__controls-item"
       >
         <button
           aria-disabled="true"
           aria-label="Add selected"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-1"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -118,7 +118,7 @@ exports[`DualListSelector basic 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -132,12 +132,12 @@ exports[`DualListSelector basic 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__controls-item"
+        class="pf-v6-c-dual-list-selector__controls-item"
       >
         <button
           aria-disabled="false"
           aria-label="Add all"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-ouia-component-id="OUIA-Generated-Button-plain-2"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -146,7 +146,7 @@ exports[`DualListSelector basic 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -160,12 +160,12 @@ exports[`DualListSelector basic 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__controls-item"
+        class="pf-v6-c-dual-list-selector__controls-item"
       >
         <button
           aria-disabled="true"
           aria-label="Remove all"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-3"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -175,7 +175,7 @@ exports[`DualListSelector basic 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -189,12 +189,12 @@ exports[`DualListSelector basic 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__controls-item"
+        class="pf-v6-c-dual-list-selector__controls-item"
       >
         <button
           aria-disabled="true"
           aria-label="Remove selected"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-4"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -204,7 +204,7 @@ exports[`DualListSelector basic 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -219,37 +219,37 @@ exports[`DualListSelector basic 1`] = `
       </div>
     </div>
     <div
-      class="pf-v5-c-dual-list-selector__pane pf-m-chosen"
+      class="pf-v6-c-dual-list-selector__pane pf-m-chosen"
     >
       <div
-        class="pf-v5-c-dual-list-selector__header"
+        class="pf-v6-c-dual-list-selector__header"
       >
         <div
-          class="pf-v5-c-dual-list-selector__title"
+          class="pf-v6-c-dual-list-selector__title"
         >
           <div
-            class="pf-v5-c-dual-list-selector__title-text"
+            class="pf-v6-c-dual-list-selector__title-text"
           >
             Chosen options
           </div>
         </div>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__status"
+        class="pf-v6-c-dual-list-selector__status"
       >
         <div
-          class="pf-v5-c-dual-list-selector__status-text"
+          class="pf-v6-c-dual-list-selector__status-text"
           id="firstTest-chosen-pane-status"
         >
           0 of 0 items selected
         </div>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__menu"
+        class="pf-v6-c-dual-list-selector__menu"
         tabindex="0"
       >
         <ul
-          class="pf-v5-c-dual-list-selector__list"
+          class="pf-v6-c-dual-list-selector__list"
         />
       </div>
     </div>
@@ -260,37 +260,37 @@ exports[`DualListSelector basic 1`] = `
 exports[`DualListSelector basic with disabled controls 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-dual-list-selector"
+    class="pf-v6-c-dual-list-selector"
     id="disabledTest"
   >
     <div
-      class="pf-v5-c-dual-list-selector__pane pf-m-available"
+      class="pf-v6-c-dual-list-selector__pane pf-m-available"
     >
       <div
-        class="pf-v5-c-dual-list-selector__header"
+        class="pf-v6-c-dual-list-selector__header"
       >
         <div
-          class="pf-v5-c-dual-list-selector__title"
+          class="pf-v6-c-dual-list-selector__title"
         >
           <div
-            class="pf-v5-c-dual-list-selector__title-text"
+            class="pf-v6-c-dual-list-selector__title-text"
           >
             Available options
           </div>
         </div>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__status"
+        class="pf-v6-c-dual-list-selector__status"
       >
         <div
-          class="pf-v5-c-dual-list-selector__status-text"
+          class="pf-v6-c-dual-list-selector__status-text"
           id="disabledTest-available-pane-status"
         >
           0 of 2 items selected
         </div>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__menu"
+        class="pf-v6-c-dual-list-selector__menu"
         tabindex="0"
       >
         <ul
@@ -298,27 +298,27 @@ exports[`DualListSelector basic with disabled controls 1`] = `
           aria-disabled="true"
           aria-labelledby="disabledTest-available-pane-status"
           aria-multiselectable="true"
-          class="pf-v5-c-dual-list-selector__list"
+          class="pf-v6-c-dual-list-selector__list"
           role="listbox"
         >
           <li
             aria-selected="false"
-            class="pf-v5-c-dual-list-selector__list-item pf-m-disabled"
+            class="pf-v6-c-dual-list-selector__list-item pf-m-disabled"
             id="disabledTest-available-pane-list-option-0"
             role="option"
             tabindex="-1"
           >
             <div
-              class="pf-v5-c-dual-list-selector__list-item-row"
+              class="pf-v6-c-dual-list-selector__list-item-row"
             >
               <span
-                class="pf-v5-c-dual-list-selector__item"
+                class="pf-v6-c-dual-list-selector__item"
               >
                 <span
-                  class="pf-v5-c-dual-list-selector__item-main"
+                  class="pf-v6-c-dual-list-selector__item-main"
                 >
                   <span
-                    class="pf-v5-c-dual-list-selector__item-text"
+                    class="pf-v6-c-dual-list-selector__item-text"
                   >
                     Option 1
                   </span>
@@ -328,22 +328,22 @@ exports[`DualListSelector basic with disabled controls 1`] = `
           </li>
           <li
             aria-selected="false"
-            class="pf-v5-c-dual-list-selector__list-item pf-m-disabled"
+            class="pf-v6-c-dual-list-selector__list-item pf-m-disabled"
             id="disabledTest-available-pane-list-option-1"
             role="option"
             tabindex="-1"
           >
             <div
-              class="pf-v5-c-dual-list-selector__list-item-row"
+              class="pf-v6-c-dual-list-selector__list-item-row"
             >
               <span
-                class="pf-v5-c-dual-list-selector__item"
+                class="pf-v6-c-dual-list-selector__item"
               >
                 <span
-                  class="pf-v5-c-dual-list-selector__item-main"
+                  class="pf-v6-c-dual-list-selector__item-main"
                 >
                   <span
-                    class="pf-v5-c-dual-list-selector__item-text"
+                    class="pf-v6-c-dual-list-selector__item-text"
                   >
                     Option 2
                   </span>
@@ -356,17 +356,17 @@ exports[`DualListSelector basic with disabled controls 1`] = `
     </div>
     <div
       aria-label="Selector controls"
-      class="pf-v5-c-dual-list-selector__controls"
+      class="pf-v6-c-dual-list-selector__controls"
       role="group"
       tabindex="0"
     >
       <div
-        class="pf-v5-c-dual-list-selector__controls-item"
+        class="pf-v6-c-dual-list-selector__controls-item"
       >
         <button
           aria-disabled="true"
           aria-label="Add selected"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-13"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -376,7 +376,7 @@ exports[`DualListSelector basic with disabled controls 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -390,12 +390,12 @@ exports[`DualListSelector basic with disabled controls 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__controls-item"
+        class="pf-v6-c-dual-list-selector__controls-item"
       >
         <button
           aria-disabled="true"
           aria-label="Add all"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-14"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -405,7 +405,7 @@ exports[`DualListSelector basic with disabled controls 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -419,12 +419,12 @@ exports[`DualListSelector basic with disabled controls 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__controls-item"
+        class="pf-v6-c-dual-list-selector__controls-item"
       >
         <button
           aria-disabled="true"
           aria-label="Remove all"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-15"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -434,7 +434,7 @@ exports[`DualListSelector basic with disabled controls 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -448,12 +448,12 @@ exports[`DualListSelector basic with disabled controls 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__controls-item"
+        class="pf-v6-c-dual-list-selector__controls-item"
       >
         <button
           aria-disabled="true"
           aria-label="Remove selected"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-16"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -463,7 +463,7 @@ exports[`DualListSelector basic with disabled controls 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -478,38 +478,38 @@ exports[`DualListSelector basic with disabled controls 1`] = `
       </div>
     </div>
     <div
-      class="pf-v5-c-dual-list-selector__pane pf-m-chosen"
+      class="pf-v6-c-dual-list-selector__pane pf-m-chosen"
     >
       <div
-        class="pf-v5-c-dual-list-selector__header"
+        class="pf-v6-c-dual-list-selector__header"
       >
         <div
-          class="pf-v5-c-dual-list-selector__title"
+          class="pf-v6-c-dual-list-selector__title"
         >
           <div
-            class="pf-v5-c-dual-list-selector__title-text"
+            class="pf-v6-c-dual-list-selector__title-text"
           >
             Chosen options
           </div>
         </div>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__status"
+        class="pf-v6-c-dual-list-selector__status"
       >
         <div
-          class="pf-v5-c-dual-list-selector__status-text"
+          class="pf-v6-c-dual-list-selector__status-text"
           id="disabledTest-chosen-pane-status"
         >
           0 of 0 items selected
         </div>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__menu"
+        class="pf-v6-c-dual-list-selector__menu"
         tabindex="0"
       >
         <ul
           aria-disabled="true"
-          class="pf-v5-c-dual-list-selector__list"
+          class="pf-v6-c-dual-list-selector__list"
         />
       </div>
     </div>
@@ -520,30 +520,30 @@ exports[`DualListSelector basic with disabled controls 1`] = `
 exports[`DualListSelector with actions 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-dual-list-selector"
+    class="pf-v6-c-dual-list-selector"
     id="fourthTest"
   >
     <div
-      class="pf-v5-c-dual-list-selector__pane pf-m-available"
+      class="pf-v6-c-dual-list-selector__pane pf-m-available"
     >
       <div
-        class="pf-v5-c-dual-list-selector__header"
+        class="pf-v6-c-dual-list-selector__header"
       >
         <div
-          class="pf-v5-c-dual-list-selector__title"
+          class="pf-v6-c-dual-list-selector__title"
         >
           <div
-            class="pf-v5-c-dual-list-selector__title-text"
+            class="pf-v6-c-dual-list-selector__title-text"
           >
             Available options
           </div>
         </div>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__tools"
+        class="pf-v6-c-dual-list-selector__tools"
       >
         <div
-          class="pf-v5-c-dual-list-selector__tools-actions"
+          class="pf-v6-c-dual-list-selector__tools-actions"
         >
           <span>
             TestNode1
@@ -551,44 +551,44 @@ exports[`DualListSelector with actions 1`] = `
         </div>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__status"
+        class="pf-v6-c-dual-list-selector__status"
       >
         <div
-          class="pf-v5-c-dual-list-selector__status-text"
+          class="pf-v6-c-dual-list-selector__status-text"
           id="fourthTest-available-pane-status"
         >
           0 of 2 items selected
         </div>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__menu"
+        class="pf-v6-c-dual-list-selector__menu"
         tabindex="0"
       >
         <ul
           aria-activedescendant=""
           aria-labelledby="fourthTest-available-pane-status"
           aria-multiselectable="true"
-          class="pf-v5-c-dual-list-selector__list"
+          class="pf-v6-c-dual-list-selector__list"
           role="listbox"
         >
           <li
             aria-selected="false"
-            class="pf-v5-c-dual-list-selector__list-item"
+            class="pf-v6-c-dual-list-selector__list-item"
             id="fourthTest-available-pane-list-option-0"
             role="option"
             tabindex="-1"
           >
             <div
-              class="pf-v5-c-dual-list-selector__list-item-row"
+              class="pf-v6-c-dual-list-selector__list-item-row"
             >
               <span
-                class="pf-v5-c-dual-list-selector__item"
+                class="pf-v6-c-dual-list-selector__item"
               >
                 <span
-                  class="pf-v5-c-dual-list-selector__item-main"
+                  class="pf-v6-c-dual-list-selector__item-main"
                 >
                   <span
-                    class="pf-v5-c-dual-list-selector__item-text"
+                    class="pf-v6-c-dual-list-selector__item-text"
                   >
                     Option 1
                   </span>
@@ -598,22 +598,22 @@ exports[`DualListSelector with actions 1`] = `
           </li>
           <li
             aria-selected="false"
-            class="pf-v5-c-dual-list-selector__list-item"
+            class="pf-v6-c-dual-list-selector__list-item"
             id="fourthTest-available-pane-list-option-1"
             role="option"
             tabindex="-1"
           >
             <div
-              class="pf-v5-c-dual-list-selector__list-item-row"
+              class="pf-v6-c-dual-list-selector__list-item-row"
             >
               <span
-                class="pf-v5-c-dual-list-selector__item"
+                class="pf-v6-c-dual-list-selector__item"
               >
                 <span
-                  class="pf-v5-c-dual-list-selector__item-main"
+                  class="pf-v6-c-dual-list-selector__item-main"
                 >
                   <span
-                    class="pf-v5-c-dual-list-selector__item-text"
+                    class="pf-v6-c-dual-list-selector__item-text"
                   >
                     Option 2
                   </span>
@@ -626,17 +626,17 @@ exports[`DualListSelector with actions 1`] = `
     </div>
     <div
       aria-label="Selector controls"
-      class="pf-v5-c-dual-list-selector__controls"
+      class="pf-v6-c-dual-list-selector__controls"
       role="group"
       tabindex="0"
     >
       <div
-        class="pf-v5-c-dual-list-selector__controls-item"
+        class="pf-v6-c-dual-list-selector__controls-item"
       >
         <button
           aria-disabled="true"
           aria-label="Add selected"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-21"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -646,7 +646,7 @@ exports[`DualListSelector with actions 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -660,12 +660,12 @@ exports[`DualListSelector with actions 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__controls-item"
+        class="pf-v6-c-dual-list-selector__controls-item"
       >
         <button
           aria-disabled="false"
           aria-label="Add all"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-ouia-component-id="OUIA-Generated-Button-plain-22"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -674,7 +674,7 @@ exports[`DualListSelector with actions 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -688,12 +688,12 @@ exports[`DualListSelector with actions 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__controls-item"
+        class="pf-v6-c-dual-list-selector__controls-item"
       >
         <button
           aria-disabled="false"
           aria-label="Remove all"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-ouia-component-id="OUIA-Generated-Button-plain-23"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -702,7 +702,7 @@ exports[`DualListSelector with actions 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -716,12 +716,12 @@ exports[`DualListSelector with actions 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__controls-item"
+        class="pf-v6-c-dual-list-selector__controls-item"
       >
         <button
           aria-disabled="true"
           aria-label="Remove selected"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-24"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -731,7 +731,7 @@ exports[`DualListSelector with actions 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -746,26 +746,26 @@ exports[`DualListSelector with actions 1`] = `
       </div>
     </div>
     <div
-      class="pf-v5-c-dual-list-selector__pane pf-m-chosen"
+      class="pf-v6-c-dual-list-selector__pane pf-m-chosen"
     >
       <div
-        class="pf-v5-c-dual-list-selector__header"
+        class="pf-v6-c-dual-list-selector__header"
       >
         <div
-          class="pf-v5-c-dual-list-selector__title"
+          class="pf-v6-c-dual-list-selector__title"
         >
           <div
-            class="pf-v5-c-dual-list-selector__title-text"
+            class="pf-v6-c-dual-list-selector__title-text"
           >
             Chosen options
           </div>
         </div>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__tools"
+        class="pf-v6-c-dual-list-selector__tools"
       >
         <div
-          class="pf-v5-c-dual-list-selector__tools-actions"
+          class="pf-v6-c-dual-list-selector__tools-actions"
         >
           <span>
             TestNode2
@@ -773,44 +773,44 @@ exports[`DualListSelector with actions 1`] = `
         </div>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__status"
+        class="pf-v6-c-dual-list-selector__status"
       >
         <div
-          class="pf-v5-c-dual-list-selector__status-text"
+          class="pf-v6-c-dual-list-selector__status-text"
           id="fourthTest-chosen-pane-status"
         >
           0 of 2 items selected
         </div>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__menu"
+        class="pf-v6-c-dual-list-selector__menu"
         tabindex="0"
       >
         <ul
           aria-activedescendant=""
           aria-labelledby="fourthTest-chosen-pane-status"
           aria-multiselectable="true"
-          class="pf-v5-c-dual-list-selector__list"
+          class="pf-v6-c-dual-list-selector__list"
           role="listbox"
         >
           <li
             aria-selected="false"
-            class="pf-v5-c-dual-list-selector__list-item"
+            class="pf-v6-c-dual-list-selector__list-item"
             id="fourthTest-chosen-pane-list-option-0"
             role="option"
             tabindex="-1"
           >
             <div
-              class="pf-v5-c-dual-list-selector__list-item-row"
+              class="pf-v6-c-dual-list-selector__list-item-row"
             >
               <span
-                class="pf-v5-c-dual-list-selector__item"
+                class="pf-v6-c-dual-list-selector__item"
               >
                 <span
-                  class="pf-v5-c-dual-list-selector__item-main"
+                  class="pf-v6-c-dual-list-selector__item-main"
                 >
                   <span
-                    class="pf-v5-c-dual-list-selector__item-text"
+                    class="pf-v6-c-dual-list-selector__item-text"
                   >
                     Option 3
                   </span>
@@ -820,22 +820,22 @@ exports[`DualListSelector with actions 1`] = `
           </li>
           <li
             aria-selected="false"
-            class="pf-v5-c-dual-list-selector__list-item"
+            class="pf-v6-c-dual-list-selector__list-item"
             id="fourthTest-chosen-pane-list-option-1"
             role="option"
             tabindex="-1"
           >
             <div
-              class="pf-v5-c-dual-list-selector__list-item-row"
+              class="pf-v6-c-dual-list-selector__list-item-row"
             >
               <span
-                class="pf-v5-c-dual-list-selector__item"
+                class="pf-v6-c-dual-list-selector__item"
               >
                 <span
-                  class="pf-v5-c-dual-list-selector__item-main"
+                  class="pf-v6-c-dual-list-selector__item-main"
                 >
                   <span
-                    class="pf-v5-c-dual-list-selector__item-text"
+                    class="pf-v6-c-dual-list-selector__item-text"
                   >
                     Option 4
                   </span>
@@ -853,64 +853,64 @@ exports[`DualListSelector with actions 1`] = `
 exports[`DualListSelector with custom status 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-dual-list-selector"
+    class="pf-v6-c-dual-list-selector"
     id="thirdTest"
   >
     <div
-      class="pf-v5-c-dual-list-selector__pane pf-m-available"
+      class="pf-v6-c-dual-list-selector__pane pf-m-available"
     >
       <div
-        class="pf-v5-c-dual-list-selector__header"
+        class="pf-v6-c-dual-list-selector__header"
       >
         <div
-          class="pf-v5-c-dual-list-selector__title"
+          class="pf-v6-c-dual-list-selector__title"
         >
           <div
-            class="pf-v5-c-dual-list-selector__title-text"
+            class="pf-v6-c-dual-list-selector__title-text"
           >
             Available options
           </div>
         </div>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__status"
+        class="pf-v6-c-dual-list-selector__status"
       >
         <div
-          class="pf-v5-c-dual-list-selector__status-text"
+          class="pf-v6-c-dual-list-selector__status-text"
           id="thirdTest-available-pane-status"
         >
           Test status1
         </div>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__menu"
+        class="pf-v6-c-dual-list-selector__menu"
         tabindex="0"
       >
         <ul
           aria-activedescendant=""
           aria-labelledby="thirdTest-available-pane-status"
           aria-multiselectable="true"
-          class="pf-v5-c-dual-list-selector__list"
+          class="pf-v6-c-dual-list-selector__list"
           role="listbox"
         >
           <li
             aria-selected="false"
-            class="pf-v5-c-dual-list-selector__list-item"
+            class="pf-v6-c-dual-list-selector__list-item"
             id="thirdTest-available-pane-list-option-0"
             role="option"
             tabindex="-1"
           >
             <div
-              class="pf-v5-c-dual-list-selector__list-item-row"
+              class="pf-v6-c-dual-list-selector__list-item-row"
             >
               <span
-                class="pf-v5-c-dual-list-selector__item"
+                class="pf-v6-c-dual-list-selector__item"
               >
                 <span
-                  class="pf-v5-c-dual-list-selector__item-main"
+                  class="pf-v6-c-dual-list-selector__item-main"
                 >
                   <span
-                    class="pf-v5-c-dual-list-selector__item-text"
+                    class="pf-v6-c-dual-list-selector__item-text"
                   >
                     Option 1
                   </span>
@@ -920,22 +920,22 @@ exports[`DualListSelector with custom status 1`] = `
           </li>
           <li
             aria-selected="false"
-            class="pf-v5-c-dual-list-selector__list-item"
+            class="pf-v6-c-dual-list-selector__list-item"
             id="thirdTest-available-pane-list-option-1"
             role="option"
             tabindex="-1"
           >
             <div
-              class="pf-v5-c-dual-list-selector__list-item-row"
+              class="pf-v6-c-dual-list-selector__list-item-row"
             >
               <span
-                class="pf-v5-c-dual-list-selector__item"
+                class="pf-v6-c-dual-list-selector__item"
               >
                 <span
-                  class="pf-v5-c-dual-list-selector__item-main"
+                  class="pf-v6-c-dual-list-selector__item-main"
                 >
                   <span
-                    class="pf-v5-c-dual-list-selector__item-text"
+                    class="pf-v6-c-dual-list-selector__item-text"
                   >
                     Option 2
                   </span>
@@ -948,17 +948,17 @@ exports[`DualListSelector with custom status 1`] = `
     </div>
     <div
       aria-label="Selector controls"
-      class="pf-v5-c-dual-list-selector__controls"
+      class="pf-v6-c-dual-list-selector__controls"
       role="group"
       tabindex="0"
     >
       <div
-        class="pf-v5-c-dual-list-selector__controls-item"
+        class="pf-v6-c-dual-list-selector__controls-item"
       >
         <button
           aria-disabled="true"
           aria-label="Add selected"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-9"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -968,7 +968,7 @@ exports[`DualListSelector with custom status 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -982,12 +982,12 @@ exports[`DualListSelector with custom status 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__controls-item"
+        class="pf-v6-c-dual-list-selector__controls-item"
       >
         <button
           aria-disabled="false"
           aria-label="Add all"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-ouia-component-id="OUIA-Generated-Button-plain-10"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -996,7 +996,7 @@ exports[`DualListSelector with custom status 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1010,12 +1010,12 @@ exports[`DualListSelector with custom status 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__controls-item"
+        class="pf-v6-c-dual-list-selector__controls-item"
       >
         <button
           aria-disabled="true"
           aria-label="Remove all"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-11"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -1025,7 +1025,7 @@ exports[`DualListSelector with custom status 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1039,12 +1039,12 @@ exports[`DualListSelector with custom status 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__controls-item"
+        class="pf-v6-c-dual-list-selector__controls-item"
       >
         <button
           aria-disabled="true"
           aria-label="Remove selected"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-12"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -1054,7 +1054,7 @@ exports[`DualListSelector with custom status 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1069,37 +1069,37 @@ exports[`DualListSelector with custom status 1`] = `
       </div>
     </div>
     <div
-      class="pf-v5-c-dual-list-selector__pane pf-m-chosen"
+      class="pf-v6-c-dual-list-selector__pane pf-m-chosen"
     >
       <div
-        class="pf-v5-c-dual-list-selector__header"
+        class="pf-v6-c-dual-list-selector__header"
       >
         <div
-          class="pf-v5-c-dual-list-selector__title"
+          class="pf-v6-c-dual-list-selector__title"
         >
           <div
-            class="pf-v5-c-dual-list-selector__title-text"
+            class="pf-v6-c-dual-list-selector__title-text"
           >
             Chosen options
           </div>
         </div>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__status"
+        class="pf-v6-c-dual-list-selector__status"
       >
         <div
-          class="pf-v5-c-dual-list-selector__status-text"
+          class="pf-v6-c-dual-list-selector__status-text"
           id="thirdTest-chosen-pane-status"
         >
           Test status2
         </div>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__menu"
+        class="pf-v6-c-dual-list-selector__menu"
         tabindex="0"
       >
         <ul
-          class="pf-v5-c-dual-list-selector__list"
+          class="pf-v6-c-dual-list-selector__list"
         />
       </div>
     </div>
@@ -1110,46 +1110,46 @@ exports[`DualListSelector with custom status 1`] = `
 exports[`DualListSelector with search inputs 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-dual-list-selector"
+    class="pf-v6-c-dual-list-selector"
     id="secondTest"
   >
     <div
-      class="pf-v5-c-dual-list-selector__pane pf-m-available"
+      class="pf-v6-c-dual-list-selector__pane pf-m-available"
     >
       <div
-        class="pf-v5-c-dual-list-selector__header"
+        class="pf-v6-c-dual-list-selector__header"
       >
         <div
-          class="pf-v5-c-dual-list-selector__title"
+          class="pf-v6-c-dual-list-selector__title"
         >
           <div
-            class="pf-v5-c-dual-list-selector__title-text"
+            class="pf-v6-c-dual-list-selector__title-text"
           >
             Available options
           </div>
         </div>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__tools"
+        class="pf-v6-c-dual-list-selector__tools"
       >
         <div
-          class="pf-v5-c-dual-list-selector__tools-filter"
+          class="pf-v6-c-dual-list-selector__tools-filter"
         >
           <div
-            class="pf-v5-c-text-input-group"
+            class="pf-v6-c-text-input-group"
           >
             <div
-              class="pf-v5-c-text-input-group__main pf-m-icon"
+              class="pf-v6-c-text-input-group__main pf-m-icon"
             >
               <span
-                class="pf-v5-c-text-input-group__text"
+                class="pf-v6-c-text-input-group__text"
               >
                 <span
-                  class="pf-v5-c-text-input-group__icon"
+                  class="pf-v6-c-text-input-group__icon"
                 >
                   <svg
                     aria-hidden="true"
-                    class="pf-v5-svg"
+                    class="pf-v6-svg"
                     fill="currentColor"
                     height="1em"
                     role="img"
@@ -1163,7 +1163,7 @@ exports[`DualListSelector with search inputs 1`] = `
                 </span>
                 <input
                   aria-label="Available search input"
-                  class="pf-v5-c-text-input-group__text-input"
+                  class="pf-v6-c-text-input-group__text-input"
                   type="text"
                   value=""
                 />
@@ -1173,44 +1173,44 @@ exports[`DualListSelector with search inputs 1`] = `
         </div>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__status"
+        class="pf-v6-c-dual-list-selector__status"
       >
         <div
-          class="pf-v5-c-dual-list-selector__status-text"
+          class="pf-v6-c-dual-list-selector__status-text"
           id="secondTest-available-pane-status"
         >
           0 of 2 items selected
         </div>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__menu"
+        class="pf-v6-c-dual-list-selector__menu"
         tabindex="0"
       >
         <ul
           aria-activedescendant=""
           aria-labelledby="secondTest-available-pane-status"
           aria-multiselectable="true"
-          class="pf-v5-c-dual-list-selector__list"
+          class="pf-v6-c-dual-list-selector__list"
           role="listbox"
         >
           <li
             aria-selected="false"
-            class="pf-v5-c-dual-list-selector__list-item"
+            class="pf-v6-c-dual-list-selector__list-item"
             id="secondTest-available-pane-list-option-0"
             role="option"
             tabindex="-1"
           >
             <div
-              class="pf-v5-c-dual-list-selector__list-item-row"
+              class="pf-v6-c-dual-list-selector__list-item-row"
             >
               <span
-                class="pf-v5-c-dual-list-selector__item"
+                class="pf-v6-c-dual-list-selector__item"
               >
                 <span
-                  class="pf-v5-c-dual-list-selector__item-main"
+                  class="pf-v6-c-dual-list-selector__item-main"
                 >
                   <span
-                    class="pf-v5-c-dual-list-selector__item-text"
+                    class="pf-v6-c-dual-list-selector__item-text"
                   >
                     Option 1
                   </span>
@@ -1220,22 +1220,22 @@ exports[`DualListSelector with search inputs 1`] = `
           </li>
           <li
             aria-selected="false"
-            class="pf-v5-c-dual-list-selector__list-item"
+            class="pf-v6-c-dual-list-selector__list-item"
             id="secondTest-available-pane-list-option-1"
             role="option"
             tabindex="-1"
           >
             <div
-              class="pf-v5-c-dual-list-selector__list-item-row"
+              class="pf-v6-c-dual-list-selector__list-item-row"
             >
               <span
-                class="pf-v5-c-dual-list-selector__item"
+                class="pf-v6-c-dual-list-selector__item"
               >
                 <span
-                  class="pf-v5-c-dual-list-selector__item-main"
+                  class="pf-v6-c-dual-list-selector__item-main"
                 >
                   <span
-                    class="pf-v5-c-dual-list-selector__item-text"
+                    class="pf-v6-c-dual-list-selector__item-text"
                   >
                     Option 2
                   </span>
@@ -1248,17 +1248,17 @@ exports[`DualListSelector with search inputs 1`] = `
     </div>
     <div
       aria-label="Selector controls"
-      class="pf-v5-c-dual-list-selector__controls"
+      class="pf-v6-c-dual-list-selector__controls"
       role="group"
       tabindex="0"
     >
       <div
-        class="pf-v5-c-dual-list-selector__controls-item"
+        class="pf-v6-c-dual-list-selector__controls-item"
       >
         <button
           aria-disabled="true"
           aria-label="Add selected"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-5"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -1268,7 +1268,7 @@ exports[`DualListSelector with search inputs 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1282,12 +1282,12 @@ exports[`DualListSelector with search inputs 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__controls-item"
+        class="pf-v6-c-dual-list-selector__controls-item"
       >
         <button
           aria-disabled="false"
           aria-label="Add all"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-ouia-component-id="OUIA-Generated-Button-plain-6"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -1296,7 +1296,7 @@ exports[`DualListSelector with search inputs 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1310,12 +1310,12 @@ exports[`DualListSelector with search inputs 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__controls-item"
+        class="pf-v6-c-dual-list-selector__controls-item"
       >
         <button
           aria-disabled="true"
           aria-label="Remove all"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-7"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -1325,7 +1325,7 @@ exports[`DualListSelector with search inputs 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1339,12 +1339,12 @@ exports[`DualListSelector with search inputs 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__controls-item"
+        class="pf-v6-c-dual-list-selector__controls-item"
       >
         <button
           aria-disabled="true"
           aria-label="Remove selected"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-8"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -1354,7 +1354,7 @@ exports[`DualListSelector with search inputs 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1369,42 +1369,42 @@ exports[`DualListSelector with search inputs 1`] = `
       </div>
     </div>
     <div
-      class="pf-v5-c-dual-list-selector__pane pf-m-chosen"
+      class="pf-v6-c-dual-list-selector__pane pf-m-chosen"
     >
       <div
-        class="pf-v5-c-dual-list-selector__header"
+        class="pf-v6-c-dual-list-selector__header"
       >
         <div
-          class="pf-v5-c-dual-list-selector__title"
+          class="pf-v6-c-dual-list-selector__title"
         >
           <div
-            class="pf-v5-c-dual-list-selector__title-text"
+            class="pf-v6-c-dual-list-selector__title-text"
           >
             Chosen options
           </div>
         </div>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__tools"
+        class="pf-v6-c-dual-list-selector__tools"
       >
         <div
-          class="pf-v5-c-dual-list-selector__tools-filter"
+          class="pf-v6-c-dual-list-selector__tools-filter"
         >
           <div
-            class="pf-v5-c-text-input-group"
+            class="pf-v6-c-text-input-group"
           >
             <div
-              class="pf-v5-c-text-input-group__main pf-m-icon"
+              class="pf-v6-c-text-input-group__main pf-m-icon"
             >
               <span
-                class="pf-v5-c-text-input-group__text"
+                class="pf-v6-c-text-input-group__text"
               >
                 <span
-                  class="pf-v5-c-text-input-group__icon"
+                  class="pf-v6-c-text-input-group__icon"
                 >
                   <svg
                     aria-hidden="true"
-                    class="pf-v5-svg"
+                    class="pf-v6-svg"
                     fill="currentColor"
                     height="1em"
                     role="img"
@@ -1418,7 +1418,7 @@ exports[`DualListSelector with search inputs 1`] = `
                 </span>
                 <input
                   aria-label="Chosen search input"
-                  class="pf-v5-c-text-input-group__text-input"
+                  class="pf-v6-c-text-input-group__text-input"
                   type="text"
                   value=""
                 />
@@ -1428,21 +1428,21 @@ exports[`DualListSelector with search inputs 1`] = `
         </div>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__status"
+        class="pf-v6-c-dual-list-selector__status"
       >
         <div
-          class="pf-v5-c-dual-list-selector__status-text"
+          class="pf-v6-c-dual-list-selector__status-text"
           id="secondTest-chosen-pane-status"
         >
           0 of 0 items selected
         </div>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__menu"
+        class="pf-v6-c-dual-list-selector__menu"
         tabindex="0"
       >
         <ul
-          class="pf-v5-c-dual-list-selector__list"
+          class="pf-v6-c-dual-list-selector__list"
         />
       </div>
     </div>
@@ -1453,73 +1453,73 @@ exports[`DualListSelector with search inputs 1`] = `
 exports[`DualListSelector with tree 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-dual-list-selector"
+    class="pf-v6-c-dual-list-selector"
     id="tree-test"
   >
     <div
-      class="pf-v5-c-dual-list-selector__pane pf-m-available"
+      class="pf-v6-c-dual-list-selector__pane pf-m-available"
     >
       <div
-        class="pf-v5-c-dual-list-selector__header"
+        class="pf-v6-c-dual-list-selector__header"
       >
         <div
-          class="pf-v5-c-dual-list-selector__title"
+          class="pf-v6-c-dual-list-selector__title"
         >
           <div
-            class="pf-v5-c-dual-list-selector__title-text"
+            class="pf-v6-c-dual-list-selector__title-text"
           >
             Available options
           </div>
         </div>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__status"
+        class="pf-v6-c-dual-list-selector__status"
       >
         <div
-          class="pf-v5-c-dual-list-selector__status-text"
+          class="pf-v6-c-dual-list-selector__status-text"
           id="tree-test-available-pane-status"
         >
           Test status1
         </div>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__menu"
+        class="pf-v6-c-dual-list-selector__menu"
         tabindex="0"
       >
         <ul
           aria-activedescendant=""
           aria-labelledby="tree-test-available-pane-status"
           aria-multiselectable="true"
-          class="pf-v5-c-dual-list-selector__list"
+          class="pf-v6-c-dual-list-selector__list"
           role="tree"
         >
           <li
             aria-expanded="true"
             aria-selected="false"
-            class="pf-v5-c-dual-list-selector__list-item pf-m-expandable pf-m-expanded"
+            class="pf-v6-c-dual-list-selector__list-item pf-m-expandable pf-m-expanded"
             id="O1"
             role="treeitem"
           >
             <div
-              class="pf-v5-c-dual-list-selector__list-item-row pf-m-check"
+              class="pf-v6-c-dual-list-selector__list-item-row pf-m-check"
             >
               <div
-                class="pf-v5-c-dual-list-selector__item"
+                class="pf-v6-c-dual-list-selector__item"
                 tabindex="-1"
               >
                 <span
-                  class="pf-v5-c-dual-list-selector__item-main"
+                  class="pf-v6-c-dual-list-selector__item-main"
                 >
                   <div
-                    class="pf-v5-c-dual-list-selector__item-toggle"
+                    class="pf-v6-c-dual-list-selector__item-toggle"
                     tabindex="-1"
                   >
                     <span
-                      class="pf-v5-c-dual-list-selector__item-toggle-icon"
+                      class="pf-v6-c-dual-list-selector__item-toggle-icon"
                     >
                       <svg
                         aria-hidden="true"
-                        class="pf-v5-svg"
+                        class="pf-v6-svg"
                         fill="currentColor"
                         height="1em"
                         role="img"
@@ -1533,7 +1533,7 @@ exports[`DualListSelector with tree 1`] = `
                     </span>
                   </div>
                   <span
-                    class="pf-v5-c-dual-list-selector__item-check"
+                    class="pf-v6-c-dual-list-selector__item-check"
                   >
                     <input
                       tabindex="-1"
@@ -1541,7 +1541,7 @@ exports[`DualListSelector with tree 1`] = `
                     />
                   </span>
                   <span
-                    class="pf-v5-c-dual-list-selector__item-text"
+                    class="pf-v6-c-dual-list-selector__item-text"
                   >
                     Opt1
                   </span>
@@ -1549,27 +1549,27 @@ exports[`DualListSelector with tree 1`] = `
               </div>
             </div>
             <ul
-              class="pf-v5-c-dual-list-selector__list"
+              class="pf-v6-c-dual-list-selector__list"
               role="group"
             >
               <li
                 aria-selected="false"
-                class="pf-v5-c-dual-list-selector__list-item"
+                class="pf-v6-c-dual-list-selector__list-item"
                 id="O3"
                 role="treeitem"
               >
                 <div
-                  class="pf-v5-c-dual-list-selector__list-item-row pf-m-check"
+                  class="pf-v6-c-dual-list-selector__list-item-row pf-m-check"
                 >
                   <div
-                    class="pf-v5-c-dual-list-selector__item"
+                    class="pf-v6-c-dual-list-selector__item"
                     tabindex="-1"
                   >
                     <span
-                      class="pf-v5-c-dual-list-selector__item-main"
+                      class="pf-v6-c-dual-list-selector__item-main"
                     >
                       <span
-                        class="pf-v5-c-dual-list-selector__item-check"
+                        class="pf-v6-c-dual-list-selector__item-check"
                       >
                         <input
                           tabindex="-1"
@@ -1577,7 +1577,7 @@ exports[`DualListSelector with tree 1`] = `
                         />
                       </span>
                       <span
-                        class="pf-v5-c-dual-list-selector__item-text"
+                        class="pf-v6-c-dual-list-selector__item-text"
                       >
                         Opt3
                       </span>
@@ -1589,22 +1589,22 @@ exports[`DualListSelector with tree 1`] = `
           </li>
           <li
             aria-selected="false"
-            class="pf-v5-c-dual-list-selector__list-item"
+            class="pf-v6-c-dual-list-selector__list-item"
             id="O2"
             role="treeitem"
           >
             <div
-              class="pf-v5-c-dual-list-selector__list-item-row pf-m-check"
+              class="pf-v6-c-dual-list-selector__list-item-row pf-m-check"
             >
               <div
-                class="pf-v5-c-dual-list-selector__item"
+                class="pf-v6-c-dual-list-selector__item"
                 tabindex="-1"
               >
                 <span
-                  class="pf-v5-c-dual-list-selector__item-main"
+                  class="pf-v6-c-dual-list-selector__item-main"
                 >
                   <span
-                    class="pf-v5-c-dual-list-selector__item-check"
+                    class="pf-v6-c-dual-list-selector__item-check"
                   >
                     <input
                       tabindex="-1"
@@ -1612,7 +1612,7 @@ exports[`DualListSelector with tree 1`] = `
                     />
                   </span>
                   <span
-                    class="pf-v5-c-dual-list-selector__item-text"
+                    class="pf-v6-c-dual-list-selector__item-text"
                   >
                     Opt2
                   </span>
@@ -1625,17 +1625,17 @@ exports[`DualListSelector with tree 1`] = `
     </div>
     <div
       aria-label="Selector controls"
-      class="pf-v5-c-dual-list-selector__controls"
+      class="pf-v6-c-dual-list-selector__controls"
       role="group"
       tabindex="0"
     >
       <div
-        class="pf-v5-c-dual-list-selector__controls-item"
+        class="pf-v6-c-dual-list-selector__controls-item"
       >
         <button
           aria-disabled="true"
           aria-label="Add selected"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-17"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -1645,7 +1645,7 @@ exports[`DualListSelector with tree 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1659,12 +1659,12 @@ exports[`DualListSelector with tree 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__controls-item"
+        class="pf-v6-c-dual-list-selector__controls-item"
       >
         <button
           aria-disabled="false"
           aria-label="Add all"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-ouia-component-id="OUIA-Generated-Button-plain-18"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -1673,7 +1673,7 @@ exports[`DualListSelector with tree 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1687,12 +1687,12 @@ exports[`DualListSelector with tree 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__controls-item"
+        class="pf-v6-c-dual-list-selector__controls-item"
       >
         <button
           aria-disabled="true"
           aria-label="Remove all"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-19"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -1702,7 +1702,7 @@ exports[`DualListSelector with tree 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1716,12 +1716,12 @@ exports[`DualListSelector with tree 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__controls-item"
+        class="pf-v6-c-dual-list-selector__controls-item"
       >
         <button
           aria-disabled="true"
           aria-label="Remove selected"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-20"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -1731,7 +1731,7 @@ exports[`DualListSelector with tree 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1746,37 +1746,37 @@ exports[`DualListSelector with tree 1`] = `
       </div>
     </div>
     <div
-      class="pf-v5-c-dual-list-selector__pane pf-m-chosen"
+      class="pf-v6-c-dual-list-selector__pane pf-m-chosen"
     >
       <div
-        class="pf-v5-c-dual-list-selector__header"
+        class="pf-v6-c-dual-list-selector__header"
       >
         <div
-          class="pf-v5-c-dual-list-selector__title"
+          class="pf-v6-c-dual-list-selector__title"
         >
           <div
-            class="pf-v5-c-dual-list-selector__title-text"
+            class="pf-v6-c-dual-list-selector__title-text"
           >
             Chosen options
           </div>
         </div>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__status"
+        class="pf-v6-c-dual-list-selector__status"
       >
         <div
-          class="pf-v5-c-dual-list-selector__status-text"
+          class="pf-v6-c-dual-list-selector__status-text"
           id="tree-test-chosen-pane-status"
         >
           Test status2
         </div>
       </div>
       <div
-        class="pf-v5-c-dual-list-selector__menu"
+        class="pf-v6-c-dual-list-selector__menu"
         tabindex="0"
       >
         <ul
-          class="pf-v5-c-dual-list-selector__list"
+          class="pf-v6-c-dual-list-selector__list"
         />
       </div>
     </div>