build: add tokens test for form field (#27589)

A tokens test wasn't added in #27548, because MDC wasn't exporting the light theme variable that we validate against. I've made a change internally to export it so now we can validate against it.

(cherry picked from commit 7ed70fe)

Author: crisbeto

package.json

@@ -98,53 +98,53 @@
     "@bazel/terser": "5.8.1",
     "@bazel/worker": "5.8.1",
     "@firebase/app-types": "^0.7.0",
-    "@material/animation": "15.0.0-canary.83355c322.0",
-    "@material/auto-init": "15.0.0-canary.83355c322.0",
-    "@material/banner": "15.0.0-canary.83355c322.0",
-    "@material/base": "15.0.0-canary.83355c322.0",
-    "@material/button": "15.0.0-canary.83355c322.0",
-    "@material/card": "15.0.0-canary.83355c322.0",
-    "@material/checkbox": "15.0.0-canary.83355c322.0",
-    "@material/chips": "15.0.0-canary.83355c322.0",
-    "@material/circular-progress": "15.0.0-canary.83355c322.0",
-    "@material/data-table": "15.0.0-canary.83355c322.0",
-    "@material/density": "15.0.0-canary.83355c322.0",
-    "@material/dialog": "15.0.0-canary.83355c322.0",
-    "@material/dom": "15.0.0-canary.83355c322.0",
-    "@material/drawer": "15.0.0-canary.83355c322.0",
-    "@material/elevation": "15.0.0-canary.83355c322.0",
-    "@material/fab": "15.0.0-canary.83355c322.0",
-    "@material/feature-targeting": "15.0.0-canary.83355c322.0",
-    "@material/floating-label": "15.0.0-canary.83355c322.0",
-    "@material/form-field": "15.0.0-canary.83355c322.0",
-    "@material/icon-button": "15.0.0-canary.83355c322.0",
-    "@material/image-list": "15.0.0-canary.83355c322.0",
-    "@material/layout-grid": "15.0.0-canary.83355c322.0",
-    "@material/line-ripple": "15.0.0-canary.83355c322.0",
-    "@material/linear-progress": "15.0.0-canary.83355c322.0",
-    "@material/list": "15.0.0-canary.83355c322.0",
-    "@material/menu": "15.0.0-canary.83355c322.0",
-    "@material/menu-surface": "15.0.0-canary.83355c322.0",
-    "@material/notched-outline": "15.0.0-canary.83355c322.0",
-    "@material/radio": "15.0.0-canary.83355c322.0",
-    "@material/ripple": "15.0.0-canary.83355c322.0",
-    "@material/rtl": "15.0.0-canary.83355c322.0",
-    "@material/segmented-button": "15.0.0-canary.83355c322.0",
-    "@material/select": "15.0.0-canary.83355c322.0",
-    "@material/shape": "15.0.0-canary.83355c322.0",
-    "@material/slider": "15.0.0-canary.83355c322.0",
-    "@material/snackbar": "15.0.0-canary.83355c322.0",
-    "@material/switch": "15.0.0-canary.83355c322.0",
-    "@material/tab": "15.0.0-canary.83355c322.0",
-    "@material/tab-bar": "15.0.0-canary.83355c322.0",
-    "@material/tab-indicator": "15.0.0-canary.83355c322.0",
-    "@material/tab-scroller": "15.0.0-canary.83355c322.0",
-    "@material/textfield": "15.0.0-canary.83355c322.0",
-    "@material/theme": "15.0.0-canary.83355c322.0",
-    "@material/tooltip": "15.0.0-canary.83355c322.0",
-    "@material/top-app-bar": "15.0.0-canary.83355c322.0",
-    "@material/touch-target": "15.0.0-canary.83355c322.0",
-    "@material/typography": "15.0.0-canary.83355c322.0",
+    "@material/animation": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/auto-init": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/banner": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/base": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/button": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/card": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/checkbox": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/chips": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/circular-progress": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/data-table": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/density": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/dialog": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/dom": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/drawer": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/elevation": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/fab": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/feature-targeting": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/floating-label": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/form-field": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/icon-button": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/image-list": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/layout-grid": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/line-ripple": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/linear-progress": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/list": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/menu": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/menu-surface": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/notched-outline": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/radio": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/ripple": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/rtl": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/segmented-button": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/select": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/shape": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/slider": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/snackbar": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/switch": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/tab": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/tab-bar": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/tab-indicator": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/tab-scroller": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/textfield": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/theme": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/tooltip": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/top-app-bar": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/touch-target": "15.0.0-canary.bc9ae6c9c.0",
+    "@material/typography": "15.0.0-canary.bc9ae6c9c.0",
     "@octokit/rest": "18.3.5",
     "@rollup/plugin-commonjs": "^21.0.0",
     "@rollup/plugin-node-resolve": "^13.1.3",

packages.bzl

@@ -1,7 +1,7 @@
 # Each individual package uses a placeholder for the version of Angular to ensure they're
 # all in-sync. This map is passed to each ng_package rule to stamp out the appropriate
 # version for the placeholders.
-MDC_PACKAGE_VERSION = "15.0.0-canary.83355c322.0"
+MDC_PACKAGE_VERSION = "15.0.0-canary.bc9ae6c9c.0"
 TSLIB_PACKAGE_VERSION = "^2.3.0"
 RXJS_PACKAGE_VERSION = "^6.5.3 || ^7.4.0"
 

src/material/core/tokens/tests/test-validate-tokens.scss

@@ -18,6 +18,8 @@
 @use '@material/snackbar/snackbar-theme' as mdc-snackbar-theme;
 @use '@material/chips/chip-theme' as mdc-chips-theme;
 @use '@material/dialog/dialog-theme' as mdc-dialog-theme;
+@use '@material/textfield/filled-text-field-theme' as mdc-filled-text-field-theme;
+@use '@material/textfield/outlined-text-field-theme' as mdc-outlined-text-field-theme;
 @use '@material/theme/validate' as mdc-validate;
 
 @use '../m2/mdc/circular-progress' as tokens-mdc-circular-progress;
@@ -37,6 +39,8 @@
 @use '../m2/mdc/snack-bar' as tokens-mdc-snack-bar;
 @use '../m2/mdc/chip' as tokens-mdc-chip;
 @use '../m2/mdc/dialog' as tokens-mdc-dialog;
+@use '../m2/mdc/filled-text-field' as tokens-mdc-filled-text-field;
+@use '../m2/mdc/outlined-text-field' as tokens-mdc-outlined-text-field;
 
 @mixin validate-slots($component, $slots, $reference) {
   @debug 'Validating #{$component}...';
@@ -135,3 +139,13 @@
   $slots: tokens-mdc-extended-fab.get-token-slots(),
   $reference: mdc-extended-fab-theme.$extended-light-theme
 );
+@include validate-slots(
+  $component: 'm2.mdc.filled-text-field',
+  $slots: tokens-mdc-filled-text-field.get-token-slots(),
+  $reference: mdc-filled-text-field-theme.$light-theme
+);
+@include validate-slots(
+  $component: 'm2.mdc.outlined-text-field',
+  $slots: tokens-mdc-outlined-text-field.get-token-slots(),
+  $reference: mdc-outlined-text-field-theme.$light-theme
+);