@patternfly/patternfly 6.0.0-alpha.109 → 6.0.0-alpha.110

package/docs/components/Select/deprecated/Select.md

@@ -528,7 +528,7 @@ The single select should be used when the user is selecting an option from a lis
 
   <div class="pf-v6-c-select__toggle pf-m-typeahead">
     <div class="pf-v6-c-select__toggle-wrapper">
-      <span class="pf-v6-c-form-control pf-v5-c-select__toggle-typeahead">
+      <span class="pf-v6-c-form-control pf-v6-c-select__toggle-typeahead">
         <input
           type="text"
           id="select-single-typeahead-typeahead"
@@ -539,7 +539,7 @@ The single select should be used when the user is selecting an option from a lis
       </span>
     </div>
     <button
-      class="pf-v6-c-button pf-m-plain pf-v5-c-select__toggle-button"
+      class="pf-v6-c-button pf-m-plain pf-v6-c-select__toggle-button"
       type="button"
       id="select-single-typeahead-toggle"
       aria-haspopup="true"
@@ -607,7 +607,7 @@ The single select should be used when the user is selecting an option from a lis
 
   <div class="pf-v6-c-select__toggle pf-m-typeahead">
     <div class="pf-v6-c-select__toggle-wrapper">
-      <span class="pf-v6-c-form-control pf-v5-c-select__toggle-typeahead">
+      <span class="pf-v6-c-form-control pf-v6-c-select__toggle-typeahead">
         <input
           type="text"
           id="select-single-typeahead-expanded-typeahead"
@@ -618,14 +618,14 @@ The single select should be used when the user is selecting an option from a lis
       </span>
     </div>
     <button
-      class="pf-v6-c-button pf-m-plain pf-v5-c-select__toggle-clear"
+      class="pf-v6-c-button pf-m-plain pf-v6-c-select__toggle-clear"
       type="button"
       aria-label="Clear all"
     >
       <i class="fas fa-times-circle" aria-hidden="true"></i>
     </button>
     <button
-      class="pf-v6-c-button pf-m-plain pf-v5-c-select__toggle-button"
+      class="pf-v6-c-button pf-m-plain pf-v6-c-select__toggle-button"
       type="button"
       id="select-single-typeahead-expanded-toggle"
       aria-haspopup="true"
@@ -686,7 +686,7 @@ The single select should be used when the user is selecting an option from a lis
 
   <div class="pf-v6-c-select__toggle pf-m-typeahead">
     <div class="pf-v6-c-select__toggle-wrapper">
-      <span class="pf-v6-c-form-control pf-v5-c-select__toggle-typeahead">
+      <span class="pf-v6-c-form-control pf-v6-c-select__toggle-typeahead">
         <input
           type="text"
           id="select-single-typeahead-expanded-selected-typeahead"
@@ -697,14 +697,14 @@ The single select should be used when the user is selecting an option from a lis
       </span>
     </div>
     <button
-      class="pf-v6-c-button pf-m-plain pf-v5-c-select__toggle-clear"
+      class="pf-v6-c-button pf-m-plain pf-v6-c-select__toggle-clear"
       type="button"
       aria-label="Clear all"
     >
       <i class="fas fa-times-circle" aria-hidden="true"></i>
     </button>
     <button
-      class="pf-v6-c-button pf-m-plain pf-v5-c-select__toggle-button"
+      class="pf-v6-c-button pf-m-plain pf-v6-c-select__toggle-button"
       type="button"
       id="select-single-typeahead-expanded-selected-toggle"
       aria-haspopup="true"
@@ -772,7 +772,7 @@ The single select should be used when the user is selecting an option from a lis
   <div class="pf-v6-c-select__toggle pf-m-typeahead pf-m-disabled">
     <div class="pf-v6-c-select__toggle-wrapper">
       <span
-        class="pf-v6-c-form-control pf-m-disabled pf-v5-c-select__toggle-typeahead"
+        class="pf-v6-c-form-control pf-m-disabled pf-v6-c-select__toggle-typeahead"
       >
         <input
           disabled
