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

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=""
@@ -275,27 +275,27 @@ exports[`should render box tabs 1`] = `
 </DocumentFragment>
 `;
 
-exports[`should render box tabs of light variant 1`] = `
+exports[`should render box tabs of secondary variant 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-tabs pf-m-box pf-m-color-scheme--light-300"
+    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="boxLightVariantTabs"
+    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 light 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 light 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 light 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 light variant 1`] = `
   </div>
   <section
     aria-labelledby="pf-tab-0-tab1"
-    class="pf-v5-c-tab-content pf-m-light-300"
+    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 light variant 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-1-tab2"
-    class="pf-v5-c-tab-content pf-m-light-300"
+    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 light variant 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-2-tab3"
-    class="pf-v5-c-tab-content pf-m-light-300"
+    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 light 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=""
@@ -708,48 +708,48 @@ exports[`should render filled tabs 1`] = `
 </DocumentFragment>
 `;
 
-exports[`should render secondary tabs 1`] = `
+exports[`should render simple tabs 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-tabs"
-    data-ouia-component-id="OUIA-Generated-Tabs-11"
+    class="pf-v6-c-tabs"
+    data-ouia-component-id="OUIA-Generated-Tabs-1"
     data-ouia-component-type="PF5/Tabs"
     data-ouia-safe="true"
