@patternfly/react-core 5.0.0-alpha.90 → 5.0.0-alpha.92

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

@@ -6,23 +6,23 @@ exports[`SearchInput advanced search 1`] = `
     class=""
   >
     <div
-      class="pf-c-input-group"
+      class="pf-v5-c-input-group"
     >
       <div
-        class="pf-c-text-input-group"
+        class="pf-v5-c-text-input-group"
       >
         <div
-          class="pf-c-text-input-group__main pf-m-icon"
+          class="pf-v5-c-text-input-group__main pf-m-icon"
         >
           <span
-            class="pf-c-text-input-group__text"
+            class="pf-v5-c-text-input-group__text"
           >
             <span
-              class="pf-c-text-input-group__icon"
+              class="pf-v5-c-text-input-group__icon"
             >
               <svg
                 aria-hidden="true"
-                class="pf-svg"
+                class="pf-v5-svg"
                 fill="currentColor"
                 role="img"
                 viewBox="0 0 512 512"
@@ -34,19 +34,19 @@ exports[`SearchInput advanced search 1`] = `
             </span>
             <input
               aria-label="Search input"
-              class="pf-c-text-input-group__text-input"
+              class="pf-v5-c-text-input-group__text-input"
               type="text"
               value="username:player firstname:john"
             />
           </span>
         </div>
         <div
-          class="pf-c-text-input-group__utilities"
+          class="pf-v5-c-text-input-group__utilities"
         >
           <button
             aria-disabled="false"
             aria-label="Reset"
-            class="pf-c-button pf-m-plain"
+            class="pf-v5-c-button pf-m-plain"
             data-ouia-component-id="OUIA-Generated-Button-plain-17"
             data-ouia-component-type="PF4/Button"
             data-ouia-safe="true"
