@patternfly/react-core 5.0.0-alpha.99 → 5.0.0-prerelease.10

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

@@ -5,7 +5,7 @@ exports[`Select renders select groups successfully 1`] = `
   <div
     class="pf-v5-c-select pf-m-expanded"
     data-ouia-component-id="test-id"
-    data-ouia-component-type="PF4/Select"
+    data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
   >
     <button
@@ -31,8 +31,10 @@ exports[`Select renders select groups successfully 1`] = `
           aria-hidden="true"
           class="pf-v5-svg"
           fill="currentColor"
+          height="1em"
           role="img"
           viewBox="0 0 320 512"
+          width="1em"
         >
           <path
             d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -187,7 +189,7 @@ exports[`Select renders up direction successfully 1`] = `
   <div
     class="pf-v5-c-select pf-m-top"
     data-ouia-component-id="test-id"
-    data-ouia-component-type="PF4/Select"
+    data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
   >
     <button
@@ -215,8 +217,10 @@ exports[`Select renders up direction successfully 1`] = `
           aria-hidden="true"
           class="pf-v5-svg"
           fill="currentColor"
+          height="1em"
           role="img"
           viewBox="0 0 320 512"
+          width="1em"
         >
           <path
             d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -233,7 +237,7 @@ exports[`Select single select renders closed successfully 1`] = `
   <div
     class="pf-v5-c-select"
     data-ouia-component-id="test-id"
-    data-ouia-component-type="PF4/Select"
+    data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
   >
     <button
@@ -261,8 +265,10 @@ exports[`Select single select renders closed successfully 1`] = `
           aria-hidden="true"
           class="pf-v5-svg"
           fill="currentColor"
+          height="1em"
           role="img"
           viewBox="0 0 320 512"
+          width="1em"
         >
           <path
             d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -279,7 +285,7 @@ exports[`Select single select renders disabled successfully 1`] = `
   <div
     class="pf-v5-c-select"
     data-ouia-component-id="test-id"
-    data-ouia-component-type="PF4/Select"
+    data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
   >
     <button
@@ -308,8 +314,10 @@ exports[`Select single select renders disabled successfully 1`] = `
           aria-hidden="true"
           class="pf-v5-svg"
           fill="currentColor"
+          height="1em"
           role="img"
           viewBox="0 0 320 512"
+          width="1em"
         >
           <path
             d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -326,7 +334,7 @@ exports[`Select single select renders expanded in strict mode successfully 1`] =
   <div
     class="pf-v5-c-select pf-m-expanded"
     data-ouia-component-id="test-id"
-    data-ouia-component-type="PF4/Select"
+    data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
   >
     <button
@@ -354,8 +362,10 @@ exports[`Select single select renders expanded in strict mode successfully 1`] =
           aria-hidden="true"
           class="pf-v5-svg"
           fill="currentColor"
+          height="1em"
           role="img"
           viewBox="0 0 320 512"
+          width="1em"
         >
           <path
             d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -430,7 +440,7 @@ exports[`Select single select renders expanded successfully 1`] = `
   <div
     class="pf-v5-c-select pf-m-expanded"
     data-ouia-component-id="test-id"
-    data-ouia-component-type="PF4/Select"
+    data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
   >
     <button
@@ -458,8 +468,10 @@ exports[`Select single select renders expanded successfully 1`] = `
           aria-hidden="true"
           class="pf-v5-svg"
           fill="currentColor"
+          height="1em"
           role="img"
           viewBox="0 0 320 512"
