@material/web 1.0.0-pre.12 → 1.0.0-pre.13

package/tokens/_md-comp-slider.scss

@@ -13,8 +13,50 @@
 @use './md-sys-state';
 @use './md-sys-typescale';
 @use './v0_172/md-comp-slider';
+@use './values';
 // go/keep-sorted end
 
+$supported-tokens: (
+  // go/keep-sorted start
+  'active-track-color',
+  'active-track-height',
+  'active-track-shape',
+  'disabled-active-track-color',
+  'disabled-active-track-opacity',
+  'disabled-handle-color',
+  'disabled-handle-elevation',
+  'disabled-inactive-track-color',
+  'disabled-inactive-track-opacity',
+  'focus-handle-color',
+  'handle-color',
+  'handle-elevation',
+  'handle-height',
+  'handle-shadow-color',
+  'handle-shape',
+  'handle-width',
+  'hover-handle-color',
+  'hover-state-layer-color',
+  'hover-state-layer-opacity',
+  'inactive-track-color',
+  'inactive-track-height',
+  'inactive-track-shape',
+  'label-container-color',
+  'label-container-height',
+  'label-label-text-color',
+  'label-label-text-type',
+  'pressed-handle-color',
+  'pressed-state-layer-color',
+  'pressed-state-layer-opacity',
+  'state-layer-size',
+  'with-overlap-handle-outline-color',
+  'with-overlap-handle-outline-width',
+  'with-tick-marks-active-container-color',
+  'with-tick-marks-container-size',
+  'with-tick-marks-disabled-container-color',
+  'with-tick-marks-inactive-container-color',
+  // go/keep-sorted end
+);
+
 $_default: (
   'md-sys-color': md-sys-color.values-light(),
   'md-sys-elevation': md-sys-elevation.values(),
@@ -44,8 +86,11 @@ $_unsupported-tokens: (
 );
 
 @function values($deps: $_default, $exclude-hardcoded-values: false) {
-  $tokens: md-comp-slider.values($deps, $exclude-hardcoded-values);
-  $tokens: map.remove($tokens, $_unsupported-tokens...);
+  $tokens: values.validate(
+    md-comp-slider.values($deps, $exclude-hardcoded-values),
+    $supported-tokens: $supported-tokens,
+    $unsupported-tokens: $_unsupported-tokens
+  );
 
   // TODO(b/271876162): remove when tokens compiler emits typescale tokens
   $tokens: map.merge(
@@ -55,5 +100,6 @@ $_unsupported-tokens: (
         map.get($deps, 'md-sys-typescale', 'label-medium'),
     )
   );
+
   @return $tokens;
 }

package/tokens/_md-comp-text-button.scss

@@ -19,26 +19,26 @@ $supported-tokens: (
   // go/keep-sorted start
   'container-height',
   'container-shape',
+  'disabled-icon-color',
+  'disabled-icon-opacity',
   'disabled-label-text-color',
   'disabled-label-text-opacity',
+  'focus-icon-color',
   'focus-label-text-color',
+  'hover-icon-color',
   'hover-label-text-color',
   'hover-state-layer-color',
   'hover-state-layer-opacity',
+  'icon-color',
+  'icon-size',
   'label-text-color',
   'label-text-type',
+  'pressed-icon-color',
   'pressed-label-text-color',
   'pressed-state-layer-color',
   'pressed-state-layer-opacity',
   'spacing-leading',
   'spacing-trailing',
-  'with-icon-disabled-icon-color',
-  'with-icon-disabled-icon-opacity',
-  'with-icon-focus-icon-color',
-  'with-icon-hover-icon-color',
-  'with-icon-icon-color',
-  'with-icon-icon-size',
-  'with-icon-pressed-icon-color',
   'with-icon-spacing-leading',
   'with-icon-spacing-trailing',
   'with-trailing-icon-spacing-leading',
@@ -82,6 +82,16 @@ $_default: (
       'with-trailing-icon-spacing-trailing':
         if($exclude-hardcoded-values, null, 12px),
       // go/keep-sorted end
+    ),
+    $renamed-tokens: (
+      // Remove "with-*" prefixes (b/273534858)
+      'with-icon-disabled-icon-color': 'disabled-icon-color',
+      'with-icon-disabled-icon-opacity': 'disabled-icon-opacity',
+      'with-icon-focus-icon-color': 'focus-icon-color',
+      'with-icon-hover-icon-color': 'hover-icon-color',
+      'with-icon-icon-color': 'icon-color',
+      'with-icon-icon-size': 'icon-size',
+      'with-icon-pressed-icon-color': 'pressed-icon-color'
     )
   );
 

package/tokens/_values.scss

@@ -94,7 +94,7 @@
   }
 
   @each $token in map.keys($values) {
-    @if list.index($supported-tokens, $token) == 0 {
+    @if list.index($supported-tokens, $token) == null {
       @error 'values.validate($supported-tokens)) is missing the \'#{$token}\' token. Does it need adding to $unsupported-tokens?';
     }
   }