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

package/core/style/_menu-common.scss

@@ -1,94 +0,0 @@
-@use '@angular/cdk';
-
-@use './list-common';
-@use './layout-common';
-
-// The mixins below are shared between mat-menu and mat-select
-
-// menu width must be a multiple of 56px
-$overlay-min-width: 112px !default;   // 56 * 2
-$overlay-max-width: 280px !default;   // 56 * 5
-
-$item-height: 48px !default;
-$side-padding: 16px !default;
-$icon-margin: 16px !default;
-
-
-@mixin base() {
-  min-width: $overlay-min-width;
-  max-width: $overlay-max-width;
-  overflow: auto;
-}
-
-@mixin item-base() {
-  @include list-common.truncate-line();
-
-  // Needs to be a block for the ellipsis to work.
-  display: block;
-  line-height: $item-height;
-  height: $item-height;
-  padding: 0 $side-padding;
-
-  text-align: left;
-  text-decoration: none;   // necessary to reset anchor tags
-
-  // Required for Edge not to show scrollbars when setting the width manually. See #12112.
-  max-width: 100%;
-
-  &[disabled] {
-    cursor: default;
-  }
-
-  [dir='rtl'] & {
-    text-align: right;
-  }
-
-  .mat-icon {
-    margin-right: $icon-margin;
-    vertical-align: middle;
-
-    svg {
-      vertical-align: top;
-    }
-
-    [dir='rtl'] & {
-      margin-left: $icon-margin;
-      margin-right: 0;
-    }
-  }
-}
-
-@mixin item-submenu-icon($item-spacing, $icon-size) {
-  width: $icon-size;
-  height: 10px;
-  fill: currentColor;
-
-  // We use `padding` here, because the margin can collapse depending on the other content.
-  padding-left: $item-spacing;
-
-  [dir='rtl'] & {
-    padding-right: $item-spacing;
-    padding-left: 0;
-
-    // Invert the arrow direction.
-    polygon {
-      transform: scaleX(-1);
-      transform-origin: center;
-    }
-  }
-
-  // Fix for Chromium-based browsers blending in the `currentColor` with the background.
-  @include cdk.high-contrast {
-    fill: CanvasText;
-  }
-}
-
-@mixin item-ripple() {
-  @include layout-common.fill;
-
-  // Prevent any pointer events on the ripple container for a menu item. The ripple container is
-  // not the trigger element for the ripples and can be therefore disabled like that. Disabling
-  // the pointer events ensures that there is no `click` event that can bubble up and cause
-  // the menu panel to close.
-  pointer-events: none;
-}

package/core/theming/_palette-deprecated.scss