@@ -784,7 +784,7 @@ The single select should be used when the user is selecting an option from a lis
       </span>
     </div>
     <button
-      class="pf-v6-c-button pf-m-plain pf-v5-c-select__toggle-button"
+      class="pf-v6-c-button pf-m-plain pf-v6-c-select__toggle-button"
       type="button"
       id="select-single-typeahead-disabled-toggle"
       aria-haspopup="true"
@@ -853,7 +853,7 @@ The single select should be used when the user is selecting an option from a lis
 
   <div class="pf-v6-c-select__toggle pf-m-typeahead">
     <div class="pf-v6-c-select__toggle-wrapper">
-      <span class="pf-v6-c-form-control pf-v5-c-select__toggle-typeahead">
+      <span class="pf-v6-c-form-control pf-v6-c-select__toggle-typeahead">
         <input
           type="text"
           id="select-single-typeahead-invalid-typeahead"
@@ -868,7 +868,7 @@ The single select should be used when the user is selecting an option from a lis
       <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
     </span>
     <button
-      class="pf-v6-c-button pf-m-plain pf-v5-c-select__toggle-button"
+      class="pf-v6-c-button pf-m-plain pf-v6-c-select__toggle-button"
       type="button"
       id="select-single-typeahead-invalid-toggle"
       aria-haspopup="true"
@@ -963,7 +963,7 @@ The single select typeahead should be used when the user is selecting one option
 
   <div class="pf-v6-c-select__toggle pf-m-typeahead">
     <div class="pf-v6-c-select__toggle-wrapper">
-      <span class="pf-v6-c-form-control pf-v5-c-select__toggle-typeahead">
+      <span class="pf-v6-c-form-control pf-v6-c-select__toggle-typeahead">
         <input
           type="text"
           id="select-multi-typeahead-typeahead"
@@ -974,7 +974,7 @@ The single select typeahead should be used when the user is selecting one option
       </span>
     </div>
     <button
-      class="pf-v6-c-button pf-m-plain pf-v5-c-select__toggle-button"
+      class="pf-v6-c-button pf-m-plain pf-v6-c-select__toggle-button"
       type="button"
       id="select-multi-typeahead-toggle"
       aria-haspopup="true"
@@ -1144,7 +1144,7 @@ The single select typeahead should be used when the user is selecting one option
           </ul>
         </div>
       </div>
-      <span class="pf-v6-c-form-control pf-v5-c-select__toggle-typeahead">
+      <span class="pf-v6-c-form-control pf-v6-c-select__toggle-typeahead">
         <input
           type="text"
           id="select-multi-typeahead-expanded-typeahead"
@@ -1155,14 +1155,14 @@ The single select typeahead should be used when the user is selecting one option
       </span>
     </div>
     <button
-      class="pf-v6-c-button pf-m-plain pf-v5-c-select__toggle-clear"
+      class="pf-v6-c-button pf-m-plain pf-v6-c-select__toggle-clear"
       type="button"
       aria-label="Clear all"
     >
       <i class="fas fa-times-circle" aria-hidden="true"></i>
     </button>
     <button
-      class="pf-v6-c-button pf-m-plain pf-v5-c-select__toggle-button"
+      class="pf-v6-c-button pf-m-plain pf-v6-c-select__toggle-button"
       type="button"
       id="select-multi-typeahead-expanded-toggle"
       aria-haspopup="true"
@@ -1296,7 +1296,7 @@ The single select typeahead should be used when the user is selecting one option
           </ul>
         </div>
       </div>
-      <span class="pf-v6-c-form-control pf-v5-c-select__toggle-typeahead">
+      <span class="pf-v6-c-form-control pf-v6-c-select__toggle-typeahead">
         <input
           type="text"
           id="select-multi-typeahead-expanded-selected-typeahead"
@@ -1307,14 +1307,14 @@ The single select typeahead should be used when the user is selecting one option
       </span>
     </div>
     <button
