fix(material-experimental/mdc-chips): align with latest MDC markup

Aligns the MDC-based chips with the latest MDC markup. Also bumps to the latest MDC Canary version.

Author: crisbeto

package.json

@@ -55,7 +55,7 @@
     "@types/youtube": "^0.0.38",
     "@webcomponents/custom-elements": "^1.1.0",
     "core-js": "^2.6.9",
-    "material-components-web": "5.0.0-canary.b4727e43a.0",
+    "material-components-web": "5.0.0-canary.8c11ea2a3.0",
     "rxjs": "^6.5.3",
     "systemjs": "0.19.43",
     "tslib": "^1.10.0",

src/material-experimental/mdc-chips/chip.html

@@ -1,4 +1,6 @@
 <span class="mdc-chip__ripple"></span>
 <ng-content select="mat-chip-avatar, [matChipAvatar]"></ng-content>
-<div class="mdc-chip__text mdc-chip__action--primary"><ng-content></ng-content></div>
+<div class="mdc-chip__primary-action">
+  <div class="mdc-chip__text"><ng-content></ng-content></div>
+</div>
 <ng-content select="mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]"></ng-content>