@angular/material 20.0.0-next.0 → 20.0.0-next.10

package/core/tokens/m3/mdc/_chip.scss

@@ -1,93 +0,0 @@
-@use 'sass:map';
-@use '../../../style/sass-utils';
-@use '../../token-definition';
-
-// The prefix used to generate the fully qualified name for tokens in this file.
-$prefix: (mdc, chip);
-
-/// Generates the tokens for MDC chip
-/// @param {Map} $systems The MDC system tokens
-/// @param {Boolean} $exclude-hardcoded Whether to exclude hardcoded token values
-/// @param {Map} $token-slots Possible token slots
-/// @return {Map} A set of tokens for the MDC chip
-@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
-  // MDC has a chip component, but they seem to have made up the tokens rather than using ones
-  // generated from the token database, therefore we need a custom token function for it.
-  $tokens: sass-utils.merge-all(
-    token-definition.generate-typography-tokens($systems, label-text, label-large),
-    (
-      container-shape-radius: token-definition.hardcode(8px, $exclude-hardcoded),
-      with-avatar-avatar-size: token-definition.hardcode(24px, $exclude-hardcoded),
-      with-avatar-avatar-shape-radius: token-definition.hardcode(24px, $exclude-hardcoded),
-      label-text-color: map.get($systems, md-sys-color, on-surface-variant),
-      disabled-label-text-color: sass-utils.safe-color-change(
-        map.get($systems, md-sys-color, on-surface),
-        $alpha: 0.38,
-      ),
-      with-icon-icon-size: token-definition.hardcode(18px, $exclude-hardcoded),
-      with-icon-icon-color: map.get($systems, md-sys-color, on-surface-variant),
-      with-icon-disabled-icon-color: map.get($systems, md-sys-color, on-surface),
-      with-icon-selected-icon-color: map.get($systems, md-sys-color, on-secondary-container),
-      with-trailing-icon-trailing-icon-color: map.get($systems, md-sys-color, on-surface-variant),
-      with-trailing-icon-disabled-trailing-icon-color: map.get($systems, md-sys-color, on-surface),
-      focus-state-layer-opacity: map.get($systems, md-sys-state, focus-state-layer-opacity),
-      focus-state-layer-color: map.get($systems, md-sys-color, on-surface-variant),
-      outline-width: token-definition.hardcode(1px, $exclude-hardcoded),
-      outline-color: map.get($systems, md-sys-color, outline),
-      disabled-outline-color: sass-utils.safe-color-change(
-        map.get($systems, md-sys-color, on-surface),
-        $alpha: 0.12,
-      ),
-      focus-outline-color: map.get($systems, md-sys-color, on-surface-variant),
-      hover-state-layer-color: map.get($systems, md-sys-color, on-surface-variant),
-      hover-state-layer-opacity: map.get($systems, md-sys-state, hover-state-layer-opacity),
-      with-avatar-disabled-avatar-opacity:
-          token-definition.hardcode(0.38, $exclude-hardcoded),
-      elevated-selected-container-color: map.get($systems, md-sys-color, secondary-container),
-      // In the M3 tokens this is a `surface` color, but in the MDC implementation it's
-      // never being emitted. We emit `transparent` so consumers override the color.
-      elevated-container-color: token-definition.hardcode(transparent, $exclude-hardcoded),
-      flat-selected-outline-width: token-definition.hardcode(0, $exclude-hardcoded),
-      selected-label-text-color: map.get($systems, md-sys-color, on-secondary-container),
-      flat-disabled-selected-container-color: sass-utils.safe-color-change(
-        map.get($systems, md-sys-color, on-surface),
-        $alpha: 0.12,
-      ),
-      selected-hover-state-layer-color: map.get($systems, md-sys-color, on-secondary-container),
-      selected-hover-state-layer-opacity:
-        map.get($systems, md-sys-state, hover-state-layer-opacity),
-      selected-focus-state-layer-color: map.get($systems, md-sys-color, on-secondary-container),
-      selected-focus-state-layer-opacity:
-        map.get($systems, md-sys-state, focus-state-layer-opacity),
-      with-icon-disabled-icon-opacity: token-definition.hardcode(0.38, $exclude-hardcoded),
-      with-trailing-icon-disabled-trailing-icon-opacity:
-        token-definition.hardcode(0.38, $exclude-hardcoded),
-    ),
-  ), (
-    // Color variants:
-    primary: (
-      with-icon-selected-icon-color: map.get($systems, md-sys-color, on-primary-container),
-      elevated-selected-container-color: map.get($systems, md-sys-color, primary-container),
-      selected-label-text-color: map.get($systems, md-sys-color, on-primary-container),
-      selected-hover-state-layer-color: map.get($systems, md-sys-color, on-primary-container),
-      selected-focus-state-layer-color: map.get($systems, md-sys-color, on-primary-container),
-    ),
-    secondary: (), // Default, no overrides needed.
-    tertiary: (
-      with-icon-selected-icon-color: map.get($systems, md-sys-color, on-tertiary-container),
-      elevated-selected-container-color: map.get($systems, md-sys-color, tertiary-container),
-      selected-label-text-color: map.get($systems, md-sys-color, on-tertiary-container),
-      selected-hover-state-layer-color: map.get($systems, md-sys-color, on-tertiary-container),
-      selected-focus-state-layer-color: map.get($systems, md-sys-color, on-tertiary-container),
-    ),
-    error: (
-      with-icon-selected-icon-color: map.get($systems, md-sys-color, on-error-container),
-      elevated-selected-container-color: map.get($systems, md-sys-color, error-container),
-      selected-label-text-color: map.get($systems, md-sys-color, on-error-container),
-      selected-hover-state-layer-color: map.get($systems, md-sys-color, on-error-container),
-      selected-focus-state-layer-color: map.get($systems, md-sys-color, on-error-container),
-    )
-  );
-
-  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
-}