-      class="pf-v6-c-button pf-m-plain pf-v5-c-select__toggle-clear"
+      class="pf-v6-c-button pf-m-plain pf-v6-c-select__toggle-clear"
       type="button"
       aria-label="Clear all"
     >
       <i class="fas fa-times-circle" aria-hidden="true"></i>
     </button>
     <button
-      class="pf-v6-c-button pf-m-plain pf-v5-c-select__toggle-button"
+      class="pf-v6-c-button pf-m-plain pf-v6-c-select__toggle-button"
       type="button"
       id="select-multi-typeahead-expanded-selected-toggle"
       aria-haspopup="true"
@@ -1474,7 +1474,7 @@ The single select typeahead should be used when the user is selecting one option
           </ul>
         </div>
       </div>
-      <span class="pf-v6-c-form-control pf-v5-c-select__toggle-typeahead">
+      <span class="pf-v6-c-form-control pf-v6-c-select__toggle-typeahead">
         <input
           type="text"
           id="select-multi-typeahead-invalid-typeahead"
@@ -1489,14 +1489,14 @@ The single select typeahead should be used when the user is selecting one option
       <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
     </span>
     <button
-      class="pf-v6-c-button pf-m-plain pf-v5-c-select__toggle-clear"
+      class="pf-v6-c-button pf-m-plain pf-v6-c-select__toggle-clear"
       type="button"
       aria-label="Clear all"
     >
       <i class="fas fa-times-circle" aria-hidden="true"></i>
     </button>
     <button
-      class="pf-v6-c-button pf-m-plain pf-v5-c-select__toggle-button"
+      class="pf-v6-c-button pf-m-plain pf-v6-c-select__toggle-button"
       type="button"
       id="select-multi-typeahead-invalid-toggle"
       aria-haspopup="true"
@@ -1594,7 +1594,7 @@ The multiselect should be used when the user is selecting multiple items from a
   <div class="pf-v6-c-select__menu" hidden>
     <fieldset class="pf-v6-c-select__menu-fieldset" aria-label="Select input">
       <label
-        class="pf-v6-c-check pf-v5-c-select__menu-item pf-m-description"
+        class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
         id="select-checkbox-active"
         for="select-checkbox-active-input"
       >
@@ -1612,7 +1612,7 @@ The multiselect should be used when the user is selecting multiple items from a
         >This is a description</span>
       </label>
       <label
-        class="pf-v6-c-check pf-v5-c-select__menu-item pf-m-description"
+        class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
         id="select-checkbox-canceled"
         for="select-checkbox-canceled-input"
       >
@@ -1630,7 +1630,7 @@ The multiselect should be used when the user is selecting multiple items from a
         >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
       </label>
       <label
-        class="pf-v6-c-check pf-v5-c-select__menu-item"
+        class="pf-v6-c-check pf-v6-c-select__menu-item"
         id="select-checkbox-paused"
         for="select-checkbox-paused-input"
       >
@@ -1643,7 +1643,7 @@ The multiselect should be used when the user is selecting multiple items from a
         <span class="pf-v6-c-check__label">Paused</span>
       </label>
       <label
-        class="pf-v6-c-check pf-v5-c-select__menu-item"
+        class="pf-v6-c-check pf-v6-c-select__menu-item"
         id="select-checkbox-warning"
         for="select-checkbox-warning-input"
       >
@@ -1656,7 +1656,7 @@ The multiselect should be used when the user is selecting multiple items from a
         <span class="pf-v6-c-check__label">Warning</span>
       </label>
       <label
-        class="pf-v6-c-check pf-v5-c-select__menu-item"
+        class="pf-v6-c-check pf-v6-c-select__menu-item"
         id="select-checkbox-restarted"
         for="select-checkbox-restarted-input"
       >
@@ -1699,7 +1699,7 @@ The multiselect should be used when the user is selecting multiple items from a
   <div class="pf-v6-c-select__menu">
     <fieldset class="pf-v6-c-select__menu-fieldset" aria-label="Select input">
       <label
