@angular/material-experimental 17.0.1 → 17.0.3

package/theming/_m3-tokens.scss

@@ -177,6 +177,21 @@
       _fix-checkbox-tokens(mdc-tokens.md-comp-checkbox-values($systems, $exclude-hardcoded)),
       $token-slots
     ),
+    _namespace-tokens(
+      (mdc, chip),
+      custom-tokens.chip($systems, $exclude-hardcoded),
+      $token-slots
+    ),
+    _namespace-tokens(
+      (mdc, circular-progress),
+      mdc-tokens.md-comp-circular-progress-indicator-values($systems, $exclude-hardcoded),
+      $token-slots
+    ),
+    _namespace-tokens(
+      (mdc, dialog),
+      mdc-tokens.md-comp-dialog-values($systems, $exclude-hardcoded),
+      $token-slots
+    ),
     _namespace-tokens(
       (mdc, elevated-card),
       mdc-tokens.md-comp-elevated-card-values($systems, $exclude-hardcoded),
@@ -187,6 +202,11 @@
       mdc-tokens.md-comp-filled-text-field-values($systems, $exclude-hardcoded),
       $token-slots
     ),
+    _namespace-tokens(
+      (mdc, linear-progress),
+      mdc-tokens.md-comp-linear-progress-indicator-values($systems, $exclude-hardcoded),
+      $token-slots
+    ),
     _namespace-tokens(
       (mdc, list),
       mdc-tokens.md-comp-list-values($systems, $exclude-hardcoded),
@@ -202,6 +222,16 @@
       mdc-tokens.md-comp-outlined-text-field-values($systems, $exclude-hardcoded),
       $token-slots
     ),
+    _namespace-tokens(
+      (mdc, plain-tooltip),
+      mdc-tokens.md-comp-plain-tooltip-values($systems, $exclude-hardcoded),
+      $token-slots
+    ),
+    _namespace-tokens(
+      (mdc, radio),
+      mdc-tokens.md-comp-radio-button-values($systems, $exclude-hardcoded),
+      $token-slots
+    ),
     _namespace-tokens(
       (mdc, slider),
       mdc-tokens.md-comp-slider-values($systems, $exclude-hardcoded),
@@ -218,40 +248,46 @@
       $token-slots
     ),
     _namespace-tokens(
-      (mdc, plain-tooltip),
-      mdc-tokens.md-comp-plain-tooltip-values($systems, $exclude-hardcoded),
+      (mdc, tab),
+      mdc-tokens.md-comp-secondary-navigation-tab-values($systems, $exclude-hardcoded),
       $token-slots
     ),
+
+    // Choose values for our made up tokens based on MDC system tokens or sensible hardcoded
+    // values.
     _namespace-tokens(
-      (mdc, circular-progress),
-      mdc-tokens.md-comp-circular-progress-indicator-values($systems, $exclude-hardcoded),
+      (mdc, tab-indicator),
+      custom-tokens.tab-indicator($systems, $exclude-hardcoded),
       $token-slots
     ),
     _namespace-tokens(
-      (mdc, radio),
-      mdc-tokens.md-comp-radio-button-values($systems, $exclude-hardcoded),
+      (mat, autocomplete),
+      custom-tokens.autocomplete($systems, $exclude-hardcoded),
       $token-slots
     ),
     _namespace-tokens(
-      (mdc, linear-progress),
-      mdc-tokens.md-comp-linear-progress-indicator-values($systems, $exclude-hardcoded),
+      (mat, badge),
+      custom-tokens.badge($systems, $exclude-hardcoded),
       $token-slots
     ),
     _namespace-tokens(
-      (mdc, tab),
-      mdc-tokens.md-comp-secondary-navigation-tab-values($systems, $exclude-hardcoded),
+      (mat, bottom-sheet),
+      custom-tokens.bottom-sheet($systems, $exclude-hardcoded),
       $token-slots
     ),