package/core/tokens/m3/mdc/_dialog.scss

@@ -1,23 +0,0 @@
-@use '../../token-definition';
-
-// The prefix used to generate the fully qualified name for tokens in this file.
-$prefix: (mdc, dialog);
-
-/// Generates the tokens for MDC dialog
-/// @param {Map} $systems The MDC system tokens
-/// @param {Boolean} $exclude-hardcoded Whether to exclude hardcoded token values
-/// @param {Map} $token-slots Possible token slots
-/// @return {Map} A set of tokens for the MDC dialog
-@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
-  $tokens: token-definition.get-mdc-tokens('dialog', $systems, $exclude-hardcoded);
-  $tokens: token-definition.rename-map-keys($tokens, (
-    headline-color: subhead-color,
-    headline-font: subhead-font,
-    headline-line-height: subhead-line-height,
-    headline-size: subhead-size,
-    headline-tracking: subhead-tracking,
-    headline-weight: subhead-weight,
-  ));
-
-  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
-}

package/core/tokens/m3/mdc/_elevated-card.scss

@@ -1,22 +0,0 @@
-@use 'sass:map';
-@use '../../../style/elevation';
-@use '../../token-definition';
-
-// The prefix used to generate the fully qualified name for tokens in this file.
-$prefix: (mdc, elevated-card);
-
-/// Generates the tokens for MDC elevated-card
-/// @param {Map} $systems The MDC system tokens
-/// @param {Boolean} $exclude-hardcoded Whether to exclude hardcoded token values
-/// @param {Map} $token-slots Possible token slots
-/// @return {Map} A set of tokens for the MDC elevated-card
-@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
-  $tokens: token-definition.get-mdc-tokens('elevated-card', $systems, $exclude-hardcoded);
-  $elevation: map.get($tokens, container-elevation);
-
-  @if ($elevation != null) {
-    $tokens: map.set($tokens, container-elevation, elevation.get-box-shadow($elevation));
-  }
-
-  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
-}