-        class="pf-v6-c-check pf-v5-c-select__menu-item"
+        class="pf-v6-c-check pf-v6-c-select__menu-item"
         id="select-checkbox-expanded-check-active"
         for="select-checkbox-expanded-check-active-input"
       >
@@ -1713,7 +1713,7 @@ The multiselect should be used when the user is selecting multiple items from a
         <span class="pf-v6-c-check__label">Active</span>
       </label>
       <label
-        class="pf-v6-c-check pf-v5-c-select__menu-item"
+        class="pf-v6-c-check pf-v6-c-select__menu-item"
         id="select-checkbox-expanded-check-canceled"
         for="select-checkbox-expanded-check-canceled-input"
       >
@@ -1727,7 +1727,7 @@ The multiselect should be used when the user is selecting multiple items from a
         <span class="pf-v6-c-check__label">Canceled</span>
       </label>
       <label
-        class="pf-v6-c-check pf-v5-c-select__menu-item"
+        class="pf-v6-c-check pf-v6-c-select__menu-item"
         id="select-checkbox-expanded-check-paused"
         for="select-checkbox-expanded-check-paused-input"
       >
@@ -1740,7 +1740,7 @@ The multiselect should be used when the user is selecting multiple items from a
         <span class="pf-v6-c-check__label">Paused</span>
       </label>
       <label
-        class="pf-v6-c-check pf-v5-c-select__menu-item"
+        class="pf-v6-c-check pf-v6-c-select__menu-item"
         id="select-checkbox-expanded-check-warning"
         for="select-checkbox-expanded-check-warning-input"
       >
@@ -1754,7 +1754,7 @@ The multiselect should be used when the user is selecting multiple items from a
         <span class="pf-v6-c-check__label">Warning</span>
       </label>
       <label
-        class="pf-v6-c-check pf-v5-c-select__menu-item"
+        class="pf-v6-c-check pf-v6-c-select__menu-item"
         id="select-checkbox-expanded-check-restarted"
         for="select-checkbox-expanded-check-restarted-input"
       >
@@ -1806,7 +1806,7 @@ The multiselect should be used when the user is selecting multiple items from a
         aria-labelledby="select-checkbox-expanded-selected-group-status"
       >
         <label
-          class="pf-v6-c-check pf-v5-c-select__menu-item"
+          class="pf-v6-c-check pf-v6-c-select__menu-item"
           id="select-checkbox-expanded-selected-check-running"
           for="select-checkbox-expanded-selected-check-running-input"
         >
@@ -1819,7 +1819,7 @@ The multiselect should be used when the user is selecting multiple items from a
           <span class="pf-v6-c-check__label">Running</span>
         </label>
         <label
-          class="pf-v6-c-check pf-v5-c-select__menu-item"
+          class="pf-v6-c-check pf-v6-c-select__menu-item"
           id="select-checkbox-expanded-selected-check-stopped"
           for="select-checkbox-expanded-selected-check-stopped-input"
         >
@@ -1832,7 +1832,7 @@ The multiselect should be used when the user is selecting multiple items from a
           <span class="pf-v6-c-check__label">Stopped</span>
         </label>
         <label
-          class="pf-v6-c-check pf-v5-c-select__menu-item"
+          class="pf-v6-c-check pf-v6-c-select__menu-item"
           id="select-checkbox-expanded-selected-check-down"
           for="select-checkbox-expanded-selected-check-down-input"
         >
@@ -1845,7 +1845,7 @@ The multiselect should be used when the user is selecting multiple items from a
           <span class="pf-v6-c-check__label">Down</span>
         </label>
         <label
-          class="pf-v6-c-check pf-v5-c-select__menu-item"
+          class="pf-v6-c-check pf-v6-c-select__menu-item"
           id="select-checkbox-expanded-selected-check-degraded"
           for="select-checkbox-expanded-selected-check-degraded-input"
         >
@@ -1858,7 +1858,7 @@ The multiselect should be used when the user is selecting multiple items from a
           <span class="pf-v6-c-check__label">Degraded</span>
         </label>
         <label