@@ -1,76 +0,0 @@
-@use './palette';
-
-// @deprecated Use `$red-palette` instead
-$red: palette.$red-palette;
-
-// @deprecated Use `$pink-palette` instead
-$pink: palette.$pink-palette;
-
-// @deprecated Use `$indigo-palette` instead
-$indigo: palette.$indigo-palette;
-
-// @deprecated Use `$purple-palette` instead.
-$purple: palette.$purple-palette;
-
-// @deprecated Use `$deep-purple-palette` instead.
-$deep-purple: palette.$deep-purple-palette;
-
-// @deprecated Use `$blue-palette` instead.
-$blue: palette.$blue-palette;
-
-// @deprecated Use `$light-blue-palette` instead.
-$light-blue: palette.$light-blue-palette;
-
-// @deprecated Use `$cyan-palette` instead.
-$cyan: palette.$cyan-palette;
-
-// @deprecated Use `$teal-palette` instead.
-$teal: palette.$teal-palette;
-
-// @deprecated Use `$green-palette` instead.
-$green: palette.$green-palette;
-
-// @deprecated Use `$light-green-palette` instead.
-$light-green: palette.$light-green-palette;
-
-// @deprecated Use `$lime-palette` instead.
-$lime: palette.$lime-palette;
-
-// @deprecated Use `$yellow-palette` instead.
-$yellow: palette.$yellow-palette;
-
-// @deprecated Use `$amber-palette` instead.
-$amber: palette.$amber-palette;
-
-// @deprecated Use `$orange-palette` instead.
-$orange: palette.$orange-palette;
-
-// @deprecated Use `$deep-orange-palette` instead.
-$deep-orange: palette.$deep-orange-palette;
-
-// @deprecated Use `$brown-palette` instead.
-$brown: palette.$brown-palette;
-
-// @deprecated Use `$grey-palette` instead.
-$grey: palette.$grey-palette;
-
-// @deprecated Use `$gray-palette` instead.
-$gray: palette.$gray-palette;
-
-// @deprecated Use `$blue-grey-palette` instead.
-$blue-grey: palette.$blue-grey-palette;
-
-// @deprecated Use `$blue-gray-palette` instead.
-$blue-gray: palette.$blue-gray-palette;
-
-// @deprecated Use `$light-theme-background-palette` instead.
-$light-theme-background: palette.$light-theme-background-palette;
-
-// @deprecated Use `$dark-theme-background-palette` instead.
-$dark-theme-background: palette.$dark-theme-background-palette;
-
-// @deprecated Use `$light-theme-foreground-palette` instead.
-$light-theme-foreground: palette.$light-theme-foreground-palette;
-
-// @deprecated Use `$dark-theme-foreground-palette` instead.
-$dark-theme-foreground: palette.$dark-theme-foreground-palette;

package/core/theming/_theming-deprecated.scss

@@ -1,27 +0,0 @@
-@use '../m2/theming' as m2-theming;
-@use '../m2/palette' as m2-palette;
-
-// @deprecated Use `get-color-from-palette`.
-@function color($palette, $hue: default, $opacity: null) {
-  @return m2-theming.get-color-from-palette($palette, $hue, $opacity);
-}
-
-// @deprecated Use `get-contrast-color-from-palette`.
-@function contrast($palette, $hue) {
-  @return m2-theming.get-contrast-color-from-palette($palette, $hue);
-}
-
-// @deprecated Use `define-palette`.
-@function palette($base-palette, $default: 500, $lighter: 100, $darker: 700, $text: $default) {
-  @return m2-theming.define-palette($base-palette, $default, $lighter, $darker, $text);
-}
-
-// @deprecated Use `define-light-theme`.
-@function dark-theme($primary, $accent: null, $warn: palette(m2-palette.$red-palette)) {
-  @return m2-theming.define-dark-theme($primary, $accent, $warn);
-}
-
-// @deprecated Use `define-light-theme`.
-@function light-theme($primary, $accent: null, $warn: palette(m2-palette.$red-palette)) {
-  @return m2-theming.define-light-theme($primary, $accent, $warn);
-}

package/core/tokens/_token-definition.scss

