fix(material/select): m3 native select invalid arrow color

wagnermaciel · Jan 26, 2024 · 28ce085 · 28ce085
1 parent a6e95f1
commit 28ce085
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/material/select/select.scss b/src/material/select/select.scss
@@ -83,6 +83,12 @@ $scale: 0.75 !default;
   }
 }
 
+.mat-mdc-form-field-type-mat-native-select.mat-form-field-invalid:not(.mat-form-field-disabled) .mat-mdc-form-field-infix::after {
+  @include token-utils.use-tokens(tokens-mat-select.$prefix, tokens-mat-select.get-token-slots()) {
+    @include token-utils.create-token-slot(color, invalid-arrow-color);
+  }
+}
+
 .mat-mdc-select-arrow {
   width: $mat-select-arrow-size * 2;
   height: $mat-select-arrow-size;
@@ -96,10 +102,6 @@ $scale: 0.75 !default;
       @include token-utils.create-token-slot(color, focused-arrow-color);
     }
 
-    .mat-mdc-form-field .mat-mdc-select.mat-mdc-select-invalid & {
-      @include token-utils.create-token-slot(color, invalid-arrow-color);
-    }
-
     .mat-mdc-form-field .mat-mdc-select.mat-mdc-select-disabled & {
       @include token-utils.create-token-slot(color, disabled-arrow-color);
     }