refactor(select): use gray for no fill and in item

Author: thetaPC

core/src/components/select/select.md.outline.scss

@@ -245,15 +245,13 @@
 // ----------------------------------------------------------------
 
 /**
- * When the select has a fill, is
- * in an item, and is expanded or focused,
- * then the icon should take on the
- * highlight color.
+ * When the select has no fill and
+ * in an item, then the icon should
+ * take on the highlight color.
  */
 :host(.in-item.select-expanded.select-fill-outline) .select-wrapper .select-icon,
-:host(.in-item.select-expanded.ion-touched.ion-invalid.select-fill-outline) .select-wrapper .select-icon,
 :host(.in-item.has-focus.select-fill-outline) .select-wrapper .select-icon,
 :host(.in-item.has-focus.ion-valid.select-fill-outline) .select-wrapper .select-icon,
-:host(.in-item.has-focus.ion-touched.ion-invalid.select-fill-outline) .select-wrapper .select-icon {
+:host(.in-item.ion-touched.ion-invalid.select-fill-outline) .select-wrapper .select-icon {
   color: var(--highlight-color);
 }

core/src/components/select/select.md.scss

@@ -87,16 +87,14 @@
 }
 
 /**
- * When the select has no fill, is
- * in an item, and is expanded or focused,
- * then the icon should be the same color
- * as the text color.
+ * When the select has no fill and
+ * in an item, then the icon should
+ * be the same color as the text color.
  */
 :host(.in-item.select-expanded) .select-wrapper .select-icon,
-:host(.in-item.select-expanded.ion-touched.ion-invalid) .select-wrapper .select-icon,
 :host(.in-item.has-focus) .select-wrapper .select-icon,
 :host(.in-item.has-focus.ion-valid) .select-wrapper .select-icon,
-:host(.in-item.has-focus.ion-touched.ion-invalid) .select-wrapper .select-icon {
+:host(.in-item.ion-touched.ion-invalid) .select-wrapper .select-icon {
   color: #{$select-md-icon-color};
 }
 

core/src/components/select/select.md.solid.scss

@@ -85,15 +85,13 @@
 // ----------------------------------------------------------------
 
 /**
- * When the select has a fill, is
- * in an item, and is expanded or focused,
- * then the icon should take on the
- * highlight color.
+ * When the select has no fill and
+ * in an item, then the icon should
+ * take on the highlight color.
  */
 :host(.in-item.select-expanded.select-fill-solid) .select-wrapper .select-icon,
-:host(.in-item.select-expanded.ion-touched.ion-invalid.select-fill-solid) .select-wrapper .select-icon,
 :host(.in-item.has-focus.select-fill-solid) .select-wrapper .select-icon,
 :host(.in-item.has-focus.ion-valid.select-fill-solid) .select-wrapper .select-icon,
-:host(.in-item.has-focus.ion-touched.ion-invalid.select-fill-solid) .select-wrapper .select-icon {
+:host(.in-item.ion-touched.ion-invalid.select-fill-solid) .select-wrapper .select-icon {
   color: var(--highlight-color);
 }