-          class="pf-v6-c-check pf-v5-c-select__menu-item"
+          class="pf-v6-c-check pf-v6-c-select__menu-item"
           id="select-checkbox-expanded-selected-check-needs-maintenance"
           for="select-checkbox-expanded-selected-check-needs-maintenance-input"
         >
@@ -1884,7 +1884,7 @@ The multiselect should be used when the user is selecting multiple items from a
         aria-labelledby="select-checkbox-expanded-selected-group-vendor"
       >
         <label
-          class="pf-v6-c-check pf-v5-c-select__menu-item"
+          class="pf-v6-c-check pf-v6-c-select__menu-item"
           id="select-checkbox-expanded-selected-check-dell"
           for="select-checkbox-expanded-selected-check-dell-input"
         >
@@ -1897,7 +1897,7 @@ The multiselect should be used when the user is selecting multiple items from a
           <span class="pf-v6-c-check__label">Dell</span>
         </label>
         <label
-          class="pf-v6-c-check pf-v5-c-select__menu-item"
+          class="pf-v6-c-check pf-v6-c-select__menu-item"
           id="select-checkbox-expanded-selected-check-Samsung"
           for="select-checkbox-expanded-selected-check-Samsung-input"
         >
@@ -1911,7 +1911,7 @@ The multiselect should be used when the user is selecting multiple items from a
           <span class="pf-v6-c-check__label pf-m-disabled">Samsung</span>
         </label>
         <label
-          class="pf-v6-c-check pf-v5-c-select__menu-item"
+          class="pf-v6-c-check pf-v6-c-select__menu-item"
           id="select-checkbox-expanded-selected-check-Hp"
           for="select-checkbox-expanded-selected-check-Hp-input"
         >
@@ -1986,7 +1986,7 @@ The multiselect should be used when the user is selecting multiple items from a
         aria-labelledby="select-checkbox-expanded-selected-filter-example-group-status"
       >
         <label
-          class="pf-v6-c-check pf-v5-c-select__menu-item"
+          class="pf-v6-c-check pf-v6-c-select__menu-item"
           id="select-checkbox-expanded-selected-filter-example-check-running"
           for="select-checkbox-expanded-selected-filter-example-check-running-input"
         >
@@ -1999,7 +1999,7 @@ The multiselect should be used when the user is selecting multiple items from a
           <span class="pf-v6-c-check__label">Running</span>
         </label>
         <label
-          class="pf-v6-c-check pf-v5-c-select__menu-item"
+          class="pf-v6-c-check pf-v6-c-select__menu-item"
           id="select-checkbox-expanded-selected-filter-example-check-stopped"
           for="select-checkbox-expanded-selected-filter-example-check-stopped-input"
         >
@@ -2012,7 +2012,7 @@ The multiselect should be used when the user is selecting multiple items from a
           <span class="pf-v6-c-check__label">Stopped</span>
         </label>
         <label
-          class="pf-v6-c-check pf-v5-c-select__menu-item"
+          class="pf-v6-c-check pf-v6-c-select__menu-item"
           id="select-checkbox-expanded-selected-filter-example-check-down"
           for="select-checkbox-expanded-selected-filter-example-check-down-input"
         >
@@ -2025,7 +2025,7 @@ The multiselect should be used when the user is selecting multiple items from a
           <span class="pf-v6-c-check__label">Down</span>
         </label>
         <label
-          class="pf-v6-c-check pf-v5-c-select__menu-item"
+          class="pf-v6-c-check pf-v6-c-select__menu-item"
           id="select-checkbox-expanded-selected-filter-example-check-degraded"
           for="select-checkbox-expanded-selected-filter-example-check-degraded-input"
         >
@@ -2038,7 +2038,7 @@ The multiselect should be used when the user is selecting multiple items from a
           <span class="pf-v6-c-check__label">Degraded</span>
         </label>
         <label
