fix(combo/select): toggle button styles

Author: SisIvanova

src/components/combo/themes/shared/combo.fluent.scss

@@ -62,7 +62,7 @@ $dropdown-theme: dropdown-theme.$fluent;
 
 :host(:focus-within) {
     [part~='toggle-icon'] {
-        background: var-get($theme, 'toggle-button-background-focus--border');
+        background: var-get($theme, 'toggle-button-background-focus');
         color: var-get($theme, 'toggle-button-foreground-focus');
 
         igc-icon {

src/components/select/themes/shared/select.common.scss

@@ -32,7 +32,6 @@ $dropdown-theme: dropdown-theme.$material;
     }
 }
 
-:host(:hover),
 :host(:focus-within) {
     [part~='toggle-icon'] {
         background: var-get($theme, 'toggle-button-background-focus--border');

src/components/select/themes/shared/select.fluent.scss

@@ -36,6 +36,10 @@ $focused-border-width: rem(2px);
 }
 
 :host(:focus-within) {
+    [part~='toggle-icon'] {
+        background: var-get($theme, 'toggle-button-background-focus');
+    }
+
     igc-input[readonly]:not([disabled])::part(container) {
         border-width: #{$focused-border-width};
     }

src/components/select/themes/shared/select.indigo.scss

@@ -33,6 +33,12 @@ $input-theme: input-theme.$indigo;
     padding: rem(3px);
 }
 
+:host(:hover) {
+    [part~='toggle-icon'] {
+        color: var-get($theme, 'toggle-button-foreground-focus');
+    }
+}
+
 :host(:focus-within) {
     igc-input::part(label) {
         color: var-get($input-theme, 'focused-secondary-color');

src/components/select/themes/shared/select.material.scss

@@ -29,16 +29,6 @@ $active-border-width: rem(2px) !default;
     }
 }
 
-:host(:hover) {
-    [part~='toggle-icon'] {
-        background: var-get($theme, 'toggle-button-background');
-    }
-
-    [part='toggle-icon filled'] {
-        color: var-get($theme, 'toggle-button-foreground-filled');
-    }
-}
-
 :host([outlined]:focus-within) {
     igc-input[readonly]:not([disabled])::part(start) {
         border: {