@angular/material 20.0.0-next.5 → 20.0.0-next.6

package/core/tokens/m2/mat/_outlined-text-field.scss

@@ -1,100 +0,0 @@
-@use 'sass:map';
-@use '../../../theming/inspection';
-@use '../../../style/sass-utils';
-@use '../../token-definition';
-
-// The prefix used to generate the fully qualified name for tokens in this file.
-$prefix: (mat, outlined-text-field);
-
-// Tokens that can't be configured through Angular Material's current theming API,
-// but may be in a future version of the theming API.
-//
-// Tokens that are available in MDC, but not used in Angular Material should be mapped to `null`.
-// `null` indicates that we are intentionally choosing not to emit a slot or value for the token in
-// our CSS.
-@function get-unthemable-tokens() {
-  @return (
-    outline-width: 1px,
-    focus-outline-width: 2px,
-    container-shape: 4px,
-  );
-}
-
-// Tokens that can be configured through Angular Material's color theming API.
-@function get-color-tokens($theme) {
-  $is-dark: inspection.get-theme-type($theme) == dark;
-  $warn-color: inspection.get-theme-color($theme, warn);
-  $color-tokens: private-get-color-palette-color-tokens($theme, primary);
-
-  // Ideally we would derive all values directly from the theme, but it causes a lot of regressions
-  // internally. For now we fall back to the old hardcoded behavior only for internal apps.
-  $on-surface: if($is-dark, #fff, #000);
-  $text-color-base: if(token-definition.$private-is-internal-build, $on-surface,
-    inspection.get-theme-color($theme, foreground, text, 1));
-  $disabled-text-color-base: if(token-definition.$private-is-internal-build, $on-surface,
-    inspection.get-theme-color($theme, foreground, disabled-text, 1));
-  $divider-base: if(token-definition.$private-is-internal-build, $on-surface,
-    inspection.get-theme-color($theme, foreground, divider, 1));
-
-  @return map.merge($color-tokens, (
-    label-text-color: sass-utils.safe-color-change($text-color-base, $alpha: 0.6),
-    hover-label-text-color: sass-utils.safe-color-change($text-color-base, $alpha: 0.6),
-    disabled-label-text-color:
-      sass-utils.safe-color-change($disabled-text-color-base, $alpha: 0.38),
-
-    input-text-color: sass-utils.safe-color-change($text-color-base, $alpha: 0.87),
-    disabled-input-text-color:
-      sass-utils.safe-color-change($disabled-text-color-base, $alpha: 0.38),
-    input-text-placeholder-color: sass-utils.safe-color-change($text-color-base, $alpha: 0.6),
-
-    error-caret-color: $warn-color,
-    error-focus-label-text-color: $warn-color,
-    error-label-text-color: $warn-color,
-    error-hover-label-text-color: $warn-color,
-
-    // Outline tokens
-    outline-color: sass-utils.safe-color-change($divider-base, $alpha: 0.38),
-    disabled-outline-color: sass-utils.safe-color-change($divider-base, $alpha: 0.06),
-    hover-outline-color: sass-utils.safe-color-change($divider-base, $alpha: 0.87),
-    error-focus-outline-color: $warn-color,
-    error-hover-outline-color: $warn-color,
-    error-outline-color: $warn-color,
-  ));
-}
-
-// Generates the mapping for the properties that change based on the text field color.
-@function private-get-color-palette-color-tokens($theme, $palette-name) {
-  $palette-color: inspection.get-theme-color($theme, $palette-name);
-
-  @return (
-    caret-color: $palette-color,
-    focus-outline-color: $palette-color,
-    focus-label-text-color: sass-utils.safe-color-change($palette-color, $alpha: 0.87),
-  );
-}
-
-// Tokens that can be configured through Angular Material's typography theming API.
-@function get-typography-tokens($theme) {
-  @return (
-    label-text-font: inspection.get-theme-typography($theme, body-1, font-family),
-    label-text-size: inspection.get-theme-typography($theme, body-1, font-size),
-    label-text-tracking: inspection.get-theme-typography($theme, body-1, letter-spacing),
-    label-text-weight: inspection.get-theme-typography($theme, body-1, font-weight),
-  );
-}
-
-// Tokens that can be configured through Angular Material's density theming API.
-@function get-density-tokens($theme) {
-  @return ();
-}
-
-// Combines the tokens generated by the above functions into a single map with placeholder values.
-// This is used to create token slots.
-@function get-token-slots() {
-  @return sass-utils.deep-merge-all(
-      get-unthemable-tokens(),
-      get-color-tokens(token-definition.$placeholder-color-config),
-      get-typography-tokens(token-definition.$placeholder-typography-config),
-      get-density-tokens(token-definition.$placeholder-density-config)
-  );
-}

package/core/tokens/m2/mat/_protected-button.scss

@@ -1,120 +0,0 @@
-@use 'sass:meta';
-@use 'sass:map';
-@use '../../token-definition';
-@use '../../../theming/theming';
-@use '../../../theming/inspection';
-@use '../../../style/sass-utils';
-@use '../../../style/elevation';
-
-// The prefix used to generate the fully qualified name for tokens in this file.
-$prefix: (mat, protected-button);
-
-// Tokens that can't be configured through Angular Material's current theming API,
-// but may be in a future version of the theming API.
-@function get-unthemable-tokens() {
-  @return (
-    container-shape: 4px,
-    container-elevation-shadow: elevation.get-box-shadow(2),
-    disabled-container-elevation-shadow: elevation.get-box-shadow(0),
-    focus-container-elevation-shadow: elevation.get-box-shadow(4),
-    hover-container-elevation-shadow: elevation.get-box-shadow(4),
-    pressed-container-elevation-shadow: elevation.get-box-shadow(8),
-    horizontal-padding: 16px,
-    icon-spacing: 8px,
-    icon-offset: -4px,
-  );
-}
-
-// Tokens that can be configured through Angular Material's color theming API.
-@function get-color-tokens($theme) {
-  $is-dark: inspection.get-theme-type($theme) == dark;
-
-  @return (
-    container-color: inspection.get-theme-color($theme, background, card),
-    disabled-container-color: inspection.get-theme-color($theme, foreground, disabled-button, 0.12),
-    disabled-label-text-color:
-        inspection.get-theme-color($theme, foreground, disabled-button, if($is-dark, 0.5, 0.38)),
-    disabled-state-layer-color: inspection.get-theme-color($theme, foreground, base),
-    focus-state-layer-opacity: if($is-dark, 0.24, 0.12),
-    hover-state-layer-opacity: if($is-dark, 0.08, 0.04),
-    label-text-color: inspection.get-theme-color($theme, foreground, text, 1),
-    pressed-state-layer-opacity: if($is-dark, 0.24, 0.12),
-    ripple-color: inspection.get-theme-color($theme, foreground, base, 0.1),
-    state-layer-color: inspection.get-theme-color($theme, foreground, base),
-  );
-}
-
-// Generates the mapping for the properties that change based on the button palette color.
-@function private-get-color-palette-color-tokens($theme, $palette-name) {
-  $state-layer-color: null;
-  $ripple-color: null;
-  $contrast-color: inspection.get-theme-color($theme, $palette-name, default-contrast);
-  $container-color: inspection.get-theme-color($theme, $palette-name, default);
-  $label-text-color: null;
-
-  // Ideally we would derive all values directly from the theme, but it causes a lot of regressions
-  // internally. For now we fall back to the old hardcoded behavior only for internal apps.
-  @if (token-definition.$private-is-internal-build or
-      meta.type-of($contrast-color) != 'color') {
-    $is-dark: inspection.get-theme-type($theme) == dark;
-    $container-color: inspection.get-theme-color($theme, $palette-name);
-    $contrast-tone: token-definition.contrast-tone($container-color, $is-dark);
-    $color: if($contrast-tone == 'dark', #000, #fff);
-    $state-layer-color: $color;
-    $ripple-color: rgba($color, 0.1);
-    $label-text-color: if($contrast-tone == 'dark', #000, #fff);
-  }
-  @else {
-    $label-text-color: inspection.get-theme-color($theme, $palette-name, default-contrast, 1);
-    $state-layer-color: inspection.get-theme-color($theme, $palette-name, default-contrast, 1);
-    $ripple-color: inspection.get-theme-color($theme, $palette-name, default-contrast, 0.1);
-  }
-
-  @return (
-    container-color: $container-color,
-    label-text-color: $label-text-color,
-    ripple-color: $ripple-color,
-    state-layer-color: $state-layer-color,
-  );
-}
-
-// Tokens that can be configured through Angular Material's typography theming API.
-@function get-typography-tokens($theme) {
-  @return (
-    label-text-font: inspection.get-theme-typography($theme, button, font-family),
-    label-text-size: inspection.get-theme-typography($theme, button, font-size),
-    label-text-tracking: inspection.get-theme-typography($theme, button, letter-spacing),
-    label-text-weight: inspection.get-theme-typography($theme, button, font-weight),
-    label-text-transform: none,
-  );
-}
-
-// Tokens that can be configured through Angular Material's density theming API.
-@function get-density-tokens($theme) {
-  $scale: theming.clamp-density(inspection.get-theme-density($theme), -3);
-
-  @return (
-    container-height:
-    map.get(
-        (
-          0: 36px,
-          -1: 32px,
-          -2: 28px,
-          -3: 24px,
-        ),
-        $scale
-    ),
-    touch-target-display: if($scale < -1, none, block),
-  );
-}
-
-// Combines the tokens generated by the above functions into a single map with placeholder values.
-// This is used to create token slots.
-@function get-token-slots() {
-  @return sass-utils.deep-merge-all(
-      get-unthemable-tokens(),
-      get-color-tokens(token-definition.$placeholder-color-config),
-      get-typography-tokens(token-definition.$placeholder-typography-config),
-      get-density-tokens(token-definition.$placeholder-density-config)
-  );
-}

package/core/tokens/m2/mat/_secondary-navigation-tab.scss

@@ -1,58 +0,0 @@
-@use 'sass:map';
-@use '../../../theming/theming';
-@use '../../../theming/inspection';
-@use '../../../style/sass-utils';
-@use '../../token-definition';
-
-// The prefix used to generate the fully qualified name for tokens in this file.
-$prefix: (mat, secondary-navigation-tab);
-
-// Tokens that can't be configured through Angular Material's current theming API,
-// but may be in a future version of the theming API.
-//
-// Tokens that are available in MDC, but not used in Angular Material should be mapped to `null`.
-// `null` indicates that we are intentionally choosing not to emit a slot or value for the token in
-// our CSS.
-@function get-unthemable-tokens() {
-  @return (
-    // This is specified both here and in the density tokens, because it determines the size of the
-    // tab itself and there are internal tests who don't configure the theme correctly.
-    container-height: 48px,
-  );
-}
-
-// Tokens that can be configured through Angular Material's color theming API.
-@function get-color-tokens($theme, $palette-name: primary) {
-  @return ();
-}
-
-// Tokens that can be configured through Angular Material's typography theming API.
-@function get-typography-tokens($theme) {
-  @return ();
-}
-
-// Tokens that can be configured through Angular Material's density theming API.
-@function get-density-tokens($theme) {
-  $scale: theming.clamp-density(inspection.get-theme-density($theme), -4);
-
-  @return (
-    container-height: map.get((
-      0: 48px,
-      -1: 44px,
-      -2: 40px,
-      -3: 36px,
-      -4: 32px,
-    ), $scale),
-  );
-}
-
-// Combines the tokens generated by the above functions into a single map with placeholder values.
-// This is used to create token slots.
-@function get-token-slots() {
-  @return sass-utils.deep-merge-all(
-      get-unthemable-tokens(),
-      get-color-tokens(token-definition.$placeholder-color-config),
-      get-typography-tokens(token-definition.$placeholder-typography-config),
-      get-density-tokens(token-definition.$placeholder-density-config)
-  );
-}

package/core/tokens/m2/mat/_tab-header-with-background.scss

@@ -1,42 +0,0 @@
-@use '../../token-definition';
-@use '../../../theming/inspection';
-@use '../../../style/sass-utils';
-
-// The prefix used to generate the fully qualified name for tokens in this file.
-$prefix: (mat, tab-header-with-background);
-
-// Tokens that can't be configured through Angular Material's current theming API,
-// but may be in a future version of the theming API.
-@function get-unthemable-tokens() {
-  @return ();
-}
-
-// Tokens that can be configured through Angular Material's color theming API.
-@function get-color-tokens($theme, $palette-name: primary) {
-
-  @return (
-    background-color: inspection.get-theme-color($theme, $palette-name, default),
-    foreground-color: inspection.get-theme-color($theme, $palette-name, default-contrast),
-  );
-}
-
-// Tokens that can be configured through Angular Material's typography theming API.
-@function get-typography-tokens($theme) {
-  @return ();
-}
-
-// Tokens that can be configured through Angular Material's density theming API.
-@function get-density-tokens($theme) {
-  @return ();
-}
-
-// Combines the tokens generated by the above functions into a single map with placeholder values.
-// This is used to create token slots.
-@function get-token-slots() {
-  @return sass-utils.deep-merge-all(
-      get-unthemable-tokens(),
-      get-color-tokens(token-definition.$placeholder-color-config),
-      get-typography-tokens(token-definition.$placeholder-typography-config),
-      get-density-tokens(token-definition.$placeholder-density-config)
-  );
-}

package/core/tokens/m2/mat/_tab-indicator.scss

@@ -1,48 +0,0 @@
-@use '../../../theming/inspection';
-@use '../../../style/sass-utils';
-@use '../../token-definition';
-
-// The prefix used to generate the fully qualified name for tokens in this file.
-$prefix: (mat, tab-indicator);
-
-// Tokens that can't be configured through Angular Material's current theming API,
-// but may be in a future version of the theming API.
-//
-// Tokens that are available in MDC, but not used in Angular Material should be mapped to `null`.
-// `null` indicates that we are intentionally choosing not to emit a slot or value for the token in
-// our CSS.
-@function get-unthemable-tokens() {
-  @return (
-    active-indicator-height: 2px,
-    // Currently set to zero, but used by the gmat styles to make the indicator rounded.
-    active-indicator-shape: 0,
-  );
-}
-
-// Tokens that can be configured through Angular Material's color theming API.
-@function get-color-tokens($theme, $palette-name: primary) {
-  @return (
-    active-indicator-color: inspection.get-theme-color($theme, $palette-name, default),
-  );
-}
-
-// Tokens that can be configured through Angular Material's typography theming API.
-@function get-typography-tokens($theme) {
-  @return ();
-}
-
-// Tokens that can be configured through Angular Material's density theming API.
-@function get-density-tokens($theme) {
-  @return ();
-}
-
-// Combines the tokens generated by the above functions into a single map with placeholder values.
-// This is used to create token slots.
-@function get-token-slots() {
-  @return sass-utils.deep-merge-all(
-      get-unthemable-tokens(),
-      get-color-tokens(token-definition.$placeholder-color-config),
-      get-typography-tokens(token-definition.$placeholder-typography-config),
-      get-density-tokens(token-definition.$placeholder-density-config)
-  );
-}

package/core/tokens/m2/mat/_text-button.scss

@@ -1,90 +0,0 @@
-@use 'sass:meta';
-@use 'sass:map';
-@use '../../token-definition';
-@use '../../../theming/theming';
-@use '../../../theming/inspection';
-@use '../../../style/sass-utils';
-
-// The prefix used to generate the fully qualified name for tokens in this file.
-$prefix: (mat, text-button);
-
-// Tokens that can't be configured through Angular Material's current theming API,
-// but may be in a future version of the theming API.
-@function get-unthemable-tokens() {
-  @return (
-    container-shape: 4px,
-    horizontal-padding: 8px,
-    icon-offset: 0,
-    icon-spacing: 8px,
-    with-icon-horizontal-padding: 8px,
-  );
-}
-
-// Tokens that can be configured through Angular Material's color theming API.
-@function get-color-tokens($theme) {
-  $is-dark: inspection.get-theme-type($theme) == dark;
-
-  @return (
-    disabled-label-text-color:
-        inspection.get-theme-color($theme, foreground, disabled-button, if($is-dark, 0.5, 0.38)),
-    disabled-state-layer-color: inspection.get-theme-color($theme, foreground, base),
-    focus-state-layer-opacity: if($is-dark, 0.24, 0.12),
-    hover-state-layer-opacity: if($is-dark, 0.08, 0.04),
-    label-text-color: inspection.get-theme-color($theme, foreground, text, 1),
-    pressed-state-layer-opacity: if($is-dark, 0.24, 0.12),
-    ripple-color: inspection.get-theme-color($theme, foreground, base, 0.1),
-    state-layer-color: inspection.get-theme-color($theme, foreground, base),
-  );
-}
-
-// Generates the mapping for the properties that change based on the button palette color.
-@function private-get-color-palette-color-tokens($theme, $palette-name) {
-  $color: inspection.get-theme-color($theme, $palette-name);
-  $ripple-opacity: 0.1;
-
-  @return (
-    label-text-color: inspection.get-theme-color($theme, $palette-name),
-    state-layer-color: $color,
-    ripple-color: if(
-      meta.type-of($color) == color,
-      rgba($color, $ripple-opacity),
-      inspection.get-theme-color($theme, foreground, base, $ripple-opacity)),
-  );
-}
-
-// Tokens that can be configured through Angular Material's typography theming API.
-@function get-typography-tokens($theme) {
-  @return (
-    label-text-font: inspection.get-theme-typography($theme, button, font-family),
-    label-text-size: inspection.get-theme-typography($theme, button, font-size),
-    label-text-tracking: inspection.get-theme-typography($theme, button, letter-spacing),
-    label-text-weight: inspection.get-theme-typography($theme, button, font-weight),
-    label-text-transform: none,
-  );
-}
-
-// Tokens that can be configured through Angular Material's density theming API.
-@function get-density-tokens($theme) {
-  $scale: theming.clamp-density(inspection.get-theme-density($theme), -3);
-
-  @return (
-    container-height: map.get((
-      0: 36px,
-      -1: 32px,
-      -2: 28px,
-      -3: 24px,
-    ), $scale),
-    touch-target-display: if($scale < -1, none, block),
-  );
-}
-
-// Combines the tokens generated by the above functions into a single map with placeholder values.
-// This is used to create token slots.
-@function get-token-slots() {
-  @return sass-utils.deep-merge-all(
-      get-unthemable-tokens(),
-      get-color-tokens(token-definition.$placeholder-color-config),
-      get-typography-tokens(token-definition.$placeholder-typography-config),
-      get-density-tokens(token-definition.$placeholder-density-config)
-  );
-}

package/core/tokens/m2/mat/_tonal-button.scss

@@ -1,90 +0,0 @@
-@use 'sass:map';
-@use '../../token-definition';
-@use '../../../theming/theming';
-@use '../../../theming/inspection';
-@use '../../../style/sass-utils';
-
-// The prefix used to generate the fully qualified name for tokens in this file.
-$prefix: (mat, tonal-button);
-
-// Tokens that can't be configured through Angular Material's current theming API,
-// but may be in a future version of the theming API.
-@function get-unthemable-tokens() {
-  @return (
-    container-shape: 4px,
-    horizontal-padding: 16px,
-    icon-spacing: 8px,
-    icon-offset: -4px,
-  );
-}
-
-// Tokens that can be configured through Angular Material's color theming API.
-@function get-color-tokens($theme) {
-  $is-dark: inspection.get-theme-type($theme) == dark;
-
-  @return (
-    container-color: inspection.get-theme-color($theme, background, card),
-    label-text-color: inspection.get-theme-color($theme, foreground, text, 1),
-    disabled-container-color: inspection.get-theme-color($theme, foreground, disabled-button,
-      0.12),
-    disabled-label-text-color: inspection.get-theme-color($theme, foreground, disabled-button,
-      if($is-dark, 0.5, 0.38)),
-    state-layer-color: inspection.get-theme-color($theme, foreground, base),
-    disabled-state-layer-color: inspection.get-theme-color($theme, foreground, base),
-    ripple-color: inspection.get-theme-color($theme, foreground, base, 0.1),
-    hover-state-layer-opacity: if($is-dark, 0.08, 0.04),
-    focus-state-layer-opacity: if($is-dark, 0.24, 0.12),
-    pressed-state-layer-opacity: if($is-dark, 0.24, 0.12),
-  );
-}
-
-// Generates the mapping for the properties that change based on the button palette color.
-@function private-get-color-palette-color-tokens($theme, $palette-name) {
-  @return (
-    container-color: inspection.get-theme-color($theme, $palette-name, default),
-    label-text-color: inspection.get-theme-color($theme, $palette-name, default-contrast, 1),
-    state-layer-color: inspection.get-theme-color($theme, $palette-name, default-contrast, 1),
-    ripple-color: inspection.get-theme-color($theme, $palette-name, default-contrast, 0.1),
-  );
-}
-
-// Tokens that can be configured through Angular Material's typography theming API.
-@function get-typography-tokens($theme) {
-  @return (
-    label-text-font: inspection.get-theme-typography($theme, button, font-family),
-    label-text-size: inspection.get-theme-typography($theme, button, font-size),
-    label-text-tracking: inspection.get-theme-typography($theme, button, letter-spacing),
-    label-text-weight: inspection.get-theme-typography($theme, button, font-weight),
-    label-text-transform: none,
-  );
-}
-
-// Tokens that can be configured through Angular Material's density theming API.
-@function get-density-tokens($theme) {
-  $scale: theming.clamp-density(inspection.get-theme-density($theme), -3);
-
-  @return (
-    touch-target-display: if($scale < -1, none, block),
-    container-height:
-      map.get(
-        (
-          0: 36px,
-          -1: 32px,
-          -2: 28px,
-          -3: 24px,
-        ),
-        $scale
-      )
-  );
-}
-
-// Combines the tokens generated by the above functions into a single map with placeholder values.
-// This is used to create token slots.
-@function get-token-slots() {
-  @return sass-utils.deep-merge-all(
-      get-unthemable-tokens(),
-      get-color-tokens(token-definition.$placeholder-color-config),
-      get-typography-tokens(token-definition.$placeholder-typography-config),
-      get-density-tokens(token-definition.$placeholder-density-config)
-  );
-}

package/core/tokens/m3/definitions/_index.scss

@@ -1,8 +0,0 @@
-@forward './md-ref-palette' as md-ref-palette-*;
-@forward './md-ref-typeface' as md-ref-typeface-*;
-@forward './md-sys-color' as md-sys-color-*;
-@forward './md-sys-elevation' as md-sys-elevation-*;
-@forward './md-sys-motion' as md-sys-motion-*;
-@forward './md-sys-shape' as md-sys-shape-*;
-@forward './md-sys-state' as md-sys-state-*;
-@forward './md-sys-typescale' as md-sys-typescale-*;

package/core/tokens/m3/mat/_card.scss

@@ -1,24 +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: (mat, card);
-
-/// Generates custom tokens for the mat-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 custom tokens for the mat-card
-@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
-  $tokens: sass-utils.merge-all(
-    token-definition.generate-typography-tokens($systems, title-text, title-large),
-    token-definition.generate-typography-tokens($systems, subtitle-text, title-medium),
-    (
-      subtitle-text-color: map.get($systems, md-sys-color, on-surface)
-    )
-  );
-
-  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
-}
-

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

@@ -1,27 +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: (mat, 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: (
-    container-color: map.get($systems, md-sys-color, surface-container-low),
-    container-elevation: map.get($systems, md-sys-elevation, level1),
-    container-shape: map.get($systems, md-sys-shape, corner-medium),
-  );
-
-  $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/mat/_extended-fab.scss

@@ -1,64 +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: (mat, 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: (
-    container-elevation-shadow: map.get($systems, md-sys-elevation, level3),
-    container-height: if($exclude-hardcoded, null, 56px),
-    container-shape: map.get($systems, md-sys-shape, corner-large),
-    focus-container-elevation-shadow: map.get($systems, md-sys-elevation, level3),
-    hover-container-elevation-shadow: map.get($systems, md-sys-elevation, level4),
-    label-text-font: map.get($systems, md-sys-typescale, label-large-font),
-    label-text-size: map.get($systems, md-sys-typescale, label-large-size),
-    label-text-tracking: map.get($systems, md-sys-typescale, label-large-tracking),
-    label-text-weight: map.get($systems, md-sys-typescale, label-large-weight),
-    pressed-container-elevation-shadow: map.get($systems, md-sys-elevation, level3),
-  );
-
-  $elevation-tokens: (
-    container-elevation-shadow,
-    focus-container-elevation-shadow,
-    hover-container-elevation-shadow,
-    pressed-container-elevation-shadow,
-  );
-
-  @each $token in $elevation-tokens {
-    $elevation: map.get($tokens, $token);
-
-    @if ($elevation != null) {
-      $tokens: map.set($tokens, $token, elevation.get-box-shadow($elevation));
-    }
-  }
-
-  $variant-tokens: (
-    // Color variants
-    primary: (), // Default, no overrides needed.
-    secondary: (
-      container-height: if($exclude-hardcoded, null, 56px),
-      container-shape: map.get($systems, md-sys-shape, corner-large),
-      label-text-font: map.get($systems, md-sys-typescale, label-large-font),
-      label-text-size: map.get($systems, md-sys-typescale, label-large-size),
-      label-text-tracking: map.get($systems, md-sys-typescale, label-large-tracking),
-      label-text-weight: map.get($systems, md-sys-typescale, label-large-weight),
-    ),
-    tertiary: (
-      container-height: if($exclude-hardcoded, null, 56px),
-      container-shape: map.get($systems, md-sys-shape, corner-large),
-      label-text-font: map.get($systems, md-sys-typescale, label-large-font),
-      label-text-size: map.get($systems, md-sys-typescale, label-large-size),
-      label-text-tracking: map.get($systems, md-sys-typescale, label-large-tracking),
-      label-text-weight: map.get($systems, md-sys-typescale, label-large-weight),
-    )
-  );
-
-  @return token-definition.namespace-tokens($prefix, ($tokens, $variant-tokens), $token-slots);
-}