@patternfly/react-core 6.0.0-alpha.8 → 6.0.0-alpha.81

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

@@ -4,74 +4,74 @@ 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-component-type="PF6/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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           href="#/items/1"
           id="pf-tab-0-tab1"
           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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           href="#/items/2"
           id="pf-tab-1-tab2"
           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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           href="#/items/3"
           id="pf-tab-2-tab3"
           role="tab"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Tab item 3"
           </span>
@@ -81,8 +81,8 @@ exports[`should render accessible tabs 1`] = `
   </nav>
   <section
     aria-labelledby="pf-tab-0-tab1"
-    class="pf-v5-c-tab-content default"
-    data-ouia-component-type="PF5/TabContent"
+    class="pf-v6-c-tab-content"
+    data-ouia-component-type="PF6/TabContent"
     data-ouia-safe="true"
     id="pf-tab-section-0-tab1"
     role="tabpanel"
@@ -92,8 +92,8 @@ exports[`should render accessible tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-1-tab2"
-    class="pf-v5-c-tab-content default"
-    data-ouia-component-type="PF5/TabContent"
+    class="pf-v6-c-tab-content"
+    data-ouia-component-type="PF6/TabContent"
     data-ouia-safe="true"
     hidden=""
     id="pf-tab-section-1-tab2"
