replace trailing with secondary

Author: adolgachev

src/material/chips/chip-action.ts

@@ -29,7 +29,7 @@ import {_StructuralStylesLoader} from '../core';
     'class': 'mdc-evolution-chip__action mat-mdc-chip-action',
     '[class.mdc-evolution-chip__action--primary]': '_isPrimary',
     '[class.mdc-evolution-chip__action--presentational]': '!isInteractive',
-    '[class.mdc-evolution-chip__action--trailing]': '!_isPrimary',
+    '[class.mdc-evolution-chip__action--secondary]': '!_isPrimary',
     '[attr.tabindex]': '_getTabindex()',
     '[attr.disabled]': '_getDisabledAttribute()',
     '[attr.aria-disabled]': 'disabled',

src/material/chips/chip-grid.spec.ts

@@ -264,7 +264,7 @@ describe('MatChipGrid', () => {
           fixture = createComponent(ChipGridWithRemove);
           flush();
           trailingActions = chipGridNativeElement.querySelectorAll(
-            '.mdc-evolution-chip__action--trailing',
+            '.mdc-evolution-chip__action--secondary',
           );
         }));
 
@@ -589,7 +589,7 @@ describe('MatChipGrid', () => {
       const fixture = createComponent(ChipGridWithRemove, undefined, [NoopAnimationsModule]);
       flush();
       const trailingActions = chipGridNativeElement.querySelectorAll<HTMLElement>(
-        '.mdc-evolution-chip__action--trailing',
+        '.mdc-evolution-chip__action--secondary',
       );
       const chip = chips.get(2)!;
       chip.focus();

src/material/chips/chip-row.html

@@ -3,7 +3,7 @@
 }
 
 @if (!_isEditing && editIcon) {
-  <span class="mdc-evolution-chip__cell mdc-evolution-chip__cell--primary" role="gridcell">
+  <span class="mdc-evolution-chip__cell mdc-evolution-chip__cell--leading" role="gridcell">
     <ng-content select="[matChipEdit]"></ng-content>
   </span>
 }

src/material/chips/chip-row.ts

@@ -41,16 +41,16 @@ export interface MatChipEditedEvent extends MatChipEvent {
   styleUrl: 'chip.css',
   host: {
     'class': 'mat-mdc-chip mat-mdc-chip-row mdc-evolution-chip',
-    '[class.mat-mdc-chip-with-avatar]': '_hasLeadingIcon()',
+    '[class.mat-mdc-chip-with-avatar]': 'leadingIcon',
     '[class.mat-mdc-chip-disabled]': 'disabled',
     '[class.mat-mdc-chip-editing]': '_isEditing',
     '[class.mat-mdc-chip-editable]': 'editable',
     '[class.mdc-evolution-chip--disabled]': 'disabled',
     '[class.mdc-evolution-chip--with-leading-action]': '!!editIcon',
     '[class.mdc-evolution-chip--with-trailing-action]': '_hasTrailingIcon()',
-    '[class.mdc-evolution-chip--with-primary-graphic]': '_hasLeadingIcon()',
-    '[class.mdc-evolution-chip--with-primary-icon]': '_hasLeadingIcon()',
-    '[class.mdc-evolution-chip--with-avatar]': '_hasLeadingIcon()',
+    '[class.mdc-evolution-chip--with-primary-graphic]': 'leadingIcon',
+    '[class.mdc-evolution-chip--with-primary-icon]': 'leadingIcon',
+    '[class.mdc-evolution-chip--with-avatar]': 'leadingIcon',
     '[class.mat-mdc-chip-highlighted]': 'highlighted',
     '[class.mat-mdc-chip-with-trailing-icon]': '_hasTrailingIcon()',
     '[id]': 'id',
@@ -108,11 +108,6 @@ export class MatChipRow extends MatChip implements AfterViewInit {
     });
   }
 
-  /** Returns whether the chip has a leading icon. */
-  protected _hasLeadingIcon() {
-    return !this._isEditing && !!(this.editIcon || this.leadingIcon);
-  }
-
   override _hasTrailingIcon() {
     // The trailing icon is hidden while editing.
     return !this._isEditing && super._hasTrailingIcon();

src/material/chips/chip.scss

@@ -179,7 +179,7 @@ $fallbacks: m3-chip.get-tokens(m3-system.$theme-with-system-vars);
   }
 }
 
-.mdc-evolution-chip__action--trailing {
+.mdc-evolution-chip__action--secondary {
   position: relative;
   overflow: visible;