-    // Choose values for our made up tokens based on MDC system tokens or sensible hardcoded
-    // values.
     _namespace-tokens(
-      (mdc, tab-indicator),
-      custom-tokens.tab-indicator($systems, $exclude-hardcoded),
+      (mat, card),
+      custom-tokens.card($systems, $exclude-hardcoded),
       $token-slots
     ),
     _namespace-tokens(
-      (mat, card),
-      custom-tokens.card($systems, $exclude-hardcoded),
+      (mat, datepicker),
+      custom-tokens.datepicker($systems, $exclude-hardcoded),
+      $token-slots
+    ),
+    _namespace-tokens(
+      (mat, divider),
+      custom-tokens.divider($systems, $exclude-hardcoded),
       $token-slots
     ),
     _namespace-tokens(
@@ -260,23 +296,33 @@
       $token-slots
     ),
     _namespace-tokens(
-      (mat, toolbar),
-      custom-tokens.toolbar($systems, $exclude-hardcoded),
-      $token-slots,
+      (mat, grid-list),
+      custom-tokens.grid-list($systems, $exclude-hardcoded),
+      $token-slots
     ),
     _namespace-tokens(
-      (mat, slide-toggle),
-      custom-tokens.slide-toggle($systems, $exclude-hardcoded),
+      (mat, icon),
+      custom-tokens.icon($systems, $exclude-hardcoded),
       $token-slots
     ),
     _namespace-tokens(
-      (mat, slider),
-      custom-tokens.slider($systems, $exclude-hardcoded),
+      (mat, menu),
+      custom-tokens.menu($systems, $exclude-hardcoded),
       $token-slots
     ),
     _namespace-tokens(
-      (mat, snack-bar),
-      custom-tokens.snack-bar($systems, $exclude-hardcoded),
+      (mat, optgroup),
+      custom-tokens.optgroup($systems, $exclude-hardcoded),
+      $token-slots
+    ),
+    _namespace-tokens(
+      (mat, option),
+      custom-tokens.option($systems, $exclude-hardcoded),
+      $token-slots
+    ),
+    _namespace-tokens(
+      (mat, paginator),
+      custom-tokens.paginator($systems, $exclude-hardcoded),
       $token-slots
     ),
     _namespace-tokens(
@@ -289,11 +335,41 @@
       custom-tokens.ripple($systems, $exclude-hardcoded),
       $token-slots
     ),
+    _namespace-tokens(
+      (mat, select),
+      custom-tokens.select($systems, $exclude-hardcoded),
+      $token-slots
+    ),
+    _namespace-tokens(
+      (mat, sidenav),
+      custom-tokens.sidenav($systems, $exclude-hardcoded),
+      $token-slots
+    ),
+    _namespace-tokens(
+      (mat, slide-toggle),
+      custom-tokens.slide-toggle($systems, $exclude-hardcoded),
+      $token-slots
+    ),
+    _namespace-tokens(
+      (mat, slider),
+      custom-tokens.slider($systems, $exclude-hardcoded),
+      $token-slots
+    ),
+    _namespace-tokens(
+      (mat, snack-bar),
+      custom-tokens.snack-bar($systems, $exclude-hardcoded),
+      $token-slots
+    ),
     _namespace-tokens(
       (mat, sort),
       custom-tokens.sort($systems, $exclude-hardcoded),
       $token-slots
     ),
+    _namespace-tokens(
+      (mat, standard-button-toggle),
+      custom-tokens.button-toggle($systems, $exclude-hardcoded),
+      $token-slots
+    ),
     _namespace-tokens(
       (mat, stepper),
       custom-tokens.stepper($systems, $exclude-hardcoded),
@@ -309,6 +385,11 @@
       custom-tokens.table($systems, $exclude-hardcoded),
       $token-slots
     ),
+    _namespace-tokens(
+      (mat, toolbar),
+      custom-tokens.toolbar($systems, $exclude-hardcoded),
+      $token-slots,
+    ),
     _namespace-tokens(
       (mat, tree),
       custom-tokens.tree($systems, $exclude-hardcoded),
@@ -342,11 +423,11 @@
   $sys-color: if($type == dark,
     mdc-tokens.md-sys-color-values-dark($ref),
     mdc-tokens.md-sys-color-values-light($ref));
-  @return _generate-tokens((
+  @return _generate-tokens(map.merge($ref, (
     md-sys-color: $sys-color,
     md-sys-elevation: mdc-tokens.md-sys-elevation-values(),
     md-sys-state: mdc-tokens.md-sys-state-values(),
-  ));
+  )));
 }
 
 /// Generates a set of namespaced color tokens for all components.