@material/web 1.0.0-pre.7 → 1.0.0-pre.8

package/tokens/_md-comp-switch.scss

@@ -8,8 +8,83 @@
 @use './md-sys-shape';
 @use './md-sys-state';
 @use './v0_172/md-comp-switch';
+@use './values';
 // go/keep-sorted end
 
+$supported-tokens: (
+  // go/keep-sorted start
+  'disabled-selected-handle-color',
+  'disabled-selected-handle-opacity',
+  'disabled-selected-icon-color',
+  'disabled-selected-icon-opacity',
+  'disabled-selected-track-color',
+  'disabled-track-opacity',
+  'disabled-unselected-handle-color',
+  'disabled-unselected-handle-opacity',
+  'disabled-unselected-icon-color',
+  'disabled-unselected-icon-opacity',
+  'disabled-unselected-track-color',
+  'disabled-unselected-track-outline-color',
+  'handle-shape',
+  'pressed-handle-height',
+  'pressed-handle-width',
+  'selected-focus-handle-color',
+  'selected-focus-icon-color',
+  'selected-focus-state-layer-color',
+  'selected-focus-state-layer-opacity',
+  'selected-focus-track-color',
+  'selected-handle-color',
+  'selected-handle-height',
+  'selected-handle-width',
+  'selected-hover-handle-color',
+  'selected-hover-icon-color',
+  'selected-hover-state-layer-color',
+  'selected-hover-state-layer-opacity',
+  'selected-hover-track-color',
+  'selected-icon-color',
+  'selected-icon-size',
+  'selected-pressed-handle-color',
+  'selected-pressed-icon-color',
+  'selected-pressed-state-layer-color',
+  'selected-pressed-state-layer-opacity',
+  'selected-pressed-track-color',
+  'selected-track-color',
+  'state-layer-shape',
+  'state-layer-size',
+  'track-height',
+  'track-outline-width',
+  'track-shape',
+  'track-width',
+  'unselected-focus-handle-color',
+  'unselected-focus-icon-color',
+  'unselected-focus-state-layer-color',
+  'unselected-focus-state-layer-opacity',
+  'unselected-focus-track-color',
+  'unselected-focus-track-outline-color',
+  'unselected-handle-color',
+  'unselected-handle-height',
+  'unselected-handle-width',
+  'unselected-hover-handle-color',
+  'unselected-hover-icon-color',
+  'unselected-hover-state-layer-color',
+  'unselected-hover-state-layer-opacity',
+  'unselected-hover-track-color',
+  'unselected-hover-track-outline-color',
+  'unselected-icon-color',
+  'unselected-icon-size',
+  'unselected-pressed-handle-color',
+  'unselected-pressed-icon-color',
+  'unselected-pressed-state-layer-color',
+  'unselected-pressed-state-layer-opacity',
+  'unselected-pressed-track-color',
+  'unselected-pressed-track-outline-color',
+  'unselected-track-color',
+  'unselected-track-outline-color',
+  'with-icon-handle-height',
+  'with-icon-handle-width',
+  // go/keep-sorted end
+);
+
 $_default: (
   'md-sys-color': md-sys-color.values-light(),
   'md-sys-shape': md-sys-shape.values(),
@@ -17,5 +92,10 @@ $_default: (
 );
 
 @function values($deps: $_default, $exclude-hardcoded-values: false) {
-  @return md-comp-switch.values($deps, $exclude-hardcoded-values);
+  $tokens: values.validate(
+    md-comp-switch.values($deps, $exclude-hardcoded-values),
+    $supported-tokens: $supported-tokens
+  );
+
+  @return $tokens;
 }

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

@@ -7,7 +7,6 @@
 @use 'sass:map';
 // go/keep-sorted end
 // go/keep-sorted start
-@use '../sass/shape';
 @use './md-sys-color';
 @use './md-sys-shape';
 @use './md-sys-state';
@@ -94,14 +93,5 @@ $_default: (
     )
   );
 