package/core/tokens/m3/mdc/_extended-fab.scss

@@ -1,42 +0,0 @@
-@use 'sass:map';
-@use '../../../style/elevation';
-@use '../../token-definition';
-
-// The prefix used to generate the fully qualified name for tokens in this file.
-$prefix: (mdc, extended-fab);
-
-/// Generates the tokens for MDC extended-fab
-/// @param {Map} $systems The MDC system tokens
-/// @param {Boolean} $exclude-hardcoded Whether to exclude hardcoded token values
-/// @param {Map} $token-slots Possible token slots
-/// @return {Map} A set of tokens for the MDC extended-fab
-@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
-  $tokens:
-      token-definition.get-mdc-tokens('extended-fab-primary', $systems, $exclude-hardcoded);
-  $elevation-tokens: (
-    container-elevation,
-    focus-container-elevation,
-    hover-container-elevation,
-    pressed-container-elevation,
-  );
-
-  @each $token in $elevation-tokens {
-    $elevation: map.get($tokens, $token);
-
-    @if ($elevation != null) {
-      $tokens: map.set($tokens, $token + '-shadow', elevation.get-box-shadow($elevation));
-    }
-  }
-
-  $variant-tokens: (
-    // Color variants
-    primary: (), // Default, no overrides needed.
-    secondary: token-definition.get-mdc-tokens(
-        'extended-fab-secondary', $systems, $exclude-hardcoded),
-    tertiary: token-definition.get-mdc-tokens(
-        'extended-fab-tertiary', $systems, $exclude-hardcoded)
-  );
-
-  @return token-definition.namespace-tokens(
-      $prefix, ($tokens, $variant-tokens), $token-slots);
-}

package/core/tokens/m3/mdc/_fab-small.scss

@@ -1,41 +0,0 @@
-@use 'sass:map';
-@use '../../../style/elevation';
-@use '../../token-definition';
-
-// The prefix used to generate the fully qualified name for tokens in this file.
-$prefix: (mdc, fab-small);
-
-/// Generates the tokens for MDC fab-small
-/// @param {Map} $systems The MDC system tokens
-/// @param {Boolean} $exclude-hardcoded Whether to exclude hardcoded token values
-/// @param {Map} $token-slots Possible token slots
-/// @return {Map} A set of tokens for the MDC fab-small
-@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
-  $tokens: token-definition.get-mdc-tokens('fab-primary-small', $systems, $exclude-hardcoded);
-  $elevation-tokens: (
-    container-elevation,
-    focus-container-elevation,
-    hover-container-elevation,
-    pressed-container-elevation,
-  );
-
-  @each $token in $elevation-tokens {
-    $elevation: map.get($tokens, $token);
-
-    @if ($elevation != null) {
-      $tokens: map.set($tokens, $token + '-shadow', elevation.get-box-shadow($elevation));
-    }
-  }
-
-  $variant-tokens: (
-    // Color variants
-    primary: (), // Default, no overrides needed.
-    secondary: token-definition.get-mdc-tokens(
-        'fab-secondary-small', $systems, $exclude-hardcoded),
-    tertiary: token-definition.get-mdc-tokens(
-        'fab-tertiary-small', $systems, $exclude-hardcoded)
-  );
-
-  @return token-definition.namespace-tokens(
-      $prefix, ($tokens, $variant-tokens), $token-slots);
-}

package/core/tokens/m3/mdc/_fab.scss

