fix(chips): Remove color change from selected filter chips (#3093)

Author: bonniezhou

packages/mdc-chips/chip/mdc-chip.scss

@@ -30,7 +30,6 @@
   @include mdc-chip-corner-radius($mdc-chip-border-radius-default);
   @include mdc-chip-fill-color($mdc-chip-fill-color-default);
   @include mdc-chip-ink-color($mdc-chip-ink-color-default);
-  @include mdc-chip-selected-ink-color(primary);
   @include mdc-chip-leading-icon-color($mdc-chip-icon-color);
   @include mdc-chip-trailing-icon-color($mdc-chip-icon-color);
   @include mdc-chip-leading-icon-size($mdc-chip-leading-icon-size);
@@ -61,10 +60,6 @@
   opacity: 0;
 }
 
-.mdc-chip--selected {
-  @include mdc-theme-prop(background-color, surface);
-}
-
 .mdc-chip__text {
   white-space: nowrap;
 }
@@ -101,6 +96,18 @@
   stroke-dashoffset: 0;
 }
 
+// Change color of selected choice chips
+
+.mdc-chip-set--choice {
+  .mdc-chip {
+    @include mdc-chip-selected-ink-color(primary);
+  }
+
+  .mdc-chip--selected {
+    @include mdc-theme-prop(background-color, surface);
+  }
+}
+
 // Add leading checkmark to filter chips with no leading icon
 
 .mdc-chip__checkmark-svg {