@patternfly/react-core 5.0.0-alpha.6 → 5.0.0-alpha.60

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

@@ -29,12 +29,10 @@ exports[`Select renders select groups successfully 1`] = `
       >
         <svg
           aria-hidden="true"
+          class="pf-svg"
           fill="currentColor"
-          height="1em"
           role="img"
-          style="vertical-align: -0.125em;"
           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"
@@ -215,12 +213,10 @@ exports[`Select renders up direction successfully 1`] = `
       >
         <svg
           aria-hidden="true"
+          class="pf-svg"
           fill="currentColor"
-          height="1em"
           role="img"
-          style="vertical-align: -0.125em;"
           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"
@@ -263,12 +259,10 @@ exports[`Select single select renders closed successfully 1`] = `
       >
         <svg
           aria-hidden="true"
+          class="pf-svg"
           fill="currentColor"
-          height="1em"
           role="img"
-          style="vertical-align: -0.125em;"
           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"
@@ -312,12 +306,10 @@ exports[`Select single select renders disabled successfully 1`] = `
       >
         <svg
           aria-hidden="true"
+          class="pf-svg"
           fill="currentColor"
-          height="1em"
           role="img"
-          style="vertical-align: -0.125em;"
           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"
@@ -360,12 +352,10 @@ exports[`Select single select renders expanded in strict mode successfully 1`] =
       >
         <svg
           aria-hidden="true"
+          class="pf-svg"
           fill="currentColor"
-          height="1em"
           role="img"
-          style="vertical-align: -0.125em;"
           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"
@@ -466,12 +456,10 @@ exports[`Select single select renders expanded successfully 1`] = `
       >
         <svg
           aria-hidden="true"
+          class="pf-svg"
           fill="currentColor"
-          height="1em"
           role="img"
-          style="vertical-align: -0.125em;"
           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"
@@ -572,12 +560,10 @@ exports[`Select single select renders expanded successfully with custom objects
       >
         <svg
           aria-hidden="true"
+          class="pf-svg"
           fill="currentColor"
-          height="1em"
           role="img"
-          style="vertical-align: -0.125em;"
           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"
@@ -662,12 +648,10 @@ exports[`checkbox select renders checkbox select groups successfully 1`] = `
       >
         <svg
           aria-hidden="true"
+          class="pf-svg"
           fill="currentColor"
-          height="1em"
           role="img"
-          style="vertical-align: -0.125em;"
           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"
@@ -864,12 +848,10 @@ exports[`checkbox select renders checkbox select selections properly 1`] = `
       >
         <svg
           aria-hidden="true"
+          class="pf-svg"
           fill="currentColor"
-          height="1em"
           role="img"
-          style="vertical-align: -0.125em;"
           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"