@@ -1,39 +0,0 @@
-@use 'sass:map';
-@use '../../../style/elevation';
-@use '../../token-definition';
-
-// The prefix used to generate the fully qualified name for tokens in this file.
-$prefix: (mdc, fab);
-
-/// Generates the tokens for MDC fab
-/// @param {Map} $systems The MDC system tokens
-/// @param {Boolean} $exclude-hardcoded Whether to exclude hardcoded token values
-/// @param {Map} $token-slots Possible token slots
-/// @return {Map} A set of tokens for the MDC fab
-@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
-  $tokens: token-definition.get-mdc-tokens('fab-primary', $systems, $exclude-hardcoded);
-  $elevation-tokens: (
-    container-elevation,
-    focus-container-elevation,
-    hover-container-elevation,
-    pressed-container-elevation,
-  );
-
-  @each $token in $elevation-tokens {
-    $elevation: map.get($tokens, $token);
-
-    @if ($elevation != null) {
-      $tokens: map.set($tokens, $token + '-shadow', elevation.get-box-shadow($elevation));
-    }
-  }
-
-  $variant-tokens: (
-    // Color variants
-    primary: (), // Default, no overrides needed.
-    secondary: token-definition.get-mdc-tokens('fab-secondary', $systems, $exclude-hardcoded),
-    tertiary: token-definition.get-mdc-tokens('fab-tertiary', $systems, $exclude-hardcoded)
-  );
-
-  @return token-definition.namespace-tokens(
-      $prefix, ($tokens, $variant-tokens), $token-slots);
-}

package/core/tokens/m3/mdc/_filled-button.scss

@@ -1,86 +0,0 @@
-@use 'sass:map';
-@use 'sass:meta';
-@use '../../token-definition';
-
-// The prefix used to generate the fully qualified name for tokens in this file.
-$prefix: (mdc, filled-button);
-
-/// Generates the tokens for MDC filled-button
-/// @param {Map} $systems The MDC system tokens
-/// @param {Boolean} $exclude-hardcoded Whether to exclude hardcoded token values
-/// @param {Map} $token-slots Possible token slots
-/// @return {Map} A set of tokens for the MDC filled-button
-@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
-  $mdc-tokens: token-definition.get-mdc-tokens('filled-button', $systems, $exclude-hardcoded);
-  $variant-tokens: (
-    primary: (), // Default, no overrides needed.
-    secondary: (
-      container-color: map.get($systems, md-sys-color, secondary),
-      focus-label-text-color: map.get($systems, md-sys-color, on-secondary),
-      focus-state-layer-color: map.get($systems, md-sys-color, on-secondary),
-      hover-label-text-color: map.get($systems, md-sys-color, on-secondary),
-      hover-state-layer-color: map.get($systems, md-sys-color, on-secondary),
-      label-text-color: map.get($systems, md-sys-color, on-secondary),
-      pressed-label-text-color: map.get($systems, md-sys-color, on-secondary),
-      pressed-state-layer-color: map.get($systems, md-sys-color, on-secondary),
-      with-icon-focus-icon-color: map.get($systems, md-sys-color, on-secondary),
-      with-icon-hover-icon-color: map.get($systems, md-sys-color, on-secondary),
-      with-icon-icon-color: map.get($systems, md-sys-color, on-secondary),
-      with-icon-pressed-icon-color: map.get($systems, md-sys-color, on-secondary)
-    ),
-    tertiary: (
-      container-color: map.get($systems, md-sys-color, tertiary),
-      focus-label-text-color: map.get($systems, md-sys-color, on-tertiary),
-      focus-state-layer-color: map.get($systems, md-sys-color, on-tertiary),
-      hover-label-text-color: map.get($systems, md-sys-color, on-tertiary),
-      hover-state-layer-color: map.get($systems, md-sys-color, on-tertiary),
-      label-text-color: map.get($systems, md-sys-color, on-tertiary),
-      pressed-label-text-color: map.get($systems, md-sys-color, on-tertiary),
-      pressed-state-layer-color: map.get($systems, md-sys-color, on-tertiary),
-      with-icon-focus-icon-color: map.get($systems, md-sys-color, on-tertiary),
-      with-icon-hover-icon-color: map.get($systems, md-sys-color, on-tertiary),
-      with-icon-icon-color: map.get($systems, md-sys-color, on-tertiary),
-      with-icon-pressed-icon-color: map.get($systems, md-sys-color, on-tertiary)
-    ),
-    error: (
-      container-color: map.get($systems, md-sys-color, error),
-      focus-label-text-color: map.get($systems, md-sys-color, on-error),
-      focus-state-layer-color: map.get($systems, md-sys-color, on-error),
-      hover-label-text-color: map.get($systems, md-sys-color, on-error),
-      hover-state-layer-color: map.get($systems, md-sys-color, on-error),
-      label-text-color: map.get($systems, md-sys-color, on-error),
-      pressed-label-text-color: map.get($systems, md-sys-color, on-error),
-      pressed-state-layer-color: map.get($systems, md-sys-color, on-error),
-      with-icon-focus-icon-color: map.get($systems, md-sys-color, on-error),
-      with-icon-hover-icon-color: map.get($systems, md-sys-color, on-error),
-      with-icon-icon-color: map.get($systems, md-sys-color, on-error),
-      with-icon-pressed-icon-color: map.get($systems, md-sys-color, on-error)
-    )
-  );
-
-  @return token-definition.namespace-tokens($prefix, (
-    _fix-tokens($mdc-tokens),
-    token-definition.map-values($variant-tokens, meta.get-function(_fix-tokens))
-  ), $token-slots);
-}
-
-
-/// Fixes inconsistent values in the filled button tokens so that they can produce valid styles.
-/// @param {Map} $initial-tokens Map of filled button tokens currently being generated.
-/// @return {Map} The given tokens, with the invalid values replaced with valid ones.
-@function _fix-tokens($initial-tokens) {
-  // Need to get the hardcoded values, because they include opacities that are used for the disabled
-  // state.
-  $hardcoded-tokens: token-definition.get-mdc-tokens('filled-button', (), false);
-
-  @return token-definition.combine-color-tokens($initial-tokens, $hardcoded-tokens, (
-    (
-      color: disabled-label-text-color,
-      opacity: disabled-label-text-opacity,
-    ),
-    (
-      color: disabled-container-color,
-      opacity: disabled-container-opacity,
-    )
-  ));
-}

