8223. Updated hover color for header searchfield clear icon

docs/CHANGELOG.md

@@ -19,6 +19,7 @@
 - `[Process Indicator]` Adjusted alignment of icon in compact process indicator. ([#8241](https://github.com/infor-design/enterprise/issues/8241))
 - `[Pager]` Added `showPager` and `hidePager` method to show and hide the pager bar. ([#8094](https://github.com/infor-design/enterprise/issues/8094))
 - `[Scatterplot]` Fixed legend position to be centered inside the div parent. ([#8194](https://github.com/infor-design/enterprise/issues/8194))
+- `[Searchfield]` Updated hover color for header searchfield clear icon. ([#8223](https://github.com/infor-design/enterprise/issues/8223))
 - `[Tabs]` Fixed size in close button of tab list. ([#8274](https://github.com/infor-design/enterprise/issues/8274))
 - `[Tabs Header]` Fixed focus border not visible in classic contrast alabaster. ([#8265](https://github.com/infor-design/enterprise/issues/8265))
 - `[Tabs Module]` Fixed more button not visible in alabaster. ([#8271](https://github.com/infor-design/enterprise/issues/8271))

src/components/personalize/_personalize.scss

@@ -66,6 +66,10 @@
   color: $hyperlinks-personalize-text-color;
 }
 
+.is-personalizable.subheader .full-searchfield-container .searchfield-wrapper .btn-icon:hover:not([disabled]):not(.btn-primary) svg.icon {
+  color: $header-flex-toolbar-close-icon-color-hover;
+}
+
 .is-personalizable .label+.personalize-text.data {
   color: $label-personalize-text-color;
 }

src/themes/theme-classic-dark.scss

@@ -41,6 +41,9 @@ $header-label-text-color: $ids-color-palette-white;
 $homepage-button-color: $ids-color-palette-white;
 $header-hero-widget-bg-color: $ids-color-palette-slate-90;
 
+// Toolbar
+$header-flex-toolbar-close-icon-color-hover: $ids-color-palette-white;
+
 $input-color-focus-border: $ids-color-palette-slate-10;
 
 $dropdown-search-bg-color: $ids-color-palette-slate-80;