chore(md-chip): filter chip trailing icon can now be customized

Author: vdegenne

chips/internal/_trailing-icon.scss

@@ -28,12 +28,16 @@
     padding-inline-end: 0;
   }
 
-  .trailing.icon {
+  .trailing.icon, [name="trailing-icon"]::slotted(*) {
     color: var(--_trailing-icon-color);
     height: var(--_icon-size);
     width: var(--_icon-size);
   }
 
+  [name="trailing-icon"]::slotted(md-icon) {
+     --md-icon-size: var(--_icon-size);
+  }
+
   :where(:hover) .trailing.icon {
     color: var(--_hover-trailing-icon-color);
   }

chips/internal/trailing-icons.ts

@@ -34,10 +34,12 @@ export function renderRemoveButton({
       @focus=${focusListener}>
       <md-focus-ring part="trailing-focus-ring"></md-focus-ring>
       <md-ripple ?disabled=${disabled}></md-ripple>
-      <svg class="trailing icon" viewBox="0 96 960 960" aria-hidden="true">
-        <path
-          d="m249 849-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z" />
-      </svg>
+      <slot name="trailing-icon">
+        <svg class="trailing icon" viewBox="0 96 960 960" aria-hidden="true">
+          <path
+            d="m249 849-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z" />
+        </svg>
+      </slot>
       <span class="touch"></span>
     </button>
   `;