package/core/tokens/m3/mdc/_filled-text-field.scss

@@ -1,91 +0,0 @@
-@use 'sass:map';
-@use 'sass:meta';
-@use '../../token-definition';
-
-// The prefix used to generate the fully qualified name for tokens in this file.
-$prefix: (mdc, filled-text-field);
-
-/// Generates the tokens for MDC filled-text-field
-/// @param {Map} $systems The MDC system tokens
-/// @param {Boolean} $exclude-hardcoded Whether to exclude hardcoded token values
-/// @param {Map} $token-slots Possible token slots
-/// @return {Map} A set of tokens for the MDC filled-text-field
-@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
-  $mdc-tokens: token-definition.get-mdc-tokens(
-      'filled-text-field', $systems, $exclude-hardcoded);
-  $variant-tokens: (
-    primary: (), // Default, no overrides needed
-    secondary: (
-      caret-color: map.get($systems, md-sys-color, secondary),
-      focus-active-indicator-color: map.get($systems, md-sys-color, secondary),
-      focus-label-text-color: map.get($systems, md-sys-color, secondary),
-    ),
-    tertiary: (
-      caret-color: map.get($systems, md-sys-color, tertiary),
-      focus-active-indicator-color: map.get($systems, md-sys-color, tertiary),
-      focus-label-text-color: map.get($systems, md-sys-color, tertiary),
-    ),
-    error: (
-      caret-color: map.get($systems, md-sys-color, error),
-      focus-active-indicator-color: map.get($systems, md-sys-color, error),
-      focus-label-text-color: map.get($systems, md-sys-color, error),
-    ),
-  );
-
-  @return token-definition.namespace-tokens($prefix, (
-    _fix-tokens($mdc-tokens, $systems),
-    token-definition.map-values($variant-tokens, meta.get-function(_fix-tokens), $systems)
-  ), $token-slots);
-}
-
-
-/// Fixes inconsistent values in the filled text field tokens so that they can produce valid
-/// styles.
-/// @param {Map} $initial-tokens Map of filled text field tokens currently being generated.
-/// @param {Map} $systems The MDC system tokens
-/// @return {Map} The given tokens, with the invalid values replaced with valid ones.
-@function _fix-tokens($initial-tokens, $systems) {
-  // Need to get the hardcoded values, because they include opacities that are used for the disabled
-  // state.
-  $hardcoded-tokens: token-definition.get-mdc-tokens('filled-text-field', (), false);
-
-  $tokens: token-definition.combine-color-tokens($initial-tokens, $hardcoded-tokens, (
-    (
-      color: disabled-active-indicator-color,
-      opacity: disabled-active-indicator-opacity
-    ),
-    (
-      color: disabled-container-color,
-      opacity: disabled-container-opacity
-    ),
-    (
-      color: disabled-input-text-color,
-      opacity: disabled-input-text-opacity
-    ),
-    (
-      color: disabled-label-text-color,
-      opacity: disabled-label-text-opacity
-    ),
-    (
-      color: disabled-leading-icon-color,
-      opacity: disabled-leading-icon-opacity
-    ),
-    (
-      color: disabled-supporting-text-color,
-      opacity: disabled-supporting-text-opacity
-    ),
-    (
-      color: disabled-trailing-icon-color,
-      opacity: disabled-trailing-icon-opacity
-    )
-  ));
-
-  // The system tokens have this set as `corner-extra-small-top` which assumes that the value will
-  // be set as a `border-radius`, however we set it as `border-top-left-radius` and
-  // `border-top-right-radius`. Changing it at this point will be breaking so instead we remap it.
-  @if (map.get($tokens, container-shape)) {
-    $tokens: map.set($tokens, container-shape, map.get($systems, md-sys-shape, corner-extra-small));
-  }
-
-  @return $tokens;
-}