+          width="1em"
         >
           <path
             d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -534,7 +546,7 @@ exports[`Select single select renders expanded successfully with custom objects
   <div
     class="pf-v5-c-select pf-m-expanded"
     data-ouia-component-id="test-id"
-    data-ouia-component-type="PF4/Select"
+    data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
   >
     <button
@@ -562,8 +574,10 @@ exports[`Select single select renders expanded successfully with custom objects
           aria-hidden="true"
           class="pf-v5-svg"
           fill="currentColor"
+          height="1em"
           role="img"
           viewBox="0 0 320 512"
+          width="1em"
         >
           <path
             d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -625,7 +639,7 @@ exports[`checkbox select renders checkbox select groups successfully 1`] = `
   <div
     class="pf-v5-c-select pf-m-expanded"
     data-ouia-component-id="test-id"
-    data-ouia-component-type="PF4/Select"
+    data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
   >
     <button
@@ -650,8 +664,10 @@ exports[`checkbox select renders checkbox select groups successfully 1`] = `
           aria-hidden="true"
           class="pf-v5-svg"
           fill="currentColor"
+          height="1em"
           role="img"
           viewBox="0 0 320 512"
+          width="1em"
         >
           <path
             d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -816,7 +832,7 @@ exports[`checkbox select renders checkbox select selections properly 1`] = `
   <div
     class="pf-v5-c-select"
     data-ouia-component-id="test-id"
-    data-ouia-component-type="PF4/Select"
+    data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
   >
     <button
@@ -850,8 +866,10 @@ exports[`checkbox select renders checkbox select selections properly 1`] = `
           aria-hidden="true"
           class="pf-v5-svg"
           fill="currentColor"
+          height="1em"
           role="img"
           viewBox="0 0 320 512"
+          width="1em"
         >
           <path
             d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -868,7 +886,7 @@ exports[`checkbox select renders checkbox select selections properly when isChec
   <div
     class="pf-v5-c-select"
     data-ouia-component-id="test-id"
-    data-ouia-component-type="PF4/Select"
+    data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
   >
     <button
@@ -893,8 +911,10 @@ exports[`checkbox select renders checkbox select selections properly when isChec
           aria-hidden="true"
           class="pf-v5-svg"
           fill="currentColor"
+          height="1em"
           role="img"
           viewBox="0 0 320 512"
+          width="1em"
         >
           <path
             d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -911,7 +931,7 @@ exports[`checkbox select renders closed successfully 1`] = `
   <div
     class="pf-v5-c-select"
     data-ouia-component-id="test-id"
-    data-ouia-component-type="PF4/Select"
+    data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
   >
     <button
@@ -936,8 +956,10 @@ exports[`checkbox select renders closed successfully 1`] = `
           aria-hidden="true"
           class="pf-v5-svg"
           fill="currentColor"
+          height="1em"
           role="img"
           viewBox="0 0 320 512"
+          width="1em"
         >
           <path
             d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -954,7 +976,7 @@ exports[`checkbox select renders expanded successfully 1`] = `
   <div
     class="pf-v5-c-select pf-m-expanded"
     data-ouia-component-id="test-id"
-    data-ouia-component-type="PF4/Select"
+    data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
   >
     <button
@@ -979,8 +1001,10 @@ exports[`checkbox select renders expanded successfully 1`] = `
           aria-hidden="true"
           class="pf-v5-svg"
           fill="currentColor"
+          height="1em"
           role="img"
           viewBox="0 0 320 512"
+          width="1em"
         >
           <path
             d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -1059,7 +1083,7 @@ exports[`checkbox select renders expanded successfully with custom objects 1`] =
   <div
     class="pf-v5-c-select pf-m-expanded"
     data-ouia-component-id="test-id"
-    data-ouia-component-type="PF4/Select"
+    data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
   >
     <button
@@ -1084,8 +1108,10 @@ exports[`checkbox select renders expanded successfully with custom objects 1`] =
           aria-hidden="true"
           class="pf-v5-svg"
           fill="currentColor"
+          height="1em"
           role="img"
           viewBox="0 0 320 512"
+          width="1em"
         >
           <path
             d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -1150,7 +1176,7 @@ exports[`checkbox select renders expanded with filtering successfully 1`] = `
   <div
     class="pf-v5-c-select pf-m-expanded"
     data-ouia-component-id="test-id"
-    data-ouia-component-type="PF4/Select"
+    data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
   >
     <div
@@ -1175,8 +1201,10 @@ exports[`checkbox select renders expanded with filtering successfully 1`] = `
           aria-hidden="true"
           class="pf-v5-svg pf-v5-c-select__toggle-arrow"
           fill="currentColor"
+          height="1em"
           role="img"
           viewBox="0 0 320 512"
+          width="1em"
         >
           <path
             d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -1192,11 +1220,10 @@ exports[`checkbox select renders expanded with filtering successfully 1`] = `
         class="pf-v5-c-form__fieldset"
       >
         <div
-          class="pf-v5-c-select__menu-search"
+          class="pf-v5-c-select__menu-search pf-v5-c-form-control"
         >
           <input
             autocomplete="off"
-            class="pf-v5-c-form-control pf-m-search"
             type="search"
           />
         </div>
@@ -1270,7 +1297,7 @@ exports[`renders select with favorites successfully 1`] = `
   <div
     class="pf-v5-c-select pf-m-expanded"
     data-ouia-component-id="test-id"
-    data-ouia-component-type="PF4/Select"
+    data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
   >
     <button
@@ -1296,8 +1323,10 @@ exports[`renders select with favorites successfully 1`] = `
           aria-hidden="true"
           class="pf-v5-svg"
           fill="currentColor"
+          height="1em"
           role="img"
           viewBox="0 0 320 512"
+          width="1em"
         >
           <path
             d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -1344,8 +1373,10 @@ exports[`renders select with favorites successfully 1`] = `
                   aria-hidden="true"
                   class="pf-v5-svg"
                   fill="currentColor"
+                  height="1em"
                   role="img"
                   viewBox="0 0 576 512"
+                  width="1em"
                 >
                   <path
                     d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
@@ -1377,8 +1408,10 @@ exports[`renders select with favorites successfully 1`] = `
                   aria-hidden="true"
                   class="pf-v5-svg"
                   fill="currentColor"
+                  height="1em"
                   role="img"
                   viewBox="0 0 576 512"
+                  width="1em"
                 >
                   <path
                     d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
@@ -1410,8 +1443,10 @@ exports[`renders select with favorites successfully 1`] = `
                   aria-hidden="true"
                   class="pf-v5-svg"
                   fill="currentColor"
+                  height="1em"
                   role="img"
                   viewBox="0 0 576 512"
+                  width="1em"
                 >
                   <path
                     d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
@@ -1443,8 +1478,10 @@ exports[`renders select with favorites successfully 1`] = `
                   aria-hidden="true"
                   class="pf-v5-svg"
                   fill="currentColor"
+                  height="1em"
                   role="img"
                   viewBox="0 0 576 512"
+                  width="1em"
                 >
                   <path
                     d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
@@ -1491,8 +1528,10 @@ exports[`renders select with favorites successfully 1`] = `
                   aria-hidden="true"
                   class="pf-v5-svg"
                   fill="currentColor"
+                  height="1em"
                   role="img"
                   viewBox="0 0 576 512"
+                  width="1em"
                 >
                   <path
                     d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
@@ -1524,8 +1563,10 @@ exports[`renders select with favorites successfully 1`] = `
                   aria-hidden="true"
                   class="pf-v5-svg"
                   fill="currentColor"
+                  height="1em"
                   role="img"
                   viewBox="0 0 576 512"
+                  width="1em"
                 >
                   <path
                     d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
@@ -1557,8 +1598,10 @@ exports[`renders select with favorites successfully 1`] = `
                   aria-hidden="true"
                   class="pf-v5-svg"
                   fill="currentColor"
+                  height="1em"
                   role="img"
                   viewBox="0 0 576 512"
+                  width="1em"
                 >
                   <path
                     d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
@@ -1590,8 +1633,10 @@ exports[`renders select with favorites successfully 1`] = `
                   aria-hidden="true"
                   class="pf-v5-svg"
                   fill="currentColor"
+                  height="1em"
                   role="img"
                   viewBox="0 0 576 512"
+                  width="1em"
                 >
                   <path
                     d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
@@ -1612,7 +1657,7 @@ exports[`typeahead multi select renders closed successfully 1`] = `
   <div
     class="pf-v5-c-select"
     data-ouia-component-id="test-id"
-    data-ouia-component-type="PF4/Select"
+    data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
   >
     <div
@@ -1621,16 +1666,19 @@ exports[`typeahead multi select renders closed successfully 1`] = `
       <div
         class="pf-v5-c-select__toggle-wrapper"
       >
-        <input
-          aria-invalid="false"
-          aria-label=""
-          autocomplete="off"
+        <div
           class="pf-v5-c-form-control pf-v5-c-select__toggle-typeahead"
-          id="typeahead-multi-select-closed-select-multi-typeahead-typeahead"
-          placeholder=""
-          type="text"
-          value=""
-        />
+        >
+          <input
+            aria-invalid="false"
+            aria-label=""
+            autocomplete="off"
+            id="typeahead-multi-select-closed-select-multi-typeahead-typeahead"
+            placeholder=""
+            type="text"
+            value=""
+          />
+        </div>
       </div>
       <button
         aria-expanded="false"
@@ -1646,8 +1694,10 @@ exports[`typeahead multi select renders closed successfully 1`] = `
           aria-hidden="true"
           class="pf-v5-svg pf-v5-c-select__toggle-arrow"
           fill="currentColor"
+          height="1em"
           role="img"
           viewBox="0 0 320 512"
+          width="1em"
         >
           <path
             d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -1664,7 +1714,7 @@ exports[`typeahead multi select renders expanded successfully 1`] = `
   <div
     class="pf-v5-c-select pf-m-expanded"
     data-ouia-component-id="test-id"
-    data-ouia-component-type="PF4/Select"
+    data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
   >
     <div
@@ -1673,16 +1723,19 @@ exports[`typeahead multi select renders expanded successfully 1`] = `
       <div
         class="pf-v5-c-select__toggle-wrapper"
       >
-        <input
-          aria-invalid="false"
-          aria-label=""
-          autocomplete="off"
+        <div
           class="pf-v5-c-form-control pf-v5-c-select__toggle-typeahead"
-          id="pf-select-toggle-id-19-select-multi-typeahead-typeahead"
-          placeholder=""
-          type="text"
-          value=""
-        />
+        >
+          <input
+            aria-invalid="false"
+            aria-label=""
+            autocomplete="off"
+            id="pf-select-toggle-id-19-select-multi-typeahead-typeahead"
+            placeholder=""
+            type="text"
+            value=""
+          />
+        </div>
       </div>
       <button
         aria-expanded="true"
@@ -1698,8 +1751,10 @@ exports[`typeahead multi select renders expanded successfully 1`] = `
           aria-hidden="true"
           class="pf-v5-svg pf-v5-c-select__toggle-arrow"
           fill="currentColor"
+          height="1em"
           role="img"
           viewBox="0 0 320 512"
+          width="1em"
         >
           <path
             d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -1774,7 +1829,7 @@ exports[`typeahead multi select renders selected successfully 1`] = `
   <div
     class="pf-v5-c-select pf-m-expanded"
     data-ouia-component-id="test-id"
-    data-ouia-component-type="PF4/Select"
+    data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
   >
     <div
@@ -1786,7 +1841,7 @@ exports[`typeahead multi select renders selected successfully 1`] = `
         <div
           aria-label="Chip group category"
           class="pf-v5-c-chip-group"
-          data-ouia-component-type="PF4/ChipGroup"
+          data-ouia-component-type="PF5/ChipGroup"
           data-ouia-safe="true"
           role="group"
         >
@@ -1804,7 +1859,7 @@ exports[`typeahead multi select renders selected successfully 1`] = `
                 <div
                   class="pf-v5-c-chip"
                   data-ouia-component-id="OUIA-Generated-Chip-1"
-                  data-ouia-component-type="PF4/Chip"
+                  data-ouia-component-type="PF5/Chip"
                   data-ouia-safe="true"
                 >
                   <span
@@ -1826,7 +1881,7 @@ exports[`typeahead multi select renders selected successfully 1`] = `
                       aria-labelledby="remove_pf-random-id-25 pf-random-id-25"
                       class="pf-v5-c-button pf-m-plain"
                       data-ouia-component-id="Remove"
-                      data-ouia-component-type="PF4/Button"
+                      data-ouia-component-type="PF5/Button"
                       data-ouia-safe="true"
                       id="remove_pf-random-id-25"
                       type="button"
@@ -1835,8 +1890,10 @@ exports[`typeahead multi select renders selected successfully 1`] = `
                         aria-hidden="true"
                         class="pf-v5-svg"
                         fill="currentColor"
+                        height="1em"
                         role="img"
                         viewBox="0 0 352 512"
+                        width="1em"
                       >
                         <path
                           d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
@@ -1852,7 +1909,7 @@ exports[`typeahead multi select renders selected successfully 1`] = `
                 <div
                   class="pf-v5-c-chip"
                   data-ouia-component-id="OUIA-Generated-Chip-2"
-                  data-ouia-component-type="PF4/Chip"
+                  data-ouia-component-type="PF5/Chip"
                   data-ouia-safe="true"
                 >
                   <span
@@ -1874,7 +1931,7 @@ exports[`typeahead multi select renders selected successfully 1`] = `
                       aria-labelledby="remove_pf-random-id-26 pf-random-id-26"
                       class="pf-v5-c-button pf-m-plain"
                       data-ouia-component-id="Remove"
-                      data-ouia-component-type="PF4/Button"
+                      data-ouia-component-type="PF5/Button"
                       data-ouia-safe="true"
                       id="remove_pf-random-id-26"
                       type="button"
@@ -1883,8 +1940,10 @@ exports[`typeahead multi select renders selected successfully 1`] = `
                         aria-hidden="true"
                         class="pf-v5-svg"
                         fill="currentColor"
+                        height="1em"
                         role="img"
                         viewBox="0 0 352 512"
+                        width="1em"
                       >
                         <path
                           d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
@@ -1897,16 +1956,19 @@ exports[`typeahead multi select renders selected successfully 1`] = `
             </ul>
           </div>
         </div>
-        <input
-          aria-invalid="false"
-          aria-label=""
-          autocomplete="off"
+        <div
           class="pf-v5-c-form-control pf-v5-c-select__toggle-typeahead"
-          id="typeahead-multi-select-selected-select-multi-typeahead-typeahead"
-          placeholder=""
-          type="text"
-          value=""
-        />
+        >
+          <input
+            aria-invalid="false"
+            aria-label=""
+            autocomplete="off"
+            id="typeahead-multi-select-selected-select-multi-typeahead-typeahead"
+            placeholder=""
+            type="text"
+            value=""
+          />
+        </div>
       </div>
       <button
         aria-expanded="true"
@@ -1922,8 +1984,10 @@ exports[`typeahead multi select renders selected successfully 1`] = `
           aria-hidden="true"
           class="pf-v5-svg pf-v5-c-select__toggle-arrow"
           fill="currentColor"
+          height="1em"
           role="img"
           viewBox="0 0 320 512"
+          width="1em"
         >
           <path
             d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -1955,8 +2019,10 @@ exports[`typeahead multi select renders selected successfully 1`] = `
               aria-hidden="true"
               class="pf-v5-svg"
               fill="currentColor"
+              height="1em"
               role="img"
               viewBox="0 0 512 512"
+              width="1em"
             >
               <path
                 d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
@@ -1984,8 +2050,10 @@ exports[`typeahead multi select renders selected successfully 1`] = `
               aria-hidden="true"
               class="pf-v5-svg"
               fill="currentColor"
+              height="1em"
               role="img"
               viewBox="0 0 512 512"
+              width="1em"
             >
               <path
                 d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
@@ -2030,7 +2098,7 @@ exports[`typeahead select renders closed successfully 1`] = `
   <div
     class="pf-v5-c-select"
     data-ouia-component-id="test-id"
-    data-ouia-component-type="PF4/Select"
+    data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
   >
     <div
@@ -2039,15 +2107,18 @@ exports[`typeahead select renders closed successfully 1`] = `
       <div
         class="pf-v5-c-select__toggle-wrapper"
       >
-        <input
-          aria-label=""
-          autocomplete="off"
+        <div
           class="pf-v5-c-form-control pf-v5-c-select__toggle-typeahead"
-          id="typeahead-select-closed-select-typeahead"
-          placeholder=""
-          type="text"
-          value=""
-        />
+        >
+          <input
+            aria-label=""
+            autocomplete="off"
+            id="typeahead-select-closed-select-typeahead"
+            placeholder=""
+            type="text"
+            value=""
+          />
+        </div>
       </div>
       <button
         aria-expanded="false"
@@ -2063,8 +2134,10 @@ exports[`typeahead select renders closed successfully 1`] = `
           aria-hidden="true"
           class="pf-v5-svg pf-v5-c-select__toggle-arrow"
           fill="currentColor"
+          height="1em"
           role="img"
           viewBox="0 0 320 512"
+          width="1em"
         >
           <path
             d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -2081,7 +2154,7 @@ exports[`typeahead select renders expanded successfully 1`] = `
   <div
     class="pf-v5-c-select pf-m-expanded"
     data-ouia-component-id="test-id"
-    data-ouia-component-type="PF4/Select"
+    data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
   >
     <div
@@ -2090,15 +2163,18 @@ exports[`typeahead select renders expanded successfully 1`] = `
       <div
         class="pf-v5-c-select__toggle-wrapper"
       >
-        <input
-          aria-label=""
-          autocomplete="off"
+        <div
           class="pf-v5-c-form-control pf-v5-c-select__toggle-typeahead"
-          id="pf-select-toggle-id-9-select-typeahead"
-          placeholder=""
-          type="text"
-          value=""
-        />
+        >
+          <input
+            aria-label=""
+            autocomplete="off"
+            id="pf-select-toggle-id-9-select-typeahead"
+            placeholder=""
+            type="text"
+            value=""
+          />
+        </div>
       </div>
       <button
         aria-expanded="true"
@@ -2114,8 +2190,10 @@ exports[`typeahead select renders expanded successfully 1`] = `
           aria-hidden="true"
           class="pf-v5-svg pf-v5-c-select__toggle-arrow"
           fill="currentColor"
+          height="1em"
           role="img"
           viewBox="0 0 320 512"
+          width="1em"
         >
           <path
             d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -2190,7 +2268,7 @@ exports[`typeahead select renders selected successfully 1`] = `
   <div
     class="pf-v5-c-select pf-m-expanded"
     data-ouia-component-id="test-id"
-    data-ouia-component-type="PF4/Select"
+    data-ouia-component-type="PF5/Select"
     data-ouia-safe="true"
   >
     <div
@@ -2199,15 +2277,18 @@ exports[`typeahead select renders selected successfully 1`] = `
       <div
         class="pf-v5-c-select__toggle-wrapper"
       >
-        <input
-          aria-label=""
-          autocomplete="off"
+        <div
           class="pf-v5-c-form-control pf-v5-c-select__toggle-typeahead"
-          id="pf-select-toggle-id-10-select-typeahead"
-          placeholder=""
-          type="text"
-          value="Mr"
-        />
+        >
+          <input
+            aria-label=""
+            autocomplete="off"
+            id="pf-select-toggle-id-10-select-typeahead"
+            placeholder=""
+            type="text"
+            value="Mr"
+          />
+        </div>
       </div>
       <button
         aria-expanded="true"
@@ -2223,8 +2304,10 @@ exports[`typeahead select renders selected successfully 1`] = `
           aria-hidden="true"
           class="pf-v5-svg pf-v5-c-select__toggle-arrow"
           fill="currentColor"
+          height="1em"
           role="img"
           viewBox="0 0 320 512"
+          width="1em"
         >
           <path
             d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -2256,8 +2339,10 @@ exports[`typeahead select renders selected successfully 1`] = `
               aria-hidden="true"
               class="pf-v5-svg"
               fill="currentColor"
+              height="1em"
               role="img"
               viewBox="0 0 512 512"
+              width="1em"
             >
               <path
                 d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"