fix(select): wrong color in outlined type (#1957)

SisIvanova · web-flow · commit 1c4593d954ae · 2025-11-07T18:08:43.000+02:00
diff --git a/src/components/select/themes/shared/select.material.scss b/src/components/select/themes/shared/select.material.scss
@@ -27,6 +27,12 @@ $active-border-width: rem(2px) !default;
     }
 }
 
+:host([outlined]:focus-within) {
+    [part~='toggle-icon'] {
+        background: var-get($theme, 'toggle-button-background-focus--border');
+    }
+}
+
 :host(:not(:state(ig-invalid))[outlined]:focus-within) {
     igc-input[readonly]:not([disabled])::part(start) {
         border: {
@@ -71,10 +77,6 @@ $active-border-width: rem(2px) !default;
     igc-input[readonly]:not([disabled])::part(label) {
         color: $active-color;
     }
-
-    [part~='toggle-icon'] {
-        background: var-get($theme, 'toggle-button-background-focus--border');
-    }
 }
 
 :host(:not(:state(ig-invalid),[outlined]):focus-within) {

Original file line number	Diff line number	Diff line change
`@@ -27,6 +27,12 @@ $active-border-width: rem(2px) !default;`
`27`	`27`	`}`
`28`	`28`	`}`
`29`	`29`
	`30`	`+:host([outlined]:focus-within) {`
	`31`	`+ [part~='toggle-icon'] {`
	`32`	`+ background: var-get($theme, 'toggle-button-background-focus--border');`
	`33`	`+ }`
	`34`	`+}`
	`35`	`+`
`30`	`36`	`:host(:not(:state(ig-invalid))[outlined]:focus-within) {`
`31`	`37`	`igc-input[readonly]:not([disabled])::part(start) {`
`32`	`38`	`border: {`
`@@ -71,10 +77,6 @@ $active-border-width: rem(2px) !default;`
`71`	`77`	`igc-input[readonly]:not([disabled])::part(label) {`
`72`	`78`	`color: $active-color;`
`73`	`79`	`}`
`74`		`-`
`75`		`- [part~='toggle-icon'] {`
`76`		`- background: var-get($theme, 'toggle-button-background-focus--border');`
`77`		`- }`
`78`	`80`	`}`
`79`	`81`
`80`	`82`	`:host(:not(:state(ig-invalid),[outlined]):focus-within) {`