-    id="primarieTabs"
+    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-primarieTabs"
+          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-primarieTabs"
+          id="pf-tab-0-tab1"
           role="tab"
           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 secondary 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,139 +778,58 @@ exports[`should render secondary 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-v6-c-tabs__item"
+        role="presentation"
+      >
+        <button
+          aria-controls="pf-tab-section-3-tab4"
+          aria-selected="false"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF5/TabButton"
+          data-ouia-safe="true"
+          id="pf-tab-3-tab4"
+          role="tab"
+          type="button"
+        >
+          <span
+            class="pf-v6-c-tabs__item-icon"
+          >
+            <i>
+              4
+            </i>
+          </span>
+           
+          <span
+            class="pf-v6-c-tabs__item-text"
+          >
+            Users
+          </span>
+           
+        </button>
+      </li>
     </ul>
   </div>
   <section
-    aria-labelledby="pf-tab-0-primarieTabs"
-    class="pf-v5-c-tab-content"
+    aria-labelledby="pf-tab-0-tab1"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
-    id="pf-tab-section-0-primarieTabs"
+    id="pf-tab-section-0-tab1"
     role="tabpanel"
     tabindex="0"
   >
-    <div
-      class="pf-v5-c-tabs pf-m-secondary"
-      data-ouia-component-id="OUIA-Generated-Tabs-12"
-      data-ouia-component-type="PF5/Tabs"
-      data-ouia-safe="true"
-      id="secondaryTabs"
-    >
-      <ul
-        class="pf-v5-c-tabs__list"
-        role="tablist"
-      >
-        <li
-          class="pf-v5-c-tabs__item"
-          role="presentation"
-        >
-          <button
-            aria-controls="pf-tab-section-10-secondary tab1"
-            aria-selected="false"
-            class="pf-v5-c-tabs__link"
-            data-ouia-component-type="PF5/TabButton"
-            data-ouia-safe="true"
-            id="pf-tab-10-secondary tab1"
-            role="tab"
-            type="button"
-          >
-            <span
-              class="pf-v5-c-tabs__item-text"
-            >
-              "Secondary Tab item 1"
-            </span>
-          </button>
-        </li>
-        <li
-          class="pf-v5-c-tabs__item"
-          role="presentation"
-        >
-          <button
-            aria-controls="pf-tab-section-11-secondary tab2"
-            aria-selected="false"
-            class="pf-v5-c-tabs__link"
-            data-ouia-component-type="PF5/TabButton"
-            data-ouia-safe="true"
-            id="pf-tab-11-secondary tab2"
-            role="tab"
-            type="button"
-          >
-            <span
-              class="pf-v5-c-tabs__item-text"
-            >
-              "Secondary Tab item 2"
-            </span>
-          </button>
-        </li>
-        <li
-          class="pf-v5-c-tabs__item"
-          role="presentation"
-        >
-          <button
-            aria-controls="pf-tab-section-12-secondary tab3"
-            aria-selected="false"
-            class="pf-v5-c-tabs__link"
-            data-ouia-component-type="PF5/TabButton"
-            data-ouia-safe="true"
-            id="pf-tab-12-secondary tab3"
-            role="tab"
-            type="button"
-          >
-            <span
-              class="pf-v5-c-tabs__item-text"
-            >
-              "Secondary Tab item 3"
-            </span>
-          </button>
-        </li>
-      </ul>
-    </div>
-    <section
-      aria-labelledby="pf-tab-10-secondary tab1"
-      class="pf-v5-c-tab-content"
-      data-ouia-component-type="PF5/TabContent"
-      data-ouia-safe="true"
-      hidden=""
-      id="pf-tab-section-10-secondary tab1"
-      role="tabpanel"
-      tabindex="0"
-    >
-      Secondary Tab 1 section
-    </section>
-    <section
-      aria-labelledby="pf-tab-11-secondary tab2"
-      class="pf-v5-c-tab-content"
-      data-ouia-component-type="PF5/TabContent"
-      data-ouia-safe="true"
-      hidden=""
-      id="pf-tab-section-11-secondary tab2"
-      role="tabpanel"
-      tabindex="0"
-    >
-      Secondary Tab 2 section
-    </section>
-    <section
-      aria-labelledby="pf-tab-12-secondary tab3"
-      class="pf-v5-c-tab-content"
-      data-ouia-component-type="PF5/TabContent"
-      data-ouia-safe="true"
-      hidden=""
-      id="pf-tab-section-12-secondary tab3"
-      role="tabpanel"
-      tabindex="0"
-    >
-      Secondary Tab 3 section
-    </section>
+    Tab 1 section
   </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=""
@@ -922,7 +841,7 @@ exports[`should render secondary 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=""
@@ -932,51 +851,63 @@ exports[`should render secondary tabs 1`] = `
   >
     Tab 3 section
   </section>
+  <section
+    aria-labelledby="pf-tab-3-tab4"
+    class="pf-v6-c-tab-content"
+    data-ouia-component-type="PF5/TabContent"
+    data-ouia-safe="true"
+    hidden=""
+    id="pf-tab-section-3-tab4"
+    role="tabpanel"
+    tabindex="0"
+  >
+    Tab 4 section
+  </section>
 </DocumentFragment>
 `;
 
-exports[`should render simple tabs 1`] = `
+exports[`should render subtabs 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-tabs"
-    data-ouia-component-id="OUIA-Generated-Tabs-1"
+    class="pf-v6-c-tabs"
+    data-ouia-component-id="OUIA-Generated-Tabs-11"
     data-ouia-component-type="PF5/Tabs"
     data-ouia-safe="true"
-    id="simpleTabs"
+    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-tab1"
+          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-tab1"
+          id="pf-tab-0-primarieTabs"
           role="tab"
           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"
@@ -984,20 +915,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"
@@ -1005,58 +936,139 @@ 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"
-        role="presentation"
-      >
-        <button
-          aria-controls="pf-tab-section-3-tab4"
-          aria-selected="false"
-          class="pf-v5-c-tabs__link"
-          data-ouia-component-type="PF5/TabButton"
-          data-ouia-safe="true"
-          id="pf-tab-3-tab4"
-          role="tab"
-          type="button"
-        >
-          <span
-            class="pf-v5-c-tabs__item-icon"
-          >
-            <i>
-              4
-            </i>
-          </span>
-           
-          <span
-            class="pf-v5-c-tabs__item-text"
-          >
-            Users
-          </span>
-           
-        </button>
-      </li>
     </ul>
   </div>
   <section
-    aria-labelledby="pf-tab-0-tab1"
-    class="pf-v5-c-tab-content"
+    aria-labelledby="pf-tab-0-primarieTabs"
+    class="pf-v6-c-tab-content"
     data-ouia-component-type="PF5/TabContent"
     data-ouia-safe="true"
-    id="pf-tab-section-0-tab1"
+    id="pf-tab-section-0-primarieTabs"
     role="tabpanel"
     tabindex="0"
   >
-    Tab 1 section
+    <div
+      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-v6-c-tabs__list"
+        role="tablist"
+      >
+        <li
+          class="pf-v6-c-tabs__item"
+          role="presentation"
+        >
+          <button
+            aria-controls="pf-tab-section-10-subtab1"
+            aria-selected="false"
+            class="pf-v6-c-tabs__link"
+            data-ouia-component-type="PF5/TabButton"
+            data-ouia-safe="true"
+            id="pf-tab-10-subtab1"
+            role="tab"
+            type="button"
+          >
+            <span
+              class="pf-v6-c-tabs__item-text"
+            >
+              "Subtab item 1"
+            </span>
+          </button>
+        </li>
+        <li
+          class="pf-v6-c-tabs__item"
+          role="presentation"
+        >
+          <button
+            aria-controls="pf-tab-section-11-subtab2"
+            aria-selected="false"
+            class="pf-v6-c-tabs__link"
+            data-ouia-component-type="PF5/TabButton"
+            data-ouia-safe="true"
+            id="pf-tab-11-subtab2"
+            role="tab"
+            type="button"
+          >
+            <span
+              class="pf-v6-c-tabs__item-text"
+            >
+              "Subtab item 2"
+            </span>
+          </button>
+        </li>
+        <li
+          class="pf-v6-c-tabs__item"
+          role="presentation"
+        >
+          <button
+            aria-controls="pf-tab-section-12-subtab3"
+            aria-selected="false"
+            class="pf-v6-c-tabs__link"
+            data-ouia-component-type="PF5/TabButton"
+            data-ouia-safe="true"
+            id="pf-tab-12-subtab3"
+            role="tab"
+            type="button"
+          >
+            <span
+              class="pf-v6-c-tabs__item-text"
+            >
+              "Subtab item 3"
+            </span>
+          </button>
+        </li>
+      </ul>
+    </div>
+    <section
+      aria-labelledby="pf-tab-10-subtab1"
+      class="pf-v6-c-tab-content"
+      data-ouia-component-type="PF5/TabContent"
+      data-ouia-safe="true"
+      hidden=""
+      id="pf-tab-section-10-subtab1"
+      role="tabpanel"
+      tabindex="0"
+    >
+      Subtab 1 section
+    </section>
+    <section
+      aria-labelledby="pf-tab-11-subtab2"
+      class="pf-v6-c-tab-content"
+      data-ouia-component-type="PF5/TabContent"
+      data-ouia-safe="true"
+      hidden=""
+      id="pf-tab-section-11-subtab2"
+      role="tabpanel"
+      tabindex="0"
+    >
+      Subtab 2 section
+    </section>
+    <section
+      aria-labelledby="pf-tab-12-subtab3"
+      class="pf-v6-c-tab-content"
+      data-ouia-component-type="PF5/TabContent"
+      data-ouia-safe="true"
+      hidden=""
+      id="pf-tab-section-12-subtab3"
+      role="tabpanel"
+      tabindex="0"
+    >
+      Subtab 3 section
+    </section>
   </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=""
@@ -1068,7 +1080,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=""
@@ -1078,42 +1090,30 @@ exports[`should render simple tabs 1`] = `
   >
     Tab 3 section
   </section>
-  <section
-    aria-labelledby="pf-tab-3-tab4"
-    class="pf-v5-c-tab-content"
-    data-ouia-component-type="PF5/TabContent"
-    data-ouia-safe="true"
-    hidden=""
-    id="pf-tab-section-3-tab4"
-    role="tabpanel"
-    tabindex="0"
-  >
-    Tab 4 section
-  </section>
 </DocumentFragment>
 `;
 
 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=""