-          class="pf-v6-c-check pf-v5-c-select__menu-item"
+          class="pf-v6-c-check pf-v6-c-select__menu-item"
           id="select-checkbox-expanded-selected-filter-example-check-needs-maintenance"
           for="select-checkbox-expanded-selected-filter-example-check-needs-maintenance-input"
         >
@@ -2064,7 +2064,7 @@ The multiselect should be used when the user is selecting multiple items from a
         aria-labelledby="select-checkbox-expanded-selected-filter-example-group-vendor"
       >
         <label
-          class="pf-v6-c-check pf-v5-c-select__menu-item"
+          class="pf-v6-c-check pf-v6-c-select__menu-item"
           id="select-checkbox-expanded-selected-filter-example-check-dell"
           for="select-checkbox-expanded-selected-filter-example-check-dell-input"
         >
@@ -2077,7 +2077,7 @@ The multiselect should be used when the user is selecting multiple items from a
           <span class="pf-v6-c-check__label">Dell</span>
         </label>
         <label
-          class="pf-v6-c-check pf-v5-c-select__menu-item"
+          class="pf-v6-c-check pf-v6-c-select__menu-item"
           id="select-checkbox-expanded-selected-filter-example-check-Samsung"
           for="select-checkbox-expanded-selected-filter-example-check-Samsung-input"
         >
@@ -2091,7 +2091,7 @@ The multiselect should be used when the user is selecting multiple items from a
           <span class="pf-v6-c-check__label pf-m-disabled">Samsung</span>
         </label>
         <label
-          class="pf-v6-c-check pf-v5-c-select__menu-item"
+          class="pf-v6-c-check pf-v6-c-select__menu-item"
           id="select-checkbox-expanded-selected-filter-example-check-Hp"
           for="select-checkbox-expanded-selected-filter-example-check-Hp-input"
         >
@@ -2135,7 +2135,7 @@ The multiselect should be used when the user is selecting multiple items from a
   <div class="pf-v6-c-select__menu">
     <fieldset class="pf-v6-c-select__menu-fieldset" aria-label="Select input">
       <label
-        class="pf-v6-c-check pf-v5-c-select__menu-item"
+        class="pf-v6-c-check pf-v6-c-select__menu-item"
         id="select-checkbox-without-badge-check-active"
         for="select-checkbox-without-badge-check-active-input"
       >
@@ -2149,7 +2149,7 @@ The multiselect should be used when the user is selecting multiple items from a
         <span class="pf-v6-c-check__label">Active</span>
       </label>
       <label
-        class="pf-v6-c-check pf-v5-c-select__menu-item"
+        class="pf-v6-c-check pf-v6-c-select__menu-item"
         id="select-checkbox-without-badge-check-canceled"
         for="select-checkbox-without-badge-check-canceled-input"
       >
@@ -2163,7 +2163,7 @@ The multiselect should be used when the user is selecting multiple items from a
         <span class="pf-v6-c-check__label">Canceled</span>
       </label>
       <label
-        class="pf-v6-c-check pf-v5-c-select__menu-item"
+        class="pf-v6-c-check pf-v6-c-select__menu-item"
         id="select-checkbox-without-badge-check-paused"
         for="select-checkbox-without-badge-check-paused-input"
       >
@@ -2176,7 +2176,7 @@ The multiselect should be used when the user is selecting multiple items from a
         <span class="pf-v6-c-check__label">Paused</span>
       </label>
       <label
-        class="pf-v6-c-check pf-v5-c-select__menu-item"
+        class="pf-v6-c-check pf-v6-c-select__menu-item"
         id="select-checkbox-without-badge-check-warning"
         for="select-checkbox-without-badge-check-warning-input"
       >
@@ -2190,7 +2190,7 @@ The multiselect should be used when the user is selecting multiple items from a
         <span class="pf-v6-c-check__label">Warning</span>
       </label>
       <label
-        class="pf-v6-c-check pf-v5-c-select__menu-item"
+        class="pf-v6-c-check pf-v6-c-select__menu-item"
         id="select-checkbox-without-badge-check-restarted"
         for="select-checkbox-without-badge-check-restarted-input"
       >