package/core/tokens/m3/mdc/_icon-button.scss

@@ -1,60 +0,0 @@
-@use 'sass:map';
-@use 'sass:meta';
-@use '../../token-definition';
-
-// The prefix used to generate the fully qualified name for tokens in this file.
-$prefix: (mdc, icon-button);
-
-/// Generates the tokens for MDC icon-button
-/// @param {Map} $systems The MDC system tokens
-/// @param {Boolean} $exclude-hardcoded Whether to exclude hardcoded token values
-/// @param {Map} $token-slots Possible token slots
-/// @return {Map} A set of tokens for the MDC icon-button
-@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
-  $tokens: token-definition.get-mdc-tokens('icon-button', $systems, $exclude-hardcoded);
-  $variant-tokens: (
-    primary: (
-      icon-color: map.get($systems, md-sys-color, primary)
-    ),
-    secondary: (
-      icon-color: map.get($systems, md-sys-color, secondary)
-    ),
-    tertiary: (
-      icon-color: map.get($systems, md-sys-color, tertiary)
-    ),
-    error: (
-      icon-color: map.get($systems, md-sys-color, error)
-    )
-  );
-
-  @return token-definition.namespace-tokens($prefix, (
-    _fix-tokens($tokens),
-    token-definition.map-values($variant-tokens, meta.get-function(_fix-tokens))
-  ), $token-slots);
-}
-
-/// Fixes inconsistent values in the icon button tokens so that they can produce valid styles.
-/// @param {Map} $initial-tokens Map of icon button tokens currently being generated.
-/// @param {Map} $all-tokens Map of all icon button tokens, including hardcoded values.
-/// @return {Map} The given tokens, with the invalid values replaced with valid ones.
-@function _fix-tokens($tokens) {
-  // Need to get the hardcoded values, because they include opacities that are used for the disabled
-  // state.
-  $hardcoded-tokens: token-definition.get-mdc-tokens('icon-button', (), false);
-
-  $rename-keys: (
-    unselected-icon-color: icon-color,
-  );
-
-  $remapped-tokens: token-definition.rename-map-keys($tokens, $rename-keys);
-  $remapped-hardcoded-tokens:
-      token-definition.rename-map-keys($hardcoded-tokens, $rename-keys);
-
-  @return token-definition.combine-color-tokens(
-      $remapped-tokens, $remapped-hardcoded-tokens, (
-    (
-      color: disabled-icon-color,
-      opacity: disabled-icon-opacity,
-    ),
-  ));
-}

