feat(chips): Truncate long chip labels by default

PiperOrigin-RevId: 368674230

Author: patrickrodee

packages/mdc-chips/_chip-set.scss

@@ -51,6 +51,7 @@
     @include feature-targeting.targets($feat-structure) {
       display: flex;
       flex-flow: wrap;
+      min-width: 0;
     }
   }
 

packages/mdc-chips/_chip.scss

@@ -116,6 +116,7 @@
   .mdc-evolution-chip {
     @include feature-targeting.targets($feat-structure) {
       position: relative;
+      max-width: 100%;
     }
     @include elevation-theme.overlay-dimensions(100%, $query: $query);
   }
@@ -127,6 +128,18 @@
     }
   }
 
+  .mdc-evolution-chip__cell--primary {
+    @include feature-targeting.targets($feat-structure) {
+      overflow-x: hidden;
+    }
+  }
+
+  .mdc-evolution-chip__cell--trailing {
+    @include feature-targeting.targets($feat-structure) {
+      flex: 1 0 auto;
+    }
+  }
+
   .mdc-evolution-chip__action {
     @include feature-targeting.targets($feat-structure) {
       align-items: center;
@@ -153,6 +166,12 @@
     }
   }
 
+  .mdc-evolution-chip__action--primary {
+    @include feature-targeting.targets($feat-structure) {
+      overflow-x: hidden;
+    }
+  }
+
   .mdc-evolution-chip__action--trailing {
     @include feature-targeting.targets($feat-structure) {
       position: relative;
@@ -188,6 +207,8 @@
     @include feature-targeting.targets($feat-structure) {
       white-space: nowrap;
       user-select: none;
+      text-overflow: ellipsis;
+      overflow: hidden;
     }
   }
 
@@ -199,6 +220,7 @@
       overflow: hidden;
       pointer-events: none;
       position: relative;
+      flex: 1 0 auto;
     }
   }