@@ -104,8 +104,8 @@ exports[`should render accessible tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-2-tab3"
-    class="pf-v5-c-tab-content default"
-    data-ouia-component-type="PF5/TabContent"
+    class="pf-v6-c-tab-content"
+    data-ouia-component-type="PF6/TabContent"
     data-ouia-safe="true"
     hidden=""
     id="pf-tab-section-2-tab3"
@@ -120,95 +120,95 @@ 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-component-type="PF6/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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           id="pf-tab-1-tab2"
           role="tab"
           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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           id="pf-tab-2-tab3"
           role="tab"
           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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           id="pf-tab-3-tab4"
           role="tab"
           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,8 +227,8 @@ exports[`should render box tabs 1`] = `
   </div>
   <section
     aria-labelledby="pf-tab-0-tab1"
-    class="pf-v5-c-tab-content default"
-    data-ouia-component-type="PF5/TabContent"
+    class="pf-v6-c-tab-content"
+    data-ouia-component-type="PF6/TabContent"
     data-ouia-safe="true"
     id="pf-tab-section-0-tab1"
     role="tabpanel"
@@ -238,8 +238,8 @@ exports[`should render box tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-1-tab2"
-    class="pf-v5-c-tab-content default"
-    data-ouia-component-type="PF5/TabContent"
+    class="pf-v6-c-tab-content"
+    data-ouia-component-type="PF6/TabContent"
     data-ouia-safe="true"
     hidden=""
     id="pf-tab-section-1-tab2"
@@ -250,8 +250,8 @@ exports[`should render box tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-2-tab3"
-    class="pf-v5-c-tab-content default"
-    data-ouia-component-type="PF5/TabContent"
+    class="pf-v6-c-tab-content"
+    data-ouia-component-type="PF6/TabContent"
     data-ouia-safe="true"
     hidden=""
     id="pf-tab-section-2-tab3"
@@ -262,8 +262,8 @@ exports[`should render box tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-3-tab4"
-    class="pf-v5-c-tab-content default"
-    data-ouia-component-type="PF5/TabContent"
+    class="pf-v6-c-tab-content"
+    data-ouia-component-type="PF6/TabContent"
     data-ouia-safe="true"
     hidden=""
     id="pf-tab-section-3-tab4"
@@ -275,77 +275,77 @@ 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-component-type="PF6/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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           id="pf-tab-1-tab2"
           role="tab"
           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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           id="pf-tab-2-tab3"
           role="tab"
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Tab item 3"
           </span>
@@ -355,8 +355,8 @@ exports[`should render box tabs of light variant 1`] = `
   </div>
   <section
     aria-labelledby="pf-tab-0-tab1"
-    class="pf-v5-c-tab-content light300"
-    data-ouia-component-type="PF5/TabContent"
+    class="pf-v6-c-tab-content pf-m-secondary"
+    data-ouia-component-type="PF6/TabContent"
     data-ouia-safe="true"
     id="pf-tab-section-0-tab1"
     role="tabpanel"
@@ -366,8 +366,8 @@ exports[`should render box tabs of light variant 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-1-tab2"
-    class="pf-v5-c-tab-content light300"
-    data-ouia-component-type="PF5/TabContent"
+    class="pf-v6-c-tab-content pf-m-secondary"
+    data-ouia-component-type="PF6/TabContent"
     data-ouia-safe="true"
     hidden=""
     id="pf-tab-section-1-tab2"
@@ -378,8 +378,8 @@ exports[`should render box tabs of light variant 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-2-tab3"
-    class="pf-v5-c-tab-content light300"
-    data-ouia-component-type="PF5/TabContent"
+    class="pf-v6-c-tab-content pf-m-secondary"
+    data-ouia-component-type="PF6/TabContent"
     data-ouia-safe="true"
     hidden=""
     id="pf-tab-section-2-tab3"
@@ -394,138 +394,144 @@ 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-component-type="PF6/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"
+          aria-labelledby="generated-id-text generated-id-button"
+          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-component-type="PF6/Button"
           data-ouia-safe="true"
-          id="pf-random-id-0-button"
+          id="generated-id-button"
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__toggle-icon"
+            class="pf-v6-c-button__icon pf-m-start"
           >
-            <svg
-              aria-hidden="true"
-              arian-hidden="true"
-              class="pf-v5-svg"
-              fill="currentColor"
-              height="1em"
-              role="img"
-              viewBox="0 0 256 512"
-              width="1em"
+            <span
+              class="pf-v6-c-tabs__toggle-icon"
             >
-              <path
-                d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
-              />
-            </svg>
+              <svg
+                aria-hidden="true"
+                class="pf-v6-svg"
+                fill="currentColor"
+                height="1em"
+                role="img"
+                viewBox="0 0 256 512"
+                width="1em"
+              >
+                <path
+                  d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+                />
+              </svg>
+            </span>
           </span>
           <span
-            class="pf-v5-c-tabs__toggle-text"
-            id="pf-random-id-0-text"
+            class="pf-v6-c-button__text"
           >
-            toggle
+            <span
+              id="generated-id-text"
+            >
+              toggle
+            </span>
           </span>
         </button>
       </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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           id="pf-tab-1-tab2"
           role="tab"
           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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           id="pf-tab-2-tab3"
           role="tab"
           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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           id="pf-tab-3-tab4"
           role="tab"
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-icon"
+            class="pf-v6-c-tabs__item-icon"
           >
             <i>
               4
@@ -533,7 +539,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,8 +550,8 @@ exports[`should render expandable vertical tabs 1`] = `
   </div>
   <section
     aria-labelledby="pf-tab-0-tab1"
-    class="pf-v5-c-tab-content default"
-    data-ouia-component-type="PF5/TabContent"
+    class="pf-v6-c-tab-content"
+    data-ouia-component-type="PF6/TabContent"
     data-ouia-safe="true"
     id="pf-tab-section-0-tab1"
     role="tabpanel"
@@ -555,8 +561,8 @@ exports[`should render expandable vertical tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-1-tab2"
-    class="pf-v5-c-tab-content default"
-    data-ouia-component-type="PF5/TabContent"
+    class="pf-v6-c-tab-content"
+    data-ouia-component-type="PF6/TabContent"
     data-ouia-safe="true"
     hidden=""
     id="pf-tab-section-1-tab2"
@@ -567,8 +573,8 @@ exports[`should render expandable vertical tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-2-tab3"
-    class="pf-v5-c-tab-content default"
-    data-ouia-component-type="PF5/TabContent"
+    class="pf-v6-c-tab-content"
+    data-ouia-component-type="PF6/TabContent"
     data-ouia-safe="true"
     hidden=""
     id="pf-tab-section-2-tab3"
@@ -579,8 +585,8 @@ exports[`should render expandable vertical tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-3-tab4"
-    class="pf-v5-c-tab-content default"
-    data-ouia-component-type="PF5/TabContent"
+    class="pf-v6-c-tab-content"
+    data-ouia-component-type="PF6/TabContent"
     data-ouia-safe="true"
     hidden=""
     id="pf-tab-section-3-tab4"
@@ -595,74 +601,74 @@ 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-component-type="PF6/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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           id="pf-tab-1-tab2"
           role="tab"
           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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           id="pf-tab-2-tab3"
           role="tab"
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Tab item 3"
           </span>
@@ -672,8 +678,8 @@ exports[`should render filled tabs 1`] = `
   </div>
   <section
     aria-labelledby="pf-tab-0-tab1"
-    class="pf-v5-c-tab-content default"
-    data-ouia-component-type="PF5/TabContent"
+    class="pf-v6-c-tab-content"
+    data-ouia-component-type="PF6/TabContent"
     data-ouia-safe="true"
     id="pf-tab-section-0-tab1"
     role="tabpanel"
@@ -683,8 +689,8 @@ exports[`should render filled tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-1-tab2"
-    class="pf-v5-c-tab-content default"
-    data-ouia-component-type="PF5/TabContent"
+    class="pf-v6-c-tab-content"
+    data-ouia-component-type="PF6/TabContent"
     data-ouia-safe="true"
     hidden=""
     id="pf-tab-section-1-tab2"
@@ -695,8 +701,8 @@ exports[`should render filled tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-2-tab3"
-    class="pf-v5-c-tab-content default"
-    data-ouia-component-type="PF5/TabContent"
+    class="pf-v6-c-tab-content"
+    data-ouia-component-type="PF6/TabContent"
     data-ouia-safe="true"
     hidden=""
     id="pf-tab-section-2-tab3"
@@ -708,210 +714,129 @@ 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"
-    data-ouia-component-type="PF5/Tabs"
+    class="pf-v6-c-tabs"
+    data-ouia-component-id="OUIA-Generated-Tabs-1"
+    data-ouia-component-type="PF6/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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           id="pf-tab-1-tab2"
           role="tab"
           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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           id="pf-tab-2-tab3"
           role="tab"
           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="PF6/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 default"
-    data-ouia-component-type="PF5/TabContent"
+    aria-labelledby="pf-tab-0-tab1"
+    class="pf-v6-c-tab-content"
+    data-ouia-component-type="PF6/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 default"
-      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 default"
-      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 default"
-      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 default"
-    data-ouia-component-type="PF5/TabContent"
+    class="pf-v6-c-tab-content"
+    data-ouia-component-type="PF6/TabContent"
     data-ouia-safe="true"
     hidden=""
     id="pf-tab-section-1-tab2"
@@ -922,8 +847,8 @@ exports[`should render secondary tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-2-tab3"
-    class="pf-v5-c-tab-content default"
-    data-ouia-component-type="PF5/TabContent"
+    class="pf-v6-c-tab-content"
+    data-ouia-component-type="PF6/TabContent"
     data-ouia-safe="true"
     hidden=""
     id="pf-tab-section-2-tab3"
@@ -932,132 +857,225 @@ 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="PF6/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"
-    data-ouia-component-type="PF5/Tabs"
+    class="pf-v6-c-tabs"
+    data-ouia-component-id="OUIA-Generated-Tabs-11"
+    data-ouia-component-type="PF6/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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           id="pf-tab-1-tab2"
           role="tab"
           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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           id="pf-tab-2-tab3"
           role="tab"
           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 default"
-    data-ouia-component-type="PF5/TabContent"
+    aria-labelledby="pf-tab-0-primarieTabs"
+    class="pf-v6-c-tab-content"
+    data-ouia-component-type="PF6/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="PF6/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="PF6/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="PF6/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="PF6/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="PF6/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="PF6/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="PF6/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 default"
-    data-ouia-component-type="PF5/TabContent"
+    class="pf-v6-c-tab-content"
+    data-ouia-component-type="PF6/TabContent"
     data-ouia-safe="true"
     hidden=""
     id="pf-tab-section-1-tab2"
@@ -1068,8 +1086,8 @@ exports[`should render simple tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-2-tab3"
-    class="pf-v5-c-tab-content default"
-    data-ouia-component-type="PF5/TabContent"
+    class="pf-v6-c-tab-content"
+    data-ouia-component-type="PF6/TabContent"
     data-ouia-safe="true"
     hidden=""
     id="pf-tab-section-2-tab3"
@@ -1078,92 +1096,80 @@ exports[`should render simple tabs 1`] = `
   >
     Tab 3 section
   </section>
-  <section
-    aria-labelledby="pf-tab-3-tab4"
-    class="pf-v5-c-tab-content default"
-    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-component-type="PF6/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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           id="pf-tab-one-tab1"
           role="tab"
           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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           id="pf-tab-two-tab2"
           role="tab"
           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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           id="pf-tab-three-tab3"
           role="tab"
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Secondary Tab item 3"
           </span>
@@ -1173,8 +1179,8 @@ exports[`should render tabs with eventKey Strings 1`] = `
   </div>
   <section
     aria-labelledby="pf-tab-one-tab1"
-    class="pf-v5-c-tab-content default"
-    data-ouia-component-type="PF5/TabContent"
+    class="pf-v6-c-tab-content"
+    data-ouia-component-type="PF6/TabContent"
     data-ouia-safe="true"
     hidden=""
     id="pf-tab-section-one-tab1"
@@ -1185,8 +1191,8 @@ exports[`should render tabs with eventKey Strings 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-two-tab2"
-    class="pf-v5-c-tab-content default"
-    data-ouia-component-type="PF5/TabContent"
+    class="pf-v6-c-tab-content"
+    data-ouia-component-type="PF6/TabContent"
     data-ouia-safe="true"
     hidden=""
     id="pf-tab-section-two-tab2"
@@ -1197,8 +1203,8 @@ exports[`should render tabs with eventKey Strings 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-three-tab3"
-    class="pf-v5-c-tab-content default"
-    data-ouia-component-type="PF5/TabContent"
+    class="pf-v6-c-tab-content"
+    data-ouia-component-type="PF6/TabContent"
     data-ouia-safe="true"
     hidden=""
     id="pf-tab-section-three-tab3"
@@ -1213,74 +1219,74 @@ 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-component-type="PF6/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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           id="pf-tab-1-tab2"
           role="tab"
           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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           id="pf-tab-2-tab3"
           role="tab"
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             "Tab item 3"
           </span>
@@ -1290,8 +1296,8 @@ exports[`should render tabs with no bottom border 1`] = `
   </div>
   <section
     aria-labelledby="pf-tab-0-tab1"
-    class="pf-v5-c-tab-content default"
-    data-ouia-component-type="PF5/TabContent"
+    class="pf-v6-c-tab-content"
+    data-ouia-component-type="PF6/TabContent"
     data-ouia-safe="true"
     id="pf-tab-section-0-tab1"
     role="tabpanel"
@@ -1301,8 +1307,8 @@ exports[`should render tabs with no bottom border 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-1-tab2"
-    class="pf-v5-c-tab-content default"
-    data-ouia-component-type="PF5/TabContent"
+    class="pf-v6-c-tab-content"
+    data-ouia-component-type="PF6/TabContent"
     data-ouia-safe="true"
     hidden=""
     id="pf-tab-section-1-tab2"
@@ -1313,8 +1319,8 @@ exports[`should render tabs with no bottom border 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-2-tab3"
-    class="pf-v5-c-tab-content default"
-    data-ouia-component-type="PF5/TabContent"
+    class="pf-v6-c-tab-content"
+    data-ouia-component-type="PF6/TabContent"
     data-ouia-safe="true"
     hidden=""
     id="pf-tab-section-2-tab3"
@@ -1329,74 +1335,74 @@ 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-component-type="PF6/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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           id="pf-tab-0-separateTabs"
           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="refTab2Section"
           aria-selected="false"
-          class="pf-v5-c-tabs__link"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           id="pf-tab-1-separateTabs"
           role="tab"
           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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           id="pf-tab-2-separateTabs"
           role="tab"
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-text"
+            class="pf-v6-c-tabs__item-text"
           >
             Tab item 3
           </span>
@@ -1407,8 +1413,8 @@ exports[`should render tabs with separate content 1`] = `
   <div>
     <section
       aria-label="Tab item 1"
-      class="pf-v5-c-tab-content default"
-      data-ouia-component-type="PF5/TabContent"
+      class="pf-v6-c-tab-content"
+      data-ouia-component-type="PF6/TabContent"
       data-ouia-safe="true"
       id="refTab1Section"
       role="tabpanel"
@@ -1418,8 +1424,8 @@ exports[`should render tabs with separate content 1`] = `
     </section>
     <section
       aria-label="Tab item 2"
-      class="pf-v5-c-tab-content default"
-      data-ouia-component-type="PF5/TabContent"
+      class="pf-v6-c-tab-content"
+      data-ouia-component-type="PF6/TabContent"
       data-ouia-safe="true"
       hidden=""
       id="refTab2Section"
@@ -1427,15 +1433,15 @@ 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 default"
-      data-ouia-component-type="PF5/TabContent"
+      class="pf-v6-c-tab-content"
+      data-ouia-component-type="PF6/TabContent"
       data-ouia-safe="true"
       hidden=""
       id="refTab3Section"
@@ -1443,7 +1449,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,94 +1461,94 @@ 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-component-type="PF6/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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           id="pf-tab-1-tab2"
           role="tab"
           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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           id="pf-tab-2-tab3"
           role="tab"
           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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           id="pf-tab-3-tab4"
           role="tab"
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-icon"
+            class="pf-v6-c-tabs__item-icon"
           >
             <i>
               4
@@ -1550,7 +1556,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,8 +1567,8 @@ exports[`should render uncontrolled tabs 1`] = `
   </div>
   <section
     aria-labelledby="pf-tab-0-tab1"
-    class="pf-v5-c-tab-content default"
-    data-ouia-component-type="PF5/TabContent"
+    class="pf-v6-c-tab-content"
+    data-ouia-component-type="PF6/TabContent"
     data-ouia-safe="true"
     id="pf-tab-section-0-tab1"
     role="tabpanel"
@@ -1572,8 +1578,8 @@ exports[`should render uncontrolled tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-1-tab2"
-    class="pf-v5-c-tab-content default"
-    data-ouia-component-type="PF5/TabContent"
+    class="pf-v6-c-tab-content"
+    data-ouia-component-type="PF6/TabContent"
     data-ouia-safe="true"
     hidden=""
     id="pf-tab-section-1-tab2"
@@ -1584,8 +1590,8 @@ exports[`should render uncontrolled tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-2-tab3"
-    class="pf-v5-c-tab-content default"
-    data-ouia-component-type="PF5/TabContent"
+    class="pf-v6-c-tab-content"
+    data-ouia-component-type="PF6/TabContent"
     data-ouia-safe="true"
     hidden=""
     id="pf-tab-section-2-tab3"
@@ -1596,8 +1602,8 @@ exports[`should render uncontrolled tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-3-tab4"
-    class="pf-v5-c-tab-content default"
-    data-ouia-component-type="PF5/TabContent"
+    class="pf-v6-c-tab-content"
+    data-ouia-component-type="PF6/TabContent"
     data-ouia-safe="true"
     hidden=""
     id="pf-tab-section-3-tab4"
@@ -1612,95 +1618,95 @@ 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-component-type="PF6/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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           id="pf-tab-1-tab2"
           role="tab"
           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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           id="pf-tab-2-tab3"
           role="tab"
           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"
-          data-ouia-component-type="PF5/TabButton"
+          class="pf-v6-c-tabs__link"
+          data-ouia-component-type="PF6/TabButton"
           data-ouia-safe="true"
           id="pf-tab-3-tab4"
           role="tab"
           type="button"
         >
           <span
-            class="pf-v5-c-tabs__item-icon"
+            class="pf-v6-c-tabs__item-icon"
           >
             <i>
               4
@@ -1708,7 +1714,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,8 +1725,8 @@ exports[`should render vertical tabs 1`] = `
   </div>
   <section
     aria-labelledby="pf-tab-0-tab1"
-    class="pf-v5-c-tab-content default"
-    data-ouia-component-type="PF5/TabContent"
+    class="pf-v6-c-tab-content"
+    data-ouia-component-type="PF6/TabContent"
     data-ouia-safe="true"
     id="pf-tab-section-0-tab1"
     role="tabpanel"
@@ -1730,8 +1736,8 @@ exports[`should render vertical tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-1-tab2"
-    class="pf-v5-c-tab-content default"
-    data-ouia-component-type="PF5/TabContent"
+    class="pf-v6-c-tab-content"
+    data-ouia-component-type="PF6/TabContent"
     data-ouia-safe="true"
     hidden=""
     id="pf-tab-section-1-tab2"
@@ -1742,8 +1748,8 @@ exports[`should render vertical tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-2-tab3"
-    class="pf-v5-c-tab-content default"
-    data-ouia-component-type="PF5/TabContent"
+    class="pf-v6-c-tab-content"
+    data-ouia-component-type="PF6/TabContent"
     data-ouia-safe="true"
     hidden=""
     id="pf-tab-section-2-tab3"
@@ -1754,8 +1760,8 @@ exports[`should render vertical tabs 1`] = `
   </section>
   <section
     aria-labelledby="pf-tab-3-tab4"
-    class="pf-v5-c-tab-content default"
-    data-ouia-component-type="PF5/TabContent"
+    class="pf-v6-c-tab-content"
+    data-ouia-component-type="PF6/TabContent"
     data-ouia-safe="true"
     hidden=""
     id="pf-tab-section-3-tab4"