package/core/tokens/m3/mdc/_list.scss

@@ -1,37 +0,0 @@
-@use 'sass:map';
-@use '../../token-definition';
-
-// The prefix used to generate the fully qualified name for tokens in this file.
-$prefix: (mdc, list);
-
-/// Generates the tokens for MDC list
-/// @param {Map} $systems The MDC system tokens
-/// @param {Boolean} $exclude-hardcoded Whether to exclude hardcoded token values
-/// @param {Map} $token-slots Possible token slots
-/// @return {Map} A set of tokens for the MDC list
-@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
-  $mdc-tokens: token-definition.get-mdc-tokens('list', $systems, $exclude-hardcoded);
-
-  @return token-definition.namespace-tokens($prefix, _fix-tokens($mdc-tokens), $token-slots);
-}
-
-/// Fixes values in the list tokens that are inconsistent with its usage.
-/// @param {Map} $initial-tokens Map of list tokens currently being generated.
-/// @return {Map} The given tokens, with the inconsistent values replaced with valid ones.
-@function _fix-tokens($tokens) {
-  // This does not match the spec, which defines this to be `md.sys.color.surface`.
-  // However, this interferes with the use case of placing a list on other components. For example,
-  // the bottom sheet's container color is `md.sys.color.surface-container-low`. Instead, allow the
-  // list to just display the colors for its background.
-  @if map.get($tokens, list-item-container-color) != null {
-    $tokens: map.set($tokens, list-item-container-color, transparent);
-  }
-
-  // Match spec, which has list-item-leading-icon-size of 24px.
-  // Current version of tokens (0_161) has 18px.
-  @if map.get($tokens, list-item-leading-icon-size) != null {
-    $tokens: map.set($tokens, list-item-leading-icon-size, 24px);
-  }
-
-  @return $tokens;
-}

package/core/tokens/m3/mdc/_outlined-button.scss

