@patternfly/react-core 5.0.0-alpha.119 → 5.0.0-alpha.120

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-core",
-  "version": "5.0.0-alpha.119",
+  "version": "5.0.0-alpha.120",
   "description": "This library provides a set of common React components for use with the PatternFly reference implementation.",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -71,5 +71,5 @@
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
-  "gitHead": "3d9d04381ec62d8aa02b8eb1e3977f951fbfdeb3"
+  "gitHead": "1da6f5e5ad3c3665e0022693a5ce9de2588aa136"
 }

package/src/components/FormSelect/FormSelect.tsx

@@ -98,7 +98,9 @@ export class FormSelect extends React.Component<FormSelectProps, { ouiaStateId:
         </select>
         <div className={css(styles.formControlUtilities)}>
           {hasStatusIcon && <FormControlIcon status={validated as 'success' | 'error' | 'warning'} />}
-          <FormControlIcon customIcon={<CaretDownIcon />} />
+          <div className={css(styles.formControlToggleIcon)}>
+            <CaretDownIcon />
+          </div>
         </div>
       </div>
     );

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

@@ -24,7 +24,7 @@ exports[`FormSelect Disabled FormSelect input  1`] = `
       class="pf-v5-c-form-control__utilities"
     >
       <div
-        class="pf-v5-c-form-control__icon"
+        class="pf-v5-c-form-control__toggle-icon"
       >
         <svg
           aria-hidden="true"
@@ -66,7 +66,7 @@ exports[`FormSelect FormSelect input with aria-label does not generate console e
       class="pf-v5-c-form-control__utilities"
     >
       <div
-        class="pf-v5-c-form-control__icon"
+        class="pf-v5-c-form-control__toggle-icon"
       >
         <svg
           aria-hidden="true"
@@ -109,7 +109,7 @@ exports[`FormSelect FormSelect input with id does not generate console error 1`]
       class="pf-v5-c-form-control__utilities"
     >
       <div
-        class="pf-v5-c-form-control__icon"
+        class="pf-v5-c-form-control__toggle-icon"
       >
         <svg
           aria-hidden="true"
@@ -150,7 +150,7 @@ exports[`FormSelect FormSelect input with no aria-label or id generates console
       class="pf-v5-c-form-control__utilities"
     >
       <div
-        class="pf-v5-c-form-control__icon"
+        class="pf-v5-c-form-control__toggle-icon"
       >
         <svg
           aria-hidden="true"
@@ -238,7 +238,7 @@ exports[`FormSelect Grouped FormSelect input 1`] = `
       class="pf-v5-c-form-control__utilities"
     >
       <div
-        class="pf-v5-c-form-control__icon"
+        class="pf-v5-c-form-control__toggle-icon"
       >
         <svg
           aria-hidden="true"
@@ -318,7 +318,7 @@ exports[`FormSelect Simple FormSelect input 1`] = `
       class="pf-v5-c-form-control__utilities"
     >
       <div
-        class="pf-v5-c-form-control__icon"
+        class="pf-v5-c-form-control__toggle-icon"
       >
         <svg
           aria-hidden="true"
@@ -375,7 +375,7 @@ exports[`FormSelect invalid FormSelect input 1`] = `
         </svg>
       </div>
       <div
-        class="pf-v5-c-form-control__icon"
+        class="pf-v5-c-form-control__toggle-icon"
       >
         <svg
           aria-hidden="true"
@@ -432,7 +432,7 @@ exports[`FormSelect validated success FormSelect input 1`] = `
         </svg>
       </div>
       <div
-        class="pf-v5-c-form-control__icon"
+        class="pf-v5-c-form-control__toggle-icon"
       >
         <svg
           aria-hidden="true"
@@ -489,7 +489,7 @@ exports[`FormSelect validated warning FormSelect input 1`] = `
         </svg>
       </div>
       <div
-        class="pf-v5-c-form-control__icon"
+        class="pf-v5-c-form-control__toggle-icon"
       >
         <svg
           aria-hidden="true"