@@ -54,7 +54,7 @@ exports[`SearchInput advanced search 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="pf-svg"
+              class="pf-v5-svg"
               fill="currentColor"
               role="img"
               viewBox="0 0 352 512"
@@ -70,7 +70,7 @@ exports[`SearchInput advanced search 1`] = `
         aria-disabled="false"
         aria-expanded="false"
         aria-label="Open advanced search"
-        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"
@@ -78,7 +78,7 @@ exports[`SearchInput advanced search 1`] = `
       >
         <svg
           aria-hidden="true"
-          class="pf-svg"
+          class="pf-v5-svg"
           fill="currentColor"
           role="img"
           viewBox="0 0 320 512"
@@ -91,7 +91,7 @@ exports[`SearchInput advanced search 1`] = `
       <button
         aria-disabled="false"
         aria-label="Search"
-        class="pf-c-button pf-m-control"
+        class="pf-v5-c-button pf-m-control"
         data-ouia-component-id="OUIA-Generated-Button-control-11"
         data-ouia-component-type="PF4/Button"
         data-ouia-safe="true"
@@ -99,7 +99,7 @@ exports[`SearchInput advanced search 1`] = `
       >
         <svg
           aria-hidden="true"
-          class="pf-svg"
+          class="pf-v5-svg"
           fill="currentColor"
           role="img"
           viewBox="0 0 448 512"
@@ -121,23 +121,23 @@ exports[`SearchInput advanced search with custom attributes 1`] = `
     data-testid="test-id"
   >
     <div
-      class="pf-c-input-group"
+      class="pf-v5-c-input-group"
     >
       <div
-        class="pf-c-text-input-group"
+        class="pf-v5-c-text-input-group"
       >
         <div
-          class="pf-c-text-input-group__main pf-m-icon"
+          class="pf-v5-c-text-input-group__main pf-m-icon"
         >
           <span
-            class="pf-c-text-input-group__text"
+            class="pf-v5-c-text-input-group__text"
           >
             <span
-              class="pf-c-text-input-group__icon"
+              class="pf-v5-c-text-input-group__icon"
             >
               <svg
                 aria-hidden="true"
-                class="pf-svg"
+                class="pf-v5-svg"
                 fill="currentColor"
                 role="img"
                 viewBox="0 0 512 512"
@@ -149,19 +149,19 @@ exports[`SearchInput advanced search with custom attributes 1`] = `
             </span>
             <input
               aria-label="Search input"
-              class="pf-c-text-input-group__text-input"
+              class="pf-v5-c-text-input-group__text-input"
               type="text"
               value="username:player firstname:john"
             />
           </span>
         </div>
         <div
-          class="pf-c-text-input-group__utilities"
+          class="pf-v5-c-text-input-group__utilities"
         >
           <button
             aria-disabled="false"
             aria-label="Reset"
-            class="pf-c-button pf-m-plain"
+            class="pf-v5-c-button pf-m-plain"
             data-ouia-component-id="OUIA-Generated-Button-plain-18"
             data-ouia-component-type="PF4/Button"
             data-ouia-safe="true"
@@ -169,7 +169,7 @@ exports[`SearchInput advanced search with custom attributes 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="pf-svg"
+              class="pf-v5-svg"
               fill="currentColor"
               role="img"
               viewBox="0 0 352 512"
@@ -185,7 +185,7 @@ exports[`SearchInput advanced search with custom attributes 1`] = `
         aria-disabled="false"
         aria-expanded="true"
         aria-label="Open advanced search"
-        class="pf-c-button pf-m-control pf-m-expanded"
+        class="pf-v5-c-button pf-m-control pf-m-expanded"
         data-ouia-component-id="OUIA-Generated-Button-control-12"
         data-ouia-component-type="PF4/Button"
         data-ouia-safe="true"
@@ -193,7 +193,7 @@ exports[`SearchInput advanced search with custom attributes 1`] = `
       >
         <svg
           aria-hidden="true"
-          class="pf-svg"
+          class="pf-v5-svg"
           fill="currentColor"
           role="img"
           viewBox="0 0 320 512"
@@ -206,7 +206,7 @@ exports[`SearchInput advanced search with custom attributes 1`] = `
       <button
         aria-disabled="false"
         aria-label="Search"
-        class="pf-c-button pf-m-control"
+        class="pf-v5-c-button pf-m-control"
         data-ouia-component-id="OUIA-Generated-Button-control-13"
         data-ouia-component-type="PF4/Button"
         data-ouia-safe="true"
@@ -214,7 +214,7 @@ exports[`SearchInput advanced search with custom attributes 1`] = `
       >
         <svg
           aria-hidden="true"
-          class="pf-svg"
+          class="pf-v5-svg"
           fill="currentColor"
           role="img"
           viewBox="0 0 448 512"
@@ -233,30 +233,30 @@ exports[`SearchInput advanced search with custom attributes 1`] = `
       style="position: absolute; top: 0px; left: 0px; transform: translate(0px, 0px); min-width: 0px; z-index: 9999;"
     >
       <div
-        class="pf-c-panel pf-m-raised"
+        class="pf-v5-c-panel pf-m-raised"
       >
         <div
-          class="pf-c-panel__main"
+          class="pf-v5-c-panel__main"
         >
           <div
-            class="pf-c-panel__main-body"
+            class="pf-v5-c-panel__main-body"
           >
             <form
-              class="pf-c-form"
+              class="pf-v5-c-form"
               novalidate=""
             >
               <div
-                class="pf-c-form__group"
+                class="pf-v5-c-form__group"
               >
                 <div
-                  class="pf-c-form__group-label"
+                  class="pf-v5-c-form__group-label"
                 >
                   <label
-                    class="pf-c-form__label"
+                    class="pf-v5-c-form__label"
                     for="username_0"
                   >
                     <span
-                      class="pf-c-form__label-text"
+                      class="pf-v5-c-form__label-text"
                     >
                       Username
                     </span>
@@ -264,11 +264,11 @@ exports[`SearchInput advanced search with custom attributes 1`] = `
                    
                 </div>
                 <div
-                  class="pf-c-form__group-control"
+                  class="pf-v5-c-form__group-control"
                 >
                   <input
                     aria-invalid="false"
-                    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"
@@ -279,17 +279,17 @@ exports[`SearchInput advanced search with custom attributes 1`] = `
                 </div>
               </div>
               <div
-                class="pf-c-form__group"
+                class="pf-v5-c-form__group"
               >
                 <div
-                  class="pf-c-form__group-label"
+                  class="pf-v5-c-form__group-label"
                 >
                   <label
-                    class="pf-c-form__label"
+                    class="pf-v5-c-form__label"
                     for="firstname_1"
                   >
                     <span
-                      class="pf-c-form__label-text"
+                      class="pf-v5-c-form__label-text"
                     >
                       First name
                     </span>
@@ -297,11 +297,11 @@ exports[`SearchInput advanced search with custom attributes 1`] = `
                    
                 </div>
                 <div
-                  class="pf-c-form__group-control"
+                  class="pf-v5-c-form__group-control"
                 >
                   <input
                     aria-invalid="false"
-                    class="pf-c-form-control"
+                    class="pf-v5-c-form-control"
                     data-ouia-component-id="OUIA-Generated-TextInputBase-2"
                     data-ouia-component-type="PF4/TextInput"
                     data-ouia-safe="true"
@@ -312,17 +312,17 @@ exports[`SearchInput advanced search with custom attributes 1`] = `
                 </div>
               </div>
               <div
-                class="pf-c-form__group"
+                class="pf-v5-c-form__group"
               >
                 <div
-                  class="pf-c-form__group-label"
+                  class="pf-v5-c-form__group-label"
                 >
                   <label
-                    class="pf-c-form__label"
+                    class="pf-v5-c-form__label"
                     for="pf-random-id-2"
                   >
                     <span
-                      class="pf-c-form__label-text"
+                      class="pf-v5-c-form__label-text"
                     >
                       Has words
                     </span>
@@ -330,11 +330,11 @@ exports[`SearchInput advanced search with custom attributes 1`] = `
                    
                 </div>
                 <div
-                  class="pf-c-form__group-control"
+                  class="pf-v5-c-form__group-control"
                 >
                   <input
                     aria-invalid="false"
-                    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"
@@ -345,14 +345,14 @@ exports[`SearchInput advanced search with custom attributes 1`] = `
                 </div>
               </div>
               <div
-                class="pf-c-form__group"
+                class="pf-v5-c-form__group"
               >
                 <div
-                  class="pf-c-form__group-control"
+                  class="pf-v5-c-form__group-control"
                 >
                   <button
                     aria-disabled="false"
-                    class="pf-c-button pf-m-link pf-m-inline"
+                    class="pf-v5-c-button pf-m-link pf-m-inline"
                     data-ouia-component-id="OUIA-Generated-Button-link-1"
                     data-ouia-component-type="PF4/Button"
                     data-ouia-safe="true"
@@ -360,11 +360,11 @@ exports[`SearchInput advanced search with custom attributes 1`] = `
                   >
                     Link
                     <span
-                      class="pf-c-button__icon pf-m-end"
+                      class="pf-v5-c-button__icon pf-m-end"
                     >
                       <svg
                         aria-hidden="true"
-                        class="pf-svg"
+                        class="pf-v5-svg"
                         fill="currentColor"
                         role="img"
                         viewBox="0 0 448 512"
@@ -378,17 +378,17 @@ exports[`SearchInput advanced search with custom attributes 1`] = `
                 </div>
               </div>
               <div
-                class="pf-c-form__group pf-m-action"
+                class="pf-v5-c-form__group pf-m-action"
               >
                 <div
-                  class="pf-c-form__group-control"
+                  class="pf-v5-c-form__group-control"
                 >
                   <div
-                    class="pf-c-form__actions"
+                    class="pf-v5-c-form__actions"
                   >
                     <button
                       aria-disabled="false"
-                      class="pf-c-button pf-m-primary"
+                      class="pf-v5-c-button pf-m-primary"
                       data-ouia-component-id="OUIA-Generated-Button-primary-1"
                       data-ouia-component-type="PF4/Button"
                       data-ouia-safe="true"
@@ -398,7 +398,7 @@ exports[`SearchInput advanced search with custom attributes 1`] = `
                     </button>
                     <button
                       aria-disabled="false"
-                      class="pf-c-button pf-m-link"
+                      class="pf-v5-c-button pf-m-link"
                       data-ouia-component-id="OUIA-Generated-Button-link-2"
                       data-ouia-component-type="PF4/Button"
                       data-ouia-safe="true"
@@ -424,23 +424,23 @@ exports[`SearchInput renders search input in strict mode 1`] = `
     class=""
   >
     <div
-      class="pf-c-input-group"
+      class="pf-v5-c-input-group"
     >
       <div
-        class="pf-c-text-input-group"
+        class="pf-v5-c-text-input-group"
       >
         <div
-          class="pf-c-text-input-group__main pf-m-icon"
+          class="pf-v5-c-text-input-group__main pf-m-icon"
         >
           <span
-            class="pf-c-text-input-group__text"
+            class="pf-v5-c-text-input-group__text"
           >
             <span
-              class="pf-c-text-input-group__icon"
+              class="pf-v5-c-text-input-group__icon"
             >
               <svg
                 aria-hidden="true"
-                class="pf-svg"
+                class="pf-v5-svg"
                 fill="currentColor"
                 role="img"
                 viewBox="0 0 512 512"
@@ -452,19 +452,19 @@ exports[`SearchInput renders search input in strict mode 1`] = `
             </span>
             <input
               aria-label="Search input"
-              class="pf-c-text-input-group__text-input"
+              class="pf-v5-c-text-input-group__text-input"
               type="text"
               value="username:player firstname:john"
             />
           </span>
         </div>
         <div
-          class="pf-c-text-input-group__utilities"
+          class="pf-v5-c-text-input-group__utilities"
         >
           <button
             aria-disabled="false"
             aria-label="Reset"
-            class="pf-c-button pf-m-plain"
+            class="pf-v5-c-button pf-m-plain"
             data-ouia-component-id="OUIA-Generated-Button-plain-11"
             data-ouia-component-type="PF4/Button"
             data-ouia-safe="true"
@@ -472,7 +472,7 @@ exports[`SearchInput renders search input in strict mode 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="pf-svg"
+              class="pf-v5-svg"
               fill="currentColor"
               role="img"
               viewBox="0 0 352 512"
@@ -488,7 +488,7 @@ exports[`SearchInput renders search input in strict mode 1`] = `
         aria-disabled="false"
         aria-expanded="false"
         aria-label="Open advanced search"
-        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"
@@ -496,7 +496,7 @@ exports[`SearchInput renders search input in strict mode 1`] = `
       >
         <svg
           aria-hidden="true"
-          class="pf-svg"
+          class="pf-v5-svg"
           fill="currentColor"
           role="img"
           viewBox="0 0 320 512"
@@ -509,7 +509,7 @@ exports[`SearchInput renders search input in strict mode 1`] = `
       <button
         aria-disabled="false"
         aria-label="Search"
-        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"
@@ -517,7 +517,7 @@ exports[`SearchInput renders search input in strict mode 1`] = `
       >
         <svg
           aria-hidden="true"
-          class="pf-svg"
+          class="pf-v5-svg"
           fill="currentColor"
           role="img"
           viewBox="0 0 448 512"
@@ -535,30 +535,30 @@ exports[`SearchInput renders search input in strict mode 1`] = `
 exports[`SearchInput search input with hint 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-input-group"
+    class="pf-v5-c-input-group"
   >
     <div
-      class="pf-c-text-input-group"
+      class="pf-v5-c-text-input-group"
     >
       <div
-        class="pf-c-text-input-group__main pf-m-icon"
+        class="pf-v5-c-text-input-group__main pf-m-icon"
       >
         <span
-          class="pf-c-text-input-group__text"
+          class="pf-v5-c-text-input-group__text"
         >
           <input
             aria-hidden="true"
-            class="pf-c-text-input-group__text-input pf-m-hint"
+            class="pf-v5-c-text-input-group__text-input pf-m-hint"
             disabled=""
             type="text"
             value="test hint"
           />
           <span
-            class="pf-c-text-input-group__icon"
+            class="pf-v5-c-text-input-group__icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-svg"
+              class="pf-v5-svg"
               fill="currentColor"
               role="img"
               viewBox="0 0 512 512"
@@ -570,22 +570,22 @@ exports[`SearchInput search input with hint 1`] = `
           </span>
           <input
             aria-label="simple text input"
-            class="pf-c-text-input-group__text-input"
+            class="pf-v5-c-text-input-group__text-input"
             type="text"
             value="test input"
           />
         </span>
       </div>
       <div
-        class="pf-c-text-input-group__utilities"
+        class="pf-v5-c-text-input-group__utilities"
       >
         <div
-          class="pf-c-text-input-group__group"
+          class="pf-v5-c-text-input-group__group"
         >
           <button
             aria-disabled="false"
             aria-label="Previous"
-            class="pf-c-button pf-m-plain"
+            class="pf-v5-c-button pf-m-plain"
             data-ouia-component-id="OUIA-Generated-Button-plain-4"
             data-ouia-component-type="PF4/Button"
             data-ouia-safe="true"
@@ -593,7 +593,7 @@ exports[`SearchInput search input with hint 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="pf-svg"
+              class="pf-v5-svg"
               fill="currentColor"
               role="img"
               viewBox="0 0 320 512"
@@ -606,7 +606,7 @@ exports[`SearchInput search input with hint 1`] = `
           <button
             aria-disabled="false"
             aria-label="Next"
-            class="pf-c-button pf-m-plain"
+            class="pf-v5-c-button pf-m-plain"
             data-ouia-component-id="OUIA-Generated-Button-plain-5"
             data-ouia-component-type="PF4/Button"
             data-ouia-safe="true"
@@ -614,7 +614,7 @@ exports[`SearchInput search input with hint 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="pf-svg"
+              class="pf-v5-svg"
               fill="currentColor"
               role="img"
               viewBox="0 0 320 512"
@@ -628,7 +628,7 @@ exports[`SearchInput search input with hint 1`] = `
         <button
           aria-disabled="false"
           aria-label="Reset"
-          class="pf-c-button pf-m-plain"
+          class="pf-v5-c-button pf-m-plain"
           data-ouia-component-id="OUIA-Generated-Button-plain-6"
           data-ouia-component-type="PF4/Button"
           data-ouia-safe="true"
@@ -636,7 +636,7 @@ exports[`SearchInput search input with hint 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-svg"
+            class="pf-v5-svg"
             fill="currentColor"
             role="img"
             viewBox="0 0 352 512"
@@ -651,7 +651,7 @@ exports[`SearchInput search input with hint 1`] = `
     <button
       aria-disabled="false"
       aria-label="Search"
-      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"
@@ -659,7 +659,7 @@ exports[`SearchInput search input with hint 1`] = `
     >
       <svg
         aria-hidden="true"
-        class="pf-svg"
+        class="pf-v5-svg"
         fill="currentColor"
         role="img"
         viewBox="0 0 448 512"
@@ -676,23 +676,23 @@ exports[`SearchInput search input with hint 1`] = `
 exports[`SearchInput simple search input 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-input-group"
+    class="pf-v5-c-input-group"
   >
     <div
-      class="pf-c-text-input-group"
+      class="pf-v5-c-text-input-group"
     >
       <div
-        class="pf-c-text-input-group__main pf-m-icon"
+        class="pf-v5-c-text-input-group__main pf-m-icon"
       >
         <span
-          class="pf-c-text-input-group__text"
+          class="pf-v5-c-text-input-group__text"
         >
           <span
-            class="pf-c-text-input-group__icon"
+            class="pf-v5-c-text-input-group__icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-svg"
+              class="pf-v5-svg"
               fill="currentColor"
               role="img"
               viewBox="0 0 512 512"
@@ -704,22 +704,22 @@ exports[`SearchInput simple search input 1`] = `
           </span>
           <input
             aria-label="simple text input"
-            class="pf-c-text-input-group__text-input"
+            class="pf-v5-c-text-input-group__text-input"
             type="text"
             value="test input"
           />
         </span>
       </div>
       <div
-        class="pf-c-text-input-group__utilities"
+        class="pf-v5-c-text-input-group__utilities"
       >
         <div
-          class="pf-c-text-input-group__group"
+          class="pf-v5-c-text-input-group__group"
         >
           <button
             aria-disabled="false"
             aria-label="Previous"
-            class="pf-c-button pf-m-plain"
+            class="pf-v5-c-button pf-m-plain"
             data-ouia-component-id="OUIA-Generated-Button-plain-1"
             data-ouia-component-type="PF4/Button"
             data-ouia-safe="true"
@@ -727,7 +727,7 @@ exports[`SearchInput simple search input 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="pf-svg"
+              class="pf-v5-svg"
               fill="currentColor"
               role="img"
               viewBox="0 0 320 512"
@@ -740,7 +740,7 @@ exports[`SearchInput simple search input 1`] = `
           <button
             aria-disabled="false"
             aria-label="Next"
-            class="pf-c-button pf-m-plain"
+            class="pf-v5-c-button pf-m-plain"
             data-ouia-component-id="OUIA-Generated-Button-plain-2"
             data-ouia-component-type="PF4/Button"
             data-ouia-safe="true"
@@ -748,7 +748,7 @@ exports[`SearchInput simple search input 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="pf-svg"
+              class="pf-v5-svg"
               fill="currentColor"
               role="img"
               viewBox="0 0 320 512"
@@ -762,7 +762,7 @@ exports[`SearchInput simple search input 1`] = `
         <button
           aria-disabled="false"
           aria-label="Reset"
-          class="pf-c-button pf-m-plain"
+          class="pf-v5-c-button pf-m-plain"
           data-ouia-component-id="OUIA-Generated-Button-plain-3"
           data-ouia-component-type="PF4/Button"
           data-ouia-safe="true"
@@ -770,7 +770,7 @@ exports[`SearchInput simple search input 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-svg"
+            class="pf-v5-svg"
             fill="currentColor"
             role="img"
             viewBox="0 0 352 512"
@@ -785,7 +785,7 @@ exports[`SearchInput simple search input 1`] = `
     <button
       aria-disabled="false"
       aria-label="Search"
-      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"
@@ -793,7 +793,7 @@ exports[`SearchInput simple search input 1`] = `
     >
       <svg
         aria-hidden="true"
-        class="pf-svg"
+        class="pf-v5-svg"
         fill="currentColor"
         role="img"
         viewBox="0 0 448 512"