@@ -1,224 +0,0 @@
-@use 'sass:color';
-@use 'sass:list';
-@use 'sass:map';
-@use 'sass:meta';
-@use 'sass:math';
-@use '../m2/palette' as m2-palette;
-@use '../m2/theming' as m2-theming;
-@use '../m2/typography' as m2-typography;
-
-// Indicates whether we're building internally. Used for backwards compatibility.
-$private-is-internal-build: false;
-
-$_placeholder-color-palette: m2-theming.define-palette(m2-palette.$red-palette);
-
-// Placeholder color config that can be passed to token getter functions when generating token
-// slots.
-$placeholder-color-config: (
-  primary: $_placeholder-color-palette,
-  accent: $_placeholder-color-palette,
-  warn: $_placeholder-color-palette,
-  is-dark: false,
-  foreground: m2-palette.$light-theme-foreground-palette,
-  background: m2-palette.$light-theme-background-palette,
-);
-
-$_placeholder-typography-level-config: m2-typography.typography-config-level-from-mdc(body1);
-
-// Placeholder typography config that can be passed to token getter functions when generating token
-// slots.
-$placeholder-typography-config: (
-  font-family: 'Roboto, sans-serif',
-  headline-1: $_placeholder-typography-level-config,
-  headline-2: $_placeholder-typography-level-config,
-  headline-3: $_placeholder-typography-level-config,
-  headline-4: $_placeholder-typography-level-config,
-  headline-5: $_placeholder-typography-level-config,
-  headline-6: $_placeholder-typography-level-config,
-  subtitle-1: $_placeholder-typography-level-config,
-  subtitle-2: $_placeholder-typography-level-config,
-  body-1: $_placeholder-typography-level-config,
-  body-2: $_placeholder-typography-level-config,
-  caption: $_placeholder-typography-level-config,
-  button: $_placeholder-typography-level-config,
-  overline: $_placeholder-typography-level-config,
-  subheading-1: $_placeholder-typography-level-config,
-  title: $_placeholder-typography-level-config,
-);
-
-// Placeholder density config that can be passed to token getter functions when generating token
-// slots.
-$placeholder-density-config: 0;
-
-$_tokens: null;
-$_component-prefix: null;
-$_system-fallbacks: null;
-
-/// Gets the MDC tokens for the given prefix, M3 token values, and supported token slots.
-/// @param {List} $prefix The token prefix for the given tokens.
-/// @param {Map|(Map, Map)} $values A map of M3 token values for the given prefix.
-///  This param may also be a tuple of maps, the first one representing the default M3 token values,
-//   and the second containing overrides for different color variants.
-//   Single map example:
-//     (token1: green, token2: 2px)
-//   Tuple example:
-//     (
-//       (token1: green, token2: 2px),
-//       (
-//         secondary: (token1: blue),
-//         error: (token1: red),
-//       )
-//     )
-/// @param {Map} $slots A map of token slots, with null value indicating the token is not supported.
-/// @param {String|null} $variant The name of the variant the token values are for.
-/// @return {Map} A map of fully qualified token names to values, for only the supported tokens.
-@function namespace-tokens($prefix, $values, $slots, $variant: null) {
-  $result: ();
-  @if $variant == null and meta.type-of($values) == 'list' and list.length($values == 2) {
-    $variants: list.nth($values, 2);
-    $values: list.nth($values, 1);
-    @each $variant, $overrides in $variants {
-
-      $result: map.merge($result, namespace-tokens($prefix, $overrides, $slots, $variant));
-    }
-  }
-  $used-token-names: map.keys(_filter-nulls(map.get($slots, $prefix)));
-  $used-m3-tokens: _pick(_filter-nulls($values), $used-token-names);
-  $prefix: if($variant == null, $prefix, list.append($prefix, $variant));
-  @return map.merge($result, ($prefix: $used-m3-tokens));
-}
-
-/// Hardcode the given value, or null if hardcoded values are excluded.
-@function hardcode($value, $exclude-hardcoded) {
-  @return if($exclude-hardcoded, null, $value);
-}
-
-/// Sets all of the standard typography tokens for the given token base name to the given typography
-/// level.
-/// @param {Map} $systems The MDC system tokens
-/// @param {String} $base-name The token base name to get the typography tokens for
-/// @param {String} $typography-level The typography level to base the token values on
-/// @return {Map} A map containing the typography tokens for the given base token name
-@function generate-typography-tokens($systems, $base-name, $typography-level) {
-  $result: ();
-  @each $prop in (font, line-height, size, tracking, weight) {
-    $result: map.set($result, #{$base-name}-#{$prop},
-      map.get($systems, md-sys-typescale, #{$typography-level}-#{$prop}));
-  }
-  @return $result;
-}
-
-/// Maps the values in a map to new values using the given mapping function
-/// @param {Map} $map The maps whose values will be mapped to new values.
-/// @param {Function} $fn The value mapping function.
-/// @param {ArgList} $args Additional arguments to pass to the mapping function.
-/// @return {Map} A new map with its values updated using the mapping function.
-@function map-values($map, $fn, $args...) {
-  $result: ();
-  @each $key, $value in $map {
-    $result: map.set($result, $key, meta.call($fn, $value, $args...));
-  }
-  @return $result;
-}
-
-/// Renames the keys in a map
-/// @param {Map} $map The map whose keys should be renamed
-/// @param {Map} $rename-keys A map of original key to renamed key to apply to $map
-/// @return {Map} The result of applying the given key renames to the given map.
-@function rename-map-keys($map, $rename-keys) {
-  $result: $map;
-  @each $old-key-name, $new-key-name in $rename-keys {
-    @if map.has-key($map, $old-key-name) {
-      $result: map.set($result, $new-key-name, map.get($map, $old-key-name));
-    }
-  }
-  @return $result;
-}
-
-/// Inherited function from MDC that computes which contrast tone to use on top of a color.
-/// This is used only in a narrow set of use cases when generating M2 button tokens to maintain
-/// backwards compatibility.
-/// @param {Color} $value Color for which we're calculating the contrast tone.
-/// @param {Boolean} $is-dark Whether the current theme is dark.
-/// @return {Map} Either `dark` or `light`.
-@function contrast-tone($value, $is-dark) {
-  @if ($value == 'dark') {
-    @return 'light';
-  }
-
-  @if ($value == 'light') {
-    @return 'dark';
-  }
-
-  // Fallback if the app is using a non-color palette (e.g. CSS variable based).
-  @if (meta.type-of($value) != 'color') {
-    @return if($is-dark, 'light', 'dark');
-  }
-
-  $minimum-contrast: 3.1;
-  $light-contrast: _contrast($value, #fff);
-  $dark-contrast: _contrast($value, rgba(0, 0, 0, 0.87));
-
-  @if ($light-contrast < $minimum-contrast) and ($dark-contrast > $light-contrast) {
-    @return 'dark';
-  }
-
-  @return 'light';
-}
-
-@function _linear-channel-value($channel-value) {
-  $normalized-channel-value: math.div($channel-value, 255);
-
-  @if ($normalized-channel-value < 0.03928) {
-    @return math.div($normalized-channel-value, 12.92);
-  }
-
-  @return math.pow(math.div($normalized-channel-value + 0.055, 1.055), 2.4);
-}
-
-// Calculate the luminance for a color.
-// See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
-@function _luminance($color) {
-  $red: _linear-channel-value(color.red($color));
-  $green: _linear-channel-value(color.green($color));
-  $blue: _linear-channel-value(color.blue($color));
-
-  @return 0.2126 * $red + 0.7152 * $green + 0.0722 * $blue;
-}
-
-// Calculate the contrast ratio between two colors.
-// See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
-@function _contrast($back, $front) {
-  $back-lum: _luminance($back) + 0.05;
-  $fore-lum: _luminance($front) + 0.05;
-
-  @return math.div(math.max($back-lum, $fore-lum), math.min($back-lum, $fore-lum));
-}
-
-/// Picks a submap containing only the given keys out the given map.
-/// @param {Map} $map The map to pick from.
-/// @param {List} $keys The map keys to pick.
-/// @return {Map} A submap containing only the given keys.
-@function _pick($map, $keys) {
-  $result: ();
-  @each $key in $keys {
-    @if map.has-key($map, $key) {
-      $result: map.set($result, $key, map.get($map, $key));
-    }
-  }
-  @return $result;
-}
-
-
-/// Filters keys with a null value out of the map.
-/// @param {Map} $map The map to filter.
-/// @return {Map} The given map with all of the null keys filtered out.
-@function _filter-nulls($map) {
-  $result: ();
-  @each $key, $val in $map {
-    @if $val != null {
-      $result: map.set($result, $key, $val);
-    }
-  }
-  @return $result;
-}

package/core/tokens/m2/_index.scss

@@ -1,159 +0,0 @@
-@use 'sass:map';
-@use 'sass:meta';
-@use '../../style/sass-utils';
-@use './mat/app' as tokens-mat-app;
-@use './mat/autocomplete' as tokens-mat-autocomplete;
-@use './mat/badge' as tokens-mat-badge;
-@use './mat/text-button' as tokens-mat-text-button;
-@use './mat/protected-button' as tokens-mat-protected-button;
-@use './mat/filled-button' as tokens-mat-filled-button;
-@use './mat/outlined-button' as tokens-mat-outlined-button;
-@use './mat/dialog' as tokens-mat-dialog;
-@use './mat/bottom-sheet' as tokens-mat-bottom-sheet;
-@use './mat/card' as tokens-mat-card;
-@use './mat/chip' as tokens-mat-chip;
-@use './mat/datepicker' as tokens-mat-datepicker;
-@use './mat/divider' as tokens-mat-divider;
-@use './mat/expansion' as tokens-mat-expansion;
-@use './mat/fab' as tokens-mat-fab;
-@use './mat/fab-small' as tokens-mat-fab-small;
-@use './mat/form-field' as tokens-mat-form-field;
-@use './mat/grid-list' as tokens-mat-grid-list;
-@use './mat/icon' as tokens-mat-icon;
-@use './mat/icon-button' as tokens-mat-icon-button;
-@use './mat/list' as tokens-mat-list;
-@use './mat/menu' as tokens-mat-menu;
-@use './mat/option' as tokens-mat-option;
-@use './mat/optgroup' as tokens-mat-optgroup;
-@use './mat/paginator' as tokens-mat-paginator;
-@use './mat/checkbox' as tokens-mat-checkbox;
-@use './mat/full-pseudo-checkbox' as tokens-mat-full-pseudo-checkbox;
-@use './mat/minimal-pseudo-checkbox' as tokens-mat-minimal-pseudo-checkbox;
-@use './mat/radio' as tokens-mat-radio;
-@use './mat/ripple' as tokens-mat-ripple;
-@use './mat/select' as tokens-mat-select;
-@use './mat/sidenav' as tokens-mat-sidenav;
-@use './mat/slider' as tokens-mat-slider;
-@use './mat/switch' as tokens-mat-switch;
-@use './mat/snack-bar' as tokens-mat-snack-bar;
-@use './mat/sort' as tokens-mat-sort;
-@use './mat/standard-button-toggle' as tokens-mat-button-toggle;
-@use './mat/stepper' as tokens-mat-stepper;
-@use './mat/tab-header' as tokens-mat-tab-header;
-@use './mat/tab-header-with-background' as tokens-mat-tab-header-with-background;
-@use './mat/table' as tokens-mat-table;
-@use './mat/toolbar' as tokens-mat-toolbar;
-@use './mat/tree' as tokens-mat-tree;
-@use './mat/timepicker' as tokens-mat-timepicker;
-@use './mat/tonal-button' as tokens-mat-tonal-button;
-@use './mat/circular-progress' as tokens-mat-circular-progress;
-@use './mat/elevated-card' as tokens-mat-elevated-card;
-@use './mat/extended-fab' as tokens-mat-extended-fab;
-@use './mat/filled-text-field' as tokens-mat-filled-text-field;
-@use './mat/linear-progress' as tokens-mat-linear-progress;
-@use './mat/outlined-card' as tokens-mat-outlined-card;
-@use './mat/outlined-text-field' as tokens-mat-outlined-text-field;
-@use './mat/plain-tooltip' as tokens-mat-plain-tooltip;
-@use './mat/secondary-navigation-tab' as tokens-mat-secondary-navigation-tab;
-@use './mat/tab-indicator' as tokens-mat-tab-indicator;
-@use '../../theming/inspection';
-
-/// Gets the tokens for the given theme, m2 tokens module, and theming system.
-/// @param {Map} $theme The Angular Material theme object to generate token values from.
-/// @param {String} $module The Sass module containing the token getter functions.
-/// @param {String} $system The theming system to get tokens for. Valid values are: unthemable,
-///     color, typography, density.
-/// @return {Map} The token map by calling the token getter for the given system in the given module
-///    with the given Angular Material theme. Token names are not fully-qualified.
-@function _get-tokens-for-module-and-system($theme, $module, $system) {
-  @if $system == unthemable {
-    @return meta.call(meta.get-function(get-#{$system}-tokens, $module: $module));
-  }
-  @if not inspection.theme-has($theme, $system) {
-    @return ();
-  }
-  @return meta.call(meta.get-function(get-#{$system}-tokens, $module: $module), $theme);
-}
-
-/// Gets the fully qualified tokens map for the given theme and m2 tokens module.
-/// @param {Map} $theme The Angular Material theme object to generate token values from.
-/// @param {String} $module The Sass module containing the token getter functions.
-/// @return {Map} The token map by calling the token getters in the given module with the given
-///     Angular Material theme. Token names are fully-qualified.
-@function _get-tokens-for-module($theme, $module) {
-  $tokens: sass-utils.deep-merge-all(
-    _get-tokens-for-module-and-system($theme, $module, unthemable),
-    _get-tokens-for-module-and-system($theme, $module, color),
-    _get-tokens-for-module-and-system($theme, $module, typography),
-    _get-tokens-for-module-and-system($theme, $module, density)
-  );
-  @return map.set((), map.get(meta.module-variables($module), prefix), $tokens);
-}
-
-/// Gets the full set of M2 tokens for the given theme object.
-/// @param {Map} $theme The Angular Material theme object to generate token values from.
-/// @return {Map} The token map for the given Angular Material theme. Returned format:
-///     (
-///       (fully, qualified, namespace): (
-///         token: value
-///       )
-///     )
-@function m2-tokens-from-theme($theme) {
-  @return sass-utils.deep-merge-all(
-    _get-tokens-for-module($theme, tokens-mat-app),
-    _get-tokens-for-module($theme, tokens-mat-autocomplete),
-    _get-tokens-for-module($theme, tokens-mat-badge),
-    _get-tokens-for-module($theme, tokens-mat-bottom-sheet),
-    _get-tokens-for-module($theme, tokens-mat-button-toggle),
-    _get-tokens-for-module($theme, tokens-mat-card),
-    _get-tokens-for-module($theme, tokens-mat-chip),
-    _get-tokens-for-module($theme, tokens-mat-datepicker),
-    _get-tokens-for-module($theme, tokens-mat-dialog),
-    _get-tokens-for-module($theme, tokens-mat-divider),
-    _get-tokens-for-module($theme, tokens-mat-expansion),
-    _get-tokens-for-module($theme, tokens-mat-fab),
-    _get-tokens-for-module($theme, tokens-mat-fab-small),
-    _get-tokens-for-module($theme, tokens-mat-filled-button),
-    _get-tokens-for-module($theme, tokens-mat-form-field),
-    _get-tokens-for-module($theme, tokens-mat-grid-list),
-    _get-tokens-for-module($theme, tokens-mat-icon-button),
-    _get-tokens-for-module($theme, tokens-mat-icon),
-    _get-tokens-for-module($theme, tokens-mat-menu),
-    _get-tokens-for-module($theme, tokens-mat-optgroup),
-    _get-tokens-for-module($theme, tokens-mat-option),
-    _get-tokens-for-module($theme, tokens-mat-outlined-button),
-    _get-tokens-for-module($theme, tokens-mat-paginator),
-    _get-tokens-for-module($theme, tokens-mat-checkbox),
-    _get-tokens-for-module($theme, tokens-mat-full-pseudo-checkbox),
-    _get-tokens-for-module($theme, tokens-mat-list),
-    _get-tokens-for-module($theme, tokens-mat-minimal-pseudo-checkbox),
-    _get-tokens-for-module($theme, tokens-mat-protected-button),
-    _get-tokens-for-module($theme, tokens-mat-radio),
-    _get-tokens-for-module($theme, tokens-mat-ripple),
-    _get-tokens-for-module($theme, tokens-mat-select),
-    _get-tokens-for-module($theme, tokens-mat-sidenav),
-    _get-tokens-for-module($theme, tokens-mat-slider),
-    _get-tokens-for-module($theme, tokens-mat-switch),
-    _get-tokens-for-module($theme, tokens-mat-snack-bar),
-    _get-tokens-for-module($theme, tokens-mat-sort),
-    _get-tokens-for-module($theme, tokens-mat-stepper),
-    _get-tokens-for-module($theme, tokens-mat-tab-header-with-background),
-    _get-tokens-for-module($theme, tokens-mat-tab-header),
-    _get-tokens-for-module($theme, tokens-mat-table),
-    _get-tokens-for-module($theme, tokens-mat-text-button),
-    _get-tokens-for-module($theme, tokens-mat-toolbar),
-    _get-tokens-for-module($theme, tokens-mat-tree),
-    _get-tokens-for-module($theme, tokens-mat-timepicker),
-    _get-tokens-for-module($theme, tokens-mat-tonal-button),
-    _get-tokens-for-module($theme, tokens-mat-circular-progress),
-    _get-tokens-for-module($theme, tokens-mat-elevated-card),
-    _get-tokens-for-module($theme, tokens-mat-extended-fab),
-    _get-tokens-for-module($theme, tokens-mat-filled-text-field),
-    _get-tokens-for-module($theme, tokens-mat-linear-progress),
-    _get-tokens-for-module($theme, tokens-mat-outlined-card),
-    _get-tokens-for-module($theme, tokens-mat-outlined-text-field),
-    _get-tokens-for-module($theme, tokens-mat-plain-tooltip),
-    _get-tokens-for-module($theme, tokens-mat-tab-indicator),
-    _get-tokens-for-module($theme, tokens-mat-secondary-navigation-tab),
-  );
-}

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

@@ -1,51 +0,0 @@
-@use '../../../theming/inspection';
-@use '../../../style/elevation';
-@use '../../../style/sass-utils';
-@use '../../token-definition';
-
-// The prefix used to generate the fully qualified name for tokens in this file.
-$prefix: (mat, elevated-card);
-
-// 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 (
-    container-shape: 4px,
-  );
-}
-
-// Tokens that can be configured through Angular Material's color theming API.
-@function get-color-tokens($theme) {
-  $elevation: inspection.get-theme-color($theme, foreground, elevation);
-
-  @return (
-    // The background color of the card.
-    container-color: inspection.get-theme-color($theme, background, card),
-    container-elevation: elevation.get-box-shadow(1),
-  );
-}
-
-// 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/_extended-fab.scss

@@ -1,53 +0,0 @@
-@use 'sass:map';
-@use '../../token-definition';
-@use '../../../style/elevation';
-@use '../../../theming/inspection';
-
-// The prefix used to generate the fully qualified name for tokens in this file.
-$prefix: (mat, extended-fab);
-
-@function get-unthemable-tokens() {
-  @return (
-    container-height: 48px,
-    container-shape: 24px,
-    container-elevation-shadow: elevation.get-box-shadow(6),
-    focus-container-elevation-shadow: elevation.get-box-shadow(8),
-    hover-container-elevation-shadow: elevation.get-box-shadow(8),
-    pressed-container-elevation-shadow: elevation.get-box-shadow(12),
-  );
-}
-
-// Tokens that can be configured through Angular Material's color theming API.
-@function get-color-tokens($theme) {
-  @return ();
-}
-
-// 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)
-  );
-}
-
-// 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 map.merge(
-    get-unthemable-tokens(),
-    map.merge(
-      get-color-tokens(token-definition.$placeholder-color-config),
-      map.merge(
-        get-typography-tokens(token-definition.$placeholder-typography-config),
-        get-density-tokens(token-definition.$placeholder-density-config)
-      )
-    )
-  );
-}