@@ -909,12 +891,10 @@ exports[`checkbox select renders checkbox select selections properly when isChec
       >
         <svg
           aria-hidden="true"
+          class="pf-svg"
           fill="currentColor"
-          height="1em"
           role="img"
-          style="vertical-align: -0.125em;"
           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,12 +934,10 @@ exports[`checkbox select renders closed successfully 1`] = `
       >
         <svg
           aria-hidden="true"
+          class="pf-svg"
           fill="currentColor"
-          height="1em"
           role="img"
-          style="vertical-align: -0.125em;"
           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"
@@ -999,12 +977,10 @@ exports[`checkbox select renders expanded successfully 1`] = `
       >
         <svg
           aria-hidden="true"
+          class="pf-svg"
           fill="currentColor"
-          height="1em"
           role="img"
-          style="vertical-align: -0.125em;"
           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"
@@ -1106,12 +1082,10 @@ exports[`checkbox select renders expanded successfully with custom objects 1`] =
       >
         <svg
           aria-hidden="true"
+          class="pf-svg"
           fill="currentColor"
-          height="1em"
           role="img"
-          style="vertical-align: -0.125em;"
           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"
@@ -1201,11 +1175,8 @@ exports[`checkbox select renders expanded with filtering successfully 1`] = `
           aria-hidden="true"
           class="pf-c-select__toggle-arrow"
           fill="currentColor"
-          height="1em"
           role="img"
-          style="vertical-align: -0.125em;"
           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"
@@ -1323,12 +1294,10 @@ exports[`renders select with favorites successfully 1`] = `
       >
         <svg
           aria-hidden="true"
+          class="pf-svg"
           fill="currentColor"
-          height="1em"
           role="img"
-          style="vertical-align: -0.125em;"
           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"
@@ -1373,12 +1342,10 @@ exports[`renders select with favorites successfully 1`] = `
               >
                 <svg
                   aria-hidden="true"
+                  class="pf-svg"
                   fill="currentColor"
-                  height="1em"
                   role="img"
-                  style="vertical-align: -0.125em;"
                   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"
@@ -1408,12 +1375,10 @@ exports[`renders select with favorites successfully 1`] = `
               >
                 <svg
                   aria-hidden="true"
+                  class="pf-svg"
                   fill="currentColor"
-                  height="1em"
                   role="img"
-                  style="vertical-align: -0.125em;"
                   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,12 +1408,10 @@ exports[`renders select with favorites successfully 1`] = `
               >
                 <svg
                   aria-hidden="true"
+                  class="pf-svg"
                   fill="currentColor"
-                  height="1em"
                   role="img"
-                  style="vertical-align: -0.125em;"
                   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"
@@ -1478,12 +1441,10 @@ exports[`renders select with favorites successfully 1`] = `
               >
                 <svg
                   aria-hidden="true"
+                  class="pf-svg"
                   fill="currentColor"
-                  height="1em"
                   role="img"
-                  style="vertical-align: -0.125em;"
                   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"
@@ -1528,12 +1489,10 @@ exports[`renders select with favorites successfully 1`] = `
               >
                 <svg
                   aria-hidden="true"
+                  class="pf-svg"
                   fill="currentColor"
-                  height="1em"
                   role="img"
-                  style="vertical-align: -0.125em;"
                   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"
@@ -1563,12 +1522,10 @@ exports[`renders select with favorites successfully 1`] = `
               >
                 <svg
                   aria-hidden="true"
+                  class="pf-svg"
                   fill="currentColor"
-                  height="1em"
                   role="img"
-                  style="vertical-align: -0.125em;"
                   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"
@@ -1598,12 +1555,10 @@ exports[`renders select with favorites successfully 1`] = `
               >
                 <svg
                   aria-hidden="true"
+                  class="pf-svg"
                   fill="currentColor"
-                  height="1em"
                   role="img"
-                  style="vertical-align: -0.125em;"
                   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"
@@ -1633,12 +1588,10 @@ exports[`renders select with favorites successfully 1`] = `
               >
                 <svg
                   aria-hidden="true"
+                  class="pf-svg"
                   fill="currentColor"
-                  height="1em"
                   role="img"
-                  style="vertical-align: -0.125em;"
                   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"
@@ -1693,11 +1646,8 @@ exports[`typeahead multi select renders closed successfully 1`] = `
           aria-hidden="true"
           class="pf-c-select__toggle-arrow"
           fill="currentColor"
-          height="1em"
           role="img"
-          style="vertical-align: -0.125em;"
           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"
@@ -1748,11 +1698,8 @@ exports[`typeahead multi select renders expanded successfully 1`] = `
           aria-hidden="true"
           class="pf-c-select__toggle-arrow"
           fill="currentColor"
-          height="1em"
           role="img"
-          style="vertical-align: -0.125em;"
           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"
@@ -1861,36 +1808,42 @@ exports[`typeahead multi select renders selected successfully 1`] = `
                   data-ouia-safe="true"
                 >
                   <span
-                    class="pf-c-chip__text"
-                    id="pf-random-id-25"
+                    class="pf-c-chip__content"
                   >
-                    Mr
+                    <span
+                      class="pf-c-chip__text"
+                      id="pf-random-id-25"
+                    >
+                      Mr
+                    </span>
                   </span>
-                  <button
-                    aria-disabled="false"
-                    aria-label="Remove"
-                    aria-labelledby="remove_pf-random-id-25 pf-random-id-25"
-                    class="pf-c-button pf-m-plain"
-                    data-ouia-component-id="Remove"
-                    data-ouia-component-type="PF4/Button"
-                    data-ouia-safe="true"
-                    id="remove_pf-random-id-25"
-                    type="button"
+                  <span
+                    class="pf-c-chip__actions"
                   >
-                    <svg
-                      aria-hidden="true"
-                      fill="currentColor"
-                      height="1em"
-                      role="img"
-                      style="vertical-align: -0.125em;"
-                      viewBox="0 0 352 512"
-                      width="1em"
+                    <button
+                      aria-disabled="false"
+                      aria-label="Remove"
+                      aria-labelledby="remove_pf-random-id-25 pf-random-id-25"
+                      class="pf-c-button pf-m-plain"
+                      data-ouia-component-id="Remove"
+                      data-ouia-component-type="PF4/Button"
+                      data-ouia-safe="true"
+                      id="remove_pf-random-id-25"
+                      type="button"
                     >
-                      <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"
-                      />
-                    </svg>
-                  </button>
+                      <svg
+                        aria-hidden="true"
+                        class="pf-svg"
+                        fill="currentColor"
+                        role="img"
+                        viewBox="0 0 352 512"
+                      >
+                        <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"
+                        />
+                      </svg>
+                    </button>
+                  </span>
                 </div>
               </li>
               <li
@@ -1903,36 +1856,42 @@ exports[`typeahead multi select renders selected successfully 1`] = `
                   data-ouia-safe="true"
                 >
                   <span
-                    class="pf-c-chip__text"
-                    id="pf-random-id-26"
+                    class="pf-c-chip__content"
                   >
-                    Mrs
+                    <span
+                      class="pf-c-chip__text"
+                      id="pf-random-id-26"
+                    >
+                      Mrs
+                    </span>
                   </span>
-                  <button
-                    aria-disabled="false"
-                    aria-label="Remove"
-                    aria-labelledby="remove_pf-random-id-26 pf-random-id-26"
-                    class="pf-c-button pf-m-plain"
-                    data-ouia-component-id="Remove"
-                    data-ouia-component-type="PF4/Button"
-                    data-ouia-safe="true"
-                    id="remove_pf-random-id-26"
-                    type="button"
+                  <span
+                    class="pf-c-chip__actions"
                   >
-                    <svg
-                      aria-hidden="true"
-                      fill="currentColor"
-                      height="1em"
-                      role="img"
-                      style="vertical-align: -0.125em;"
-                      viewBox="0 0 352 512"
-                      width="1em"
+                    <button
+                      aria-disabled="false"
+                      aria-label="Remove"
+                      aria-labelledby="remove_pf-random-id-26 pf-random-id-26"
+                      class="pf-c-button pf-m-plain"
+                      data-ouia-component-id="Remove"
+                      data-ouia-component-type="PF4/Button"
+                      data-ouia-safe="true"
+                      id="remove_pf-random-id-26"
+                      type="button"
                     >
-                      <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"
-                      />
-                    </svg>
-                  </button>
+                      <svg
+                        aria-hidden="true"
+                        class="pf-svg"
+                        fill="currentColor"
+                        role="img"
+                        viewBox="0 0 352 512"
+                      >
+                        <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"
+                        />
+                      </svg>
+                    </button>
+                  </span>
                 </div>
               </li>
             </ul>
@@ -1963,11 +1922,8 @@ exports[`typeahead multi select renders selected successfully 1`] = `
           aria-hidden="true"
           class="pf-c-select__toggle-arrow"
           fill="currentColor"
-          height="1em"
           role="img"
-          style="vertical-align: -0.125em;"
           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"
@@ -1997,12 +1953,10 @@ exports[`typeahead multi select renders selected successfully 1`] = `
           >
             <svg
               aria-hidden="true"
+              class="pf-svg"
               fill="currentColor"
-              height="1em"
               role="img"
-              style="vertical-align: -0.125em;"
               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"
@@ -2028,12 +1982,10 @@ exports[`typeahead multi select renders selected successfully 1`] = `
           >
             <svg
               aria-hidden="true"
+              class="pf-svg"
               fill="currentColor"
-              height="1em"
               role="img"
-              style="vertical-align: -0.125em;"
               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"
@@ -2111,11 +2063,8 @@ exports[`typeahead select renders closed successfully 1`] = `
           aria-hidden="true"
           class="pf-c-select__toggle-arrow"
           fill="currentColor"
-          height="1em"
           role="img"
-          style="vertical-align: -0.125em;"
           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"
@@ -2165,11 +2114,8 @@ exports[`typeahead select renders expanded successfully 1`] = `
           aria-hidden="true"
           class="pf-c-select__toggle-arrow"
           fill="currentColor"
-          height="1em"
           role="img"
-          style="vertical-align: -0.125em;"
           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"
@@ -2277,11 +2223,8 @@ exports[`typeahead select renders selected successfully 1`] = `
           aria-hidden="true"
           class="pf-c-select__toggle-arrow"
           fill="currentColor"
-          height="1em"
           role="img"
-          style="vertical-align: -0.125em;"
           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"
@@ -2311,12 +2254,10 @@ exports[`typeahead select renders selected successfully 1`] = `
           >
             <svg
               aria-hidden="true"
+              class="pf-svg"
               fill="currentColor"
-              height="1em"
               role="img"
-              style="vertical-align: -0.125em;"
               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"

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

@@ -58,12 +58,10 @@ exports[`SelectOption is selected renders selected successfully 1`] = `
       >
         <svg
           aria-hidden="true"
+          class="pf-svg"
           fill="currentColor"
-          height="1em"
           role="img"
-          style="vertical-align: -0.125em;"
           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"

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

@@ -17,12 +17,10 @@ exports[`SelectToggle state active 1`] = `
     >
       <svg
         aria-hidden="true"
+        class="pf-svg"
         fill="currentColor"
-        height="1em"
         role="img"
-        style="vertical-align: -0.125em;"
         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"