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

package/src/deprecated/components/Select/__tests__/__snapshots__/Select.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`Select renders select groups successfully 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-select pf-m-expanded"
+    class="pf-v6-c-select pf-m-expanded"
     data-ouia-component-id="test-id"
     data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
@@ -13,23 +13,23 @@ exports[`Select renders select groups successfully 1`] = `
       aria-haspopup="listbox"
       aria-label="Options menu"
       aria-labelledby=" pf-select-toggle-id-4"
-      class="pf-v5-c-select__toggle"
+      class="pf-v6-c-select__toggle"
       id="pf-select-toggle-id-4"
       type="button"
     >
       <div
-        class="pf-v5-c-select__toggle-wrapper"
+        class="pf-v6-c-select__toggle-wrapper"
       >
         <span
-          class="pf-v5-c-select__toggle-text"
+          class="pf-v6-c-select__toggle-text"
         />
       </div>
       <span
-        class="pf-v5-c-select__toggle-arrow"
+        class="pf-v6-c-select__toggle-arrow"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"
@@ -43,14 +43,14 @@ exports[`Select renders select groups successfully 1`] = `
       </span>
     </button>
     <div
-      class="pf-v5-c-select__menu"
+      class="pf-v6-c-select__menu"
     >
       <div
-        class="pf-v5-c-select__menu-group"
+        class="pf-v6-c-select__menu-group"
       >
         <div
           aria-hidden="true"
-          class="pf-v5-c-select__menu-group-title"
+          class="pf-v6-c-select__menu-group-title"
           id="group-1"
         >
           group 1
@@ -59,12 +59,12 @@ exports[`Select renders select groups successfully 1`] = `
           role="listbox"
         >
           <li
-            class="pf-v5-c-select__menu-wrapper"
+            class="pf-v6-c-select__menu-wrapper"
             id="option-1"
             role="presentation"
           >
             <button
-              class="pf-v5-c-select__menu-item"
+              class="pf-v6-c-select__menu-item"
               role="option"
               type="button"
             >
@@ -72,12 +72,12 @@ exports[`Select renders select groups successfully 1`] = `
             </button>
           </li>
           <li
-            class="pf-v5-c-select__menu-wrapper"
+            class="pf-v6-c-select__menu-wrapper"
             id="option-2"
             role="presentation"
           >
             <button
-              class="pf-v5-c-select__menu-item"
+              class="pf-v6-c-select__menu-item"
               role="option"
               type="button"
             >
@@ -85,12 +85,12 @@ exports[`Select renders select groups successfully 1`] = `
             </button>
           </li>
           <li
-            class="pf-v5-c-select__menu-wrapper"
+            class="pf-v6-c-select__menu-wrapper"
             id="option-3"
             role="presentation"
           >
             <button
-              class="pf-v5-c-select__menu-item"
+              class="pf-v6-c-select__menu-item"
               role="option"
               type="button"
             >
@@ -98,12 +98,12 @@ exports[`Select renders select groups successfully 1`] = `
             </button>
           </li>
           <li
-            class="pf-v5-c-select__menu-wrapper"
+            class="pf-v6-c-select__menu-wrapper"
             id="option-4"
             role="presentation"
           >
             <button
-              class="pf-v5-c-select__menu-item"
+              class="pf-v6-c-select__menu-item"
               role="option"
               type="button"
             >
@@ -113,11 +113,11 @@ exports[`Select renders select groups successfully 1`] = `
         </ul>
       </div>
       <div
-        class="pf-v5-c-select__menu-group"
+        class="pf-v6-c-select__menu-group"
       >
         <div
           aria-hidden="true"
-          class="pf-v5-c-select__menu-group-title"
+          class="pf-v6-c-select__menu-group-title"
           id="group-2"
         >
           group 2
@@ -126,12 +126,12 @@ exports[`Select renders select groups successfully 1`] = `
           role="listbox"
         >
           <li
-            class="pf-v5-c-select__menu-wrapper"
+            class="pf-v6-c-select__menu-wrapper"
             id="option-1"
             role="presentation"
           >
             <button
-              class="pf-v5-c-select__menu-item"
+              class="pf-v6-c-select__menu-item"
               role="option"
               type="button"
             >
@@ -139,12 +139,12 @@ exports[`Select renders select groups successfully 1`] = `
             </button>
           </li>
           <li
-            class="pf-v5-c-select__menu-wrapper"
+            class="pf-v6-c-select__menu-wrapper"
             id="option-2"
             role="presentation"
           >
             <button
-              class="pf-v5-c-select__menu-item"
+              class="pf-v6-c-select__menu-item"
               role="option"
               type="button"
             >
@@ -152,12 +152,12 @@ exports[`Select renders select groups successfully 1`] = `
             </button>
           </li>
           <li
-            class="pf-v5-c-select__menu-wrapper"
+            class="pf-v6-c-select__menu-wrapper"
             id="option-3"
             role="presentation"
           >
             <button
-              class="pf-v5-c-select__menu-item"
+              class="pf-v6-c-select__menu-item"
               role="option"
               type="button"
             >
@@ -165,12 +165,12 @@ exports[`Select renders select groups successfully 1`] = `
             </button>
           </li>
           <li
-            class="pf-v5-c-select__menu-wrapper"
+            class="pf-v6-c-select__menu-wrapper"
             id="option-4"
             role="presentation"
           >
             <button
-              class="pf-v5-c-select__menu-item"
+              class="pf-v6-c-select__menu-item"
               role="option"
               type="button"
             >
@@ -187,7 +187,7 @@ exports[`Select renders select groups successfully 1`] = `
 exports[`Select renders up direction successfully 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-select pf-m-top"
+    class="pf-v6-c-select pf-m-top"
     data-ouia-component-id="test-id"
     data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