-  @each $token, $value in $tokens {
-    $tokens: map.set(
-      $tokens,
-      $token,
-      var(--md-text-button-#{$token}, #{$value})
-    );
-  }
-
-  $tokens: shape.resolve-tokens($tokens, 'container-shape');
   @return $tokens;
 }

package/tokens/_values.scss

@@ -37,8 +37,6 @@
 /// @param {Map} $new-tokens [null] - Keyword argument for a Map whose keys
 ///     and values are new tokens to be added. They must also appear in the
 ///     `$supported-tokens` list.
-/// @param {Bool} $is-subset [null] - Check if provided tokens are only a subset
-///     of the supported tokens. e.g. when generating a theme.
 /// @return {Map} The `tokens.md-comp-*-values()` Map with any unsupported
 ///     tokens removed, renamed tokens updated, and new tokens added.
 @function validate($values, $tokens...) {
@@ -86,9 +84,7 @@
         @warn 'values.validate($new-tokens: (\'#{$new-token}\': \'#{$new-value}\')) already exists. Has it been added to tokens? If so, remove this new token.';
       }
 
-      @if $new-value {
-        $values: map.set($values, $new-token, $new-value);
-      }
+      $values: map.set($values, $new-token, $new-value);
     }
   }
 
@@ -104,8 +100,7 @@
   }
 
   @each $supported-token in $supported-tokens {
-    $is-subset: map.get($tokens, 'is-subset');
-    @if not($is-subset or map.has-key($values, $supported-token)) {
+    @if not map.has-key($values, $supported-token) {
       @error 'The provided values are missing the supported \'#{$supported-token}\' token.';
     }
   }

package/types/aria.d.ts

@@ -32,7 +32,6 @@ export interface ARIAMixinStrict extends ARIAMixin {
   ariaChecked: 'true'|'false'|null;
   ariaColCount: `${number}`|null;
   ariaColIndex: `${number}`|null;
-  ariaColIndexText: string|null;
   ariaColSpan: `${number}`|null;
   ariaCurrent: 'page'|'step'|'location'|'date'|'time'|'true'|'false'|null;
   ariaDisabled: 'true'|'false'|null;
@@ -56,7 +55,6 @@ export interface ARIAMixinStrict extends ARIAMixin {
   ariaRoleDescription: string|null;
   ariaRowCount: `${number}`|null;
   ariaRowIndex: `${number}`|null;
-  ariaRowIndexText: string|null;
   ariaRowSpan: `${number}`|null;
   ariaSelected: 'true'|'false'|null;
   ariaSetSize: `${number}`|null;

package/focus/strong-focus.d.ts

@@ -1,56 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-interface StrongFocus {
-    visible: boolean;
-    setVisible(visible: boolean): void;
-}
-/**
- * Components should call this when a user interacts with a component with a
- * keyboard event in the very special case that the component needs to call
- * focus inside of a keydown handler. Otherwise, this module will handle
- * keyboard events on window.
- *
- * By default, this will enable the strong focus to be shown.
- *
- * @param e The native keyboard event.
- */
-export declare function keydownHandler(e: KeyboardEvent): void;
-/**
- * Set up integration with alternate global focus tracking object
- *
- * @param focusGlobal A global focus object to coordinate between multiple
- *     systems
- * @param enableKeydownHandler Set to true to let StrongFocusService listen for
- *     keyboard navigation
- */
-export declare function setup(focusGlobal: StrongFocus, enableKeydownHandler?: boolean): void;
-/**
- * Returns `true` if the component should show strong focus.
- *
- * By default, strong focus is shown only on keyboard navigation, and not on
- * pointer interaction.
- */
-export declare function shouldShowStrongFocus(): boolean;
-/**
- * Control if strong focus should always be shown on component focus
- *
- * Defaults to `false`
- *
- * @param force Forces strong focus on the page. Disables strong focus if false.
- */
-export declare function setForceStrongFocus(force: boolean): void;
-/**
- * If `true`, strong focus is always shown
- */
-export declare function isStrongFocusForced(): boolean;
-/**
- * Components should call this when a user interacts with a component with a
- * pointing device.
- *
- * By default, this will prevent the strong focus from being shown.
- */
-export declare function pointerPress(): void;
-export {};

package/focus/strong-focus.js

@@ -1,101 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { isServer } from 'lit';
-class FocusGlobal {
-    constructor() {
-        this.visible = false;
-    }
-    setVisible(visible) {
-        this.visible = visible;
-    }
-}
-/**
- * This object can be overwritten by the `setup()` function to use a different
- * focus coordination object.
- */
-let focusObject = new FocusGlobal();
-/**
- * Set of keyboard event codes that correspond to keyboard navigation
- */
-const KEYBOARD_NAVIGATION_KEYS = new Set(['Tab', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown']);
-/**
- * Components should call this when a user interacts with a component with a
- * keyboard event in the very special case that the component needs to call
- * focus inside of a keydown handler. Otherwise, this module will handle
- * keyboard events on window.
- *
- * By default, this will enable the strong focus to be shown.
- *
- * @param e The native keyboard event.
- */
-export function keydownHandler(e) {
-    if (KEYBOARD_NAVIGATION_KEYS.has(e.key)) {
-        focusObject.setVisible(true);
-    }
-}
-/**
- * Set up integration with alternate global focus tracking object
- *
- * @param focusGlobal A global focus object to coordinate between multiple
- *     systems
- * @param enableKeydownHandler Set to true to let StrongFocusService listen for
- *     keyboard navigation
- */
-export function setup(focusGlobal, enableKeydownHandler = false) {
-    focusObject = focusGlobal;
-    // Server doesn't have addEventListener shimmed
-    if (isServer) {
-        return;
-    }
-    if (enableKeydownHandler) {
-        window.addEventListener('keydown', keydownHandler);
-    }
-    else {
-        window.removeEventListener('keydown', keydownHandler);
-    }
-}
-/**
- * Setting for always showing strong focus
- *
- * Defaults to false, controlled by `setForceStrongFocus`
- */
-let alwaysStrong = false;
-/**
- * Returns `true` if the component should show strong focus.
- *
- * By default, strong focus is shown only on keyboard navigation, and not on
- * pointer interaction.
- */
-export function shouldShowStrongFocus() {
-    return alwaysStrong || focusObject.visible;
-}
-/**
- * Control if strong focus should always be shown on component focus
- *
- * Defaults to `false`
- *
- * @param force Forces strong focus on the page. Disables strong focus if false.
- */
-export function setForceStrongFocus(force) {
-    alwaysStrong = force;
-}
-/**
- * If `true`, strong focus is always shown
- */
-export function isStrongFocusForced() {
-    return alwaysStrong;
-}
-/**
- * Components should call this when a user interacts with a component with a
- * pointing device.
- *
- * By default, this will prevent the strong focus from being shown.
- */
-export function pointerPress() {
-    focusObject.setVisible(false);
-}
-setup(focusObject, true);
-//# sourceMappingURL=strong-focus.js.map

package/focus/strong-focus.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"strong-focus.js","sourceRoot":"","sources":["strong-focus.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,QAAQ,EAAC,MAAM,KAAK,CAAC;AAO7B,MAAM,WAAW;IAAjB;QACE,YAAO,GAAG,KAAK,CAAC;IAIlB,CAAC;IAHC,UAAU,CAAC,OAAgB;QACzB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;CACF;AAED;;;GAGG;AACH,IAAI,WAAW,GAAgB,IAAI,WAAW,EAAE,CAAC;AAEjD;;GAEG;AACH,MAAM,wBAAwB,GAC1B,IAAI,GAAG,CAAC,CAAC,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC;AAExE;;;;;;;;;GASG;AACH,MAAM,UAAU,cAAc,CAAC,CAAgB;IAC7C,IAAI,wBAAwB,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE;QACvC,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;KAC9B;AACH,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,KAAK,CAAC,WAAwB,EAAE,oBAAoB,GAAG,KAAK;IAC1E,WAAW,GAAG,WAAW,CAAC;IAE1B,+CAA+C;IAC/C,IAAI,QAAQ,EAAE;QACZ,OAAO;KACR;IAED,IAAI,oBAAoB,EAAE;QACxB,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;KACpD;SAAM;QACL,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;KACvD;AACH,CAAC;AAED;;;;GAIG;AACH,IAAI,YAAY,GAAG,KAAK,CAAC;AAEzB;;;;;GAKG;AACH,MAAM,UAAU,qBAAqB;IACnC,OAAO,YAAY,IAAI,WAAW,CAAC,OAAO,CAAC;AAC7C,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,mBAAmB,CAAC,KAAc;IAChD,YAAY,GAAG,KAAK,CAAC;AACvB,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,mBAAmB;IACjC,OAAO,YAAY,CAAC;AACtB,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,YAAY;IAC1B,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AAChC,CAAC;AAED,KAAK,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {isServer} from 'lit';\n\ninterface StrongFocus {\n  visible: boolean;\n  setVisible(visible: boolean): void;\n}\n\nclass FocusGlobal implements StrongFocus {\n  visible = false;\n  setVisible(visible: boolean) {\n    this.visible = visible;\n  }\n}\n\n/**\n * This object can be overwritten by the `setup()` function to use a different\n * focus coordination object.\n */\nlet focusObject: StrongFocus = new FocusGlobal();\n\n/**\n * Set of keyboard event codes that correspond to keyboard navigation\n */\nconst KEYBOARD_NAVIGATION_KEYS =\n    new Set(['Tab', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown']);\n\n/**\n * Components should call this when a user interacts with a component with a\n * keyboard event in the very special case that the component needs to call\n * focus inside of a keydown handler. Otherwise, this module will handle\n * keyboard events on window.\n *\n * By default, this will enable the strong focus to be shown.\n *\n * @param e The native keyboard event.\n */\nexport function keydownHandler(e: KeyboardEvent) {\n  if (KEYBOARD_NAVIGATION_KEYS.has(e.key)) {\n    focusObject.setVisible(true);\n  }\n}\n\n/**\n * Set up integration with alternate global focus tracking object\n *\n * @param focusGlobal A global focus object to coordinate between multiple\n *     systems\n * @param enableKeydownHandler Set to true to let StrongFocusService listen for\n *     keyboard navigation\n */\nexport function setup(focusGlobal: StrongFocus, enableKeydownHandler = false) {\n  focusObject = focusGlobal;\n\n  // Server doesn't have addEventListener shimmed\n  if (isServer) {\n    return;\n  }\n\n  if (enableKeydownHandler) {\n    window.addEventListener('keydown', keydownHandler);\n  } else {\n    window.removeEventListener('keydown', keydownHandler);\n  }\n}\n\n/**\n * Setting for always showing strong focus\n *\n * Defaults to false, controlled by `setForceStrongFocus`\n */\nlet alwaysStrong = false;\n\n/**\n * Returns `true` if the component should show strong focus.\n *\n * By default, strong focus is shown only on keyboard navigation, and not on\n * pointer interaction.\n */\nexport function shouldShowStrongFocus() {\n  return alwaysStrong || focusObject.visible;\n}\n\n/**\n * Control if strong focus should always be shown on component focus\n *\n * Defaults to `false`\n *\n * @param force Forces strong focus on the page. Disables strong focus if false.\n */\nexport function setForceStrongFocus(force: boolean) {\n  alwaysStrong = force;\n}\n\n/**\n * If `true`, strong focus is always shown\n */\nexport function isStrongFocusForced() {\n  return alwaysStrong;\n}\n\n/**\n * Components should call this when a user interacts with a component with a\n * pointing device.\n *\n * By default, this will prevent the strong focus from being shown.\n */\nexport function pointerPress() {\n  focusObject.setVisible(false);\n}\n\nsetup(focusObject, true);"]}

package/sass/_shape.scss

@@ -1,154 +0,0 @@
-//
-// Copyright 2021 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// go/keep-sorted start
-@use 'sass:list';
-@use 'sass:map';
-@use 'sass:meta';
-@use 'sass:string';
-// go/keep-sorted end
-// go/keep-sorted start
-@use './string-ext';
-@use './var';
-// go/keep-sorted end
-
-/// Resolves one or more shape tokens and expands them into 4 separate logical
-/// tokens for each corner.
-///
-/// Must be called after `theme.create-theme-vars()`
-///
-/// @example - scss
-///   $theme: (container-shape: (4px 4px 0 0));
-///   $tokens: theme.create-theme-vars($theme, component);
-///   $tokens: shape.resolve-tokens(
-///     $tokens,
-///     container-shape,
-///   );
-///
-///   // (
-///   //   container-shape-start-start: var(--md-component-container-shape-start-start, var(--md-component-container-shape, 4px)),
-///   //   container-shape-start-end: var(--md-component-container-shape-start-end, var(--md-component-container-shape, 4px)),
-///   //   container-shape-end-end: var(--md-component-container-shape-end-start, var(--md-component-container-shape, 0)),
-///   //   container-shape-end-start: var(--md-component-container-shape-end-end, var(--md-component-container-shape, 0)),
-///   // )
-///
-/// @param {Map} $tokens - The theme to resolve tokens for.
-/// @param {String...} $shape-tokens - The shape tokens to resolve.
-/// @return {Map} The theme with resolved shape tokens.
-@function resolve-tokens($tokens, $shape-tokens...) {
-  @each $token in $shape-tokens {
-    $shape: map.get($tokens, $token);
-    @if $shape != null {
-      @if not var.is-var($shape) {
-        @error 'resolve-tokens() must be called after theme.create-theme-vars()';
-      }
-      $shape-name: var.name($shape);
-      // fallback may be a stringified list, split into sass list again
-      $shape: string-ext.split(var.fallback($shape));
-      $shape-theme: resolver(
-        $shape: $shape,
-      );
-
-      @each $key, $value in $shape-theme {
-        $corner-name: '#{$shape-name}-#{$key}';
-        $shape-theme: map.set(
-          $shape-theme,
-          $key,
-          var.create($corner-name, var.create($shape-name, $value))
-        );
-      }
-
-      // Add resolved values, but allow $theme to override the results if needed.
-      $tokens: map.merge(
-        (
-          '#{$token}-start-start': map.get($shape-theme, start-start),
-          '#{$token}-start-end': map.get($shape-theme, start-end),
-          '#{$token}-end-end': map.get($shape-theme, end-end),
-          '#{$token}-end-start': map.get($shape-theme, end-start),
-        ),
-        $tokens
-      );
-
-      $tokens: map.remove($tokens, $token);
-    }
-  }
-
-  @return $tokens;
-}
-
-/// Generate a shape token list from the expanded corners.
-///
-/// @example - scss
-///   $shape: shape.corners-to-shape-token(--md-component-container-shape);
-///   // (
-///   //   var(--md-component-container-shape-start-start),
-///   //   var(--md-component-container-shape-start-end),
-///   //   var(--md-component-container-shape-end-end),
-///   //   var(--md-component-container-shape-end-start),
-///   // )
-///   foo.theme((shape: $shape))
-///
-/// @param {String} $shape-token - The shape variable the corners are generated from
-/// @return {List} A list that can be processed by `expand-corners`
-@function corners-to-shape-token($shape-token) {
-  // NOTE: use a space separated list to avoid confusing `string-ext.split()`
-  @return (
-    var.create('#{$shape-token}-start-start')
-      var.create('#{$shape-token}-start-end')
-      var.create('#{$shape-token}-end-end')
-      var.create('#{$shape-token}-end-start')
-  );
-}
-
-/// Resolves a shape value by expanding it into logical values for each corner.
-///
-/// @param {Number|List} $shape - The shape token's value.
-/// @return {Map} A map with logical tokens for each corner's value.
-@function resolver($args...) {
-  $args: meta.keywords($args);
-  $shape: map.get($args, shape);
-  @if meta.type-of($shape) != 'list' {
-    @return (
-      start-start: $shape,
-      start-end: $shape,
-      end-end: $shape,
-      end-start: $shape
-    );
-  }
-
-  @if list.length($shape) == 1 {
-    @return (
-      start-start: list.nth($shape, 1),
-      start-end: list.nth($shape, 1),
-      end-end: list.nth($shape, 1),
-      end-start: list.nth($shape, 1)
-    );
-  }
-
-  @if list.length($shape) == 2 {
-    @return (
-      start-start: list.nth($shape, 1),
-      start-end: list.nth($shape, 2),
-      end-end: list.nth($shape, 1),
-      end-start: list.nth($shape, 2)
-    );
-  }
-
-  @if list.length($shape) == 3 {
-    @return (
-      start-start: list.nth($shape, 1),
-      start-end: list.nth($shape, 2),
-      end-end: list.nth($shape, 3),
-      end-start: list.nth($shape, 2)
-    );
-  }
-
-  @return (
-    start-start: list.nth($shape, 1),
-    start-end: list.nth($shape, 2),
-    end-end: list.nth($shape, 3),
-    end-start: list.nth($shape, 4)
-  );
-}

package/tokens/_md-comp-extended-fab-branded.scss

@@ -1,45 +0,0 @@
-//
-// Copyright 2023 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// go/keep-sorted start
-@use 'sass:map';
-// go/keep-sorted end
-// go/keep-sorted start
-@use './md-sys-color';
-@use './md-sys-elevation';
-@use './md-sys-shape';
-@use './md-sys-state';
-@use './md-sys-typescale';
-@use './v0_172/md-comp-extended-fab-branded';
-// go/keep-sorted end
-
-$_default: (
-  'md-sys-color': md-sys-color.values-light(),
-  'md-sys-elevation': md-sys-elevation.values(),
-  'md-sys-shape': md-sys-shape.values(),
-  'md-sys-state': md-sys-state.values(),
-  'md-sys-typescale': md-sys-typescale.values(),
-);
-
-$_unsupported-tokens: (
-  'label-text-font',
-  'label-text-line-height',
-  'label-text-size',
-  'label-text-tracking',
-  'label-text-weight'
-);
-
-@function values($deps: $_default, $exclude-hardcoded-values: false) {
-  @return md-comp-extended-fab-branded.values($deps, $exclude-hardcoded-values);
-  $tokens: map.remove($tokens, $_unsupported-tokens...);
-  // TODO(b/271876162): remove when tokens compiler emits typescale tokens
-  $tokens: map.merge(
-    $tokens,
-    (
-      'label-text-type': map.get($deps, 'md-sys-typescale', 'label-large'),
-    )
-  );
-  @return $tokens;
-}

package/tokens/_md-comp-extended-fab-primary.scss

@@ -1,45 +0,0 @@
-//
-// Copyright 2023 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// go/keep-sorted start
-@use 'sass:map';
-// go/keep-sorted end
-// go/keep-sorted start
-@use './md-sys-color';
-@use './md-sys-elevation';
-@use './md-sys-shape';
-@use './md-sys-state';
-@use './md-sys-typescale';
-@use './v0_172/md-comp-extended-fab-primary';
-// go/keep-sorted end
-
-$_default: (
-  'md-sys-color': md-sys-color.values-light(),
-  'md-sys-elevation': md-sys-elevation.values(),
-  'md-sys-shape': md-sys-shape.values(),
-  'md-sys-state': md-sys-state.values(),
-  'md-sys-typescale': md-sys-typescale.values(),
-);
-
-$_unsupported-tokens: (
-  'label-text-font',
-  'label-text-line-height',
-  'label-text-size',
-  'label-text-tracking',
-  'label-text-weight'
-);
-
-@function values($deps: $_default, $exclude-hardcoded-values: false) {
-  @return md-comp-extended-fab-primary.values($deps, $exclude-hardcoded-values);
-  $tokens: map.remove($tokens, $_unsupported-tokens...);
-  // TODO(b/271876162): remove when tokens compiler emits typescale tokens
-  $tokens: map.merge(
-    $tokens,
-    (
-      'label-text-type': map.get($deps, 'md-sys-typescale', 'label-large'),
-    )
-  );
-  @return $tokens;
-}

package/tokens/_md-comp-extended-fab-secondary.scss

@@ -1,48 +0,0 @@
-//
-// Copyright 2023 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// go/keep-sorted start
-@use 'sass:map';
-// go/keep-sorted end
-// go/keep-sorted start
-@use './md-sys-color';
-@use './md-sys-elevation';
-@use './md-sys-shape';
-@use './md-sys-state';
-@use './md-sys-typescale';
-@use './v0_172/md-comp-extended-fab-secondary';
-// go/keep-sorted end
-
-$_default: (
-  'md-sys-color': md-sys-color.values-light(),
-  'md-sys-elevation': md-sys-elevation.values(),
-  'md-sys-shape': md-sys-shape.values(),
-  'md-sys-state': md-sys-state.values(),
-  'md-sys-typescale': md-sys-typescale.values(),
-);
-
-$_unsupported-tokens: (
-  'label-text-font',
-  'label-text-line-height',
-  'label-text-size',
-  'label-text-tracking',
-  'label-text-weight'
-);
-
-@function values($deps: $_default, $exclude-hardcoded-values: false) {
-  @return md-comp-extended-fab-secondary.values(
-    $deps,
-    $exclude-hardcoded-values
-  );
-  $tokens: map.remove($tokens, $_unsupported-tokens...);
-  // TODO(b/271876162): remove when tokens compiler emits typescale tokens
-  $tokens: map.merge(
-    $tokens,
-    (
-      'label-text-type': map.get($deps, 'md-sys-typescale', 'label-large'),
-    )
-  );
-  @return $tokens;
-}

package/tokens/_md-comp-extended-fab-surface.scss

@@ -1,45 +0,0 @@
-//
-// Copyright 2023 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// go/keep-sorted start
-@use 'sass:map';
-// go/keep-sorted end
-// go/keep-sorted start
-@use './md-sys-color';
-@use './md-sys-elevation';
-@use './md-sys-shape';
-@use './md-sys-state';
-@use './md-sys-typescale';
-@use './v0_172/md-comp-extended-fab-surface';
-// go/keep-sorted end
-
-$_default: (
-  'md-sys-color': md-sys-color.values-light(),
-  'md-sys-elevation': md-sys-elevation.values(),
-  'md-sys-shape': md-sys-shape.values(),
-  'md-sys-state': md-sys-state.values(),
-  'md-sys-typescale': md-sys-typescale.values(),
-);
-
-$_unsupported-tokens: (
-  'label-text-font',
-  'label-text-line-height',
-  'label-text-size',
-  'label-text-tracking',
-  'label-text-weight'
-);
-
-@function values($deps: $_default, $exclude-hardcoded-values: false) {
-  @return md-comp-extended-fab-surface.values($deps, $exclude-hardcoded-values);
-  $tokens: map.remove($tokens, $_unsupported-tokens...);
-  // TODO(b/271876162): remove when tokens compiler emits typescale tokens
-  $tokens: map.merge(
-    $tokens,
-    (
-      'label-text-type': map.get($deps, 'md-sys-typescale', 'label-large'),
-    )
-  );
-  @return $tokens;
-}