@patternfly/react-core 5.0.0-prerelease.2 → 5.0.0-prerelease.21

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"
@@ -1269,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
@@ -1295,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"
@@ -1343,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"
@@ -1376,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"
@@ -1409,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"
@@ -1442,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"
@@ -1490,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"
@@ -1523,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"
@@ -1556,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"
@@ -1589,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"
@@ -1611,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
@@ -1620,19 +1666,22 @@ exports[`typeahead multi select renders closed successfully 1`] = `
       <div
         class="pf-v5-c-select__toggle-wrapper"
       >
-        <div
+        <span
           class="pf-v5-c-form-control pf-v5-c-select__toggle-typeahead"
         >
           <input
             aria-invalid="false"
             aria-label=""
             autocomplete="off"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-6"
+            data-ouia-component-type="PF5/TextInput"
+            data-ouia-safe="true"
             id="typeahead-multi-select-closed-select-multi-typeahead-typeahead"
             placeholder=""
             type="text"
             value=""
           />
-        </div>
+        </span>
       </div>
       <button
         aria-expanded="false"
@@ -1648,8 +1697,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"
@@ -1666,7 +1717,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
@@ -1675,19 +1726,22 @@ exports[`typeahead multi select renders expanded successfully 1`] = `
       <div
         class="pf-v5-c-select__toggle-wrapper"
       >
-        <div
+        <span
           class="pf-v5-c-form-control pf-v5-c-select__toggle-typeahead"
         >
           <input
             aria-invalid="false"
             aria-label=""
             autocomplete="off"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-7"
+            data-ouia-component-type="PF5/TextInput"
+            data-ouia-safe="true"
             id="pf-select-toggle-id-19-select-multi-typeahead-typeahead"
             placeholder=""
             type="text"
             value=""
           />
-        </div>
+        </span>
       </div>
       <button
         aria-expanded="true"
@@ -1703,8 +1757,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"
@@ -1779,7 +1835,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
@@ -1791,7 +1847,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"
         >
@@ -1809,7 +1865,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
@@ -1831,7 +1887,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"
@@ -1840,8 +1896,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"
@@ -1857,7 +1915,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
@@ -1879,7 +1937,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"
@@ -1888,8 +1946,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"
@@ -1902,19 +1962,22 @@ exports[`typeahead multi select renders selected successfully 1`] = `
             </ul>
           </div>
         </div>
-        <div
+        <span
           class="pf-v5-c-form-control pf-v5-c-select__toggle-typeahead"
         >
           <input
             aria-invalid="false"
             aria-label=""
             autocomplete="off"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-8"
+            data-ouia-component-type="PF5/TextInput"
+            data-ouia-safe="true"
             id="typeahead-multi-select-selected-select-multi-typeahead-typeahead"
             placeholder=""
             type="text"
             value=""
           />
-        </div>
+        </span>
       </div>
       <button
         aria-expanded="true"
@@ -1930,8 +1993,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"
@@ -1963,8 +2028,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"
@@ -1992,8 +2059,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"
@@ -2038,7 +2107,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
@@ -2047,18 +2116,22 @@ exports[`typeahead select renders closed successfully 1`] = `
       <div
         class="pf-v5-c-select__toggle-wrapper"
       >
-        <div
+        <span
           class="pf-v5-c-form-control pf-v5-c-select__toggle-typeahead"
         >
           <input
+            aria-invalid="false"
             aria-label=""
             autocomplete="off"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-2"
+            data-ouia-component-type="PF5/TextInput"
+            data-ouia-safe="true"
             id="typeahead-select-closed-select-typeahead"
             placeholder=""
             type="text"
             value=""
           />
-        </div>
+        </span>
       </div>
       <button
         aria-expanded="false"
@@ -2074,8 +2147,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"
@@ -2092,7 +2167,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
@@ -2101,18 +2176,22 @@ exports[`typeahead select renders expanded successfully 1`] = `
       <div
         class="pf-v5-c-select__toggle-wrapper"
       >
-        <div
+        <span
           class="pf-v5-c-form-control pf-v5-c-select__toggle-typeahead"
         >
           <input
+            aria-invalid="false"
             aria-label=""
             autocomplete="off"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-3"
+            data-ouia-component-type="PF5/TextInput"
+            data-ouia-safe="true"
             id="pf-select-toggle-id-9-select-typeahead"
             placeholder=""
             type="text"
             value=""
           />
-        </div>
+        </span>
       </div>
       <button
         aria-expanded="true"
@@ -2128,8 +2207,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"
@@ -2204,7 +2285,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
@@ -2213,18 +2294,22 @@ exports[`typeahead select renders selected successfully 1`] = `
       <div
         class="pf-v5-c-select__toggle-wrapper"
       >
-        <div
+        <span
           class="pf-v5-c-form-control pf-v5-c-select__toggle-typeahead"
         >
           <input
+            aria-invalid="false"
             aria-label=""
             autocomplete="off"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-4"
+            data-ouia-component-type="PF5/TextInput"
+            data-ouia-safe="true"
             id="pf-select-toggle-id-10-select-typeahead"
             placeholder=""
             type="text"
             value="Mr"
           />
-        </div>
+        </span>
       </div>
       <button
         aria-expanded="true"
@@ -2240,8 +2325,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"
@@ -2273,8 +2360,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"