@patternfly/react-core 6.0.0-alpha.34 → 6.0.0-alpha.36

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

@@ -4,24 +4,24 @@ exports[`should render accessible tabs 1`] = `
 <DocumentFragment>
   <nav
     aria-label="accessible Tabs example"
-    class="pf-v5-c-tabs"
+    class="pf-v6-c-tabs"
     data-ouia-component-id="OUIA-Generated-Tabs-9"
     data-ouia-component-type="PF5/Tabs"
     data-ouia-safe="true"
     id="accessibleTabs"
   >
     <ul
-      class="pf-v5-c-tabs__list"
+      class="pf-v6-c-tabs__list"
       role="tablist"
     >
       <li
-        class="pf-v5-c-tabs__item pf-m-current"
+        class="pf-v6-c-tabs__item pf-m-current"
         role="presentation"
       >
         <a
           aria-controls="pf-tab-section-0-tab1"
           aria-selected="true"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           href="#/items/1"
@@ -29,20 +29,20 @@ exports[`should render accessible tabs 1`] = `
           role="tab"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Tab item 1"
           </span>
         </a>
       </li>
       <li
-        class="pf-v5-c-tabs__item"
+        class="pf-v6-c-tabs__item"
         role="presentation"
       >
         <a
           aria-controls="pf-tab-section-1-tab2"
           aria-selected="false"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           href="#/items/2"
@@ -50,20 +50,20 @@ exports[`should render accessible tabs 1`] = `
           role="tab"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Tab item 2"
           </span>
         </a>
       </li>
       <li
-        class="pf-v5-c-tabs__item"
+        class="pf-v6-c-tabs__item"
         role="presentation"
       >
         <a
           aria-controls="pf-tab-section-2-tab3"
           aria-selected="false"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           href="#/items/3"
@@ -71,7 +71,7 @@ exports[`should render accessible tabs 1`] = `
           role="tab"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Tab item 3"
           </span>
