@patternfly/react-core 5.0.0-alpha.9 → 5.0.0-alpha.91

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

@@ -3,15 +3,15 @@
 exports[`numberInput disables lower threshold 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-number-input"
+    class="pf-v5-c-number-input"
   >
     <div
-      class="pf-c-input-group"
+      class="pf-v5-c-input-group"
     >
       <button
         aria-disabled="true"
         aria-label="Minus"
-        class="pf-c-button pf-m-control pf-m-disabled"
+        class="pf-v5-c-button pf-m-control pf-m-disabled"
         data-ouia-component-id="OUIA-Generated-Button-control-13"
         data-ouia-component-type="PF4/Button"
         data-ouia-safe="true"
@@ -19,16 +19,14 @@ exports[`numberInput disables lower threshold 1`] = `
         type="button"
       >
         <span
-          class="pf-c-number-input__icon"
+          class="pf-v5-c-number-input__icon"
         >
           <svg
             aria-hidden="true"
+            class="pf-v5-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
@@ -39,7 +37,7 @@ exports[`numberInput disables lower threshold 1`] = `
       <input
         aria-invalid="false"
         aria-label="Input"
-        class="pf-c-form-control"
+        class="pf-v5-c-form-control"
         data-ouia-component-id="OUIA-Generated-TextInputBase-7"
         data-ouia-component-type="PF4/TextInput"
         data-ouia-safe="true"
@@ -50,23 +48,21 @@ exports[`numberInput disables lower threshold 1`] = `
       <button
         aria-disabled="false"
         aria-label="Plus"
-        class="pf-c-button pf-m-control"
+        class="pf-v5-c-button pf-m-control"
         data-ouia-component-id="OUIA-Generated-Button-control-14"
         data-ouia-component-type="PF4/Button"
         data-ouia-safe="true"
         type="button"
       >
         <span
-          class="pf-c-number-input__icon"
+          class="pf-v5-c-number-input__icon"
         >
           <svg
             aria-hidden="true"
+            class="pf-v5-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
@@ -82,31 +78,29 @@ exports[`numberInput disables lower threshold 1`] = `
 exports[`numberInput disables upper threshold 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-number-input"
+    class="pf-v5-c-number-input"
   >
     <div
-      class="pf-c-input-group"
+      class="pf-v5-c-input-group"
     >
       <button
         aria-disabled="false"
         aria-label="Minus"
-        class="pf-c-button pf-m-control"
+        class="pf-v5-c-button pf-m-control"
         data-ouia-component-id="OUIA-Generated-Button-control-15"
         data-ouia-component-type="PF4/Button"
         data-ouia-safe="true"
         type="button"
       >
         <span
-          class="pf-c-number-input__icon"
+          class="pf-v5-c-number-input__icon"
         >
           <svg
             aria-hidden="true"
+            class="pf-v5-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
@@ -117,7 +111,7 @@ exports[`numberInput disables upper threshold 1`] = `
       <input
         aria-invalid="false"
         aria-label="Input"
-        class="pf-c-form-control"
+        class="pf-v5-c-form-control"
         data-ouia-component-id="OUIA-Generated-TextInputBase-8"
         data-ouia-component-type="PF4/TextInput"
         data-ouia-safe="true"
@@ -128,7 +122,7 @@ exports[`numberInput disables upper threshold 1`] = `
       <button
         aria-disabled="true"
         aria-label="Plus"
-        class="pf-c-button pf-m-control pf-m-disabled"
+        class="pf-v5-c-button pf-m-control pf-m-disabled"
         data-ouia-component-id="OUIA-Generated-Button-control-16"
         data-ouia-component-type="PF4/Button"
         data-ouia-safe="true"
@@ -136,16 +130,14 @@ exports[`numberInput disables upper threshold 1`] = `
         type="button"
       >
         <span
-          class="pf-c-number-input__icon"
+          class="pf-v5-c-number-input__icon"
         >
           <svg
             aria-hidden="true"
+            class="pf-v5-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
@@ -161,15 +153,15 @@ exports[`numberInput disables upper threshold 1`] = `
 exports[`numberInput passes button props successfully 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-number-input"
+    class="pf-v5-c-number-input"
   >
     <div
-      class="pf-c-input-group"
+      class="pf-v5-c-input-group"
     >
       <button
         aria-disabled="false"
         aria-label="Minus"
-        class="pf-c-button pf-m-control"
+        class="pf-v5-c-button pf-m-control"
         data-ouia-component-id="OUIA-Generated-Button-control-25"
         data-ouia-component-type="PF4/Button"
         data-ouia-safe="true"
@@ -177,16 +169,14 @@ exports[`numberInput passes button props successfully 1`] = `
         type="button"
       >
         <span
-          class="pf-c-number-input__icon"
+          class="pf-v5-c-number-input__icon"
         >
           <svg
             aria-hidden="true"
+            class="pf-v5-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
@@ -197,7 +187,7 @@ exports[`numberInput passes button props successfully 1`] = `
       <input
         aria-invalid="false"
         aria-label="Input"
-        class="pf-c-form-control"
+        class="pf-v5-c-form-control"
         data-ouia-component-id="OUIA-Generated-TextInputBase-13"
         data-ouia-component-type="PF4/TextInput"
         data-ouia-safe="true"
@@ -208,7 +198,7 @@ exports[`numberInput passes button props successfully 1`] = `
       <button
         aria-disabled="false"
         aria-label="Plus"
-        class="pf-c-button pf-m-control"
+        class="pf-v5-c-button pf-m-control"
         data-ouia-component-id="OUIA-Generated-Button-control-26"
         data-ouia-component-type="PF4/Button"
         data-ouia-safe="true"
@@ -216,16 +206,14 @@ exports[`numberInput passes button props successfully 1`] = `
         type="button"
       >
         <span
-          class="pf-c-number-input__icon"
+          class="pf-v5-c-number-input__icon"
         >
           <svg
             aria-hidden="true"
+            class="pf-v5-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
@@ -241,31 +229,29 @@ exports[`numberInput passes button props successfully 1`] = `
 exports[`numberInput passes input props successfully 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-number-input"
+    class="pf-v5-c-number-input"
   >
     <div
-      class="pf-c-input-group"
+      class="pf-v5-c-input-group"
     >
       <button
         aria-disabled="false"
         aria-label="Minus"
-        class="pf-c-button pf-m-control"
+        class="pf-v5-c-button pf-m-control"
         data-ouia-component-id="OUIA-Generated-Button-control-23"
         data-ouia-component-type="PF4/Button"
         data-ouia-safe="true"
         type="button"
       >
         <span
-          class="pf-c-number-input__icon"
+          class="pf-v5-c-number-input__icon"
         >
           <svg
             aria-hidden="true"
+            class="pf-v5-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
@@ -276,7 +262,7 @@ exports[`numberInput passes input props successfully 1`] = `
       <input
         aria-invalid="false"
         aria-label="Input"
-        class="pf-c-form-control"
+        class="pf-v5-c-form-control"
         data-ouia-component-id="OUIA-Generated-TextInputBase-12"
         data-ouia-component-type="PF4/TextInput"
         data-ouia-safe="true"
@@ -287,23 +273,21 @@ exports[`numberInput passes input props successfully 1`] = `
       <button
         aria-disabled="false"
         aria-label="Plus"
-        class="pf-c-button pf-m-control"
+        class="pf-v5-c-button pf-m-control"
         data-ouia-component-id="OUIA-Generated-Button-control-24"
         data-ouia-component-type="PF4/Button"
         data-ouia-safe="true"
         type="button"
       >
         <span
-          class="pf-c-number-input__icon"
+          class="pf-v5-c-number-input__icon"
         >
           <svg
             aria-hidden="true"
+            class="pf-v5-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
@@ -319,32 +303,30 @@ exports[`numberInput passes input props successfully 1`] = `
 exports[`numberInput renders custom width 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-number-input"
-    style="--pf-c-number-input--c-form-control--width-chars: 10;"
+    class="pf-v5-c-number-input"
+    style="--pf-v5-c-number-input--c-form-control--width-chars: 10;"
   >
     <div
-      class="pf-c-input-group"
+      class="pf-v5-c-input-group"
     >
       <button
         aria-disabled="false"
         aria-label="Minus"
-        class="pf-c-button pf-m-control"
+        class="pf-v5-c-button pf-m-control"
         data-ouia-component-id="OUIA-Generated-Button-control-21"
         data-ouia-component-type="PF4/Button"
         data-ouia-safe="true"
         type="button"
       >
         <span
-          class="pf-c-number-input__icon"
+          class="pf-v5-c-number-input__icon"
         >
           <svg
             aria-hidden="true"
+            class="pf-v5-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
@@ -355,7 +337,7 @@ exports[`numberInput renders custom width 1`] = `
       <input
         aria-invalid="false"
         aria-label="Input"
-        class="pf-c-form-control"
+        class="pf-v5-c-form-control"
         data-ouia-component-id="OUIA-Generated-TextInputBase-11"
         data-ouia-component-type="PF4/TextInput"
         data-ouia-safe="true"
@@ -366,23 +348,21 @@ exports[`numberInput renders custom width 1`] = `
       <button
         aria-disabled="false"
         aria-label="Plus"
-        class="pf-c-button pf-m-control"
+        class="pf-v5-c-button pf-m-control"
         data-ouia-component-id="OUIA-Generated-Button-control-22"
         data-ouia-component-type="PF4/Button"
         data-ouia-safe="true"
         type="button"
       >
         <span
-          class="pf-c-number-input__icon"
+          class="pf-v5-c-number-input__icon"
         >
           <svg
             aria-hidden="true"
+            class="pf-v5-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
@@ -398,32 +378,30 @@ exports[`numberInput renders custom width 1`] = `
 exports[`numberInput renders defaults & extra props 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-number-input custom"
+    class="pf-v5-c-number-input custom"
     id="numberInput1"
   >
     <div
-      class="pf-c-input-group"
+      class="pf-v5-c-input-group"
     >
       <button
         aria-disabled="false"
         aria-label="Minus"
-        class="pf-c-button pf-m-control"
+        class="pf-v5-c-button pf-m-control"
         data-ouia-component-id="OUIA-Generated-Button-control-1"
         data-ouia-component-type="PF4/Button"
         data-ouia-safe="true"
         type="button"
       >
         <span
-          class="pf-c-number-input__icon"
+          class="pf-v5-c-number-input__icon"
         >
           <svg
             aria-hidden="true"
+            class="pf-v5-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
@@ -434,7 +412,7 @@ exports[`numberInput renders defaults & extra props 1`] = `
       <input
         aria-invalid="false"
         aria-label="Input"
-        class="pf-c-form-control"
+        class="pf-v5-c-form-control"
         data-ouia-component-id="OUIA-Generated-TextInputBase-1"
         data-ouia-component-type="PF4/TextInput"
         data-ouia-safe="true"
@@ -445,23 +423,21 @@ exports[`numberInput renders defaults & extra props 1`] = `
       <button
         aria-disabled="false"
         aria-label="Plus"
-        class="pf-c-button pf-m-control"
+        class="pf-v5-c-button pf-m-control"
         data-ouia-component-id="OUIA-Generated-Button-control-2"
         data-ouia-component-type="PF4/Button"
         data-ouia-safe="true"
         type="button"
       >
         <span
-          class="pf-c-number-input__icon"
+          class="pf-v5-c-number-input__icon"
         >
           <svg
             aria-hidden="true"
+            class="pf-v5-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
@@ -477,15 +453,15 @@ exports[`numberInput renders defaults & extra props 1`] = `
 exports[`numberInput renders disabled 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-number-input"
+    class="pf-v5-c-number-input"
   >
     <div
-      class="pf-c-input-group"
+      class="pf-v5-c-input-group"
     >
       <button
         aria-disabled="true"
         aria-label="Minus"
-        class="pf-c-button pf-m-control pf-m-disabled"
+        class="pf-v5-c-button pf-m-control pf-m-disabled"
         data-ouia-component-id="OUIA-Generated-Button-control-11"
         data-ouia-component-type="PF4/Button"
         data-ouia-safe="true"
@@ -493,16 +469,14 @@ exports[`numberInput renders disabled 1`] = `
         type="button"
       >
         <span
-          class="pf-c-number-input__icon"
+          class="pf-v5-c-number-input__icon"
         >
           <svg
             aria-hidden="true"
+            class="pf-v5-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
@@ -513,7 +487,7 @@ exports[`numberInput renders disabled 1`] = `
       <input
         aria-invalid="false"
         aria-label="Input"
-        class="pf-c-form-control"
+        class="pf-v5-c-form-control"
         data-ouia-component-id="OUIA-Generated-TextInputBase-6"
         data-ouia-component-type="PF4/TextInput"
         data-ouia-safe="true"
@@ -525,7 +499,7 @@ exports[`numberInput renders disabled 1`] = `
       <button
         aria-disabled="true"
         aria-label="Plus"
-        class="pf-c-button pf-m-control pf-m-disabled"
+        class="pf-v5-c-button pf-m-control pf-m-disabled"
         data-ouia-component-id="OUIA-Generated-Button-control-12"
         data-ouia-component-type="PF4/Button"
         data-ouia-safe="true"
@@ -533,16 +507,14 @@ exports[`numberInput renders disabled 1`] = `
         type="button"
       >
         <span
-          class="pf-c-number-input__icon"
+          class="pf-v5-c-number-input__icon"
         >
           <svg
             aria-hidden="true"
+            class="pf-v5-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
@@ -558,31 +530,29 @@ exports[`numberInput renders disabled 1`] = `
 exports[`numberInput renders error validated 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-number-input pf-m-status"
+    class="pf-v5-c-number-input pf-m-status"
   >
     <div
-      class="pf-c-input-group"
+      class="pf-v5-c-input-group"
     >
       <button
         aria-disabled="false"
         aria-label="Minus"
-        class="pf-c-button pf-m-control"
+        class="pf-v5-c-button pf-m-control"
         data-ouia-component-id="OUIA-Generated-Button-control-5"
         data-ouia-component-type="PF4/Button"
         data-ouia-safe="true"
         type="button"
       >
         <span
-          class="pf-c-number-input__icon"
+          class="pf-v5-c-number-input__icon"
         >
           <svg
             aria-hidden="true"
+            class="pf-v5-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
@@ -593,7 +563,7 @@ exports[`numberInput renders error validated 1`] = `
       <input
         aria-invalid="true"
         aria-label="Input"
-        class="pf-c-form-control"
+        class="pf-v5-c-form-control"
         data-ouia-component-id="OUIA-Generated-TextInputBase-3"
         data-ouia-component-type="PF4/TextInput"
         data-ouia-safe="true"
@@ -604,23 +574,21 @@ exports[`numberInput renders error validated 1`] = `
       <button
         aria-disabled="false"
         aria-label="Plus"
-        class="pf-c-button pf-m-control"
+        class="pf-v5-c-button pf-m-control"
         data-ouia-component-id="OUIA-Generated-Button-control-6"
         data-ouia-component-type="PF4/Button"
         data-ouia-safe="true"
         type="button"
       >
         <span
-          class="pf-c-number-input__icon"
+          class="pf-v5-c-number-input__icon"
         >
           <svg
             aria-hidden="true"
+            class="pf-v5-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
@@ -636,31 +604,29 @@ exports[`numberInput renders error validated 1`] = `
 exports[`numberInput renders success validated 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-number-input pf-m-status"
+    class="pf-v5-c-number-input pf-m-status"
   >
     <div
-      class="pf-c-input-group"
+      class="pf-v5-c-input-group"
     >
       <button
         aria-disabled="false"
         aria-label="Minus"
-        class="pf-c-button pf-m-control"
+        class="pf-v5-c-button pf-m-control"
         data-ouia-component-id="OUIA-Generated-Button-control-3"
         data-ouia-component-type="PF4/Button"
         data-ouia-safe="true"
         type="button"
       >
         <span
-          class="pf-c-number-input__icon"
+          class="pf-v5-c-number-input__icon"
         >
           <svg
             aria-hidden="true"
+            class="pf-v5-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
@@ -671,7 +637,7 @@ exports[`numberInput renders success validated 1`] = `
       <input
         aria-invalid="false"
         aria-label="Input"
-        class="pf-c-form-control pf-m-success"
+        class="pf-v5-c-form-control pf-m-success"
         data-ouia-component-id="OUIA-Generated-TextInputBase-2"
         data-ouia-component-type="PF4/TextInput"
         data-ouia-safe="true"
@@ -682,23 +648,21 @@ exports[`numberInput renders success validated 1`] = `
       <button
         aria-disabled="false"
         aria-label="Plus"
-        class="pf-c-button pf-m-control"
+        class="pf-v5-c-button pf-m-control"
         data-ouia-component-id="OUIA-Generated-Button-control-4"
         data-ouia-component-type="PF4/Button"
         data-ouia-safe="true"
         type="button"
       >
         <span
-          class="pf-c-number-input__icon"
+          class="pf-v5-c-number-input__icon"
         >
           <svg
             aria-hidden="true"
+            class="pf-v5-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
@@ -714,36 +678,34 @@ exports[`numberInput renders success validated 1`] = `
 exports[`numberInput renders unit & position 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-number-input"
+    class="pf-v5-c-number-input"
   >
     <div
-      class="pf-c-number-input__unit"
+      class="pf-v5-c-number-input__unit"
     >
       $
     </div>
     <div
-      class="pf-c-input-group"
+      class="pf-v5-c-input-group"
     >
       <button
         aria-disabled="false"
         aria-label="Minus"
-        class="pf-c-button pf-m-control"
+        class="pf-v5-c-button pf-m-control"
         data-ouia-component-id="OUIA-Generated-Button-control-19"
         data-ouia-component-type="PF4/Button"
         data-ouia-safe="true"
         type="button"
       >
         <span
-          class="pf-c-number-input__icon"
+          class="pf-v5-c-number-input__icon"
         >
           <svg
             aria-hidden="true"
+            class="pf-v5-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
@@ -754,7 +716,7 @@ exports[`numberInput renders unit & position 1`] = `
       <input
         aria-invalid="false"
         aria-label="Input"
-        class="pf-c-form-control"
+        class="pf-v5-c-form-control"
         data-ouia-component-id="OUIA-Generated-TextInputBase-10"
         data-ouia-component-type="PF4/TextInput"
         data-ouia-safe="true"
@@ -765,23 +727,21 @@ exports[`numberInput renders unit & position 1`] = `
       <button
         aria-disabled="false"
         aria-label="Plus"
-        class="pf-c-button pf-m-control"
+        class="pf-v5-c-button pf-m-control"
         data-ouia-component-id="OUIA-Generated-Button-control-20"
         data-ouia-component-type="PF4/Button"
         data-ouia-safe="true"
         type="button"
       >
         <span
-          class="pf-c-number-input__icon"
+          class="pf-v5-c-number-input__icon"
         >
           <svg
             aria-hidden="true"
+            class="pf-v5-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
@@ -797,31 +757,29 @@ exports[`numberInput renders unit & position 1`] = `
 exports[`numberInput renders unit 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-number-input"
+    class="pf-v5-c-number-input"
   >
     <div
-      class="pf-c-input-group"
+      class="pf-v5-c-input-group"
     >
       <button
         aria-disabled="false"
         aria-label="Minus"
-        class="pf-c-button pf-m-control"
+        class="pf-v5-c-button pf-m-control"
         data-ouia-component-id="OUIA-Generated-Button-control-17"
         data-ouia-component-type="PF4/Button"
         data-ouia-safe="true"
         type="button"
       >
         <span
-          class="pf-c-number-input__icon"
+          class="pf-v5-c-number-input__icon"
         >
           <svg
             aria-hidden="true"
+            class="pf-v5-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
@@ -832,7 +790,7 @@ exports[`numberInput renders unit 1`] = `
       <input
         aria-invalid="false"
         aria-label="Input"
-        class="pf-c-form-control"
+        class="pf-v5-c-form-control"
         data-ouia-component-id="OUIA-Generated-TextInputBase-9"
         data-ouia-component-type="PF4/TextInput"
         data-ouia-safe="true"
@@ -843,23 +801,21 @@ exports[`numberInput renders unit 1`] = `
       <button
         aria-disabled="false"
         aria-label="Plus"
-        class="pf-c-button pf-m-control"
+        class="pf-v5-c-button pf-m-control"
         data-ouia-component-id="OUIA-Generated-Button-control-18"
         data-ouia-component-type="PF4/Button"
         data-ouia-safe="true"
         type="button"
       >
         <span
-          class="pf-c-number-input__icon"
+          class="pf-v5-c-number-input__icon"
         >
           <svg
             aria-hidden="true"
+            class="pf-v5-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
@@ -869,7 +825,7 @@ exports[`numberInput renders unit 1`] = `
       </button>
     </div>
     <div
-      class="pf-c-number-input__unit"
+      class="pf-v5-c-number-input__unit"
     >
       %
     </div>
@@ -880,31 +836,29 @@ exports[`numberInput renders unit 1`] = `
 exports[`numberInput renders value 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-number-input"
+    class="pf-v5-c-number-input"
   >
     <div
-      class="pf-c-input-group"
+      class="pf-v5-c-input-group"
     >
       <button
         aria-disabled="false"
         aria-label="Minus"
-        class="pf-c-button pf-m-control"
+        class="pf-v5-c-button pf-m-control"
         data-ouia-component-id="OUIA-Generated-Button-control-9"
         data-ouia-component-type="PF4/Button"
         data-ouia-safe="true"
         type="button"
       >
         <span
-          class="pf-c-number-input__icon"
+          class="pf-v5-c-number-input__icon"
         >
           <svg
             aria-hidden="true"
+            class="pf-v5-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
@@ -915,7 +869,7 @@ exports[`numberInput renders value 1`] = `
       <input
         aria-invalid="false"
         aria-label="Input"
-        class="pf-c-form-control"
+        class="pf-v5-c-form-control"
         data-ouia-component-id="OUIA-Generated-TextInputBase-5"
         data-ouia-component-type="PF4/TextInput"
         data-ouia-safe="true"
@@ -926,23 +880,21 @@ exports[`numberInput renders value 1`] = `
       <button
         aria-disabled="false"
         aria-label="Plus"
-        class="pf-c-button pf-m-control"
+        class="pf-v5-c-button pf-m-control"
         data-ouia-component-id="OUIA-Generated-Button-control-10"
         data-ouia-component-type="PF4/Button"
         data-ouia-safe="true"
         type="button"
       >
         <span
-          class="pf-c-number-input__icon"
+          class="pf-v5-c-number-input__icon"
         >
           <svg
             aria-hidden="true"
+            class="pf-v5-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
@@ -958,31 +910,29 @@ exports[`numberInput renders value 1`] = `
 exports[`numberInput renders warning validated 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-number-input pf-m-status"
+    class="pf-v5-c-number-input pf-m-status"
   >
     <div
-      class="pf-c-input-group"
+      class="pf-v5-c-input-group"
     >
       <button
         aria-disabled="false"
         aria-label="Minus"
-        class="pf-c-button pf-m-control"
+        class="pf-v5-c-button pf-m-control"
         data-ouia-component-id="OUIA-Generated-Button-control-7"
         data-ouia-component-type="PF4/Button"
         data-ouia-safe="true"
         type="button"
       >
         <span
-          class="pf-c-number-input__icon"
+          class="pf-v5-c-number-input__icon"
         >
           <svg
             aria-hidden="true"
+            class="pf-v5-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
@@ -993,7 +943,7 @@ exports[`numberInput renders warning validated 1`] = `
       <input
         aria-invalid="false"
         aria-label="Input"
-        class="pf-c-form-control pf-m-warning"
+        class="pf-v5-c-form-control pf-m-warning"
         data-ouia-component-id="OUIA-Generated-TextInputBase-4"
         data-ouia-component-type="PF4/TextInput"
         data-ouia-safe="true"
@@ -1004,23 +954,21 @@ exports[`numberInput renders warning validated 1`] = `
       <button
         aria-disabled="false"
         aria-label="Plus"
-        class="pf-c-button pf-m-control"
+        class="pf-v5-c-button pf-m-control"
         data-ouia-component-id="OUIA-Generated-Button-control-8"
         data-ouia-component-type="PF4/Button"
         data-ouia-safe="true"
         type="button"
       >
         <span
-          class="pf-c-number-input__icon"
+          class="pf-v5-c-number-input__icon"
         >
           <svg
             aria-hidden="true"
+            class="pf-v5-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"