@@ -197,25 +197,25 @@ exports[`Select renders up direction successfully 1`] = `
       aria-haspopup="listbox"
       aria-label="Options menu"
       aria-labelledby=" select-up"
-      class="pf-v5-c-select__toggle"
+      class="pf-v6-c-select__toggle"
       id="select-up"
       type="button"
     >
       <div
-        class="pf-v5-c-select__toggle-wrapper"
+        class="pf-v6-c-select__toggle-wrapper"
       >
         <span
-          class="pf-v5-c-select__toggle-text"
+          class="pf-v6-c-select__toggle-text"
         >
           Mr
         </span>
       </div>
       <span
-        class="pf-v5-c-select__toggle-arrow"
+        class="pf-v6-c-select__toggle-arrow"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"
@@ -235,7 +235,7 @@ exports[`Select renders up direction successfully 1`] = `
 exports[`Select single select renders closed successfully 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-select"
+    class="pf-v6-c-select"
     data-ouia-component-id="test-id"
     data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
@@ -245,25 +245,25 @@ exports[`Select single select renders closed successfully 1`] = `
       aria-haspopup="listbox"
       aria-label="Options menu"
       aria-labelledby=" single-select-closed"
-      class="pf-v5-c-select__toggle"
+      class="pf-v6-c-select__toggle"
       id="single-select-closed"
       type="button"
     >
       <div
-        class="pf-v5-c-select__toggle-wrapper"
+        class="pf-v6-c-select__toggle-wrapper"
       >
         <span
-          class="pf-v5-c-select__toggle-text"
+          class="pf-v6-c-select__toggle-text"
         >
           Mr
         </span>
       </div>
       <span
-        class="pf-v5-c-select__toggle-arrow"
+        class="pf-v6-c-select__toggle-arrow"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"
@@ -283,7 +283,7 @@ exports[`Select single select renders closed successfully 1`] = `
 exports[`Select single select renders disabled successfully 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-select"
+    class="pf-v6-c-select"
     data-ouia-component-id="test-id"
     data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
@@ -293,26 +293,26 @@ exports[`Select single select renders disabled successfully 1`] = `
       aria-haspopup="listbox"
       aria-label="Options menu"
       aria-labelledby=" single-select-disabled"
-      class="pf-v5-c-select__toggle pf-m-disabled"
+      class="pf-v6-c-select__toggle pf-m-disabled"
       disabled=""
       id="single-select-disabled"
       type="button"
     >
       <div
-        class="pf-v5-c-select__toggle-wrapper"
+        class="pf-v6-c-select__toggle-wrapper"
       >
         <span
-          class="pf-v5-c-select__toggle-text"
+          class="pf-v6-c-select__toggle-text"
         >
           Mr
         </span>
       </div>
       <span
-        class="pf-v5-c-select__toggle-arrow"
+        class="pf-v6-c-select__toggle-arrow"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"
@@ -332,7 +332,7 @@ exports[`Select single select renders disabled successfully 1`] = `
 exports[`Select single select renders expanded in strict mode successfully 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-select pf-m-expanded"
+    class="pf-v6-c-select pf-m-expanded"
     data-ouia-component-id="test-id"
     data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
@@ -342,25 +342,25 @@ exports[`Select single select renders expanded in strict mode successfully 1`] =
       aria-haspopup="listbox"
       aria-label="Options menu"
       aria-labelledby=" pf-select-toggle-id-1"
-      class="pf-v5-c-select__toggle"
+      class="pf-v6-c-select__toggle"
       id="pf-select-toggle-id-1"
       type="button"
     >
       <div
-        class="pf-v5-c-select__toggle-wrapper"
+        class="pf-v6-c-select__toggle-wrapper"
       >
         <span
-          class="pf-v5-c-select__toggle-text"
+          class="pf-v6-c-select__toggle-text"
         >
           Mr
         </span>
       </div>
       <span
-        class="pf-v5-c-select__toggle-arrow"
+        class="pf-v6-c-select__toggle-arrow"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"
@@ -375,16 +375,16 @@ exports[`Select single select renders expanded in strict mode successfully 1`] =
     </button>
     <ul
       aria-label=""
-      class="pf-v5-c-select__menu"
+      class="pf-v6-c-select__menu"
       role="listbox"
     >
       <li
-        class="pf-v5-c-select__menu-wrapper"
+        class="pf-v6-c-select__menu-wrapper"
         id="option-1"
         role="presentation"
       >
         <button
-          class="pf-v5-c-select__menu-item"
+          class="pf-v6-c-select__menu-item"
           role="option"
           type="button"
         >
@@ -392,12 +392,12 @@ exports[`Select single select renders expanded in strict mode successfully 1`] =
         </button>
       </li>
       <li
-        class="pf-v5-c-select__menu-wrapper"
+        class="pf-v6-c-select__menu-wrapper"
         id="option-2"
         role="presentation"
       >
         <button
-          class="pf-v5-c-select__menu-item"
+          class="pf-v6-c-select__menu-item"
           role="option"
           type="button"
         >
@@ -405,12 +405,12 @@ exports[`Select single select renders expanded in strict mode successfully 1`] =
         </button>
       </li>
       <li
-        class="pf-v5-c-select__menu-wrapper"
+        class="pf-v6-c-select__menu-wrapper"
         id="option-3"
         role="presentation"
       >
         <button
-          class="pf-v5-c-select__menu-item"
+          class="pf-v6-c-select__menu-item"
           role="option"
           type="button"
         >
@@ -418,12 +418,12 @@ exports[`Select single select renders expanded in strict mode successfully 1`] =
         </button>
       </li>
       <li
-        class="pf-v5-c-select__menu-wrapper"
+        class="pf-v6-c-select__menu-wrapper"
         id="option-4"
         role="presentation"
       >
         <button
-          class="pf-v5-c-select__menu-item"
+          class="pf-v6-c-select__menu-item"
           role="option"
           type="button"
         >
@@ -438,7 +438,7 @@ exports[`Select single select renders expanded in strict mode successfully 1`] =
 exports[`Select single select renders expanded successfully 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-select pf-m-expanded"
+    class="pf-v6-c-select pf-m-expanded"
     data-ouia-component-id="test-id"
     data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
@@ -448,25 +448,25 @@ exports[`Select single select renders expanded successfully 1`] = `
       aria-haspopup="listbox"
       aria-label="Options menu"
       aria-labelledby=" pf-select-toggle-id-0"
-      class="pf-v5-c-select__toggle"
+      class="pf-v6-c-select__toggle"
       id="pf-select-toggle-id-0"
       type="button"
     >
       <div
-        class="pf-v5-c-select__toggle-wrapper"
+        class="pf-v6-c-select__toggle-wrapper"
       >
         <span
-          class="pf-v5-c-select__toggle-text"
+          class="pf-v6-c-select__toggle-text"
         >
           Mr
         </span>
       </div>
       <span
-        class="pf-v5-c-select__toggle-arrow"
+        class="pf-v6-c-select__toggle-arrow"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"
@@ -481,16 +481,16 @@ exports[`Select single select renders expanded successfully 1`] = `
     </button>
     <ul
       aria-label=""
-      class="pf-v5-c-select__menu"
+      class="pf-v6-c-select__menu"
       role="listbox"
     >
       <li
-        class="pf-v5-c-select__menu-wrapper"
+        class="pf-v6-c-select__menu-wrapper"
         id="option-1"
         role="presentation"
       >
         <button
-          class="pf-v5-c-select__menu-item"
+          class="pf-v6-c-select__menu-item"
           role="option"
           type="button"
         >
@@ -498,12 +498,12 @@ exports[`Select single select renders expanded successfully 1`] = `
         </button>
       </li>
       <li
-        class="pf-v5-c-select__menu-wrapper"
+        class="pf-v6-c-select__menu-wrapper"
         id="option-2"
         role="presentation"
       >
         <button
-          class="pf-v5-c-select__menu-item"
+          class="pf-v6-c-select__menu-item"
           role="option"
           type="button"
         >
@@ -511,12 +511,12 @@ exports[`Select single select renders expanded successfully 1`] = `
         </button>
       </li>
       <li
-        class="pf-v5-c-select__menu-wrapper"
+        class="pf-v6-c-select__menu-wrapper"
         id="option-3"
         role="presentation"
       >
         <button
-          class="pf-v5-c-select__menu-item"
+          class="pf-v6-c-select__menu-item"
           role="option"
           type="button"
         >
@@ -524,12 +524,12 @@ exports[`Select single select renders expanded successfully 1`] = `
         </button>
       </li>
       <li
-        class="pf-v5-c-select__menu-wrapper"
+        class="pf-v6-c-select__menu-wrapper"
         id="option-4"
         role="presentation"
       >
         <button
-          class="pf-v5-c-select__menu-item"
+          class="pf-v6-c-select__menu-item"
           role="option"
           type="button"
         >
@@ -544,7 +544,7 @@ exports[`Select single select renders expanded successfully 1`] = `
 exports[`Select single select renders expanded successfully with custom objects 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-select pf-m-expanded"
+    class="pf-v6-c-select pf-m-expanded"
     data-ouia-component-id="test-id"
     data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
@@ -554,25 +554,25 @@ exports[`Select single select renders expanded successfully with custom objects
       aria-haspopup="listbox"
       aria-label="Options menu"
       aria-labelledby=" pf-select-toggle-id-3"
-      class="pf-v5-c-select__toggle"
+      class="pf-v6-c-select__toggle"
       id="pf-select-toggle-id-3"
       type="button"
     >
       <div
-        class="pf-v5-c-select__toggle-wrapper"
+        class="pf-v6-c-select__toggle-wrapper"
       >
         <span
-          class="pf-v5-c-select__toggle-text"
+          class="pf-v6-c-select__toggle-text"
         >
           Mr: User One
         </span>
       </div>
       <span
-        class="pf-v5-c-select__toggle-arrow"
+        class="pf-v6-c-select__toggle-arrow"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"
@@ -587,16 +587,16 @@ exports[`Select single select renders expanded successfully with custom objects
     </button>
     <ul
       aria-label=""
-      class="pf-v5-c-select__menu"
+      class="pf-v6-c-select__menu"
       role="listbox"
     >
       <li
-        class="pf-v5-c-select__menu-wrapper"
+        class="pf-v6-c-select__menu-wrapper"
         id="option-1"
         role="presentation"
       >
         <button
-          class="pf-v5-c-select__menu-item"
+          class="pf-v6-c-select__menu-item"
           role="option"
           type="button"
         >
@@ -604,12 +604,12 @@ exports[`Select single select renders expanded successfully with custom objects
         </button>
       </li>
       <li
-        class="pf-v5-c-select__menu-wrapper"
+        class="pf-v6-c-select__menu-wrapper"
         id="option-2"
         role="presentation"
       >
         <button
-          class="pf-v5-c-select__menu-item"
+          class="pf-v6-c-select__menu-item"
           role="option"
           type="button"
         >
@@ -617,12 +617,12 @@ exports[`Select single select renders expanded successfully with custom objects
         </button>
       </li>
       <li
-        class="pf-v5-c-select__menu-wrapper"
+        class="pf-v6-c-select__menu-wrapper"
         id="option-3"
         role="presentation"
       >
         <button
-          class="pf-v5-c-select__menu-item"
+          class="pf-v6-c-select__menu-item"
           role="option"
           type="button"
         >
@@ -637,7 +637,7 @@ exports[`Select single select renders expanded successfully with custom objects
 exports[`checkbox select renders checkbox select groups successfully 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-select pf-m-expanded"
+    class="pf-v6-c-select pf-m-expanded"
     data-ouia-component-id="test-id"
     data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
@@ -646,23 +646,23 @@ exports[`checkbox select renders checkbox select groups successfully 1`] = `
       aria-expanded="true"
       aria-label="Options menu"
       aria-labelledby=" pf-select-toggle-id-8"
-      class="pf-v5-c-select__toggle"
+      class="pf-v6-c-select__toggle"
       id="pf-select-toggle-id-8"
       type="button"
     >
       <div
-        class="pf-v5-c-select__toggle-wrapper"
+        class="pf-v6-c-select__toggle-wrapper"
       >
         <span
-          class="pf-v5-c-select__toggle-text"
+          class="pf-v6-c-select__toggle-text"
         />
       </div>
       <span
-        class="pf-v5-c-select__toggle-arrow"
+        class="pf-v6-c-select__toggle-arrow"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"
@@ -676,74 +676,74 @@ exports[`checkbox select renders checkbox select groups successfully 1`] = `
       </span>
     </button>
     <div
-      class="pf-v5-c-select__menu"
+      class="pf-v6-c-select__menu"
     >
       <div
-        class="pf-v5-c-select__menu-group"
+        class="pf-v6-c-select__menu-group"
       >
         <div
           aria-hidden="true"
-          class="pf-v5-c-select__menu-group-title"
+          class="pf-v6-c-select__menu-group-title"
           id="group-1"
         >
           group 1
         </div>
         <fieldset
           aria-labelledby="group-1"
-          class="pf-v5-c-select__menu-fieldset"
+          class="pf-v6-c-select__menu-fieldset"
         >
           <label
-            class="pf-v5-c-check pf-v5-c-select__menu-item"
+            class="pf-v6-c-check pf-v6-c-select__menu-item"
           >
             <input
-              class="pf-v5-c-check__input"
+              class="pf-v6-c-check__input"
               id="pf-random-id-16-Mr"
               type="checkbox"
             />
             <span
-              class="pf-v5-c-check__label"
+              class="pf-v6-c-check__label"
             >
               Mr
             </span>
           </label>
           <label
-            class="pf-v5-c-check pf-v5-c-select__menu-item"
+            class="pf-v6-c-check pf-v6-c-select__menu-item"
           >
             <input
-              class="pf-v5-c-check__input"
+              class="pf-v6-c-check__input"
               id="pf-random-id-16-Mrs"
               type="checkbox"
             />
             <span
-              class="pf-v5-c-check__label"
+              class="pf-v6-c-check__label"
             >
               Mrs
             </span>
           </label>
           <label
-            class="pf-v5-c-check pf-v5-c-select__menu-item"
+            class="pf-v6-c-check pf-v6-c-select__menu-item"
           >
             <input
-              class="pf-v5-c-check__input"
+              class="pf-v6-c-check__input"
               id="pf-random-id-16-Ms"
               type="checkbox"
             />
             <span
-              class="pf-v5-c-check__label"
+              class="pf-v6-c-check__label"
             >
               Ms
             </span>
           </label>
           <label
-            class="pf-v5-c-check pf-v5-c-select__menu-item"
+            class="pf-v6-c-check pf-v6-c-select__menu-item"
           >
             <input
-              class="pf-v5-c-check__input"
+              class="pf-v6-c-check__input"
               id="pf-random-id-16-Other"
               type="checkbox"
             />
             <span
-              class="pf-v5-c-check__label"
+              class="pf-v6-c-check__label"
             >
               Other
             </span>
@@ -751,71 +751,71 @@ exports[`checkbox select renders checkbox select groups successfully 1`] = `
         </fieldset>
       </div>
       <div
-        class="pf-v5-c-select__menu-group"
+        class="pf-v6-c-select__menu-group"
       >
         <div
           aria-hidden="true"
-          class="pf-v5-c-select__menu-group-title"
+          class="pf-v6-c-select__menu-group-title"
           id="group-2"
         >
           group 2
         </div>
         <fieldset
           aria-labelledby="group-2"
-          class="pf-v5-c-select__menu-fieldset"
+          class="pf-v6-c-select__menu-fieldset"
         >
           <label
-            class="pf-v5-c-check pf-v5-c-select__menu-item"
+            class="pf-v6-c-check pf-v6-c-select__menu-item"
           >
             <input
-              class="pf-v5-c-check__input"
+              class="pf-v6-c-check__input"
               id="pf-random-id-16-Mr"
               type="checkbox"
             />
             <span
-              class="pf-v5-c-check__label"
+              class="pf-v6-c-check__label"
             >
               Mr
             </span>
           </label>
           <label
-            class="pf-v5-c-check pf-v5-c-select__menu-item"
+            class="pf-v6-c-check pf-v6-c-select__menu-item"
           >
             <input
-              class="pf-v5-c-check__input"
+              class="pf-v6-c-check__input"
               id="pf-random-id-16-Mrs"
               type="checkbox"
             />
             <span
-              class="pf-v5-c-check__label"
+              class="pf-v6-c-check__label"
             >
               Mrs
             </span>
           </label>
           <label
-            class="pf-v5-c-check pf-v5-c-select__menu-item"
+            class="pf-v6-c-check pf-v6-c-select__menu-item"
           >
             <input
-              class="pf-v5-c-check__input"
+              class="pf-v6-c-check__input"
               id="pf-random-id-16-Ms"
               type="checkbox"
             />
             <span
-              class="pf-v5-c-check__label"
+              class="pf-v6-c-check__label"
             >
               Ms
             </span>
           </label>
           <label
-            class="pf-v5-c-check pf-v5-c-select__menu-item"
+            class="pf-v6-c-check pf-v6-c-select__menu-item"
           >
             <input
-              class="pf-v5-c-check__input"
+              class="pf-v6-c-check__input"
               id="pf-random-id-16-Other"
               type="checkbox"
             />
             <span
-              class="pf-v5-c-check__label"
+              class="pf-v6-c-check__label"
             >
               Other
             </span>
@@ -830,7 +830,7 @@ exports[`checkbox select renders checkbox select groups successfully 1`] = `
 exports[`checkbox select renders checkbox select selections properly 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-select"
+    class="pf-v6-c-select"
     data-ouia-component-id="test-id"
     data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
@@ -839,32 +839,32 @@ exports[`checkbox select renders checkbox select selections properly 1`] = `
       aria-expanded="false"
       aria-label="Options menu"
       aria-labelledby=" checkbox-select-selections"
-      class="pf-v5-c-select__toggle"
+      class="pf-v6-c-select__toggle"
       id="checkbox-select-selections"
       type="button"
     >
       <div
-        class="pf-v5-c-select__toggle-wrapper"
+        class="pf-v6-c-select__toggle-wrapper"
       >
         <span
-          class="pf-v5-c-select__toggle-text"
+          class="pf-v6-c-select__toggle-text"
         />
         <div
-          class="pf-v5-c-select__toggle-badge"
+          class="pf-v6-c-select__toggle-badge"
         >
           <span
-            class="pf-v5-c-badge pf-m-read"
+            class="pf-v6-c-badge pf-m-read"
           >
             1
           </span>
         </div>
       </div>
       <span
-        class="pf-v5-c-select__toggle-arrow"
+        class="pf-v6-c-select__toggle-arrow"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"
@@ -884,7 +884,7 @@ exports[`checkbox select renders checkbox select selections properly 1`] = `
 exports[`checkbox select renders checkbox select selections properly when isCheckboxSelectionBadgeHidden is true 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-select"
+    class="pf-v6-c-select"
     data-ouia-component-id="test-id"
     data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
@@ -893,23 +893,23 @@ exports[`checkbox select renders checkbox select selections properly when isChec
       aria-expanded="false"
       aria-label="Options menu"
       aria-labelledby=" checkbox-select-hidden-badge"
-      class="pf-v5-c-select__toggle"
+      class="pf-v6-c-select__toggle"
       id="checkbox-select-hidden-badge"
       type="button"
     >
       <div
-        class="pf-v5-c-select__toggle-wrapper"
+        class="pf-v6-c-select__toggle-wrapper"
       >
         <span
-          class="pf-v5-c-select__toggle-text"
+          class="pf-v6-c-select__toggle-text"
         />
       </div>
       <span
-        class="pf-v5-c-select__toggle-arrow"
+        class="pf-v6-c-select__toggle-arrow"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"
@@ -929,7 +929,7 @@ exports[`checkbox select renders checkbox select selections properly when isChec
 exports[`checkbox select renders closed successfully 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-select"
+    class="pf-v6-c-select"
     data-ouia-component-id="test-id"
     data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
@@ -938,23 +938,23 @@ exports[`checkbox select renders closed successfully 1`] = `
       aria-expanded="false"
       aria-label="Options menu"
       aria-labelledby=" checkbox-select-closed"
-      class="pf-v5-c-select__toggle"
+      class="pf-v6-c-select__toggle"
       id="checkbox-select-closed"
       type="button"
     >
       <div
-        class="pf-v5-c-select__toggle-wrapper"
+        class="pf-v6-c-select__toggle-wrapper"
       >
         <span
-          class="pf-v5-c-select__toggle-text"
+          class="pf-v6-c-select__toggle-text"
         />
       </div>
       <span
-        class="pf-v5-c-select__toggle-arrow"
+        class="pf-v6-c-select__toggle-arrow"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"
@@ -974,7 +974,7 @@ exports[`checkbox select renders closed successfully 1`] = `
 exports[`checkbox select renders expanded successfully 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-select pf-m-expanded"
+    class="pf-v6-c-select pf-m-expanded"
     data-ouia-component-id="test-id"
     data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
@@ -983,23 +983,23 @@ exports[`checkbox select renders expanded successfully 1`] = `
       aria-expanded="true"
       aria-label="Options menu"
       aria-labelledby=" pf-select-toggle-id-6"
-      class="pf-v5-c-select__toggle"
+      class="pf-v6-c-select__toggle"
       id="pf-select-toggle-id-6"
       type="button"
     >
       <div
-        class="pf-v5-c-select__toggle-wrapper"
+        class="pf-v6-c-select__toggle-wrapper"
       >
         <span
-          class="pf-v5-c-select__toggle-text"
+          class="pf-v6-c-select__toggle-text"
         />
       </div>
       <span
-        class="pf-v5-c-select__toggle-arrow"
+        class="pf-v6-c-select__toggle-arrow"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"
@@ -1014,61 +1014,61 @@ exports[`checkbox select renders expanded successfully 1`] = `
     </button>
     <ul
       aria-label=""
-      class="pf-v5-c-select__menu"
+      class="pf-v6-c-select__menu"
       role="listbox"
     >
       <label
-        class="pf-v5-c-check pf-v5-c-select__menu-item"
+        class="pf-v6-c-check pf-v6-c-select__menu-item"
       >
         <input
-          class="pf-v5-c-check__input"
+          class="pf-v6-c-check__input"
           id="pf-random-id-13-Mr"
           type="checkbox"
         />
         <span
-          class="pf-v5-c-check__label"
+          class="pf-v6-c-check__label"
         >
           Mr
         </span>
       </label>
       <label
-        class="pf-v5-c-check pf-v5-c-select__menu-item"
+        class="pf-v6-c-check pf-v6-c-select__menu-item"
       >
         <input
-          class="pf-v5-c-check__input"
+          class="pf-v6-c-check__input"
           id="pf-random-id-13-Mrs"
           type="checkbox"
         />
         <span
-          class="pf-v5-c-check__label"
+          class="pf-v6-c-check__label"
         >
           Mrs
         </span>
       </label>
       <label
-        class="pf-v5-c-check pf-v5-c-select__menu-item"
+        class="pf-v6-c-check pf-v6-c-select__menu-item"
       >
         <input
-          class="pf-v5-c-check__input"
+          class="pf-v6-c-check__input"
           id="pf-random-id-13-Ms"
           type="checkbox"
         />
         <span
-          class="pf-v5-c-check__label"
+          class="pf-v6-c-check__label"
         >
           Ms
         </span>
       </label>
       <label
-        class="pf-v5-c-check pf-v5-c-select__menu-item"
+        class="pf-v6-c-check pf-v6-c-select__menu-item"
       >
         <input
-          class="pf-v5-c-check__input"
+          class="pf-v6-c-check__input"
           id="pf-random-id-13-Other"
           type="checkbox"
         />
         <span
-          class="pf-v5-c-check__label"
+          class="pf-v6-c-check__label"
         >
           Other
         </span>
@@ -1081,7 +1081,7 @@ exports[`checkbox select renders expanded successfully 1`] = `
 exports[`checkbox select renders expanded successfully with custom objects 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-select pf-m-expanded"
+    class="pf-v6-c-select pf-m-expanded"
     data-ouia-component-id="test-id"
     data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
@@ -1090,23 +1090,23 @@ exports[`checkbox select renders expanded successfully with custom objects 1`] =
       aria-expanded="true"
       aria-label="Options menu"
       aria-labelledby=" pf-select-toggle-id-7"
-      class="pf-v5-c-select__toggle"
+      class="pf-v6-c-select__toggle"
       id="pf-select-toggle-id-7"
       type="button"
     >
       <div
-        class="pf-v5-c-select__toggle-wrapper"
+        class="pf-v6-c-select__toggle-wrapper"
       >
         <span
-          class="pf-v5-c-select__toggle-text"
+          class="pf-v6-c-select__toggle-text"
         />
       </div>
       <span
-        class="pf-v5-c-select__toggle-arrow"
+        class="pf-v6-c-select__toggle-arrow"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"
@@ -1121,47 +1121,47 @@ exports[`checkbox select renders expanded successfully with custom objects 1`] =
     </button>
     <ul
       aria-label=""
-      class="pf-v5-c-select__menu"
+      class="pf-v6-c-select__menu"
       role="listbox"
     >
       <label
-        class="pf-v5-c-check pf-v5-c-select__menu-item"
+        class="pf-v6-c-check pf-v6-c-select__menu-item"
       >
         <input
-          class="pf-v5-c-check__input"
+          class="pf-v6-c-check__input"
           id="pf-random-id-15-Mr: User One"
           type="checkbox"
         />
         <span
-          class="pf-v5-c-check__label"
+          class="pf-v6-c-check__label"
         >
           Mr: User One
         </span>
       </label>
       <label
-        class="pf-v5-c-check pf-v5-c-select__menu-item"
+        class="pf-v6-c-check pf-v6-c-select__menu-item"
       >
         <input
-          class="pf-v5-c-check__input"
+          class="pf-v6-c-check__input"
           id="pf-random-id-15-Mrs: New User"
           type="checkbox"
         />
         <span
-          class="pf-v5-c-check__label"
+          class="pf-v6-c-check__label"
         >
           Mrs: New User
         </span>
       </label>
       <label
-        class="pf-v5-c-check pf-v5-c-select__menu-item"
+        class="pf-v6-c-check pf-v6-c-select__menu-item"
       >
         <input
-          class="pf-v5-c-check__input"
+          class="pf-v6-c-check__input"
           id="pf-random-id-15-Ms: Test Three"
           type="checkbox"
         />
         <span
-          class="pf-v5-c-check__label"
+          class="pf-v6-c-check__label"
         >
           Ms: Test Three
         </span>
@@ -1174,32 +1174,32 @@ exports[`checkbox select renders expanded successfully with custom objects 1`] =
 exports[`checkbox select renders expanded with filtering successfully 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-select pf-m-expanded"
+    class="pf-v6-c-select pf-m-expanded"
     data-ouia-component-id="test-id"
     data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
   >
     <div
-      class="pf-v5-c-select__toggle pf-m-typeahead"
+      class="pf-v6-c-select__toggle pf-m-typeahead"
     >
       <div
-        class="pf-v5-c-select__toggle-wrapper"
+        class="pf-v6-c-select__toggle-wrapper"
       >
         <span
-          class="pf-v5-c-select__toggle-text"
+          class="pf-v6-c-select__toggle-text"
         />
       </div>
       <button
         aria-expanded="true"
         aria-label="Options menu"
         aria-labelledby=" checkbox-select-expanded-filtered"
-        class="pf-v5-c-button pf-v5-c-select__toggle-button pf-m-plain"
+        class="pf-v6-c-button pf-v6-c-select__toggle-button pf-m-plain"
         id="checkbox-select-expanded-filtered"
         type="button"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg pf-v5-c-select__toggle-arrow"
+          class="pf-v6-svg pf-v6-c-select__toggle-arrow"
           fill="currentColor"
           height="1em"
           role="img"
@@ -1213,17 +1213,17 @@ exports[`checkbox select renders expanded with filtering successfully 1`] = `
       </button>
     </div>
     <div
-      class="pf-v5-c-select__menu"
+      class="pf-v6-c-select__menu"
     >
       <fieldset
         aria-label=""
-        class="pf-v5-c-form__fieldset"
+        class="pf-v6-c-form__fieldset"
       >
         <div
-          class="pf-v5-c-select__menu-search"
+          class="pf-v6-c-select__menu-search"
         >
           <div
-            class="pf-v5-c-form-control"
+            class="pf-v6-c-form-control"
           >
             <input
               autocomplete="off"
@@ -1232,60 +1232,60 @@ exports[`checkbox select renders expanded with filtering successfully 1`] = `
           </div>
         </div>
         <hr
-          class="pf-v5-c-divider"
+          class="pf-v6-c-divider"
         />
         <label
-          class="pf-v5-c-check pf-v5-c-select__menu-item"
+          class="pf-v6-c-check pf-v6-c-select__menu-item"
         >
           <input
-            class="pf-v5-c-check__input"
+            class="pf-v6-c-check__input"
             id="pf-random-id-14-Mr"
             type="checkbox"
           />
           <span
-            class="pf-v5-c-check__label"
+            class="pf-v6-c-check__label"
           >
             Mr
           </span>
         </label>
         <label
-          class="pf-v5-c-check pf-v5-c-select__menu-item"
+          class="pf-v6-c-check pf-v6-c-select__menu-item"
         >
           <input
-            class="pf-v5-c-check__input"
+            class="pf-v6-c-check__input"
             id="pf-random-id-14-Mrs"
             type="checkbox"
           />
           <span
-            class="pf-v5-c-check__label"
+            class="pf-v6-c-check__label"
           >
             Mrs
           </span>
         </label>
         <label
-          class="pf-v5-c-check pf-v5-c-select__menu-item"
+          class="pf-v6-c-check pf-v6-c-select__menu-item"
         >
           <input
-            class="pf-v5-c-check__input"
+            class="pf-v6-c-check__input"
             id="pf-random-id-14-Ms"
             type="checkbox"
           />
           <span
-            class="pf-v5-c-check__label"
+            class="pf-v6-c-check__label"
           >
             Ms
           </span>
         </label>
         <label
-          class="pf-v5-c-check pf-v5-c-select__menu-item"
+          class="pf-v6-c-check pf-v6-c-select__menu-item"
         >
           <input
-            class="pf-v5-c-check__input"
+            class="pf-v6-c-check__input"
             id="pf-random-id-14-Other"
             type="checkbox"
           />
           <span
-            class="pf-v5-c-check__label"
+            class="pf-v6-c-check__label"
           >
             Other
           </span>
@@ -1299,7 +1299,7 @@ exports[`checkbox select renders expanded with filtering successfully 1`] = `
 exports[`renders select with favorites successfully 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-select pf-m-expanded"
+    class="pf-v6-c-select pf-m-expanded"
     data-ouia-component-id="test-id"
     data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
@@ -1309,23 +1309,23 @@ exports[`renders select with favorites successfully 1`] = `
       aria-haspopup="listbox"
       aria-label="Options menu"
       aria-labelledby=" pf-select-toggle-id-5"
-      class="pf-v5-c-select__toggle"
+      class="pf-v6-c-select__toggle"
       id="pf-select-toggle-id-5"
       type="button"
     >
       <div
-        class="pf-v5-c-select__toggle-wrapper"
+        class="pf-v6-c-select__toggle-wrapper"
       >
         <span
-          class="pf-v5-c-select__toggle-text"
+          class="pf-v6-c-select__toggle-text"
         />
       </div>
       <span
-        class="pf-v5-c-select__toggle-arrow"
+        class="pf-v6-c-select__toggle-arrow"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"
@@ -1339,14 +1339,14 @@ exports[`renders select with favorites successfully 1`] = `
       </span>
     </button>
     <div
-      class="pf-v5-c-select__menu"
+      class="pf-v6-c-select__menu"
     >
       <div
-        class="pf-v5-c-select__menu-group"
+        class="pf-v6-c-select__menu-group"
       >
         <div
           aria-hidden="true"
-          class="pf-v5-c-select__menu-group-title"
+          class="pf-v6-c-select__menu-group-title"
           id="group-1"
         >
           group 1
@@ -1355,12 +1355,12 @@ exports[`renders select with favorites successfully 1`] = `
           role="listbox"
         >
           <li
-            class="pf-v5-c-select__menu-wrapper pf-m-favorite"
+            class="pf-v6-c-select__menu-wrapper pf-m-favorite"
             id="option-1"
             role="presentation"
           >
             <button
-              class="pf-v5-c-select__menu-item pf-m-link"
+              class="pf-v6-c-select__menu-item pf-m-link"
               role="option"
               type="button"
             >
@@ -1368,14 +1368,14 @@ exports[`renders select with favorites successfully 1`] = `
             </button>
             <button
               aria-label="starred"
-              class="pf-v5-c-select__menu-item pf-m-action pf-m-favorite-action"
+              class="pf-v6-c-select__menu-item pf-m-action pf-m-favorite-action"
             >
               <span
-                class="pf-v5-c-select__menu-item-action-icon"
+                class="pf-v6-c-select__menu-item-action-icon"
               >
                 <svg
                   aria-hidden="true"
-                  class="pf-v5-svg"
+                  class="pf-v6-svg"
                   fill="currentColor"
                   height="1em"
                   role="img"
@@ -1390,12 +1390,12 @@ exports[`renders select with favorites successfully 1`] = `
             </button>
           </li>
           <li
-            class="pf-v5-c-select__menu-wrapper"
+            class="pf-v6-c-select__menu-wrapper"
             id="option-2"
             role="presentation"
           >
             <button
-              class="pf-v5-c-select__menu-item pf-m-link"
+              class="pf-v6-c-select__menu-item pf-m-link"
               role="option"
               type="button"
             >
@@ -1403,14 +1403,14 @@ exports[`renders select with favorites successfully 1`] = `
             </button>
             <button
               aria-label="not starred"
-              class="pf-v5-c-select__menu-item pf-m-action pf-m-favorite-action"
+              class="pf-v6-c-select__menu-item pf-m-action pf-m-favorite-action"
             >
               <span
-                class="pf-v5-c-select__menu-item-action-icon"
+                class="pf-v6-c-select__menu-item-action-icon"
               >
                 <svg
                   aria-hidden="true"
-                  class="pf-v5-svg"
+                  class="pf-v6-svg"
                   fill="currentColor"
                   height="1em"
                   role="img"
@@ -1425,12 +1425,12 @@ exports[`renders select with favorites successfully 1`] = `
             </button>
           </li>
           <li
-            class="pf-v5-c-select__menu-wrapper"
+            class="pf-v6-c-select__menu-wrapper"
             id="option-2"
             role="presentation"
           >
             <button
-              class="pf-v5-c-select__menu-item pf-m-link"
+              class="pf-v6-c-select__menu-item pf-m-link"
               role="option"
               type="button"
             >
@@ -1438,14 +1438,14 @@ exports[`renders select with favorites successfully 1`] = `
             </button>
             <button
               aria-label="not starred"
-              class="pf-v5-c-select__menu-item pf-m-action pf-m-favorite-action"
+              class="pf-v6-c-select__menu-item pf-m-action pf-m-favorite-action"
             >
               <span
-                class="pf-v5-c-select__menu-item-action-icon"
+                class="pf-v6-c-select__menu-item-action-icon"
               >
                 <svg
                   aria-hidden="true"
-                  class="pf-v5-svg"
+                  class="pf-v6-svg"
                   fill="currentColor"
                   height="1em"
                   role="img"
@@ -1460,12 +1460,12 @@ exports[`renders select with favorites successfully 1`] = `
             </button>
           </li>
           <li
-            class="pf-v5-c-select__menu-wrapper"
+            class="pf-v6-c-select__menu-wrapper"
             id="option-4"
             role="presentation"
           >
             <button
-              class="pf-v5-c-select__menu-item pf-m-link"
+              class="pf-v6-c-select__menu-item pf-m-link"
               role="option"
               type="button"
             >
@@ -1473,14 +1473,14 @@ exports[`renders select with favorites successfully 1`] = `
             </button>
             <button
               aria-label="not starred"
-              class="pf-v5-c-select__menu-item pf-m-action pf-m-favorite-action"
+              class="pf-v6-c-select__menu-item pf-m-action pf-m-favorite-action"
             >
               <span
-                class="pf-v5-c-select__menu-item-action-icon"
+                class="pf-v6-c-select__menu-item-action-icon"
               >
                 <svg
                   aria-hidden="true"
-                  class="pf-v5-svg"
+                  class="pf-v6-svg"
                   fill="currentColor"
                   height="1em"
                   role="img"
@@ -1497,11 +1497,11 @@ exports[`renders select with favorites successfully 1`] = `
         </ul>
       </div>
       <div
-        class="pf-v5-c-select__menu-group"
+        class="pf-v6-c-select__menu-group"
       >
         <div
           aria-hidden="true"
-          class="pf-v5-c-select__menu-group-title"
+          class="pf-v6-c-select__menu-group-title"
           id="group-2"
         >
           group 2
@@ -1510,12 +1510,12 @@ exports[`renders select with favorites successfully 1`] = `
           role="listbox"
         >
           <li
-            class="pf-v5-c-select__menu-wrapper pf-m-favorite"
+            class="pf-v6-c-select__menu-wrapper pf-m-favorite"
             id="option-1"
             role="presentation"
           >
             <button
-              class="pf-v5-c-select__menu-item pf-m-link"
+              class="pf-v6-c-select__menu-item pf-m-link"
               role="option"
               type="button"
             >
@@ -1523,14 +1523,14 @@ exports[`renders select with favorites successfully 1`] = `
             </button>
             <button
               aria-label="starred"
-              class="pf-v5-c-select__menu-item pf-m-action pf-m-favorite-action"
+              class="pf-v6-c-select__menu-item pf-m-action pf-m-favorite-action"
             >
               <span
-                class="pf-v5-c-select__menu-item-action-icon"
+                class="pf-v6-c-select__menu-item-action-icon"
               >
                 <svg
                   aria-hidden="true"
-                  class="pf-v5-svg"
+                  class="pf-v6-svg"
                   fill="currentColor"
                   height="1em"
                   role="img"
@@ -1545,12 +1545,12 @@ exports[`renders select with favorites successfully 1`] = `
             </button>
           </li>
           <li
-            class="pf-v5-c-select__menu-wrapper"
+            class="pf-v6-c-select__menu-wrapper"
             id="option-2"
             role="presentation"
           >
             <button
-              class="pf-v5-c-select__menu-item pf-m-link"
+              class="pf-v6-c-select__menu-item pf-m-link"
               role="option"
               type="button"
             >
@@ -1558,14 +1558,14 @@ exports[`renders select with favorites successfully 1`] = `
             </button>
             <button
               aria-label="not starred"
-              class="pf-v5-c-select__menu-item pf-m-action pf-m-favorite-action"
+              class="pf-v6-c-select__menu-item pf-m-action pf-m-favorite-action"
             >
               <span
-                class="pf-v5-c-select__menu-item-action-icon"
+                class="pf-v6-c-select__menu-item-action-icon"
               >
                 <svg
                   aria-hidden="true"
-                  class="pf-v5-svg"
+                  class="pf-v6-svg"
                   fill="currentColor"
                   height="1em"
                   role="img"
@@ -1580,12 +1580,12 @@ exports[`renders select with favorites successfully 1`] = `
             </button>
           </li>
           <li
-            class="pf-v5-c-select__menu-wrapper"
+            class="pf-v6-c-select__menu-wrapper"
             id="option-2"
             role="presentation"
           >
             <button
-              class="pf-v5-c-select__menu-item pf-m-link"
+              class="pf-v6-c-select__menu-item pf-m-link"
               role="option"
               type="button"
             >
@@ -1593,14 +1593,14 @@ exports[`renders select with favorites successfully 1`] = `
             </button>
             <button
               aria-label="not starred"
-              class="pf-v5-c-select__menu-item pf-m-action pf-m-favorite-action"
+              class="pf-v6-c-select__menu-item pf-m-action pf-m-favorite-action"
             >
               <span
-                class="pf-v5-c-select__menu-item-action-icon"
+                class="pf-v6-c-select__menu-item-action-icon"
               >
                 <svg
                   aria-hidden="true"
-                  class="pf-v5-svg"
+                  class="pf-v6-svg"
                   fill="currentColor"
                   height="1em"
                   role="img"
@@ -1615,12 +1615,12 @@ exports[`renders select with favorites successfully 1`] = `
             </button>
           </li>
           <li
-            class="pf-v5-c-select__menu-wrapper"
+            class="pf-v6-c-select__menu-wrapper"
             id="option-4"
             role="presentation"
           >
             <button
-              class="pf-v5-c-select__menu-item pf-m-link"
+              class="pf-v6-c-select__menu-item pf-m-link"
               role="option"
               type="button"
             >
@@ -1628,14 +1628,14 @@ exports[`renders select with favorites successfully 1`] = `
             </button>
             <button
               aria-label="not starred"
-              class="pf-v5-c-select__menu-item pf-m-action pf-m-favorite-action"
+              class="pf-v6-c-select__menu-item pf-m-action pf-m-favorite-action"
             >
               <span
-                class="pf-v5-c-select__menu-item-action-icon"
+                class="pf-v6-c-select__menu-item-action-icon"
               >
                 <svg
                   aria-hidden="true"
-                  class="pf-v5-svg"
+                  class="pf-v6-svg"
                   fill="currentColor"
                   height="1em"
                   role="img"
@@ -1659,19 +1659,19 @@ exports[`renders select with favorites successfully 1`] = `
 exports[`typeahead multi select renders closed successfully 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-select"
+    class="pf-v6-c-select"
     data-ouia-component-id="test-id"
     data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
   >
     <div
-      class="pf-v5-c-select__toggle pf-m-typeahead"
+      class="pf-v6-c-select__toggle pf-m-typeahead"
     >
       <div
-        class="pf-v5-c-select__toggle-wrapper"
+        class="pf-v6-c-select__toggle-wrapper"
       >
         <span
-          class="pf-v5-c-form-control pf-v5-c-select__toggle-typeahead"
+          class="pf-v6-c-form-control pf-v6-c-select__toggle-typeahead"
         >
           <input
             aria-invalid="false"
@@ -1692,14 +1692,14 @@ exports[`typeahead multi select renders closed successfully 1`] = `
         aria-haspopup="listbox"
         aria-label="Options menu"
         aria-labelledby=" typeahead-multi-select-closed"
-        class="pf-v5-c-button pf-v5-c-select__toggle-button pf-m-plain"
+        class="pf-v6-c-button pf-v6-c-select__toggle-button pf-m-plain"
         id="typeahead-multi-select-closed"
         tabindex="-1"
         type="button"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg pf-v5-c-select__toggle-arrow"
+          class="pf-v6-svg pf-v6-c-select__toggle-arrow"
           fill="currentColor"
           height="1em"
           role="img"
@@ -1719,19 +1719,19 @@ exports[`typeahead multi select renders closed successfully 1`] = `
 exports[`typeahead multi select renders expanded successfully 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-select pf-m-expanded"
+    class="pf-v6-c-select pf-m-expanded"
     data-ouia-component-id="test-id"
     data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
   >
     <div
-      class="pf-v5-c-select__toggle pf-m-typeahead"
+      class="pf-v6-c-select__toggle pf-m-typeahead"
     >
       <div
-        class="pf-v5-c-select__toggle-wrapper"
+        class="pf-v6-c-select__toggle-wrapper"
       >
         <span
-          class="pf-v5-c-form-control pf-v5-c-select__toggle-typeahead"
+          class="pf-v6-c-form-control pf-v6-c-select__toggle-typeahead"
         >
           <input
             aria-invalid="false"
@@ -1752,14 +1752,14 @@ exports[`typeahead multi select renders expanded successfully 1`] = `
         aria-haspopup="listbox"
         aria-label="Options menu"
         aria-labelledby=" pf-select-toggle-id-19"
-        class="pf-v5-c-button pf-v5-c-select__toggle-button pf-m-plain"
+        class="pf-v6-c-button pf-v6-c-select__toggle-button pf-m-plain"
         id="pf-select-toggle-id-19"
         tabindex="-1"
         type="button"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg pf-v5-c-select__toggle-arrow"
+          class="pf-v6-svg pf-v6-c-select__toggle-arrow"
           fill="currentColor"
           height="1em"
           role="img"
@@ -1774,16 +1774,16 @@ exports[`typeahead multi select renders expanded successfully 1`] = `
     </div>
     <ul
       aria-label=""
-      class="pf-v5-c-select__menu"
+      class="pf-v6-c-select__menu"
       role="listbox"
     >
       <li
-        class="pf-v5-c-select__menu-wrapper"
+        class="pf-v6-c-select__menu-wrapper"
         id="option-1"
         role="presentation"
       >
         <button
-          class="pf-v5-c-select__menu-item"
+          class="pf-v6-c-select__menu-item"
           role="option"
           type="button"
         >
@@ -1791,12 +1791,12 @@ exports[`typeahead multi select renders expanded successfully 1`] = `
         </button>
       </li>
       <li
-        class="pf-v5-c-select__menu-wrapper"
+        class="pf-v6-c-select__menu-wrapper"
         id="option-2"
         role="presentation"
       >
         <button
-          class="pf-v5-c-select__menu-item"
+          class="pf-v6-c-select__menu-item"
           role="option"
           type="button"
         >
@@ -1804,12 +1804,12 @@ exports[`typeahead multi select renders expanded successfully 1`] = `
         </button>
       </li>
       <li
-        class="pf-v5-c-select__menu-wrapper"
+        class="pf-v6-c-select__menu-wrapper"
         id="option-3"
         role="presentation"
       >
         <button
-          class="pf-v5-c-select__menu-item"
+          class="pf-v6-c-select__menu-item"
           role="option"
           type="button"
         >
@@ -1817,12 +1817,12 @@ exports[`typeahead multi select renders expanded successfully 1`] = `
         </button>
       </li>
       <li
-        class="pf-v5-c-select__menu-wrapper"
+        class="pf-v6-c-select__menu-wrapper"
         id="option-4"
         role="presentation"
       >
         <button
-          class="pf-v5-c-select__menu-item"
+          class="pf-v6-c-select__menu-item"
           role="option"
           type="button"
         >
@@ -1837,68 +1837,64 @@ exports[`typeahead multi select renders expanded successfully 1`] = `
 exports[`typeahead multi select renders selected successfully 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-select pf-m-expanded"
+    class="pf-v6-c-select pf-m-expanded"
     data-ouia-component-id="test-id"
     data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
   >
     <div
-      class="pf-v5-c-select__toggle pf-m-typeahead"
+      class="pf-v6-c-select__toggle pf-m-typeahead"
     >
       <div
-        class="pf-v5-c-select__toggle-wrapper"
+        class="pf-v6-c-select__toggle-wrapper"
       >
         <div
-          aria-label="Chip group category"
-          class="pf-v5-c-chip-group"
-          data-ouia-component-type="PF5/ChipGroup"
-          data-ouia-safe="true"
-          role="group"
+          class="pf-v6-c-label-group"
         >
           <div
-            class="pf-v5-c-chip-group__main"
+            class="pf-v6-c-label-group__main"
           >
             <ul
               aria-label="Chip group category"
-              class="pf-v5-c-chip-group__list"
+              class="pf-v6-c-label-group__list"
+              data-ouia-component-type="PF5/ChipGroup"
+              data-ouia-safe="true"
               role="list"
             >
               <li
-                class="pf-v5-c-chip-group__list-item"
+                class="pf-v6-c-label-group__list-item"
               >
-                <div
-                  class="pf-v5-c-chip"
+                <span
+                  class="pf-v6-c-label pf-m-outline"
                   data-ouia-component-id="OUIA-Generated-Chip-1"
                   data-ouia-component-type="PF5/Chip"
                   data-ouia-safe="true"
                 >
                   <span
-                    class="pf-v5-c-chip__content"
+                    class="pf-v6-c-label__content"
                   >
                     <span
-                      class="pf-v5-c-chip__text"
-                      id="pf-random-id-25"
+                      class="pf-v6-c-label__text"
+                      style="--pf-v6-c-label__text--MaxWidth: 16ch;"
                     >
                       Mr
                     </span>
                   </span>
                   <span
-                    class="pf-v5-c-chip__actions"
+                    class="pf-v6-c-label__actions"
                   >
                     <button
                       aria-disabled="false"
                       aria-label="Remove"
-                      aria-labelledby="remove_pf-random-id-25 pf-random-id-25"
-                      class="pf-v5-c-button pf-m-plain"
-                      data-ouia-component-id="Remove"
+                      class="pf-v6-c-button pf-m-plain pf-m-no-padding"
+                      data-ouia-component-id="OUIA-Generated-Button-plain-1"
                       data-ouia-component-type="PF5/Button"
                       data-ouia-safe="true"
-                      id="remove_pf-random-id-25"
                       type="button"
                     >
                       <svg
                         aria-hidden="true"
-                        class="pf-v5-svg"
+                        class="pf-v6-svg"
                         fill="currentColor"
                         height="1em"
                         role="img"
@@ -1911,44 +1907,42 @@ exports[`typeahead multi select renders selected successfully 1`] = `
                       </svg>
                     </button>
                   </span>
-                </div>
+                </span>
               </li>
               <li
-                class="pf-v5-c-chip-group__list-item"
+                class="pf-v6-c-label-group__list-item"
               >
-                <div
-                  class="pf-v5-c-chip"
+                <span
+                  class="pf-v6-c-label pf-m-outline"
                   data-ouia-component-id="OUIA-Generated-Chip-2"
                   data-ouia-component-type="PF5/Chip"
                   data-ouia-safe="true"
                 >
                   <span
-                    class="pf-v5-c-chip__content"
+                    class="pf-v6-c-label__content"
                   >
                     <span
-                      class="pf-v5-c-chip__text"
-                      id="pf-random-id-26"
+                      class="pf-v6-c-label__text"
+                      style="--pf-v6-c-label__text--MaxWidth: 16ch;"
                     >
                       Mrs
                     </span>
                   </span>
                   <span
-                    class="pf-v5-c-chip__actions"
+                    class="pf-v6-c-label__actions"
                   >
                     <button
                       aria-disabled="false"
                       aria-label="Remove"
-                      aria-labelledby="remove_pf-random-id-26 pf-random-id-26"
-                      class="pf-v5-c-button pf-m-plain"
-                      data-ouia-component-id="Remove"
+                      class="pf-v6-c-button pf-m-plain pf-m-no-padding"
+                      data-ouia-component-id="OUIA-Generated-Button-plain-2"
                       data-ouia-component-type="PF5/Button"
                       data-ouia-safe="true"
-                      id="remove_pf-random-id-26"
                       type="button"
                     >
                       <svg
                         aria-hidden="true"
-                        class="pf-v5-svg"
+                        class="pf-v6-svg"
                         fill="currentColor"
                         height="1em"
                         role="img"
@@ -1961,13 +1955,13 @@ exports[`typeahead multi select renders selected successfully 1`] = `
                       </svg>
                     </button>
                   </span>
-                </div>
+                </span>
               </li>
             </ul>
           </div>
         </div>
         <span
-          class="pf-v5-c-form-control pf-v5-c-select__toggle-typeahead"
+          class="pf-v6-c-form-control pf-v6-c-select__toggle-typeahead"
         >
           <input
             aria-invalid="false"
@@ -1988,14 +1982,14 @@ exports[`typeahead multi select renders selected successfully 1`] = `
         aria-haspopup="listbox"
         aria-label="Options menu"
         aria-labelledby=" typeahead-multi-select-selected"
-        class="pf-v5-c-button pf-v5-c-select__toggle-button pf-m-plain"
+        class="pf-v6-c-button pf-v6-c-select__toggle-button pf-m-plain"
         id="typeahead-multi-select-selected"
         tabindex="-1"
         type="button"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg pf-v5-c-select__toggle-arrow"
+          class="pf-v6-svg pf-v6-c-select__toggle-arrow"
           fill="currentColor"
           height="1em"
           role="img"
@@ -2010,27 +2004,27 @@ exports[`typeahead multi select renders selected successfully 1`] = `
     </div>
     <ul
       aria-label=""
-      class="pf-v5-c-select__menu"
+      class="pf-v6-c-select__menu"
       role="listbox"
     >
       <li
-        class="pf-v5-c-select__menu-wrapper"
+        class="pf-v6-c-select__menu-wrapper"
         id="option-1"
         role="presentation"
       >
         <button
           aria-selected="true"
-          class="pf-v5-c-select__menu-item pf-m-selected"
+          class="pf-v6-c-select__menu-item pf-m-selected"
           role="option"
           type="button"
         >
           Mr
           <span
-            class="pf-v5-c-select__menu-item-icon"
+            class="pf-v6-c-select__menu-item-icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -2045,23 +2039,23 @@ exports[`typeahead multi select renders selected successfully 1`] = `
         </button>
       </li>
       <li
-        class="pf-v5-c-select__menu-wrapper"
+        class="pf-v6-c-select__menu-wrapper"
         id="option-2"
         role="presentation"
       >
         <button
           aria-selected="true"
-          class="pf-v5-c-select__menu-item pf-m-selected"
+          class="pf-v6-c-select__menu-item pf-m-selected"
           role="option"
           type="button"
         >
           Mrs
           <span
-            class="pf-v5-c-select__menu-item-icon"
+            class="pf-v6-c-select__menu-item-icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -2076,12 +2070,12 @@ exports[`typeahead multi select renders selected successfully 1`] = `
         </button>
       </li>
       <li
-        class="pf-v5-c-select__menu-wrapper"
+        class="pf-v6-c-select__menu-wrapper"
         id="option-3"
         role="presentation"
       >
         <button
-          class="pf-v5-c-select__menu-item"
+          class="pf-v6-c-select__menu-item"
           role="option"
           type="button"
         >
@@ -2089,12 +2083,12 @@ exports[`typeahead multi select renders selected successfully 1`] = `
         </button>
       </li>
       <li
-        class="pf-v5-c-select__menu-wrapper"
+        class="pf-v6-c-select__menu-wrapper"
         id="option-4"
         role="presentation"
       >
         <button
-          class="pf-v5-c-select__menu-item"
+          class="pf-v6-c-select__menu-item"
           role="option"
           type="button"
         >
@@ -2109,19 +2103,19 @@ exports[`typeahead multi select renders selected successfully 1`] = `
 exports[`typeahead select renders closed successfully 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-select"
+    class="pf-v6-c-select"
     data-ouia-component-id="test-id"
     data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
   >
     <div
-      class="pf-v5-c-select__toggle pf-m-typeahead"
+      class="pf-v6-c-select__toggle pf-m-typeahead"
     >
       <div
-        class="pf-v5-c-select__toggle-wrapper"
+        class="pf-v6-c-select__toggle-wrapper"
       >
         <span
-          class="pf-v5-c-form-control pf-v5-c-select__toggle-typeahead"
+          class="pf-v6-c-form-control pf-v6-c-select__toggle-typeahead"
         >
           <input
             aria-invalid="false"
@@ -2142,14 +2136,14 @@ exports[`typeahead select renders closed successfully 1`] = `
         aria-haspopup="listbox"
         aria-label="Options menu"
         aria-labelledby=" typeahead-select-closed"
-        class="pf-v5-c-button pf-v5-c-select__toggle-button pf-m-plain"
+        class="pf-v6-c-button pf-v6-c-select__toggle-button pf-m-plain"
         id="typeahead-select-closed"
         tabindex="-1"
         type="button"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg pf-v5-c-select__toggle-arrow"
+          class="pf-v6-svg pf-v6-c-select__toggle-arrow"
           fill="currentColor"
           height="1em"
           role="img"
@@ -2169,19 +2163,19 @@ exports[`typeahead select renders closed successfully 1`] = `
 exports[`typeahead select renders expanded successfully 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-select pf-m-expanded"
+    class="pf-v6-c-select pf-m-expanded"
     data-ouia-component-id="test-id"
     data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
   >
     <div
-      class="pf-v5-c-select__toggle pf-m-typeahead"
+      class="pf-v6-c-select__toggle pf-m-typeahead"
     >
       <div
-        class="pf-v5-c-select__toggle-wrapper"
+        class="pf-v6-c-select__toggle-wrapper"
       >
         <span
-          class="pf-v5-c-form-control pf-v5-c-select__toggle-typeahead"
+          class="pf-v6-c-form-control pf-v6-c-select__toggle-typeahead"
         >
           <input
             aria-invalid="false"
@@ -2202,14 +2196,14 @@ exports[`typeahead select renders expanded successfully 1`] = `
         aria-haspopup="listbox"
         aria-label="Options menu"
         aria-labelledby=" pf-select-toggle-id-9"
-        class="pf-v5-c-button pf-v5-c-select__toggle-button pf-m-plain"
+        class="pf-v6-c-button pf-v6-c-select__toggle-button pf-m-plain"
         id="pf-select-toggle-id-9"
         tabindex="-1"
         type="button"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg pf-v5-c-select__toggle-arrow"
+          class="pf-v6-svg pf-v6-c-select__toggle-arrow"
           fill="currentColor"
           height="1em"
           role="img"
@@ -2224,16 +2218,16 @@ exports[`typeahead select renders expanded successfully 1`] = `
     </div>
     <ul
       aria-label=""
-      class="pf-v5-c-select__menu"
+      class="pf-v6-c-select__menu"
       role="listbox"
     >
       <li
-        class="pf-v5-c-select__menu-wrapper"
+        class="pf-v6-c-select__menu-wrapper"
         id="option-1"
         role="presentation"
       >
         <button
-          class="pf-v5-c-select__menu-item"
+          class="pf-v6-c-select__menu-item"
           role="option"
           type="button"
         >
@@ -2241,12 +2235,12 @@ exports[`typeahead select renders expanded successfully 1`] = `
         </button>
       </li>
       <li
-        class="pf-v5-c-select__menu-wrapper"
+        class="pf-v6-c-select__menu-wrapper"
         id="option-2"
         role="presentation"
       >
         <button
-          class="pf-v5-c-select__menu-item"
+          class="pf-v6-c-select__menu-item"
           role="option"
           type="button"
         >
@@ -2254,12 +2248,12 @@ exports[`typeahead select renders expanded successfully 1`] = `
         </button>
       </li>
       <li
-        class="pf-v5-c-select__menu-wrapper"
+        class="pf-v6-c-select__menu-wrapper"
         id="option-3"
         role="presentation"
       >
         <button
-          class="pf-v5-c-select__menu-item"
+          class="pf-v6-c-select__menu-item"
           role="option"
           type="button"
         >
@@ -2267,12 +2261,12 @@ exports[`typeahead select renders expanded successfully 1`] = `
         </button>
       </li>
       <li
-        class="pf-v5-c-select__menu-wrapper"
+        class="pf-v6-c-select__menu-wrapper"
         id="option-4"
         role="presentation"
       >
         <button
-          class="pf-v5-c-select__menu-item"
+          class="pf-v6-c-select__menu-item"
           role="option"
           type="button"
         >
@@ -2287,19 +2281,19 @@ exports[`typeahead select renders expanded successfully 1`] = `
 exports[`typeahead select renders selected successfully 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-select pf-m-expanded"
+    class="pf-v6-c-select pf-m-expanded"
     data-ouia-component-id="test-id"
     data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
   >
     <div
-      class="pf-v5-c-select__toggle pf-m-typeahead"
+      class="pf-v6-c-select__toggle pf-m-typeahead"
     >
       <div
-        class="pf-v5-c-select__toggle-wrapper"
+        class="pf-v6-c-select__toggle-wrapper"
       >
         <span
-          class="pf-v5-c-form-control pf-v5-c-select__toggle-typeahead"
+          class="pf-v6-c-form-control pf-v6-c-select__toggle-typeahead"
         >
           <input
             aria-invalid="false"
@@ -2320,14 +2314,14 @@ exports[`typeahead select renders selected successfully 1`] = `
         aria-haspopup="listbox"
         aria-label="Options menu"
         aria-labelledby=" pf-select-toggle-id-10"
-        class="pf-v5-c-button pf-v5-c-select__toggle-button pf-m-plain"
+        class="pf-v6-c-button pf-v6-c-select__toggle-button pf-m-plain"
         id="pf-select-toggle-id-10"
         tabindex="-1"
         type="button"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg pf-v5-c-select__toggle-arrow"
+          class="pf-v6-svg pf-v6-c-select__toggle-arrow"
           fill="currentColor"
           height="1em"
           role="img"
@@ -2342,27 +2336,27 @@ exports[`typeahead select renders selected successfully 1`] = `
     </div>
     <ul
       aria-label=""
-      class="pf-v5-c-select__menu"
+      class="pf-v6-c-select__menu"
       role="listbox"
     >
       <li
-        class="pf-v5-c-select__menu-wrapper"
+        class="pf-v6-c-select__menu-wrapper"
         id="option-1"
         role="presentation"
       >
         <button
           aria-selected="true"
-          class="pf-v5-c-select__menu-item pf-m-selected"
+          class="pf-v6-c-select__menu-item pf-m-selected"
           role="option"
           type="button"
         >
           Mr
           <span
-            class="pf-v5-c-select__menu-item-icon"
+            class="pf-v6-c-select__menu-item-icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -2377,12 +2371,12 @@ exports[`typeahead select renders selected successfully 1`] = `
         </button>
       </li>
       <li
-        class="pf-v5-c-select__menu-wrapper"
+        class="pf-v6-c-select__menu-wrapper"
         id="option-2"
         role="presentation"
       >
         <button
-          class="pf-v5-c-select__menu-item"
+          class="pf-v6-c-select__menu-item"
           role="option"
           type="button"
         >
@@ -2390,12 +2384,12 @@ exports[`typeahead select renders selected successfully 1`] = `
         </button>
       </li>
       <li
-        class="pf-v5-c-select__menu-wrapper"
+        class="pf-v6-c-select__menu-wrapper"
         id="option-3"
         role="presentation"
       >
         <button
-          class="pf-v5-c-select__menu-item"
+          class="pf-v6-c-select__menu-item"
           role="option"
           type="button"
         >
@@ -2403,12 +2397,12 @@ exports[`typeahead select renders selected successfully 1`] = `
         </button>
       </li>
       <li
-        class="pf-v5-c-select__menu-wrapper"
+        class="pf-v6-c-select__menu-wrapper"
         id="option-4"
         role="presentation"
       >
         <button
-          class="pf-v5-c-select__menu-item"
+          class="pf-v6-c-select__menu-item"
           role="option"
           type="button"
         >