@@ -2233,7 +2233,7 @@ The multiselect should be used when the user is selecting multiple items from a
   <div class="pf-v6-c-select__menu">
     <fieldset class="pf-v6-c-select__menu-fieldset" aria-label="Select input">
       <label
-        class="pf-v6-c-check pf-v5-c-select__menu-item"
+        class="pf-v6-c-check pf-v6-c-select__menu-item"
         id="select-checkbox-counts-active"
         for="select-checkbox-counts-active-input"
       >
@@ -2251,7 +2251,7 @@ The multiselect should be used when the user is selecting multiple items from a
         </span>
       </label>
       <label
-        class="pf-v6-c-check pf-v5-c-select__menu-item"
+        class="pf-v6-c-check pf-v6-c-select__menu-item"
         id="select-checkbox-counts-canceled"
         for="select-checkbox-counts-canceled-input"
       >
@@ -2270,7 +2270,7 @@ The multiselect should be used when the user is selecting multiple items from a
         </span>
       </label>
       <label
-        class="pf-v6-c-check pf-v5-c-select__menu-item"
+        class="pf-v6-c-check pf-v6-c-select__menu-item"
         id="select-checkbox-counts-paused"
         for="select-checkbox-counts-paused-input"
       >
@@ -2288,7 +2288,7 @@ The multiselect should be used when the user is selecting multiple items from a
         </span>
       </label>
       <label
-        class="pf-v6-c-check pf-v5-c-select__menu-item"
+        class="pf-v6-c-check pf-v6-c-select__menu-item"
         id="select-checkbox-counts-warning"
         for="select-checkbox-counts-warning-input"
       >
@@ -2307,7 +2307,7 @@ The multiselect should be used when the user is selecting multiple items from a
         </span>
       </label>
       <label
-        class="pf-v6-c-check pf-v5-c-select__menu-item"
+        class="pf-v6-c-check pf-v6-c-select__menu-item"
         id="select-checkbox-counts-restarted"
         for="select-checkbox-counts-restarted-input"
       >
@@ -2721,7 +2721,7 @@ The plain select variation should be used when you do not want a border applied
   <div class="pf-v6-c-select__menu">
     <fieldset class="pf-v6-c-select__menu-fieldset" aria-label="Select input">
       <label
-        class="pf-v6-c-check pf-v5-c-select__menu-item pf-m-description"
+        class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
         id="select-checkbox-description-active"
         for="select-checkbox-description-active-input"
       >
@@ -2739,7 +2739,7 @@ The plain select variation should be used when you do not want a border applied
         >This is a description</span>
       </label>
       <label
-        class="pf-v6-c-check pf-v5-c-select__menu-item pf-m-description"
+        class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
         id="select-checkbox-description-canceled"
         for="select-checkbox-description-canceled-input"
       >
@@ -2757,7 +2757,7 @@ The plain select variation should be used when you do not want a border applied
         >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
       </label>
       <label
-        class="pf-v6-c-check pf-v5-c-select__menu-item"
+        class="pf-v6-c-check pf-v6-c-select__menu-item"
         id="select-checkbox-description-paused"
         for="select-checkbox-description-paused-input"
       >
@@ -2770,7 +2770,7 @@ The plain select variation should be used when you do not want a border applied
         <span class="pf-v6-c-check__label">Paused</span>
       </label>
       <label
-        class="pf-v6-c-check pf-v5-c-select__menu-item"
+        class="pf-v6-c-check pf-v6-c-select__menu-item"
         id="select-checkbox-description-warning"
         for="select-checkbox-description-warning-input"
       >
@@ -2783,7 +2783,7 @@ The plain select variation should be used when you do not want a border applied
         <span class="pf-v6-c-check__label">Warning</span>
       </label>
       <label
-        class="pf-v6-c-check pf-v5-c-select__menu-item"
+        class="pf-v6-c-check pf-v6-c-select__menu-item"
         id="select-checkbox-description-restarted"
         for="select-checkbox-description-restarted-input"
       >