@@ -81,7 +81,7 @@ exports[`should render accessible tabs 1`] = `
   </nav>
   <section
     aria-labelledby="pf-tab-0-tab1"
-    class="pf-v5-c-tab-content"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     id="pf-tab-section-0-tab1"
@@ -92,7 +92,7 @@ exports[`should render accessible tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-1-tab2"
-    class="pf-v5-c-tab-content"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     hidden=""
@@ -104,7 +104,7 @@ exports[`should render accessible tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-2-tab3"
-    class="pf-v5-c-tab-content"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     hidden=""
@@ -120,24 +120,24 @@ exports[`should render accessible tabs 1`] = `
 exports[`should render box tabs 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-tabs pf-m-box"
+    class="pf-v6-c-tabs pf-m-box"
     data-ouia-component-id="OUIA-Generated-Tabs-8"
     data-ouia-component-type="PF5/Tabs"
     data-ouia-safe="true"
     id="boxTabs"
   >
     <ul
-      class="pf-v5-c-tabs__list"
+      class="pf-v6-c-tabs__list"
       role="tablist"
     >
       <li
-        class="pf-v5-c-tabs__item pf-m-current"
+        class="pf-v6-c-tabs__item pf-m-current"
         role="presentation"
       >
         <button
           aria-controls="pf-tab-section-0-tab1"
           aria-selected="true"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-0-tab1"
@@ -145,20 +145,20 @@ exports[`should render box tabs 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Tab item 1"
           </span>
         </button>
       </li>
       <li
-        class="pf-v5-c-tabs__item"
+        class="pf-v6-c-tabs__item"
         role="presentation"
       >
         <button
           aria-controls="pf-tab-section-1-tab2"
           aria-selected="false"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-1-tab2"
@@ -166,20 +166,20 @@ exports[`should render box tabs 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Tab item 2"
           </span>
         </button>
       </li>
       <li
-        class="pf-v5-c-tabs__item"
+        class="pf-v6-c-tabs__item"
         role="presentation"
       >
         <button
           aria-controls="pf-tab-section-2-tab3"
           aria-selected="false"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-2-tab3"
@@ -187,20 +187,20 @@ exports[`should render box tabs 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Tab item 3"
           </span>
         </button>
       </li>
       <li
-        class="pf-v5-c-tabs__item"
+        class="pf-v6-c-tabs__item"
         role="presentation"
       >
         <button
           aria-controls="pf-tab-section-3-tab4"
           aria-selected="false"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-3-tab4"
@@ -208,7 +208,7 @@ exports[`should render box tabs 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-icon"
+            class="pf-v6-c-tabs__item-icon"
           >
             <i>
               4
@@ -216,7 +216,7 @@ exports[`should render box tabs 1`] = `
           </span>
            
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             Users
           </span>
@@ -227,7 +227,7 @@ exports[`should render box tabs 1`] = `
   </div>
   <section
     aria-labelledby="pf-tab-0-tab1"
-    class="pf-v5-c-tab-content"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     id="pf-tab-section-0-tab1"
@@ -238,7 +238,7 @@ exports[`should render box tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-1-tab2"
-    class="pf-v5-c-tab-content"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     hidden=""
@@ -250,7 +250,7 @@ exports[`should render box tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-2-tab3"
-    class="pf-v5-c-tab-content"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     hidden=""
@@ -262,7 +262,7 @@ exports[`should render box tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-3-tab4"
-    class="pf-v5-c-tab-content"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     hidden=""
@@ -278,24 +278,24 @@ exports[`should render box tabs 1`] = `
 exports[`should render box tabs of secondary variant 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-tabs pf-m-box pf-m-secondary"
+    class="pf-v6-c-tabs pf-m-box pf-m-secondary"
     data-ouia-component-id="OUIA-Generated-Tabs-15"
     data-ouia-component-type="PF5/Tabs"
     data-ouia-safe="true"
     id="boxSecondaryVariantTabs"
   >
     <ul
-      class="pf-v5-c-tabs__list"
+      class="pf-v6-c-tabs__list"
       role="tablist"
     >
       <li
-        class="pf-v5-c-tabs__item pf-m-current"
+        class="pf-v6-c-tabs__item pf-m-current"
         role="presentation"
       >
         <button
           aria-controls="pf-tab-section-0-tab1"
           aria-selected="true"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-0-tab1"
@@ -303,20 +303,20 @@ exports[`should render box tabs of secondary variant 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Tab item 1"
           </span>
         </button>
       </li>
       <li
-        class="pf-v5-c-tabs__item"
+        class="pf-v6-c-tabs__item"
         role="presentation"
       >
         <button
           aria-controls="pf-tab-section-1-tab2"
           aria-selected="false"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-1-tab2"
@@ -324,20 +324,20 @@ exports[`should render box tabs of secondary variant 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Tab item 2"
           </span>
         </button>
       </li>
       <li
-        class="pf-v5-c-tabs__item"
+        class="pf-v6-c-tabs__item"
         role="presentation"
       >
         <button
           aria-controls="pf-tab-section-2-tab3"
           aria-selected="false"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-2-tab3"
@@ -345,7 +345,7 @@ exports[`should render box tabs of secondary variant 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Tab item 3"
           </span>
@@ -355,7 +355,7 @@ exports[`should render box tabs of secondary variant 1`] = `
   </div>
   <section
     aria-labelledby="pf-tab-0-tab1"
-    class="pf-v5-c-tab-content pf-m-secondary"
+    class="pf-v6-c-tab-content pf-m-secondary"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     id="pf-tab-section-0-tab1"
@@ -366,7 +366,7 @@ exports[`should render box tabs of secondary variant 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-1-tab2"
-    class="pf-v5-c-tab-content pf-m-secondary"
+    class="pf-v6-c-tab-content pf-m-secondary"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     hidden=""
@@ -378,7 +378,7 @@ exports[`should render box tabs of secondary variant 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-2-tab3"
-    class="pf-v5-c-tab-content pf-m-secondary"
+    class="pf-v6-c-tab-content pf-m-secondary"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     hidden=""
@@ -394,22 +394,22 @@ exports[`should render box tabs of secondary variant 1`] = `
 exports[`should render expandable vertical tabs 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-tabs pf-m-vertical pf-m-expandable"
+    class="pf-v6-c-tabs pf-m-vertical pf-m-expandable"
     data-ouia-component-id="OUIA-Generated-Tabs-6"
     data-ouia-component-type="PF5/Tabs"
     data-ouia-safe="true"
     id="verticalTabs"
   >
     <div
-      class="pf-v5-c-tabs__toggle"
+      class="pf-v6-c-tabs__toggle"
     >
       <div
-        class="pf-v5-c-tabs__toggle-button"
+        class="pf-v6-c-tabs__toggle-button"
       >
         <button
           aria-disabled="false"
           aria-labelledby="pf-random-id-0-text pf-random-id-0-button"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-ouia-component-id="OUIA-Generated-Button-plain-3"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -417,12 +417,12 @@ exports[`should render expandable vertical tabs 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__toggle-icon"
+            class="pf-v6-c-tabs__toggle-icon"
           >
             <svg
               aria-hidden="true"
               arian-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -435,7 +435,7 @@ exports[`should render expandable vertical tabs 1`] = `
             </svg>
           </span>
           <span
-            class="pf-v5-c-tabs__toggle-text"
+            class="pf-v6-c-tabs__toggle-text"
             id="pf-random-id-0-text"
           >
             toggle
@@ -444,17 +444,17 @@ exports[`should render expandable vertical tabs 1`] = `
       </div>
     </div>
     <ul
-      class="pf-v5-c-tabs__list"
+      class="pf-v6-c-tabs__list"
       role="tablist"
     >
       <li
-        class="pf-v5-c-tabs__item pf-m-current"
+        class="pf-v6-c-tabs__item pf-m-current"
         role="presentation"
       >
         <button
           aria-controls="pf-tab-section-0-tab1"
           aria-selected="true"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-0-tab1"
@@ -462,20 +462,20 @@ exports[`should render expandable vertical tabs 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Tab item 1"
           </span>
         </button>
       </li>
       <li
-        class="pf-v5-c-tabs__item"
+        class="pf-v6-c-tabs__item"
         role="presentation"
       >
         <button
           aria-controls="pf-tab-section-1-tab2"
           aria-selected="false"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-1-tab2"
@@ -483,20 +483,20 @@ exports[`should render expandable vertical tabs 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Tab item 2"
           </span>
         </button>
       </li>
       <li
-        class="pf-v5-c-tabs__item"
+        class="pf-v6-c-tabs__item"
         role="presentation"
       >
         <button
           aria-controls="pf-tab-section-2-tab3"
           aria-selected="false"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-2-tab3"
@@ -504,20 +504,20 @@ exports[`should render expandable vertical tabs 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Tab item 3"
           </span>
         </button>
       </li>
       <li
-        class="pf-v5-c-tabs__item"
+        class="pf-v6-c-tabs__item"
         role="presentation"
       >
         <button
           aria-controls="pf-tab-section-3-tab4"
           aria-selected="false"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-3-tab4"
@@ -525,7 +525,7 @@ exports[`should render expandable vertical tabs 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-icon"
+            class="pf-v6-c-tabs__item-icon"
           >
             <i>
               4
@@ -533,7 +533,7 @@ exports[`should render expandable vertical tabs 1`] = `
           </span>
            
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             Users
           </span>
@@ -544,7 +544,7 @@ exports[`should render expandable vertical tabs 1`] = `
   </div>
   <section
     aria-labelledby="pf-tab-0-tab1"
-    class="pf-v5-c-tab-content"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     id="pf-tab-section-0-tab1"
@@ -555,7 +555,7 @@ exports[`should render expandable vertical tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-1-tab2"
-    class="pf-v5-c-tab-content"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     hidden=""
@@ -567,7 +567,7 @@ exports[`should render expandable vertical tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-2-tab3"
-    class="pf-v5-c-tab-content"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     hidden=""
@@ -579,7 +579,7 @@ exports[`should render expandable vertical tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-3-tab4"
-    class="pf-v5-c-tab-content"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     hidden=""
@@ -595,24 +595,24 @@ exports[`should render expandable vertical tabs 1`] = `
 exports[`should render filled tabs 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-tabs pf-m-fill"
+    class="pf-v6-c-tabs pf-m-fill"
     data-ouia-component-id="OUIA-Generated-Tabs-10"
     data-ouia-component-type="PF5/Tabs"
     data-ouia-safe="true"
     id="filledTabs"
   >
     <ul
-      class="pf-v5-c-tabs__list"
+      class="pf-v6-c-tabs__list"
       role="tablist"
     >
       <li
-        class="pf-v5-c-tabs__item pf-m-current"
+        class="pf-v6-c-tabs__item pf-m-current"
         role="presentation"
       >
         <button
           aria-controls="pf-tab-section-0-tab1"
           aria-selected="true"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-0-tab1"
@@ -620,20 +620,20 @@ exports[`should render filled tabs 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Tab item 1"
           </span>
         </button>
       </li>
       <li
-        class="pf-v5-c-tabs__item"
+        class="pf-v6-c-tabs__item"
         role="presentation"
       >
         <button
           aria-controls="pf-tab-section-1-tab2"
           aria-selected="false"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-1-tab2"
@@ -641,20 +641,20 @@ exports[`should render filled tabs 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Tab item 2"
           </span>
         </button>
       </li>
       <li
-        class="pf-v5-c-tabs__item"
+        class="pf-v6-c-tabs__item"
         role="presentation"
       >
         <button
           aria-controls="pf-tab-section-2-tab3"
           aria-selected="false"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-2-tab3"
@@ -662,7 +662,7 @@ exports[`should render filled tabs 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Tab item 3"
           </span>
@@ -672,7 +672,7 @@ exports[`should render filled tabs 1`] = `
   </div>
   <section
     aria-labelledby="pf-tab-0-tab1"
-    class="pf-v5-c-tab-content"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     id="pf-tab-section-0-tab1"
@@ -683,7 +683,7 @@ exports[`should render filled tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-1-tab2"
-    class="pf-v5-c-tab-content"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     hidden=""
@@ -695,7 +695,7 @@ exports[`should render filled tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-2-tab3"
-    class="pf-v5-c-tab-content"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     hidden=""
@@ -711,24 +711,24 @@ exports[`should render filled tabs 1`] = `
 exports[`should render simple tabs 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-tabs"
+    class="pf-v6-c-tabs"
     data-ouia-component-id="OUIA-Generated-Tabs-1"
     data-ouia-component-type="PF5/Tabs"
     data-ouia-safe="true"
     id="simpleTabs"
   >
     <ul
-      class="pf-v5-c-tabs__list"
+      class="pf-v6-c-tabs__list"
       role="tablist"
     >
       <li
-        class="pf-v5-c-tabs__item pf-m-current"
+        class="pf-v6-c-tabs__item pf-m-current"
         role="presentation"
       >
         <button
           aria-controls="pf-tab-section-0-tab1"
           aria-selected="true"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-0-tab1"
@@ -736,20 +736,20 @@ exports[`should render simple tabs 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Tab item 1"
           </span>
         </button>
       </li>
       <li
-        class="pf-v5-c-tabs__item"
+        class="pf-v6-c-tabs__item"
         role="presentation"
       >
         <button
           aria-controls="pf-tab-section-1-tab2"
           aria-selected="false"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-1-tab2"
@@ -757,20 +757,20 @@ exports[`should render simple tabs 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Tab item 2"
           </span>
         </button>
       </li>
       <li
-        class="pf-v5-c-tabs__item"
+        class="pf-v6-c-tabs__item"
         role="presentation"
       >
         <button
           aria-controls="pf-tab-section-2-tab3"
           aria-selected="false"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-2-tab3"
@@ -778,20 +778,20 @@ exports[`should render simple tabs 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Tab item 3"
           </span>
         </button>
       </li>
       <li
-        class="pf-v5-c-tabs__item"
+        class="pf-v6-c-tabs__item"
         role="presentation"
       >
         <button
           aria-controls="pf-tab-section-3-tab4"
           aria-selected="false"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-3-tab4"
@@ -799,7 +799,7 @@ exports[`should render simple tabs 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-icon"
+            class="pf-v6-c-tabs__item-icon"
           >
             <i>
               4
@@ -807,7 +807,7 @@ exports[`should render simple tabs 1`] = `
           </span>
            
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             Users
           </span>
@@ -818,7 +818,7 @@ exports[`should render simple tabs 1`] = `
   </div>
   <section
     aria-labelledby="pf-tab-0-tab1"
-    class="pf-v5-c-tab-content"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     id="pf-tab-section-0-tab1"
@@ -829,7 +829,7 @@ exports[`should render simple tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-1-tab2"
-    class="pf-v5-c-tab-content"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     hidden=""
@@ -841,7 +841,7 @@ exports[`should render simple tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-2-tab3"
-    class="pf-v5-c-tab-content"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     hidden=""
@@ -853,7 +853,7 @@ exports[`should render simple tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-3-tab4"
-    class="pf-v5-c-tab-content"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     hidden=""
@@ -869,24 +869,24 @@ exports[`should render simple tabs 1`] = `
 exports[`should render subtabs 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-tabs"
+    class="pf-v6-c-tabs"
     data-ouia-component-id="OUIA-Generated-Tabs-11"
     data-ouia-component-type="PF5/Tabs"
     data-ouia-safe="true"
     id="primarieTabs"
   >
     <ul
-      class="pf-v5-c-tabs__list"
+      class="pf-v6-c-tabs__list"
       role="tablist"
     >
       <li
-        class="pf-v5-c-tabs__item pf-m-current"
+        class="pf-v6-c-tabs__item pf-m-current"
         role="presentation"
       >
         <button
           aria-controls="pf-tab-section-0-primarieTabs"
           aria-selected="true"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-0-primarieTabs"
@@ -894,20 +894,20 @@ exports[`should render subtabs 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Tab item 1"
           </span>
         </button>
       </li>
       <li
-        class="pf-v5-c-tabs__item"
+        class="pf-v6-c-tabs__item"
         role="presentation"
       >
         <button
           aria-controls="pf-tab-section-1-tab2"
           aria-selected="false"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-1-tab2"
@@ -915,20 +915,20 @@ exports[`should render subtabs 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Tab item 2"
           </span>
         </button>
       </li>
       <li
-        class="pf-v5-c-tabs__item"
+        class="pf-v6-c-tabs__item"
         role="presentation"
       >
         <button
           aria-controls="pf-tab-section-2-tab3"
           aria-selected="false"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-2-tab3"
@@ -936,7 +936,7 @@ exports[`should render subtabs 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Tab item 3"
           </span>
@@ -946,7 +946,7 @@ exports[`should render subtabs 1`] = `
   </div>
   <section
     aria-labelledby="pf-tab-0-primarieTabs"
-    class="pf-v5-c-tab-content"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     id="pf-tab-section-0-primarieTabs"
@@ -954,24 +954,24 @@ exports[`should render subtabs 1`] = `
     tabindex="0"
   >
     <div
-      class="pf-v5-c-tabs pf-m-subtab"
+      class="pf-v6-c-tabs pf-m-subtab"
       data-ouia-component-id="OUIA-Generated-Tabs-12"
       data-ouia-component-type="PF5/Tabs"
       data-ouia-safe="true"
       id="subtabs"
     >
       <ul
-        class="pf-v5-c-tabs__list"
+        class="pf-v6-c-tabs__list"
         role="tablist"
       >
         <li
-          class="pf-v5-c-tabs__item"
+          class="pf-v6-c-tabs__item"
           role="presentation"
         >
           <button
             aria-controls="pf-tab-section-10-subtab1"
             aria-selected="false"
-            class="pf-v5-c-tabs__link"
+            class="pf-v6-c-tabs__link"
             data-ouia-component-type="PF5/TabButton"
             data-ouia-safe="true"
             id="pf-tab-10-subtab1"
@@ -979,20 +979,20 @@ exports[`should render subtabs 1`] = `
             type="button"
           >
             <span
-              class="pf-v5-c-tabs__item-text"
+              class="pf-v6-c-tabs__item-text"
             >
               "Subtab item 1"
             </span>
           </button>
         </li>
         <li
-          class="pf-v5-c-tabs__item"
+          class="pf-v6-c-tabs__item"
           role="presentation"
         >
           <button
             aria-controls="pf-tab-section-11-subtab2"
             aria-selected="false"
-            class="pf-v5-c-tabs__link"
+            class="pf-v6-c-tabs__link"
             data-ouia-component-type="PF5/TabButton"
             data-ouia-safe="true"
             id="pf-tab-11-subtab2"
@@ -1000,20 +1000,20 @@ exports[`should render subtabs 1`] = `
             type="button"
           >
             <span
-              class="pf-v5-c-tabs__item-text"
+              class="pf-v6-c-tabs__item-text"
             >
               "Subtab item 2"
             </span>
           </button>
         </li>
         <li
-          class="pf-v5-c-tabs__item"
+          class="pf-v6-c-tabs__item"
           role="presentation"
         >
           <button
             aria-controls="pf-tab-section-12-subtab3"
             aria-selected="false"
-            class="pf-v5-c-tabs__link"
+            class="pf-v6-c-tabs__link"
             data-ouia-component-type="PF5/TabButton"
             data-ouia-safe="true"
             id="pf-tab-12-subtab3"
@@ -1021,7 +1021,7 @@ exports[`should render subtabs 1`] = `
             type="button"
           >
             <span
-              class="pf-v5-c-tabs__item-text"
+              class="pf-v6-c-tabs__item-text"
             >
               "Subtab item 3"
             </span>
@@ -1031,7 +1031,7 @@ exports[`should render subtabs 1`] = `
     </div>
     <section
       aria-labelledby="pf-tab-10-subtab1"
-      class="pf-v5-c-tab-content"
+      class="pf-v6-c-tab-content"
       data-ouia-component-type="PF5/TabContent"
       data-ouia-safe="true"
       hidden=""
@@ -1043,7 +1043,7 @@ exports[`should render subtabs 1`] = `
     </section>
     <section
       aria-labelledby="pf-tab-11-subtab2"
-      class="pf-v5-c-tab-content"
+      class="pf-v6-c-tab-content"
       data-ouia-component-type="PF5/TabContent"
       data-ouia-safe="true"
       hidden=""
@@ -1055,7 +1055,7 @@ exports[`should render subtabs 1`] = `
     </section>
     <section
       aria-labelledby="pf-tab-12-subtab3"
-      class="pf-v5-c-tab-content"
+      class="pf-v6-c-tab-content"
       data-ouia-component-type="PF5/TabContent"
       data-ouia-safe="true"
       hidden=""
@@ -1068,7 +1068,7 @@ exports[`should render subtabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-1-tab2"
-    class="pf-v5-c-tab-content"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     hidden=""
@@ -1080,7 +1080,7 @@ exports[`should render subtabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-2-tab3"
-    class="pf-v5-c-tab-content"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     hidden=""
@@ -1096,24 +1096,24 @@ exports[`should render subtabs 1`] = `
 exports[`should render tabs with eventKey Strings 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-tabs"
+    class="pf-v6-c-tabs"
     data-ouia-component-id="OUIA-Generated-Tabs-13"
     data-ouia-component-type="PF5/Tabs"
     data-ouia-safe="true"
     id="eventKeyTabs"
   >
     <ul
-      class="pf-v5-c-tabs__list"
+      class="pf-v6-c-tabs__list"
       role="tablist"
     >
       <li
-        class="pf-v5-c-tabs__item"
+        class="pf-v6-c-tabs__item"
         role="presentation"
       >
         <button
           aria-controls="pf-tab-section-one-tab1"
           aria-selected="false"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-one-tab1"
@@ -1121,20 +1121,20 @@ exports[`should render tabs with eventKey Strings 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Secondary Tab item 1"
           </span>
         </button>
       </li>
       <li
-        class="pf-v5-c-tabs__item"
+        class="pf-v6-c-tabs__item"
         role="presentation"
       >
         <button
           aria-controls="pf-tab-section-two-tab2"
           aria-selected="false"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-two-tab2"
@@ -1142,20 +1142,20 @@ exports[`should render tabs with eventKey Strings 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Secondary Tab item 2"
           </span>
         </button>
       </li>
       <li
-        class="pf-v5-c-tabs__item"
+        class="pf-v6-c-tabs__item"
         role="presentation"
       >
         <button
           aria-controls="pf-tab-section-three-tab3"
           aria-selected="false"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-three-tab3"
@@ -1163,7 +1163,7 @@ exports[`should render tabs with eventKey Strings 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Secondary Tab item 3"
           </span>
@@ -1173,7 +1173,7 @@ exports[`should render tabs with eventKey Strings 1`] = `
   </div>
   <section
     aria-labelledby="pf-tab-one-tab1"
-    class="pf-v5-c-tab-content"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     hidden=""
@@ -1185,7 +1185,7 @@ exports[`should render tabs with eventKey Strings 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-two-tab2"
-    class="pf-v5-c-tab-content"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     hidden=""
@@ -1197,7 +1197,7 @@ exports[`should render tabs with eventKey Strings 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-three-tab3"
-    class="pf-v5-c-tab-content"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     hidden=""
@@ -1213,24 +1213,24 @@ exports[`should render tabs with eventKey Strings 1`] = `
 exports[`should render tabs with no bottom border 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-tabs pf-m-no-border-bottom"
+    class="pf-v6-c-tabs pf-m-no-border-bottom"
     data-ouia-component-id="OUIA-Generated-Tabs-16"
     data-ouia-component-type="PF5/Tabs"
     data-ouia-safe="true"
     id="noBottomBorderTabs"
   >
     <ul
-      class="pf-v5-c-tabs__list"
+      class="pf-v6-c-tabs__list"
       role="tablist"
     >
       <li
-        class="pf-v5-c-tabs__item pf-m-current"
+        class="pf-v6-c-tabs__item pf-m-current"
         role="presentation"
       >
         <button
           aria-controls="pf-tab-section-0-tab1"
           aria-selected="true"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-0-tab1"
@@ -1238,20 +1238,20 @@ exports[`should render tabs with no bottom border 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Tab item 1"
           </span>
         </button>
       </li>
       <li
-        class="pf-v5-c-tabs__item"
+        class="pf-v6-c-tabs__item"
         role="presentation"
       >
         <button
           aria-controls="pf-tab-section-1-tab2"
           aria-selected="false"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-1-tab2"
@@ -1259,20 +1259,20 @@ exports[`should render tabs with no bottom border 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Tab item 2"
           </span>
         </button>
       </li>
       <li
-        class="pf-v5-c-tabs__item"
+        class="pf-v6-c-tabs__item"
         role="presentation"
       >
         <button
           aria-controls="pf-tab-section-2-tab3"
           aria-selected="false"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-2-tab3"
@@ -1280,7 +1280,7 @@ exports[`should render tabs with no bottom border 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Tab item 3"
           </span>
@@ -1290,7 +1290,7 @@ exports[`should render tabs with no bottom border 1`] = `
   </div>
   <section
     aria-labelledby="pf-tab-0-tab1"
-    class="pf-v5-c-tab-content"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     id="pf-tab-section-0-tab1"
@@ -1301,7 +1301,7 @@ exports[`should render tabs with no bottom border 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-1-tab2"
-    class="pf-v5-c-tab-content"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     hidden=""
@@ -1313,7 +1313,7 @@ exports[`should render tabs with no bottom border 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-2-tab3"
-    class="pf-v5-c-tab-content"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     hidden=""
@@ -1329,24 +1329,24 @@ exports[`should render tabs with no bottom border 1`] = `
 exports[`should render tabs with separate content 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-tabs"
+    class="pf-v6-c-tabs"
     data-ouia-component-id="OUIA-Generated-Tabs-14"
     data-ouia-component-type="PF5/Tabs"
     data-ouia-safe="true"
     id="separateTabs"
   >
     <ul
-      class="pf-v5-c-tabs__list"
+      class="pf-v6-c-tabs__list"
       role="tablist"
     >
       <li
-        class="pf-v5-c-tabs__item pf-m-current"
+        class="pf-v6-c-tabs__item pf-m-current"
         role="presentation"
       >
         <button
           aria-controls="refTab1Section"
           aria-selected="true"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-0-separateTabs"
@@ -1354,20 +1354,20 @@ exports[`should render tabs with separate content 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             Tab item 1
           </span>
         </button>
       </li>
       <li
-        class="pf-v5-c-tabs__item"
+        class="pf-v6-c-tabs__item"
         role="presentation"
       >
         <button
           aria-controls="refTab2Section"
           aria-selected="false"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-1-separateTabs"
@@ -1375,20 +1375,20 @@ exports[`should render tabs with separate content 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             Tab item 2
           </span>
         </button>
       </li>
       <li
-        class="pf-v5-c-tabs__item"
+        class="pf-v6-c-tabs__item"
         role="presentation"
       >
         <button
           aria-controls="refTab3Section"
           aria-selected="false"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-2-separateTabs"
@@ -1396,7 +1396,7 @@ exports[`should render tabs with separate content 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             Tab item 3
           </span>
@@ -1407,7 +1407,7 @@ exports[`should render tabs with separate content 1`] = `
   <div>
     <section
       aria-label="Tab item 1"
-      class="pf-v5-c-tab-content"
+      class="pf-v6-c-tab-content"
       data-ouia-component-type="PF5/TabContent"
       data-ouia-safe="true"
       id="refTab1Section"
@@ -1418,7 +1418,7 @@ exports[`should render tabs with separate content 1`] = `
     </section>
     <section
       aria-label="Tab item 2"
-      class="pf-v5-c-tab-content"
+      class="pf-v6-c-tab-content"
       data-ouia-component-type="PF5/TabContent"
       data-ouia-safe="true"
       hidden=""
@@ -1427,14 +1427,14 @@ exports[`should render tabs with separate content 1`] = `
       tabindex="0"
     >
       <div
-        class="pf-v5-c-tab-content__body"
+        class="pf-v6-c-tab-content__body"
       >
         Tab 2 section
       </div>
     </section>
     <section
       aria-label="Tab item 3"
-      class="pf-v5-c-tab-content"
+      class="pf-v6-c-tab-content"
       data-ouia-component-type="PF5/TabContent"
       data-ouia-safe="true"
       hidden=""
@@ -1443,7 +1443,7 @@ exports[`should render tabs with separate content 1`] = `
       tabindex="0"
     >
       <div
-        class="pf-v5-c-tab-content__body pf-m-padding"
+        class="pf-v6-c-tab-content__body pf-m-padding"
       >
         Tab 3 section with padding 
       </div>
@@ -1455,23 +1455,23 @@ exports[`should render tabs with separate content 1`] = `
 exports[`should render uncontrolled tabs 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-tabs"
+    class="pf-v6-c-tabs"
     data-ouia-component-id="OUIA-Generated-Tabs-4"
     data-ouia-component-type="PF5/Tabs"
     data-ouia-safe="true"
   >
     <ul
-      class="pf-v5-c-tabs__list"
+      class="pf-v6-c-tabs__list"
       role="tablist"
     >
       <li
-        class="pf-v5-c-tabs__item pf-m-current"
+        class="pf-v6-c-tabs__item pf-m-current"
         role="presentation"
       >
         <button
           aria-controls="pf-tab-section-0-tab1"
           aria-selected="true"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-0-tab1"
@@ -1479,20 +1479,20 @@ exports[`should render uncontrolled tabs 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Tab item 1"
           </span>
         </button>
       </li>
       <li
-        class="pf-v5-c-tabs__item"
+        class="pf-v6-c-tabs__item"
         role="presentation"
       >
         <button
           aria-controls="pf-tab-section-1-tab2"
           aria-selected="false"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-1-tab2"
@@ -1500,20 +1500,20 @@ exports[`should render uncontrolled tabs 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Tab item 2"
           </span>
         </button>
       </li>
       <li
-        class="pf-v5-c-tabs__item"
+        class="pf-v6-c-tabs__item"
         role="presentation"
       >
         <button
           aria-controls="pf-tab-section-2-tab3"
           aria-selected="false"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-2-tab3"
@@ -1521,20 +1521,20 @@ exports[`should render uncontrolled tabs 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Tab item 3"
           </span>
         </button>
       </li>
       <li
-        class="pf-v5-c-tabs__item"
+        class="pf-v6-c-tabs__item"
         role="presentation"
       >
         <button
           aria-controls="pf-tab-section-3-tab4"
           aria-selected="false"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-3-tab4"
@@ -1542,7 +1542,7 @@ exports[`should render uncontrolled tabs 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-icon"
+            class="pf-v6-c-tabs__item-icon"
           >
             <i>
               4
@@ -1550,7 +1550,7 @@ exports[`should render uncontrolled tabs 1`] = `
           </span>
            
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             Users
           </span>
@@ -1561,7 +1561,7 @@ exports[`should render uncontrolled tabs 1`] = `
   </div>
   <section
     aria-labelledby="pf-tab-0-tab1"
-    class="pf-v5-c-tab-content"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     id="pf-tab-section-0-tab1"
@@ -1572,7 +1572,7 @@ exports[`should render uncontrolled tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-1-tab2"
-    class="pf-v5-c-tab-content"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     hidden=""
@@ -1584,7 +1584,7 @@ exports[`should render uncontrolled tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-2-tab3"
-    class="pf-v5-c-tab-content"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     hidden=""
@@ -1596,7 +1596,7 @@ exports[`should render uncontrolled tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-3-tab4"
-    class="pf-v5-c-tab-content"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     hidden=""
@@ -1612,24 +1612,24 @@ exports[`should render uncontrolled tabs 1`] = `
 exports[`should render vertical tabs 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-tabs pf-m-vertical"
+    class="pf-v6-c-tabs pf-m-vertical"
     data-ouia-component-id="OUIA-Generated-Tabs-5"
     data-ouia-component-type="PF5/Tabs"
     data-ouia-safe="true"
     id="verticalTabs"
   >
     <ul
-      class="pf-v5-c-tabs__list"
+      class="pf-v6-c-tabs__list"
       role="tablist"
     >
       <li
-        class="pf-v5-c-tabs__item pf-m-current"
+        class="pf-v6-c-tabs__item pf-m-current"
         role="presentation"
       >
         <button
           aria-controls="pf-tab-section-0-tab1"
           aria-selected="true"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-0-tab1"
@@ -1637,20 +1637,20 @@ exports[`should render vertical tabs 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Tab item 1"
           </span>
         </button>
       </li>
       <li
-        class="pf-v5-c-tabs__item"
+        class="pf-v6-c-tabs__item"
         role="presentation"
       >
         <button
           aria-controls="pf-tab-section-1-tab2"
           aria-selected="false"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-1-tab2"
@@ -1658,20 +1658,20 @@ exports[`should render vertical tabs 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Tab item 2"
           </span>
         </button>
       </li>
       <li
-        class="pf-v5-c-tabs__item"
+        class="pf-v6-c-tabs__item"
         role="presentation"
       >
         <button
           aria-controls="pf-tab-section-2-tab3"
           aria-selected="false"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-2-tab3"
@@ -1679,20 +1679,20 @@ exports[`should render vertical tabs 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Tab item 3"
           </span>
         </button>
       </li>
       <li
-        class="pf-v5-c-tabs__item"
+        class="pf-v6-c-tabs__item"
         role="presentation"
       >
         <button
           aria-controls="pf-tab-section-3-tab4"
           aria-selected="false"
-          class="pf-v5-c-tabs__link"
+          class="pf-v6-c-tabs__link"
           data-ouia-component-type="PF5/TabButton"
           data-ouia-safe="true"
           id="pf-tab-3-tab4"
@@ -1700,7 +1700,7 @@ exports[`should render vertical tabs 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-icon"
+            class="pf-v6-c-tabs__item-icon"
           >
             <i>
               4
@@ -1708,7 +1708,7 @@ exports[`should render vertical tabs 1`] = `
           </span>
            
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             Users
           </span>
@@ -1719,7 +1719,7 @@ exports[`should render vertical tabs 1`] = `
   </div>
   <section
     aria-labelledby="pf-tab-0-tab1"
-    class="pf-v5-c-tab-content"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     id="pf-tab-section-0-tab1"
@@ -1730,7 +1730,7 @@ exports[`should render vertical tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-1-tab2"
-    class="pf-v5-c-tab-content"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     hidden=""
@@ -1742,7 +1742,7 @@ exports[`should render vertical tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-2-tab3"
-    class="pf-v5-c-tab-content"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     hidden=""
@@ -1754,7 +1754,7 @@ exports[`should render vertical tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-3-tab4"
-    class="pf-v5-c-tab-content"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
     hidden=""