@patternfly/react-core 5.0.0-alpha.90 → 5.0.0-alpha.91

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

@@ -3,64 +3,64 @@
 exports[`DualListSelector basic 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-dual-list-selector"
+    class="pf-v5-c-dual-list-selector"
     id="firstTest"
   >
     <div
-      class="pf-c-dual-list-selector__pane pf-m-available"
+      class="pf-v5-c-dual-list-selector__pane pf-m-available"
     >
       <div
-        class="pf-c-dual-list-selector__header"
+        class="pf-v5-c-dual-list-selector__header"
       >
         <div
           class="pf-c-dual-list-selector__title"
         >
           <div
-            class="pf-c-dual-list-selector__title-text"
+            class="pf-v5-c-dual-list-selector__title-text"
           >
             Available options
           </div>
         </div>
       </div>
       <div
-        class="pf-c-dual-list-selector__status"
+        class="pf-v5-c-dual-list-selector__status"
       >
         <div
-          class="pf-c-dual-list-selector__status-text"
+          class="pf-v5-c-dual-list-selector__status-text"
           id="firstTest-available-pane-status"
         >
           0 of 2 items selected
         </div>
       </div>
       <div
-        class="pf-c-dual-list-selector__menu"
+        class="pf-v5-c-dual-list-selector__menu"
         tabindex="0"
       >
         <ul
           aria-activedescendant=""
           aria-labelledby="firstTest-available-pane-status"
           aria-multiselectable="true"
-          class="pf-c-dual-list-selector__list"
+          class="pf-v5-c-dual-list-selector__list"
           role="listbox"
         >
           <li
             aria-selected="false"
-            class="pf-c-dual-list-selector__list-item"
+            class="pf-v5-c-dual-list-selector__list-item"
             id="firstTest-available-pane-list-option-0"
             role="option"
             tabindex="-1"
           >
             <div
-              class="pf-c-dual-list-selector__list-item-row"
+              class="pf-v5-c-dual-list-selector__list-item-row"
             >
               <span
-                class="pf-c-dual-list-selector__item"
+                class="pf-v5-c-dual-list-selector__item"
               >
                 <span
-                  class="pf-c-dual-list-selector__item-main"
+                  class="pf-v5-c-dual-list-selector__item-main"
                 >
                   <span
-                    class="pf-c-dual-list-selector__item-text"
+                    class="pf-v5-c-dual-list-selector__item-text"
                   >
                     Option 1
                   </span>
@@ -70,22 +70,22 @@ exports[`DualListSelector basic 1`] = `
           </li>
           <li
             aria-selected="false"
-            class="pf-c-dual-list-selector__list-item"
+            class="pf-v5-c-dual-list-selector__list-item"
             id="firstTest-available-pane-list-option-1"
             role="option"
             tabindex="-1"
           >
             <div
-              class="pf-c-dual-list-selector__list-item-row"
+              class="pf-v5-c-dual-list-selector__list-item-row"
             >
               <span
-                class="pf-c-dual-list-selector__item"
+                class="pf-v5-c-dual-list-selector__item"
               >
                 <span
-                  class="pf-c-dual-list-selector__item-main"
+                  class="pf-v5-c-dual-list-selector__item-main"
                 >
                   <span
-                    class="pf-c-dual-list-selector__item-text"
+                    class="pf-v5-c-dual-list-selector__item-text"
                   >
                     Option 2
                   </span>
@@ -98,7 +98,7 @@ exports[`DualListSelector basic 1`] = `
     </div>
     <div
       aria-label="Selector controls"
-      class="pf-c-dual-list-selector__controls"
+      class="pf-v5-c-dual-list-selector__controls"
       role="group"
       tabindex="0"
     >
@@ -108,7 +108,7 @@ exports[`DualListSelector basic 1`] = `
         <button
           aria-disabled="true"
           aria-label="Add selected"
-          class="pf-c-button pf-m-plain pf-m-disabled"
+          class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-1"
           data-ouia-component-type="PF4/Button"
           data-ouia-safe="true"
@@ -118,7 +118,7 @@ exports[`DualListSelector basic 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-svg"
+            class="pf-v5-svg"
             fill="currentColor"
             role="img"
             viewBox="0 0 256 512"
@@ -135,7 +135,7 @@ exports[`DualListSelector basic 1`] = `
         <button
           aria-disabled="false"
           aria-label="Add all"
-          class="pf-c-button pf-m-plain"
+          class="pf-v5-c-button pf-m-plain"
           data-ouia-component-id="OUIA-Generated-Button-plain-2"
           data-ouia-component-type="PF4/Button"
           data-ouia-safe="true"
@@ -144,7 +144,7 @@ exports[`DualListSelector basic 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-svg"
+            class="pf-v5-svg"
             fill="currentColor"
             role="img"
             viewBox="0 0 448 512"
@@ -161,7 +161,7 @@ exports[`DualListSelector basic 1`] = `
         <button
           aria-disabled="true"
           aria-label="Remove all"
-          class="pf-c-button pf-m-plain pf-m-disabled"
+          class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-3"
           data-ouia-component-type="PF4/Button"
           data-ouia-safe="true"
@@ -171,7 +171,7 @@ exports[`DualListSelector basic 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-svg"
+            class="pf-v5-svg"
             fill="currentColor"
             role="img"
             viewBox="0 0 448 512"
@@ -188,7 +188,7 @@ exports[`DualListSelector basic 1`] = `
         <button
           aria-disabled="true"
           aria-label="Remove selected"
-          class="pf-c-button pf-m-plain pf-m-disabled"
+          class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-4"
           data-ouia-component-type="PF4/Button"
           data-ouia-safe="true"
@@ -198,7 +198,7 @@ exports[`DualListSelector basic 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-svg"
+            class="pf-v5-svg"
             fill="currentColor"
             role="img"
             viewBox="0 0 256 512"
@@ -211,37 +211,37 @@ exports[`DualListSelector basic 1`] = `
       </div>
     </div>
     <div
-      class="pf-c-dual-list-selector__pane pf-m-chosen"
+      class="pf-v5-c-dual-list-selector__pane pf-m-chosen"
     >
       <div
-        class="pf-c-dual-list-selector__header"
+        class="pf-v5-c-dual-list-selector__header"
       >
         <div
           class="pf-c-dual-list-selector__title"
         >
           <div
-            class="pf-c-dual-list-selector__title-text"
+            class="pf-v5-c-dual-list-selector__title-text"
           >
             Chosen options
           </div>
         </div>
       </div>
       <div
-        class="pf-c-dual-list-selector__status"
+        class="pf-v5-c-dual-list-selector__status"
       >
         <div
-          class="pf-c-dual-list-selector__status-text"
+          class="pf-v5-c-dual-list-selector__status-text"
           id="firstTest-chosen-pane-status"
         >
           0 of 0 items selected
         </div>
       </div>
       <div
-        class="pf-c-dual-list-selector__menu"
+        class="pf-v5-c-dual-list-selector__menu"
         tabindex="0"
       >
         <ul
-          class="pf-c-dual-list-selector__list"
+          class="pf-v5-c-dual-list-selector__list"
         />
       </div>
     </div>
@@ -252,37 +252,37 @@ exports[`DualListSelector basic 1`] = `
 exports[`DualListSelector basic with disabled controls 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-dual-list-selector"
+    class="pf-v5-c-dual-list-selector"
     id="disabledTest"
   >
     <div
-      class="pf-c-dual-list-selector__pane pf-m-available"
+      class="pf-v5-c-dual-list-selector__pane pf-m-available"
     >
       <div
-        class="pf-c-dual-list-selector__header"
+        class="pf-v5-c-dual-list-selector__header"
       >
         <div
           class="pf-c-dual-list-selector__title"
         >
           <div
-            class="pf-c-dual-list-selector__title-text"
+            class="pf-v5-c-dual-list-selector__title-text"
           >
             Available options
           </div>
         </div>
       </div>
       <div
-        class="pf-c-dual-list-selector__status"
+        class="pf-v5-c-dual-list-selector__status"
       >
         <div
-          class="pf-c-dual-list-selector__status-text"
+          class="pf-v5-c-dual-list-selector__status-text"
           id="disabledTest-available-pane-status"
         >
           0 of 2 items selected
         </div>
       </div>
       <div
-        class="pf-c-dual-list-selector__menu"
+        class="pf-v5-c-dual-list-selector__menu"
         tabindex="0"
       >
         <ul
@@ -290,27 +290,27 @@ exports[`DualListSelector basic with disabled controls 1`] = `
           aria-disabled="true"
           aria-labelledby="disabledTest-available-pane-status"
           aria-multiselectable="true"
-          class="pf-c-dual-list-selector__list"
+          class="pf-v5-c-dual-list-selector__list"
           role="listbox"
         >
           <li
             aria-selected="false"
-            class="pf-c-dual-list-selector__list-item pf-m-disabled"
+            class="pf-v5-c-dual-list-selector__list-item pf-m-disabled"
             id="disabledTest-available-pane-list-option-0"
             role="option"
             tabindex="-1"
           >
             <div
-              class="pf-c-dual-list-selector__list-item-row"
+              class="pf-v5-c-dual-list-selector__list-item-row"
             >
               <span
-                class="pf-c-dual-list-selector__item"
+                class="pf-v5-c-dual-list-selector__item"
               >
                 <span
-                  class="pf-c-dual-list-selector__item-main"
+                  class="pf-v5-c-dual-list-selector__item-main"
                 >
                   <span
-                    class="pf-c-dual-list-selector__item-text"
+                    class="pf-v5-c-dual-list-selector__item-text"
                   >
                     Option 1
                   </span>
@@ -320,22 +320,22 @@ exports[`DualListSelector basic with disabled controls 1`] = `
           </li>
           <li
             aria-selected="false"
-            class="pf-c-dual-list-selector__list-item pf-m-disabled"
+            class="pf-v5-c-dual-list-selector__list-item pf-m-disabled"
             id="disabledTest-available-pane-list-option-1"
             role="option"
             tabindex="-1"
           >
             <div
-              class="pf-c-dual-list-selector__list-item-row"
+              class="pf-v5-c-dual-list-selector__list-item-row"
             >
               <span
-                class="pf-c-dual-list-selector__item"
+                class="pf-v5-c-dual-list-selector__item"
               >
                 <span
-                  class="pf-c-dual-list-selector__item-main"
+                  class="pf-v5-c-dual-list-selector__item-main"
                 >
                   <span
-                    class="pf-c-dual-list-selector__item-text"
+                    class="pf-v5-c-dual-list-selector__item-text"
                   >
                     Option 2
                   </span>
@@ -348,7 +348,7 @@ exports[`DualListSelector basic with disabled controls 1`] = `
     </div>
     <div
       aria-label="Selector controls"
-      class="pf-c-dual-list-selector__controls"
+      class="pf-v5-c-dual-list-selector__controls"
       role="group"
       tabindex="0"
     >
@@ -358,7 +358,7 @@ exports[`DualListSelector basic with disabled controls 1`] = `
         <button
           aria-disabled="true"
           aria-label="Add selected"
-          class="pf-c-button pf-m-plain pf-m-disabled"
+          class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-13"
           data-ouia-component-type="PF4/Button"
           data-ouia-safe="true"
@@ -368,7 +368,7 @@ exports[`DualListSelector basic with disabled controls 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-svg"
+            class="pf-v5-svg"
             fill="currentColor"
             role="img"
             viewBox="0 0 256 512"
@@ -385,7 +385,7 @@ exports[`DualListSelector basic with disabled controls 1`] = `
         <button
           aria-disabled="true"
           aria-label="Add all"
-          class="pf-c-button pf-m-plain pf-m-disabled"
+          class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-14"
           data-ouia-component-type="PF4/Button"
           data-ouia-safe="true"
@@ -395,7 +395,7 @@ exports[`DualListSelector basic with disabled controls 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-svg"
+            class="pf-v5-svg"
             fill="currentColor"
             role="img"
             viewBox="0 0 448 512"
@@ -412,7 +412,7 @@ exports[`DualListSelector basic with disabled controls 1`] = `
         <button
           aria-disabled="true"
           aria-label="Remove all"
-          class="pf-c-button pf-m-plain pf-m-disabled"
+          class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-15"
           data-ouia-component-type="PF4/Button"
           data-ouia-safe="true"
@@ -422,7 +422,7 @@ exports[`DualListSelector basic with disabled controls 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-svg"
+            class="pf-v5-svg"
             fill="currentColor"
             role="img"
             viewBox="0 0 448 512"
@@ -439,7 +439,7 @@ exports[`DualListSelector basic with disabled controls 1`] = `
         <button
           aria-disabled="true"
           aria-label="Remove selected"
-          class="pf-c-button pf-m-plain pf-m-disabled"
+          class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-16"
           data-ouia-component-type="PF4/Button"
           data-ouia-safe="true"
@@ -449,7 +449,7 @@ exports[`DualListSelector basic with disabled controls 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-svg"
+            class="pf-v5-svg"
             fill="currentColor"
             role="img"
             viewBox="0 0 256 512"
@@ -462,38 +462,38 @@ exports[`DualListSelector basic with disabled controls 1`] = `
       </div>
     </div>
     <div
-      class="pf-c-dual-list-selector__pane pf-m-chosen"
+      class="pf-v5-c-dual-list-selector__pane pf-m-chosen"
     >
       <div
-        class="pf-c-dual-list-selector__header"
+        class="pf-v5-c-dual-list-selector__header"
       >
         <div
           class="pf-c-dual-list-selector__title"
         >
           <div
-            class="pf-c-dual-list-selector__title-text"
+            class="pf-v5-c-dual-list-selector__title-text"
           >
             Chosen options
           </div>
         </div>
       </div>
       <div
-        class="pf-c-dual-list-selector__status"
+        class="pf-v5-c-dual-list-selector__status"
       >
         <div
-          class="pf-c-dual-list-selector__status-text"
+          class="pf-v5-c-dual-list-selector__status-text"
           id="disabledTest-chosen-pane-status"
         >
           0 of 0 items selected
         </div>
       </div>
       <div
-        class="pf-c-dual-list-selector__menu"
+        class="pf-v5-c-dual-list-selector__menu"
         tabindex="0"
       >
         <ul
           aria-disabled="true"
-          class="pf-c-dual-list-selector__list"
+          class="pf-v5-c-dual-list-selector__list"
         />
       </div>
     </div>
@@ -504,30 +504,30 @@ exports[`DualListSelector basic with disabled controls 1`] = `
 exports[`DualListSelector with actions 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-dual-list-selector"
+    class="pf-v5-c-dual-list-selector"
     id="fourthTest"
   >
     <div
-      class="pf-c-dual-list-selector__pane pf-m-available"
+      class="pf-v5-c-dual-list-selector__pane pf-m-available"
     >
       <div
-        class="pf-c-dual-list-selector__header"
+        class="pf-v5-c-dual-list-selector__header"
       >
         <div
           class="pf-c-dual-list-selector__title"
         >
           <div
-            class="pf-c-dual-list-selector__title-text"
+            class="pf-v5-c-dual-list-selector__title-text"
           >
             Available options
           </div>
         </div>
       </div>
       <div
-        class="pf-c-dual-list-selector__tools"
+        class="pf-v5-c-dual-list-selector__tools"
       >
         <div
-          class="pf-c-dual-list-selector__tools-actions"
+          class="pf-v5-c-dual-list-selector__tools-actions"
         >
           <span>
             TestNode1
@@ -535,44 +535,44 @@ exports[`DualListSelector with actions 1`] = `
         </div>
       </div>
       <div
-        class="pf-c-dual-list-selector__status"
+        class="pf-v5-c-dual-list-selector__status"
       >
         <div
-          class="pf-c-dual-list-selector__status-text"
+          class="pf-v5-c-dual-list-selector__status-text"
           id="fourthTest-available-pane-status"
         >
           0 of 2 items selected
         </div>
       </div>
       <div
-        class="pf-c-dual-list-selector__menu"
+        class="pf-v5-c-dual-list-selector__menu"
         tabindex="0"
       >
         <ul
           aria-activedescendant=""
           aria-labelledby="fourthTest-available-pane-status"
           aria-multiselectable="true"
-          class="pf-c-dual-list-selector__list"
+          class="pf-v5-c-dual-list-selector__list"
           role="listbox"
         >
           <li
             aria-selected="false"
-            class="pf-c-dual-list-selector__list-item"
+            class="pf-v5-c-dual-list-selector__list-item"
             id="fourthTest-available-pane-list-option-0"
             role="option"
             tabindex="-1"
           >
             <div
-              class="pf-c-dual-list-selector__list-item-row"
+              class="pf-v5-c-dual-list-selector__list-item-row"
             >
               <span
-                class="pf-c-dual-list-selector__item"
+                class="pf-v5-c-dual-list-selector__item"
               >
                 <span
-                  class="pf-c-dual-list-selector__item-main"
+                  class="pf-v5-c-dual-list-selector__item-main"
                 >
                   <span
-                    class="pf-c-dual-list-selector__item-text"
+                    class="pf-v5-c-dual-list-selector__item-text"
                   >
                     Option 1
                   </span>
@@ -582,22 +582,22 @@ exports[`DualListSelector with actions 1`] = `
           </li>
           <li
             aria-selected="false"
-            class="pf-c-dual-list-selector__list-item"
+            class="pf-v5-c-dual-list-selector__list-item"
             id="fourthTest-available-pane-list-option-1"
             role="option"
             tabindex="-1"
           >
             <div
-              class="pf-c-dual-list-selector__list-item-row"
+              class="pf-v5-c-dual-list-selector__list-item-row"
             >
               <span
-                class="pf-c-dual-list-selector__item"
+                class="pf-v5-c-dual-list-selector__item"
               >
                 <span
-                  class="pf-c-dual-list-selector__item-main"
+                  class="pf-v5-c-dual-list-selector__item-main"
                 >
                   <span
-                    class="pf-c-dual-list-selector__item-text"
+                    class="pf-v5-c-dual-list-selector__item-text"
                   >
                     Option 2
                   </span>
@@ -610,7 +610,7 @@ exports[`DualListSelector with actions 1`] = `
     </div>
     <div
       aria-label="Selector controls"
-      class="pf-c-dual-list-selector__controls"
+      class="pf-v5-c-dual-list-selector__controls"
       role="group"
       tabindex="0"
     >
@@ -620,7 +620,7 @@ exports[`DualListSelector with actions 1`] = `
         <button
           aria-disabled="true"
           aria-label="Add selected"
-          class="pf-c-button pf-m-plain pf-m-disabled"
+          class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-21"
           data-ouia-component-type="PF4/Button"
           data-ouia-safe="true"
@@ -630,7 +630,7 @@ exports[`DualListSelector with actions 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-svg"
+            class="pf-v5-svg"
             fill="currentColor"
             role="img"
             viewBox="0 0 256 512"
@@ -647,7 +647,7 @@ exports[`DualListSelector with actions 1`] = `
         <button
           aria-disabled="false"
           aria-label="Add all"
-          class="pf-c-button pf-m-plain"
+          class="pf-v5-c-button pf-m-plain"
           data-ouia-component-id="OUIA-Generated-Button-plain-22"
           data-ouia-component-type="PF4/Button"
           data-ouia-safe="true"
@@ -656,7 +656,7 @@ exports[`DualListSelector with actions 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-svg"
+            class="pf-v5-svg"
             fill="currentColor"
             role="img"
             viewBox="0 0 448 512"
@@ -673,7 +673,7 @@ exports[`DualListSelector with actions 1`] = `
         <button
           aria-disabled="false"
           aria-label="Remove all"
-          class="pf-c-button pf-m-plain"
+          class="pf-v5-c-button pf-m-plain"
           data-ouia-component-id="OUIA-Generated-Button-plain-23"
           data-ouia-component-type="PF4/Button"
           data-ouia-safe="true"
@@ -682,7 +682,7 @@ exports[`DualListSelector with actions 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-svg"
+            class="pf-v5-svg"
             fill="currentColor"
             role="img"
             viewBox="0 0 448 512"
@@ -699,7 +699,7 @@ exports[`DualListSelector with actions 1`] = `
         <button
           aria-disabled="true"
           aria-label="Remove selected"
-          class="pf-c-button pf-m-plain pf-m-disabled"
+          class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-24"
           data-ouia-component-type="PF4/Button"
           data-ouia-safe="true"
@@ -709,7 +709,7 @@ exports[`DualListSelector with actions 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-svg"
+            class="pf-v5-svg"
             fill="currentColor"
             role="img"
             viewBox="0 0 256 512"
@@ -722,26 +722,26 @@ exports[`DualListSelector with actions 1`] = `
       </div>
     </div>
     <div
-      class="pf-c-dual-list-selector__pane pf-m-chosen"
+      class="pf-v5-c-dual-list-selector__pane pf-m-chosen"
     >
       <div
-        class="pf-c-dual-list-selector__header"
+        class="pf-v5-c-dual-list-selector__header"
       >
         <div
           class="pf-c-dual-list-selector__title"
         >
           <div
-            class="pf-c-dual-list-selector__title-text"
+            class="pf-v5-c-dual-list-selector__title-text"
           >
             Chosen options
           </div>
         </div>
       </div>
       <div
-        class="pf-c-dual-list-selector__tools"
+        class="pf-v5-c-dual-list-selector__tools"
       >
         <div
-          class="pf-c-dual-list-selector__tools-actions"
+          class="pf-v5-c-dual-list-selector__tools-actions"
         >
           <span>
             TestNode2
@@ -749,44 +749,44 @@ exports[`DualListSelector with actions 1`] = `
         </div>
       </div>
       <div
-        class="pf-c-dual-list-selector__status"
+        class="pf-v5-c-dual-list-selector__status"
       >
         <div
-          class="pf-c-dual-list-selector__status-text"
+          class="pf-v5-c-dual-list-selector__status-text"
           id="fourthTest-chosen-pane-status"
         >
           0 of 2 items selected
         </div>
       </div>
       <div
-        class="pf-c-dual-list-selector__menu"
+        class="pf-v5-c-dual-list-selector__menu"
         tabindex="0"
       >
         <ul
           aria-activedescendant=""
           aria-labelledby="fourthTest-chosen-pane-status"
           aria-multiselectable="true"
-          class="pf-c-dual-list-selector__list"
+          class="pf-v5-c-dual-list-selector__list"
           role="listbox"
         >
           <li
             aria-selected="false"
-            class="pf-c-dual-list-selector__list-item"
+            class="pf-v5-c-dual-list-selector__list-item"
             id="fourthTest-chosen-pane-list-option-0"
             role="option"
             tabindex="-1"
           >
             <div
-              class="pf-c-dual-list-selector__list-item-row"
+              class="pf-v5-c-dual-list-selector__list-item-row"
             >
               <span
-                class="pf-c-dual-list-selector__item"
+                class="pf-v5-c-dual-list-selector__item"
               >
                 <span
-                  class="pf-c-dual-list-selector__item-main"
+                  class="pf-v5-c-dual-list-selector__item-main"
                 >
                   <span
-                    class="pf-c-dual-list-selector__item-text"
+                    class="pf-v5-c-dual-list-selector__item-text"
                   >
                     Option 3
                   </span>
@@ -796,22 +796,22 @@ exports[`DualListSelector with actions 1`] = `
           </li>
           <li
             aria-selected="false"
-            class="pf-c-dual-list-selector__list-item"
+            class="pf-v5-c-dual-list-selector__list-item"
             id="fourthTest-chosen-pane-list-option-1"
             role="option"
             tabindex="-1"
           >
             <div
-              class="pf-c-dual-list-selector__list-item-row"
+              class="pf-v5-c-dual-list-selector__list-item-row"
             >
               <span
-                class="pf-c-dual-list-selector__item"
+                class="pf-v5-c-dual-list-selector__item"
               >
                 <span
-                  class="pf-c-dual-list-selector__item-main"
+                  class="pf-v5-c-dual-list-selector__item-main"
                 >
                   <span
-                    class="pf-c-dual-list-selector__item-text"
+                    class="pf-v5-c-dual-list-selector__item-text"
                   >
                     Option 4
                   </span>
@@ -829,64 +829,64 @@ exports[`DualListSelector with actions 1`] = `
 exports[`DualListSelector with custom status 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-dual-list-selector"
+    class="pf-v5-c-dual-list-selector"
     id="thirdTest"
   >
     <div
-      class="pf-c-dual-list-selector__pane pf-m-available"
+      class="pf-v5-c-dual-list-selector__pane pf-m-available"
     >
       <div
-        class="pf-c-dual-list-selector__header"
+        class="pf-v5-c-dual-list-selector__header"
       >
         <div
           class="pf-c-dual-list-selector__title"
         >
           <div
-            class="pf-c-dual-list-selector__title-text"
+            class="pf-v5-c-dual-list-selector__title-text"
           >
             Available options
           </div>
         </div>
       </div>
       <div
-        class="pf-c-dual-list-selector__status"
+        class="pf-v5-c-dual-list-selector__status"
       >
         <div
-          class="pf-c-dual-list-selector__status-text"
+          class="pf-v5-c-dual-list-selector__status-text"
           id="thirdTest-available-pane-status"
         >
           Test status1
         </div>
       </div>
       <div
-        class="pf-c-dual-list-selector__menu"
+        class="pf-v5-c-dual-list-selector__menu"
         tabindex="0"
       >
         <ul
           aria-activedescendant=""
           aria-labelledby="thirdTest-available-pane-status"
           aria-multiselectable="true"
-          class="pf-c-dual-list-selector__list"
+          class="pf-v5-c-dual-list-selector__list"
           role="listbox"
         >
           <li
             aria-selected="false"
-            class="pf-c-dual-list-selector__list-item"
+            class="pf-v5-c-dual-list-selector__list-item"
             id="thirdTest-available-pane-list-option-0"
             role="option"
             tabindex="-1"
           >
             <div
-              class="pf-c-dual-list-selector__list-item-row"
+              class="pf-v5-c-dual-list-selector__list-item-row"
             >
               <span
-                class="pf-c-dual-list-selector__item"
+                class="pf-v5-c-dual-list-selector__item"
               >
                 <span
-                  class="pf-c-dual-list-selector__item-main"
+                  class="pf-v5-c-dual-list-selector__item-main"
                 >
                   <span
-                    class="pf-c-dual-list-selector__item-text"
+                    class="pf-v5-c-dual-list-selector__item-text"
                   >
                     Option 1
                   </span>
@@ -896,22 +896,22 @@ exports[`DualListSelector with custom status 1`] = `
           </li>
           <li
             aria-selected="false"
-            class="pf-c-dual-list-selector__list-item"
+            class="pf-v5-c-dual-list-selector__list-item"
             id="thirdTest-available-pane-list-option-1"
             role="option"
             tabindex="-1"
           >
             <div
-              class="pf-c-dual-list-selector__list-item-row"
+              class="pf-v5-c-dual-list-selector__list-item-row"
             >
               <span
-                class="pf-c-dual-list-selector__item"
+                class="pf-v5-c-dual-list-selector__item"
               >
                 <span
-                  class="pf-c-dual-list-selector__item-main"
+                  class="pf-v5-c-dual-list-selector__item-main"
                 >
                   <span
-                    class="pf-c-dual-list-selector__item-text"
+                    class="pf-v5-c-dual-list-selector__item-text"
                   >
                     Option 2
                   </span>
@@ -924,7 +924,7 @@ exports[`DualListSelector with custom status 1`] = `
     </div>
     <div
       aria-label="Selector controls"
-      class="pf-c-dual-list-selector__controls"
+      class="pf-v5-c-dual-list-selector__controls"
       role="group"
       tabindex="0"
     >
@@ -934,7 +934,7 @@ exports[`DualListSelector with custom status 1`] = `
         <button
           aria-disabled="true"
           aria-label="Add selected"
-          class="pf-c-button pf-m-plain pf-m-disabled"
+          class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-9"
           data-ouia-component-type="PF4/Button"
           data-ouia-safe="true"
@@ -944,7 +944,7 @@ exports[`DualListSelector with custom status 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-svg"
+            class="pf-v5-svg"
             fill="currentColor"
             role="img"
             viewBox="0 0 256 512"
@@ -961,7 +961,7 @@ exports[`DualListSelector with custom status 1`] = `
         <button
           aria-disabled="false"
           aria-label="Add all"
-          class="pf-c-button pf-m-plain"
+          class="pf-v5-c-button pf-m-plain"
           data-ouia-component-id="OUIA-Generated-Button-plain-10"
           data-ouia-component-type="PF4/Button"
           data-ouia-safe="true"
@@ -970,7 +970,7 @@ exports[`DualListSelector with custom status 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-svg"
+            class="pf-v5-svg"
             fill="currentColor"
             role="img"
             viewBox="0 0 448 512"
@@ -987,7 +987,7 @@ exports[`DualListSelector with custom status 1`] = `
         <button
           aria-disabled="true"
           aria-label="Remove all"
-          class="pf-c-button pf-m-plain pf-m-disabled"
+          class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-11"
           data-ouia-component-type="PF4/Button"
           data-ouia-safe="true"
@@ -997,7 +997,7 @@ exports[`DualListSelector with custom status 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-svg"
+            class="pf-v5-svg"
             fill="currentColor"
             role="img"
             viewBox="0 0 448 512"
@@ -1014,7 +1014,7 @@ exports[`DualListSelector with custom status 1`] = `
         <button
           aria-disabled="true"
           aria-label="Remove selected"
-          class="pf-c-button pf-m-plain pf-m-disabled"
+          class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-12"
           data-ouia-component-type="PF4/Button"
           data-ouia-safe="true"
@@ -1024,7 +1024,7 @@ exports[`DualListSelector with custom status 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-svg"
+            class="pf-v5-svg"
             fill="currentColor"
             role="img"
             viewBox="0 0 256 512"
@@ -1037,37 +1037,37 @@ exports[`DualListSelector with custom status 1`] = `
       </div>
     </div>
     <div
-      class="pf-c-dual-list-selector__pane pf-m-chosen"
+      class="pf-v5-c-dual-list-selector__pane pf-m-chosen"
     >
       <div
-        class="pf-c-dual-list-selector__header"
+        class="pf-v5-c-dual-list-selector__header"
       >
         <div
           class="pf-c-dual-list-selector__title"
         >
           <div
-            class="pf-c-dual-list-selector__title-text"
+            class="pf-v5-c-dual-list-selector__title-text"
           >
             Chosen options
           </div>
         </div>
       </div>
       <div
-        class="pf-c-dual-list-selector__status"
+        class="pf-v5-c-dual-list-selector__status"
       >
         <div
-          class="pf-c-dual-list-selector__status-text"
+          class="pf-v5-c-dual-list-selector__status-text"
           id="thirdTest-chosen-pane-status"
         >
           Test status2
         </div>
       </div>
       <div
-        class="pf-c-dual-list-selector__menu"
+        class="pf-v5-c-dual-list-selector__menu"
         tabindex="0"
       >
         <ul
-          class="pf-c-dual-list-selector__list"
+          class="pf-v5-c-dual-list-selector__list"
         />
       </div>
     </div>
@@ -1078,46 +1078,46 @@ exports[`DualListSelector with custom status 1`] = `
 exports[`DualListSelector with search inputs 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-dual-list-selector"
+    class="pf-v5-c-dual-list-selector"
     id="secondTest"
   >
     <div
-      class="pf-c-dual-list-selector__pane pf-m-available"
+      class="pf-v5-c-dual-list-selector__pane pf-m-available"
     >
       <div
-        class="pf-c-dual-list-selector__header"
+        class="pf-v5-c-dual-list-selector__header"
       >
         <div
           class="pf-c-dual-list-selector__title"
         >
           <div
-            class="pf-c-dual-list-selector__title-text"
+            class="pf-v5-c-dual-list-selector__title-text"
           >
             Available options
           </div>
         </div>
       </div>
       <div
-        class="pf-c-dual-list-selector__tools"
+        class="pf-v5-c-dual-list-selector__tools"
       >
         <div
-          class="pf-c-dual-list-selector__tools-filter"
+          class="pf-v5-c-dual-list-selector__tools-filter"
         >
           <div
-            class="pf-c-text-input-group"
+            class="pf-v5-c-text-input-group"
           >
             <div
-              class="pf-c-text-input-group__main pf-m-icon"
+              class="pf-v5-c-text-input-group__main pf-m-icon"
             >
               <span
-                class="pf-c-text-input-group__text"
+                class="pf-v5-c-text-input-group__text"
               >
                 <span
-                  class="pf-c-text-input-group__icon"
+                  class="pf-v5-c-text-input-group__icon"
                 >
                   <svg
                     aria-hidden="true"
-                    class="pf-svg"
+                    class="pf-v5-svg"
                     fill="currentColor"
                     role="img"
                     viewBox="0 0 512 512"
@@ -1129,7 +1129,7 @@ exports[`DualListSelector with search inputs 1`] = `
                 </span>
                 <input
                   aria-label="Available search input"
-                  class="pf-c-text-input-group__text-input"
+                  class="pf-v5-c-text-input-group__text-input"
                   type="text"
                   value=""
                 />
@@ -1139,44 +1139,44 @@ exports[`DualListSelector with search inputs 1`] = `
         </div>
       </div>
       <div
-        class="pf-c-dual-list-selector__status"
+        class="pf-v5-c-dual-list-selector__status"
       >
         <div
-          class="pf-c-dual-list-selector__status-text"
+          class="pf-v5-c-dual-list-selector__status-text"
           id="secondTest-available-pane-status"
         >
           0 of 2 items selected
         </div>
       </div>
       <div
-        class="pf-c-dual-list-selector__menu"
+        class="pf-v5-c-dual-list-selector__menu"
         tabindex="0"
       >
         <ul
           aria-activedescendant=""
           aria-labelledby="secondTest-available-pane-status"
           aria-multiselectable="true"
-          class="pf-c-dual-list-selector__list"
+          class="pf-v5-c-dual-list-selector__list"
           role="listbox"
         >
           <li
             aria-selected="false"
-            class="pf-c-dual-list-selector__list-item"
+            class="pf-v5-c-dual-list-selector__list-item"
             id="secondTest-available-pane-list-option-0"
             role="option"
             tabindex="-1"
           >
             <div
-              class="pf-c-dual-list-selector__list-item-row"
+              class="pf-v5-c-dual-list-selector__list-item-row"
             >
               <span
-                class="pf-c-dual-list-selector__item"
+                class="pf-v5-c-dual-list-selector__item"
               >
                 <span
-                  class="pf-c-dual-list-selector__item-main"
+                  class="pf-v5-c-dual-list-selector__item-main"
                 >
                   <span
-                    class="pf-c-dual-list-selector__item-text"
+                    class="pf-v5-c-dual-list-selector__item-text"
                   >
                     Option 1
                   </span>
@@ -1186,22 +1186,22 @@ exports[`DualListSelector with search inputs 1`] = `
           </li>
           <li
             aria-selected="false"
-            class="pf-c-dual-list-selector__list-item"
+            class="pf-v5-c-dual-list-selector__list-item"
             id="secondTest-available-pane-list-option-1"
             role="option"
             tabindex="-1"
           >
             <div
-              class="pf-c-dual-list-selector__list-item-row"
+              class="pf-v5-c-dual-list-selector__list-item-row"
             >
               <span
-                class="pf-c-dual-list-selector__item"
+                class="pf-v5-c-dual-list-selector__item"
               >
                 <span
-                  class="pf-c-dual-list-selector__item-main"
+                  class="pf-v5-c-dual-list-selector__item-main"
                 >
                   <span
-                    class="pf-c-dual-list-selector__item-text"
+                    class="pf-v5-c-dual-list-selector__item-text"
                   >
                     Option 2
                   </span>
@@ -1214,7 +1214,7 @@ exports[`DualListSelector with search inputs 1`] = `
     </div>
     <div
       aria-label="Selector controls"
-      class="pf-c-dual-list-selector__controls"
+      class="pf-v5-c-dual-list-selector__controls"
       role="group"
       tabindex="0"
     >
@@ -1224,7 +1224,7 @@ exports[`DualListSelector with search inputs 1`] = `
         <button
           aria-disabled="true"
           aria-label="Add selected"
-          class="pf-c-button pf-m-plain pf-m-disabled"
+          class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-5"
           data-ouia-component-type="PF4/Button"
           data-ouia-safe="true"
@@ -1234,7 +1234,7 @@ exports[`DualListSelector with search inputs 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-svg"
+            class="pf-v5-svg"
             fill="currentColor"
             role="img"
             viewBox="0 0 256 512"
@@ -1251,7 +1251,7 @@ exports[`DualListSelector with search inputs 1`] = `
         <button
           aria-disabled="false"
           aria-label="Add all"
-          class="pf-c-button pf-m-plain"
+          class="pf-v5-c-button pf-m-plain"
           data-ouia-component-id="OUIA-Generated-Button-plain-6"
           data-ouia-component-type="PF4/Button"
           data-ouia-safe="true"
@@ -1260,7 +1260,7 @@ exports[`DualListSelector with search inputs 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-svg"
+            class="pf-v5-svg"
             fill="currentColor"
             role="img"
             viewBox="0 0 448 512"
@@ -1277,7 +1277,7 @@ exports[`DualListSelector with search inputs 1`] = `
         <button
           aria-disabled="true"
           aria-label="Remove all"
-          class="pf-c-button pf-m-plain pf-m-disabled"
+          class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-7"
           data-ouia-component-type="PF4/Button"
           data-ouia-safe="true"
@@ -1287,7 +1287,7 @@ exports[`DualListSelector with search inputs 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-svg"
+            class="pf-v5-svg"
             fill="currentColor"
             role="img"
             viewBox="0 0 448 512"
@@ -1304,7 +1304,7 @@ exports[`DualListSelector with search inputs 1`] = `
         <button
           aria-disabled="true"
           aria-label="Remove selected"
-          class="pf-c-button pf-m-plain pf-m-disabled"
+          class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-8"
           data-ouia-component-type="PF4/Button"
           data-ouia-safe="true"
@@ -1314,7 +1314,7 @@ exports[`DualListSelector with search inputs 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-svg"
+            class="pf-v5-svg"
             fill="currentColor"
             role="img"
             viewBox="0 0 256 512"
@@ -1327,42 +1327,42 @@ exports[`DualListSelector with search inputs 1`] = `
       </div>
     </div>
     <div
-      class="pf-c-dual-list-selector__pane pf-m-chosen"
+      class="pf-v5-c-dual-list-selector__pane pf-m-chosen"
     >
       <div
-        class="pf-c-dual-list-selector__header"
+        class="pf-v5-c-dual-list-selector__header"
       >
         <div
           class="pf-c-dual-list-selector__title"
         >
           <div
-            class="pf-c-dual-list-selector__title-text"
+            class="pf-v5-c-dual-list-selector__title-text"
           >
             Chosen options
           </div>
         </div>
       </div>
       <div
-        class="pf-c-dual-list-selector__tools"
+        class="pf-v5-c-dual-list-selector__tools"
       >
         <div
-          class="pf-c-dual-list-selector__tools-filter"
+          class="pf-v5-c-dual-list-selector__tools-filter"
         >
           <div
-            class="pf-c-text-input-group"
+            class="pf-v5-c-text-input-group"
           >
             <div
-              class="pf-c-text-input-group__main pf-m-icon"
+              class="pf-v5-c-text-input-group__main pf-m-icon"
             >
               <span
-                class="pf-c-text-input-group__text"
+                class="pf-v5-c-text-input-group__text"
               >
                 <span
-                  class="pf-c-text-input-group__icon"
+                  class="pf-v5-c-text-input-group__icon"
                 >
                   <svg
                     aria-hidden="true"
-                    class="pf-svg"
+                    class="pf-v5-svg"
                     fill="currentColor"
                     role="img"
                     viewBox="0 0 512 512"
@@ -1374,7 +1374,7 @@ exports[`DualListSelector with search inputs 1`] = `
                 </span>
                 <input
                   aria-label="Chosen search input"
-                  class="pf-c-text-input-group__text-input"
+                  class="pf-v5-c-text-input-group__text-input"
                   type="text"
                   value=""
                 />
@@ -1384,21 +1384,21 @@ exports[`DualListSelector with search inputs 1`] = `
         </div>
       </div>
       <div
-        class="pf-c-dual-list-selector__status"
+        class="pf-v5-c-dual-list-selector__status"
       >
         <div
-          class="pf-c-dual-list-selector__status-text"
+          class="pf-v5-c-dual-list-selector__status-text"
           id="secondTest-chosen-pane-status"
         >
           0 of 0 items selected
         </div>
       </div>
       <div
-        class="pf-c-dual-list-selector__menu"
+        class="pf-v5-c-dual-list-selector__menu"
         tabindex="0"
       >
         <ul
-          class="pf-c-dual-list-selector__list"
+          class="pf-v5-c-dual-list-selector__list"
         />
       </div>
     </div>
@@ -1409,73 +1409,73 @@ exports[`DualListSelector with search inputs 1`] = `
 exports[`DualListSelector with tree 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-dual-list-selector"
+    class="pf-v5-c-dual-list-selector"
     id="tree-test"
   >
     <div
-      class="pf-c-dual-list-selector__pane pf-m-available"
+      class="pf-v5-c-dual-list-selector__pane pf-m-available"
     >
       <div
-        class="pf-c-dual-list-selector__header"
+        class="pf-v5-c-dual-list-selector__header"
       >
         <div
           class="pf-c-dual-list-selector__title"
         >
           <div
-            class="pf-c-dual-list-selector__title-text"
+            class="pf-v5-c-dual-list-selector__title-text"
           >
             Available options
           </div>
         </div>
       </div>
       <div
-        class="pf-c-dual-list-selector__status"
+        class="pf-v5-c-dual-list-selector__status"
       >
         <div
-          class="pf-c-dual-list-selector__status-text"
+          class="pf-v5-c-dual-list-selector__status-text"
           id="tree-test-available-pane-status"
         >
           Test status1
         </div>
       </div>
       <div
-        class="pf-c-dual-list-selector__menu"
+        class="pf-v5-c-dual-list-selector__menu"
         tabindex="0"
       >
         <ul
           aria-activedescendant=""
           aria-labelledby="tree-test-available-pane-status"
           aria-multiselectable="true"
-          class="pf-c-dual-list-selector__list"
+          class="pf-v5-c-dual-list-selector__list"
           role="tree"
         >
           <li
             aria-expanded="true"
             aria-selected="false"
-            class="pf-c-dual-list-selector__list-item pf-m-expandable pf-m-expanded"
+            class="pf-v5-c-dual-list-selector__list-item pf-m-expandable pf-m-expanded"
             id="O1"
             role="treeitem"
           >
             <div
-              class="pf-c-dual-list-selector__list-item-row pf-m-check"
+              class="pf-v5-c-dual-list-selector__list-item-row pf-m-check"
             >
               <div
-                class="pf-c-dual-list-selector__item"
+                class="pf-v5-c-dual-list-selector__item"
                 tabindex="-1"
               >
                 <span
-                  class="pf-c-dual-list-selector__item-main"
+                  class="pf-v5-c-dual-list-selector__item-main"
                 >
                   <div
-                    class="pf-c-dual-list-selector__item-toggle"
+                    class="pf-v5-c-dual-list-selector__item-toggle"
                     tabindex="-1"
                   >
                     <span
-                      class="pf-c-dual-list-selector__item-toggle-icon"
+                      class="pf-v5-c-dual-list-selector__item-toggle-icon"
                     >
                       <svg
                         aria-hidden="true"
-                        class="pf-svg"
+                        class="pf-v5-svg"
                         fill="currentColor"
                         role="img"
                         viewBox="0 0 256 512"
@@ -1487,7 +1487,7 @@ exports[`DualListSelector with tree 1`] = `
                     </span>
                   </div>
                   <span
-                    class="pf-c-dual-list-selector__item-check"
+                    class="pf-v5-c-dual-list-selector__item-check"
                   >
                     <input
                       tabindex="-1"
@@ -1495,7 +1495,7 @@ exports[`DualListSelector with tree 1`] = `
                     />
                   </span>
                   <span
-                    class="pf-c-dual-list-selector__item-text"
+                    class="pf-v5-c-dual-list-selector__item-text"
                   >
                     Opt1
                   </span>
@@ -1503,27 +1503,27 @@ exports[`DualListSelector with tree 1`] = `
               </div>
             </div>
             <ul
-              class="pf-c-dual-list-selector__list"
+              class="pf-v5-c-dual-list-selector__list"
               role="group"
             >
               <li
                 aria-selected="false"
-                class="pf-c-dual-list-selector__list-item"
+                class="pf-v5-c-dual-list-selector__list-item"
                 id="O3"
                 role="treeitem"
               >
                 <div
-                  class="pf-c-dual-list-selector__list-item-row pf-m-check"
+                  class="pf-v5-c-dual-list-selector__list-item-row pf-m-check"
                 >
                   <div
-                    class="pf-c-dual-list-selector__item"
+                    class="pf-v5-c-dual-list-selector__item"
                     tabindex="-1"
                   >
                     <span
-                      class="pf-c-dual-list-selector__item-main"
+                      class="pf-v5-c-dual-list-selector__item-main"
                     >
                       <span
-                        class="pf-c-dual-list-selector__item-check"
+                        class="pf-v5-c-dual-list-selector__item-check"
                       >
                         <input
                           tabindex="-1"
@@ -1531,7 +1531,7 @@ exports[`DualListSelector with tree 1`] = `
                         />
                       </span>
                       <span
-                        class="pf-c-dual-list-selector__item-text"
+                        class="pf-v5-c-dual-list-selector__item-text"
                       >
                         Opt3
                       </span>
@@ -1543,22 +1543,22 @@ exports[`DualListSelector with tree 1`] = `
           </li>
           <li
             aria-selected="false"
-            class="pf-c-dual-list-selector__list-item"
+            class="pf-v5-c-dual-list-selector__list-item"
             id="O2"
             role="treeitem"
           >
             <div
-              class="pf-c-dual-list-selector__list-item-row pf-m-check"
+              class="pf-v5-c-dual-list-selector__list-item-row pf-m-check"
             >
               <div
-                class="pf-c-dual-list-selector__item"
+                class="pf-v5-c-dual-list-selector__item"
                 tabindex="-1"
               >
                 <span
-                  class="pf-c-dual-list-selector__item-main"
+                  class="pf-v5-c-dual-list-selector__item-main"
                 >
                   <span
-                    class="pf-c-dual-list-selector__item-check"
+                    class="pf-v5-c-dual-list-selector__item-check"
                   >
                     <input
                       tabindex="-1"
@@ -1566,7 +1566,7 @@ exports[`DualListSelector with tree 1`] = `
                     />
                   </span>
                   <span
-                    class="pf-c-dual-list-selector__item-text"
+                    class="pf-v5-c-dual-list-selector__item-text"
                   >
                     Opt2
                   </span>
@@ -1579,7 +1579,7 @@ exports[`DualListSelector with tree 1`] = `
     </div>
     <div
       aria-label="Selector controls"
-      class="pf-c-dual-list-selector__controls"
+      class="pf-v5-c-dual-list-selector__controls"
       role="group"
       tabindex="0"
     >
@@ -1589,7 +1589,7 @@ exports[`DualListSelector with tree 1`] = `
         <button
           aria-disabled="true"
           aria-label="Add selected"
-          class="pf-c-button pf-m-plain pf-m-disabled"
+          class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-17"
           data-ouia-component-type="PF4/Button"
           data-ouia-safe="true"
@@ -1599,7 +1599,7 @@ exports[`DualListSelector with tree 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-svg"
+            class="pf-v5-svg"
             fill="currentColor"
             role="img"
             viewBox="0 0 256 512"
@@ -1616,7 +1616,7 @@ exports[`DualListSelector with tree 1`] = `
         <button
           aria-disabled="false"
           aria-label="Add all"
-          class="pf-c-button pf-m-plain"
+          class="pf-v5-c-button pf-m-plain"
           data-ouia-component-id="OUIA-Generated-Button-plain-18"
           data-ouia-component-type="PF4/Button"
           data-ouia-safe="true"
@@ -1625,7 +1625,7 @@ exports[`DualListSelector with tree 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-svg"
+            class="pf-v5-svg"
             fill="currentColor"
             role="img"
             viewBox="0 0 448 512"
@@ -1642,7 +1642,7 @@ exports[`DualListSelector with tree 1`] = `
         <button
           aria-disabled="true"
           aria-label="Remove all"
-          class="pf-c-button pf-m-plain pf-m-disabled"
+          class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-19"
           data-ouia-component-type="PF4/Button"
           data-ouia-safe="true"
@@ -1652,7 +1652,7 @@ exports[`DualListSelector with tree 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-svg"
+            class="pf-v5-svg"
             fill="currentColor"
             role="img"
             viewBox="0 0 448 512"
@@ -1669,7 +1669,7 @@ exports[`DualListSelector with tree 1`] = `
         <button
           aria-disabled="true"
           aria-label="Remove selected"
-          class="pf-c-button pf-m-plain pf-m-disabled"
+          class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-20"
           data-ouia-component-type="PF4/Button"
           data-ouia-safe="true"
@@ -1679,7 +1679,7 @@ exports[`DualListSelector with tree 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-svg"
+            class="pf-v5-svg"
             fill="currentColor"
             role="img"
             viewBox="0 0 256 512"
@@ -1692,37 +1692,37 @@ exports[`DualListSelector with tree 1`] = `
       </div>
     </div>
     <div
-      class="pf-c-dual-list-selector__pane pf-m-chosen"
+      class="pf-v5-c-dual-list-selector__pane pf-m-chosen"
     >
       <div
-        class="pf-c-dual-list-selector__header"
+        class="pf-v5-c-dual-list-selector__header"
       >
         <div
           class="pf-c-dual-list-selector__title"
         >
           <div
-            class="pf-c-dual-list-selector__title-text"
+            class="pf-v5-c-dual-list-selector__title-text"
           >
             Chosen options
           </div>
         </div>
       </div>
       <div
-        class="pf-c-dual-list-selector__status"
+        class="pf-v5-c-dual-list-selector__status"
       >
         <div
-          class="pf-c-dual-list-selector__status-text"
+          class="pf-v5-c-dual-list-selector__status-text"
           id="tree-test-chosen-pane-status"
         >
           Test status2
         </div>
       </div>
       <div
-        class="pf-c-dual-list-selector__menu"
+        class="pf-v5-c-dual-list-selector__menu"
         tabindex="0"
       >
         <ul
-          class="pf-c-dual-list-selector__list"
+          class="pf-v5-c-dual-list-selector__list"
         />
       </div>
     </div>