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

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

@@ -3,18 +3,18 @@
 exports[`numberInput disables lower threshold 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-number-input"
+    class="pf-v6-c-number-input"
   >
     <div
-      class="pf-v5-c-input-group"
+      class="pf-v6-c-input-group"
     >
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <button
           aria-disabled="true"
           aria-label="Minus"
-          class="pf-v5-c-button pf-m-control pf-m-disabled"
+          class="pf-v6-c-button pf-m-control pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-control-13"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -22,11 +22,11 @@ exports[`numberInput disables lower threshold 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-number-input__icon"
+            class="pf-v6-c-number-input__icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -41,10 +41,10 @@ exports[`numberInput disables lower threshold 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <span
-          class="pf-v5-c-form-control pf-m-readonly"
+          class="pf-v6-c-form-control pf-m-readonly"
         >
           <input
             aria-invalid="false"
@@ -59,23 +59,23 @@ exports[`numberInput disables lower threshold 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <button
           aria-disabled="false"
           aria-label="Plus"
-          class="pf-v5-c-button pf-m-control"
+          class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-14"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
         >
           <span
-            class="pf-v5-c-number-input__icon"
+            class="pf-v6-c-number-input__icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -97,29 +97,29 @@ exports[`numberInput disables lower threshold 1`] = `
 exports[`numberInput disables upper threshold 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-number-input"
+    class="pf-v6-c-number-input"
   >
     <div
-      class="pf-v5-c-input-group"
+      class="pf-v6-c-input-group"
     >
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <button
           aria-disabled="false"
           aria-label="Minus"
-          class="pf-v5-c-button pf-m-control"
+          class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-15"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
         >
           <span
-            class="pf-v5-c-number-input__icon"
+            class="pf-v6-c-number-input__icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -134,10 +134,10 @@ exports[`numberInput disables upper threshold 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <span
-          class="pf-v5-c-form-control pf-m-readonly"
+          class="pf-v6-c-form-control pf-m-readonly"
         >
           <input
             aria-invalid="false"
@@ -152,12 +152,12 @@ exports[`numberInput disables upper threshold 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <button
           aria-disabled="true"
           aria-label="Plus"
-          class="pf-v5-c-button pf-m-control pf-m-disabled"
+          class="pf-v6-c-button pf-m-control pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-control-16"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -165,11 +165,11 @@ exports[`numberInput disables upper threshold 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-number-input__icon"
+            class="pf-v6-c-number-input__icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -191,18 +191,18 @@ exports[`numberInput disables upper threshold 1`] = `
 exports[`numberInput passes button props successfully 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-number-input"
+    class="pf-v6-c-number-input"
   >
     <div
-      class="pf-v5-c-input-group"
+      class="pf-v6-c-input-group"
     >
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <button
           aria-disabled="false"
           aria-label="Minus"
-          class="pf-v5-c-button pf-m-control"
+          class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-25"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -210,11 +210,11 @@ exports[`numberInput passes button props successfully 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-number-input__icon"
+            class="pf-v6-c-number-input__icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -229,10 +229,10 @@ exports[`numberInput passes button props successfully 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <span
-          class="pf-v5-c-form-control pf-m-readonly"
+          class="pf-v6-c-form-control pf-m-readonly"
         >
           <input
             aria-invalid="false"
@@ -247,12 +247,12 @@ exports[`numberInput passes button props successfully 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <button
           aria-disabled="false"
           aria-label="Plus"
-          class="pf-v5-c-button pf-m-control"
+          class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-26"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -260,11 +260,11 @@ exports[`numberInput passes button props successfully 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-number-input__icon"
+            class="pf-v6-c-number-input__icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -286,29 +286,29 @@ exports[`numberInput passes button props successfully 1`] = `
 exports[`numberInput passes input props successfully 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-number-input"
+    class="pf-v6-c-number-input"
   >
     <div
-      class="pf-v5-c-input-group"
+      class="pf-v6-c-input-group"
     >
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <button
           aria-disabled="false"
           aria-label="Minus"
-          class="pf-v5-c-button pf-m-control"
+          class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-23"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
         >
           <span
-            class="pf-v5-c-number-input__icon"
+            class="pf-v6-c-number-input__icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -323,10 +323,10 @@ exports[`numberInput passes input props successfully 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <span
-          class="pf-v5-c-form-control"
+          class="pf-v6-c-form-control"
         >
           <input
             aria-invalid="false"
@@ -341,23 +341,23 @@ exports[`numberInput passes input props successfully 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <button
           aria-disabled="false"
           aria-label="Plus"
-          class="pf-v5-c-button pf-m-control"
+          class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-24"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
         >
           <span
-            class="pf-v5-c-number-input__icon"
+            class="pf-v6-c-number-input__icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -379,30 +379,30 @@ exports[`numberInput passes input props successfully 1`] = `
 exports[`numberInput renders custom width 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-number-input"
-    style="--pf-v5-c-number-input--c-form-control--width-chars: 10;"
+    class="pf-v6-c-number-input"
+    style="--pf-v6-c-number-input--c-form-control--width-chars: 10;"
   >
     <div
-      class="pf-v5-c-input-group"
+      class="pf-v6-c-input-group"
     >
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <button
           aria-disabled="false"
           aria-label="Minus"
-          class="pf-v5-c-button pf-m-control"
+          class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-21"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
         >
           <span
-            class="pf-v5-c-number-input__icon"
+            class="pf-v6-c-number-input__icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -417,10 +417,10 @@ exports[`numberInput renders custom width 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <span
-          class="pf-v5-c-form-control pf-m-readonly"
+          class="pf-v6-c-form-control pf-m-readonly"
         >
           <input
             aria-invalid="false"
@@ -435,23 +435,23 @@ exports[`numberInput renders custom width 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <button
           aria-disabled="false"
           aria-label="Plus"
-          class="pf-v5-c-button pf-m-control"
+          class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-22"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
         >
           <span
-            class="pf-v5-c-number-input__icon"
+            class="pf-v6-c-number-input__icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -473,30 +473,30 @@ exports[`numberInput renders custom width 1`] = `
 exports[`numberInput renders defaults & extra props 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-number-input custom"
+    class="pf-v6-c-number-input custom"
     id="numberInput1"
   >
     <div
-      class="pf-v5-c-input-group"
+      class="pf-v6-c-input-group"
     >
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <button
           aria-disabled="false"
           aria-label="Minus"
-          class="pf-v5-c-button pf-m-control"
+          class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-1"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
         >
           <span
-            class="pf-v5-c-number-input__icon"
+            class="pf-v6-c-number-input__icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -511,10 +511,10 @@ exports[`numberInput renders defaults & extra props 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <span
-          class="pf-v5-c-form-control pf-m-readonly"
+          class="pf-v6-c-form-control pf-m-readonly"
         >
           <input
             aria-invalid="false"
@@ -529,23 +529,23 @@ exports[`numberInput renders defaults & extra props 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <button
           aria-disabled="false"
           aria-label="Plus"
-          class="pf-v5-c-button pf-m-control"
+          class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-2"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
         >
           <span
-            class="pf-v5-c-number-input__icon"
+            class="pf-v6-c-number-input__icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -567,18 +567,18 @@ exports[`numberInput renders defaults & extra props 1`] = `
 exports[`numberInput renders disabled 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-number-input"
+    class="pf-v6-c-number-input"
   >
     <div
-      class="pf-v5-c-input-group"
+      class="pf-v6-c-input-group"
     >
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <button
           aria-disabled="true"
           aria-label="Minus"
-          class="pf-v5-c-button pf-m-control pf-m-disabled"
+          class="pf-v6-c-button pf-m-control pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-control-11"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -586,11 +586,11 @@ exports[`numberInput renders disabled 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-number-input__icon"
+            class="pf-v6-c-number-input__icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -605,10 +605,10 @@ exports[`numberInput renders disabled 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <span
-          class="pf-v5-c-form-control pf-m-readonly pf-m-disabled"
+          class="pf-v6-c-form-control pf-m-readonly pf-m-disabled"
         >
           <input
             aria-invalid="false"
@@ -624,12 +624,12 @@ exports[`numberInput renders disabled 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <button
           aria-disabled="true"
           aria-label="Plus"
-          class="pf-v5-c-button pf-m-control pf-m-disabled"
+          class="pf-v6-c-button pf-m-control pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-control-12"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -637,11 +637,11 @@ exports[`numberInput renders disabled 1`] = `
           type="button"
         >
           <span
-            class="pf-v5-c-number-input__icon"
+            class="pf-v6-c-number-input__icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -663,29 +663,29 @@ exports[`numberInput renders disabled 1`] = `
 exports[`numberInput renders error validated 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-number-input"
+    class="pf-v6-c-number-input"
   >
     <div
-      class="pf-v5-c-input-group"
+      class="pf-v6-c-input-group"
     >
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <button
           aria-disabled="false"
           aria-label="Minus"
-          class="pf-v5-c-button pf-m-control"
+          class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-5"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
         >
           <span
-            class="pf-v5-c-number-input__icon"
+            class="pf-v6-c-number-input__icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -700,10 +700,10 @@ exports[`numberInput renders error validated 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <span
-          class="pf-v5-c-form-control pf-m-readonly pf-m-error"
+          class="pf-v6-c-form-control pf-m-readonly pf-m-error"
         >
           <input
             aria-invalid="true"
@@ -716,14 +716,14 @@ exports[`numberInput renders error validated 1`] = `
             value="0"
           />
           <span
-            class="pf-v5-c-form-control__utilities"
+            class="pf-v6-c-form-control__utilities"
           >
             <span
-              class="pf-v5-c-form-control__icon pf-m-status"
+              class="pf-v6-c-form-control__icon pf-m-status"
             >
               <svg
                 aria-hidden="true"
-                class="pf-v5-svg"
+                class="pf-v6-svg"
                 fill="currentColor"
                 height="1em"
                 role="img"
@@ -739,23 +739,23 @@ exports[`numberInput renders error validated 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <button
           aria-disabled="false"
           aria-label="Plus"
-          class="pf-v5-c-button pf-m-control"
+          class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-6"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
         >
           <span
-            class="pf-v5-c-number-input__icon"
+            class="pf-v6-c-number-input__icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -777,29 +777,29 @@ exports[`numberInput renders error validated 1`] = `
 exports[`numberInput renders success validated 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-number-input"
+    class="pf-v6-c-number-input"
   >
     <div
-      class="pf-v5-c-input-group"
+      class="pf-v6-c-input-group"
     >
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <button
           aria-disabled="false"
           aria-label="Minus"
-          class="pf-v5-c-button pf-m-control"
+          class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-3"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
         >
           <span
-            class="pf-v5-c-number-input__icon"
+            class="pf-v6-c-number-input__icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -814,10 +814,10 @@ exports[`numberInput renders success validated 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <span
-          class="pf-v5-c-form-control pf-m-readonly pf-m-success"
+          class="pf-v6-c-form-control pf-m-readonly pf-m-success"
         >
           <input
             aria-invalid="false"
@@ -830,14 +830,14 @@ exports[`numberInput renders success validated 1`] = `
             value="0"
           />
           <span
-            class="pf-v5-c-form-control__utilities"
+            class="pf-v6-c-form-control__utilities"
           >
             <span
-              class="pf-v5-c-form-control__icon pf-m-status"
+              class="pf-v6-c-form-control__icon pf-m-status"
             >
               <svg
                 aria-hidden="true"
-                class="pf-v5-svg"
+                class="pf-v6-svg"
                 fill="currentColor"
                 height="1em"
                 role="img"
@@ -853,23 +853,23 @@ exports[`numberInput renders success validated 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <button
           aria-disabled="false"
           aria-label="Plus"
-          class="pf-v5-c-button pf-m-control"
+          class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-4"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
         >
           <span
-            class="pf-v5-c-number-input__icon"
+            class="pf-v6-c-number-input__icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -891,34 +891,34 @@ exports[`numberInput renders success validated 1`] = `
 exports[`numberInput renders unit & position 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-number-input"
+    class="pf-v6-c-number-input"
   >
     <div
-      class="pf-v5-c-number-input__unit"
+      class="pf-v6-c-number-input__unit"
     >
       $
     </div>
     <div
-      class="pf-v5-c-input-group"
+      class="pf-v6-c-input-group"
     >
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <button
           aria-disabled="false"
           aria-label="Minus"
-          class="pf-v5-c-button pf-m-control"
+          class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-19"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
         >
           <span
-            class="pf-v5-c-number-input__icon"
+            class="pf-v6-c-number-input__icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -933,10 +933,10 @@ exports[`numberInput renders unit & position 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <span
-          class="pf-v5-c-form-control pf-m-readonly"
+          class="pf-v6-c-form-control pf-m-readonly"
         >
           <input
             aria-invalid="false"
@@ -951,23 +951,23 @@ exports[`numberInput renders unit & position 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <button
           aria-disabled="false"
           aria-label="Plus"
-          class="pf-v5-c-button pf-m-control"
+          class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-20"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
         >
           <span
-            class="pf-v5-c-number-input__icon"
+            class="pf-v6-c-number-input__icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -989,29 +989,29 @@ exports[`numberInput renders unit & position 1`] = `
 exports[`numberInput renders unit 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-number-input"
+    class="pf-v6-c-number-input"
   >
     <div
-      class="pf-v5-c-input-group"
+      class="pf-v6-c-input-group"
     >
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <button
           aria-disabled="false"
           aria-label="Minus"
-          class="pf-v5-c-button pf-m-control"
+          class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-17"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
         >
           <span
-            class="pf-v5-c-number-input__icon"
+            class="pf-v6-c-number-input__icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -1026,10 +1026,10 @@ exports[`numberInput renders unit 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <span
-          class="pf-v5-c-form-control pf-m-readonly"
+          class="pf-v6-c-form-control pf-m-readonly"
         >
           <input
             aria-invalid="false"
@@ -1044,23 +1044,23 @@ exports[`numberInput renders unit 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <button
           aria-disabled="false"
           aria-label="Plus"
-          class="pf-v5-c-button pf-m-control"
+          class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-18"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
         >
           <span
-            class="pf-v5-c-number-input__icon"
+            class="pf-v6-c-number-input__icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -1076,7 +1076,7 @@ exports[`numberInput renders unit 1`] = `
       </div>
     </div>
     <div
-      class="pf-v5-c-number-input__unit"
+      class="pf-v6-c-number-input__unit"
     >
       %
     </div>
@@ -1087,29 +1087,29 @@ exports[`numberInput renders unit 1`] = `
 exports[`numberInput renders value 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-number-input"
+    class="pf-v6-c-number-input"
   >
     <div
-      class="pf-v5-c-input-group"
+      class="pf-v6-c-input-group"
     >
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <button
           aria-disabled="false"
           aria-label="Minus"
-          class="pf-v5-c-button pf-m-control"
+          class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-9"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
         >
           <span
-            class="pf-v5-c-number-input__icon"
+            class="pf-v6-c-number-input__icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -1124,10 +1124,10 @@ exports[`numberInput renders value 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <span
-          class="pf-v5-c-form-control pf-m-readonly"
+          class="pf-v6-c-form-control pf-m-readonly"
         >
           <input
             aria-invalid="false"
@@ -1142,23 +1142,23 @@ exports[`numberInput renders value 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <button
           aria-disabled="false"
           aria-label="Plus"
-          class="pf-v5-c-button pf-m-control"
+          class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-10"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
         >
           <span
-            class="pf-v5-c-number-input__icon"
+            class="pf-v6-c-number-input__icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -1180,29 +1180,29 @@ exports[`numberInput renders value 1`] = `
 exports[`numberInput renders warning validated 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-number-input"
+    class="pf-v6-c-number-input"
   >
     <div
-      class="pf-v5-c-input-group"
+      class="pf-v6-c-input-group"
     >
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <button
           aria-disabled="false"
           aria-label="Minus"
-          class="pf-v5-c-button pf-m-control"
+          class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-7"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
         >
           <span
-            class="pf-v5-c-number-input__icon"
+            class="pf-v6-c-number-input__icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -1217,10 +1217,10 @@ exports[`numberInput renders warning validated 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <span
-          class="pf-v5-c-form-control pf-m-readonly pf-m-warning"
+          class="pf-v6-c-form-control pf-m-readonly pf-m-warning"
         >
           <input
             aria-invalid="false"
@@ -1233,14 +1233,14 @@ exports[`numberInput renders warning validated 1`] = `
             value="0"
           />
           <span
-            class="pf-v5-c-form-control__utilities"
+            class="pf-v6-c-form-control__utilities"
           >
             <span
-              class="pf-v5-c-form-control__icon pf-m-status"
+              class="pf-v6-c-form-control__icon pf-m-status"
             >
               <svg
                 aria-hidden="true"
-                class="pf-v5-svg"
+                class="pf-v6-svg"
                 fill="currentColor"
                 height="1em"
                 role="img"
@@ -1256,23 +1256,23 @@ exports[`numberInput renders warning validated 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-input-group__item"
+        class="pf-v6-c-input-group__item"
       >
         <button
           aria-disabled="false"
           aria-label="Plus"
-          class="pf-v5-c-button pf-m-control"
+          class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-8"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
         >
           <span
-            class="pf-v5-c-number-input__icon"
+            class="pf-v6-c-number-input__icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"