@@ -1,84 +0,0 @@
-@use 'sass:map';
-@use 'sass:meta';
-@use '../../token-definition';
-
-// The prefix used to generate the fully qualified name for tokens in this file.
-$prefix: (mdc, outlined-button);
-
-/// Generates the tokens for MDC outlined-button
-/// @param {Map} $systems The MDC system tokens
-/// @param {Boolean} $exclude-hardcoded Whether to exclude hardcoded token values
-/// @param {Map} $token-slots Possible token slots
-/// @return {Map} A set of tokens for the MDC outlined-button
-@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
-  $mdc-tokens: token-definition.get-mdc-tokens(
-      'outlined-button', $systems, $exclude-hardcoded);
-  $variant-tokens: (
-    primary: (), // Default, no overrides needed.
-    secondary: (
-      focus-label-text-color: map.get($systems, md-sys-color, secondary),
-      focus-outline-color: map.get($systems, md-sys-color, secondary),
-      focus-state-layer-color: map.get($systems, md-sys-color, secondary),
-      hover-label-text-color: map.get($systems, md-sys-color, secondary),
-      hover-state-layer-color: map.get($systems, md-sys-color, secondary),
-      label-text-color: map.get($systems, md-sys-color, secondary),
-      pressed-label-text-color: map.get($systems, md-sys-color, secondary),
-      pressed-state-layer-color: map.get($systems, md-sys-color, secondary),
-      with-icon-focus-icon-color: map.get($systems, md-sys-color, secondary),
-      with-icon-hover-icon-color: map.get($systems, md-sys-color, secondary),
-      with-icon-icon-color: map.get($systems, md-sys-color, secondary),
-      with-icon-pressed-icon-color: map.get($systems, md-sys-color, secondary)
-    ),
-    tertiary: (
-      focus-label-text-color: map.get($systems, md-sys-color, tertiary),
-      focus-outline-color: map.get($systems, md-sys-color, tertiary),
-      focus-state-layer-color: map.get($systems, md-sys-color, tertiary),
-      hover-label-text-color: map.get($systems, md-sys-color, tertiary),
-      hover-state-layer-color: map.get($systems, md-sys-color, tertiary),
-      label-text-color: map.get($systems, md-sys-color, tertiary),
-      pressed-label-text-color: map.get($systems, md-sys-color, tertiary),
-      pressed-state-layer-color: map.get($systems, md-sys-color, tertiary),
-      with-icon-focus-icon-color: map.get($systems, md-sys-color, tertiary),
-      with-icon-hover-icon-color: map.get($systems, md-sys-color, tertiary),
-      with-icon-icon-color: map.get($systems, md-sys-color, tertiary),
-      with-icon-pressed-icon-color: map.get($systems, md-sys-color, tertiary)
-    ),
-    error: (
-      focus-label-text-color: map.get($systems, md-sys-color, error),
-      focus-outline-color: map.get($systems, md-sys-color, error),
-      focus-state-layer-color: map.get($systems, md-sys-color, error),
-      hover-label-text-color: map.get($systems, md-sys-color, error),
-      hover-state-layer-color: map.get($systems, md-sys-color, error),
-      label-text-color: map.get($systems, md-sys-color, error),
-      pressed-label-text-color: map.get($systems, md-sys-color, error),
-      pressed-state-layer-color: map.get($systems, md-sys-color, error),
-      with-icon-focus-icon-color: map.get($systems, md-sys-color, error),
-      with-icon-hover-icon-color: map.get($systems, md-sys-color, error),
-      with-icon-icon-color: map.get($systems, md-sys-color, error),
-      with-icon-pressed-icon-color: map.get($systems, md-sys-color, error)
-    )
-  );
-
-  @return token-definition.namespace-tokens($prefix, (
-    _fix-tokens($mdc-tokens),
-    token-definition.map-values($variant-tokens, meta.get-function(_fix-tokens))
-  ), $token-slots);
-}
-
-/// Fixes inconsistent values in the outlined button tokens so that they can produce valid styles.
-/// @param {Map} $initial-tokens Map of outlined button tokens currently being generated.
-/// @return {Map} The given tokens, with the invalid values replaced with valid ones.
-@function _fix-tokens($initial-tokens) {
-  $hardcoded-tokens: token-definition.get-mdc-tokens('outlined-button', (), false);
-
-  @return token-definition.combine-color-tokens($initial-tokens, $hardcoded-tokens, (
-    (
-      color: disabled-label-text-color,
-      opacity: disabled-label-text-opacity,
-    ),
-    (
-      color: disabled-outline-color,
-      opacity: disabled-outline-opacity,
-    )
-  ));
-}

package/core/tokens/m3/mdc/_outlined-card.scss

@@ -1,22 +0,0 @@
-@use 'sass:map';
-@use '../../../style/elevation';
-@use '../../token-definition';
-
-// The prefix used to generate the fully qualified name for tokens in this file.
-$prefix: (mdc, outlined-card);
-
-/// Generates the tokens for MDC outlined-card
-/// @param {Map} $systems The MDC system tokens
-/// @param {Boolean} $exclude-hardcoded Whether to exclude hardcoded token values
-/// @param {Map} $token-slots Possible token slots
-/// @return {Map} A set of tokens for the MDC outlined-card
-@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
-  $tokens: token-definition.get-mdc-tokens('outlined-card', $systems, $exclude-hardcoded);
-  $elevation: map.get($tokens, container-elevation);
-
-  @if ($elevation != null) {
-    $tokens: map.set($tokens, container-elevation, elevation.get-box-shadow($elevation));
-  }
-
-  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
-}