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

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

@@ -1,54 +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, outlined-button);
-
-/// Generates custom tokens for the mat-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 custom tokens for the mat-outlined-button
-@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
-  $tokens: ((
-    horizontal-padding: token-definition.hardcode(24px, $exclude-hardcoded),
-    icon-spacing: token-definition.hardcode(8px, $exclude-hardcoded),
-    icon-offset: token-definition.hardcode(-8px, $exclude-hardcoded),
-    state-layer-color: map.get($systems, md-sys-color, primary),
-    disabled-state-layer-color: map.get($systems, md-sys-color, on-surface-variant),
-    ripple-color: sass-utils.safe-color-change(
-      map.get($systems, md-sys-color, primary),
-      $alpha: map.get($systems, md-sys-state, pressed-state-layer-opacity)
-    ),
-    hover-state-layer-opacity: map.get($systems, md-sys-state, hover-state-layer-opacity),
-    focus-state-layer-opacity: map.get($systems, md-sys-state, focus-state-layer-opacity),
-    pressed-state-layer-opacity: map.get($systems, md-sys-state, pressed-state-layer-opacity),
-  ), (
-    // Color variants:
-    primary: (), // Default, no overrides needed.
-    secondary: (
-      state-layer-color: map.get($systems, md-sys-color, secondary),
-      ripple-color: sass-utils.safe-color-change(
-        map.get($systems, md-sys-color, secondary),
-        $alpha: map.get($systems, md-sys-state, pressed-state-layer-opacity)
-      ),
-    ),
-    tertiary: (
-      state-layer-color: map.get($systems, md-sys-color, tertiary),
-      ripple-color: sass-utils.safe-color-change(
-        map.get($systems, md-sys-color, tertiary),
-        $alpha: map.get($systems, md-sys-state, pressed-state-layer-opacity)
-      ),
-    ),
-    error: (
-      state-layer-color: map.get($systems, md-sys-color, error),
-      ripple-color: sass-utils.safe-color-change(
-        map.get($systems, md-sys-color, error),
-        $alpha: map.get($systems, md-sys-state, pressed-state-layer-opacity)
-      ),
-    )
-  ));
-
-  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
-}

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

@@ -1,55 +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.
-// Note: in M3 the "protected" button is called "elevated".
-$prefix: (mat, protected-button);
-
-/// Generates custom tokens for the mat-raised-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 custom tokens for the mat-raised-button
-@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
-  $tokens: ((
-    horizontal-padding: token-definition.hardcode(24px, $exclude-hardcoded),
-    icon-spacing: token-definition.hardcode(8px, $exclude-hardcoded),
-    icon-offset: token-definition.hardcode(-8px, $exclude-hardcoded),
-    state-layer-color: map.get($systems, md-sys-color, primary),
-    disabled-state-layer-color: map.get($systems, md-sys-color, on-surface-variant),
-    ripple-color: sass-utils.safe-color-change(
-      map.get($systems, md-sys-color, primary),
-      $alpha: map.get($systems, md-sys-state, pressed-state-layer-opacity)
-    ),
-    hover-state-layer-opacity: map.get($systems, md-sys-state, hover-state-layer-opacity),
-    focus-state-layer-opacity: map.get($systems, md-sys-state, focus-state-layer-opacity),
-    pressed-state-layer-opacity: map.get($systems, md-sys-state, pressed-state-layer-opacity),
-  ), (
-    // Color variants:
-    primary: (), // Default, no overrides needed.
-    secondary: (
-      state-layer-color: map.get($systems, md-sys-color, secondary),
-      ripple-color: sass-utils.safe-color-change(
-        map.get($systems, md-sys-color, secondary),
-        $alpha: map.get($systems, md-sys-state, pressed-state-layer-opacity)
-      ),
-    ),
-    tertiary: (
-      state-layer-color: map.get($systems, md-sys-color, tertiary),
-      ripple-color: sass-utils.safe-color-change(
-        map.get($systems, md-sys-color, tertiary),
-        $alpha: map.get($systems, md-sys-state, pressed-state-layer-opacity)
-      ),
-    ),
-    error: (
-      state-layer-color: map.get($systems, md-sys-color, error),
-      ripple-color: sass-utils.safe-color-change(
-        map.get($systems, md-sys-color, error),
-        $alpha: map.get($systems, md-sys-state, pressed-state-layer-opacity)
-      ),
-    )
-  ));
-
-  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
-}

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

@@ -1,45 +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, radio);
-
-/// Generates custom tokens for the mat-radio.
-/// @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-radio
-@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
-  $tokens: (
-    (
-      ripple-color: map.get($systems, md-sys-color, on-surface),
-      checked-ripple-color: map.get($systems, md-sys-color, primary),
-      disabled-label-color:
-        sass-utils.safe-color-change(map.get($systems, md-sys-color, on-surface), $alpha: 0.38),
-      label-text-color: map.get($systems, md-sys-color, on-surface),
-      label-text-font: map.get($systems, md-sys-typescale, body-medium-font),
-      label-text-line-height: map.get($systems, md-sys-typescale, body-medium-line-height),
-      label-text-size: map.get($systems, md-sys-typescale, body-medium-size),
-      label-text-tracking: map.get($systems, md-sys-typescale, body-medium-tracking),
-      label-text-weight: map.get($systems, md-sys-typescale, body-medium-weight),
-    ),
-    (
-      // Color variants:
-      primary: (),
-      // Default, no overrides needed
-      secondary:
-        (
-          checked-ripple-color: map.get($systems, md-sys-color, secondary),
-        ),
-      tertiary: (
-        checked-ripple-color: map.get($systems, md-sys-color, tertiary),
-      ),
-      error: (
-        checked-ripple-color: map.get($systems, md-sys-color, error),
-      )
-    )
-  );
-
-  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
-}

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

@@ -1,58 +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, slider);
-
-/// Generates custom tokens for the mat-slider.
-/// @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-slider
-@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
-  $tokens: ((
-    ripple-color: map.get($systems, md-sys-color, primary),
-    hover-state-layer-color: sass-utils.safe-color-change(
-        map.get($systems, md-sys-color, primary), $alpha: 0.05),
-    focus-state-layer-color: sass-utils.safe-color-change(
-        map.get($systems, md-sys-color, primary), $alpha: 0.2),
-    value-indicator-opacity: token-definition.hardcode(1, $exclude-hardcoded),
-    value-indicator-padding: token-definition.hardcode(0, $exclude-hardcoded),
-    value-indicator-width: token-definition.hardcode(28px, $exclude-hardcoded),
-    value-indicator-height: token-definition.hardcode(28px, $exclude-hardcoded),
-    value-indicator-caret-display: token-definition.hardcode(none, $exclude-hardcoded),
-    value-indicator-border-radius:
-        token-definition.hardcode(50% 50% 50% 0, $exclude-hardcoded),
-    value-indicator-text-transform:
-        token-definition.hardcode(rotate(45deg), $exclude-hardcoded),
-    value-indicator-container-transform:
-      token-definition.hardcode(translateX(-50%) rotate(-45deg), $exclude-hardcoded)
-  ), (
-    // Color variants
-    primary: (), // Default, no overrides needed
-    secondary: (
-      ripple-color: map.get($systems, md-sys-color, secondary),
-      hover-state-layer-color: sass-utils.safe-color-change(
-          map.get($systems, md-sys-color, secondary), $alpha: 0.05),
-      focus-state-layer-color: sass-utils.safe-color-change(
-          map.get($systems, md-sys-color, secondary), $alpha: 0.2),
-    ),
-    tertiary: (
-      ripple-color: map.get($systems, md-sys-color, tertiary),
-      hover-state-layer-color: sass-utils.safe-color-change(
-          map.get($systems, md-sys-color, tertiary), $alpha: 0.05),
-      focus-state-layer-color: sass-utils.safe-color-change(
-          map.get($systems, md-sys-color, tertiary), $alpha: 0.2),
-    ),
-    error: (
-      ripple-color: map.get($systems, md-sys-color, error),
-      hover-state-layer-color: sass-utils.safe-color-change(
-          map.get($systems, md-sys-color, error), $alpha: 0.05),
-      focus-state-layer-color: sass-utils.safe-color-change(
-          map.get($systems, md-sys-color, error), $alpha: 0.2),
-    ),
-  ));
-
-  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
-}

package/core/tokens/m3/mat/_snack-bar.scss

@@ -1,18 +0,0 @@
-@use 'sass:map';
-@use '../../token-definition';
-
-// The prefix used to generate the fully qualified name for tokens in this file.
-$prefix: (mat, snack-bar);
-
-/// Generates custom tokens for the mat-snack-bar.
-/// @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-snack-bar
-@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
-  $tokens: (
-    button-color: map.get($systems, md-sys-color, inverse-primary),
-  );
-
-  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
-}

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

@@ -1,79 +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, stepper);
-
-/// Generates custom tokens for the mat-stepper.
-/// @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-stepper
-@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
-  $tokens: (
-    (
-      container-color: map.get($systems, md-sys-color, surface),
-      line-color: map.get($systems, md-sys-color, outline),
-      header-hover-state-layer-color: sass-utils.safe-color-change(
-        map.get($systems, md-sys-color, inverse-surface),
-        $alpha: map.get($systems, md-sys-state, hover-state-layer-opacity)
-      ),
-      header-focus-state-layer-color: sass-utils.safe-color-change(
-        map.get($systems, md-sys-color, inverse-surface),
-        $alpha: map.get($systems, md-sys-state, focus-state-layer-opacity)
-      ),
-      header-label-text-color: map.get($systems, md-sys-color, on-surface-variant),
-      header-optional-label-text-color: map.get($systems, md-sys-color, on-surface-variant),
-      header-selected-state-label-text-color: map.get($systems, md-sys-color, on-surface-variant),
-      header-icon-background-color: map.get($systems, md-sys-color, on-surface-variant),
-      header-icon-foreground-color: map.get($systems, md-sys-color, surface),
-      header-edit-state-icon-background-color: map.get($systems, md-sys-color, primary),
-      header-edit-state-icon-foreground-color: map.get($systems, md-sys-color, on-primary),
-      header-error-state-label-text-color: map.get($systems, md-sys-color, error),
-      header-error-state-icon-foreground-color: map.get($systems, md-sys-color, error),
-      header-error-state-icon-background-color:
-        token-definition.hardcode(transparent, $exclude-hardcoded),
-      container-text-font: map.get($systems, md-sys-typescale, body-medium-font),
-      header-label-text-font: map.get($systems, md-sys-typescale, title-small-font),
-      header-label-text-size: map.get($systems, md-sys-typescale, title-small-size),
-      header-label-text-weight: map.get($systems, md-sys-typescale, title-small-weight),
-      header-error-state-label-text-size: map.get($systems, md-sys-typescale, title-small-size),
-      header-focus-state-layer-shape: map.get($systems, md-sys-shape, corner-medium),
-      header-hover-state-layer-shape: map.get($systems, md-sys-shape, corner-medium),
-      header-selected-state-label-text-size: map.get($systems, md-sys-typescale, title-small-size),
-      header-selected-state-label-text-weight: map.get(
-          $systems, md-sys-typescale, title-small-weight),
-      header-selected-state-icon-background-color: map.get($systems, md-sys-color, primary),
-      header-selected-state-icon-foreground-color: map.get($systems, md-sys-color, on-primary),
-    ), (
-      // Color variants
-      primary: (
-        header-edit-state-icon-background-color: map.get($systems, md-sys-color, primary),
-        header-edit-state-icon-foreground-color: map.get($systems, md-sys-color, on-primary),
-        header-selected-state-icon-background-color: map.get($systems, md-sys-color, primary),
-        header-selected-state-icon-foreground-color: map.get($systems, md-sys-color, on-primary),
-      ),
-      secondary: (
-        header-edit-state-icon-background-color: map.get($systems, md-sys-color, secondary),
-        header-edit-state-icon-foreground-color: map.get($systems, md-sys-color, on-secondary),
-        header-selected-state-icon-background-color: map.get($systems, md-sys-color, secondary),
-        header-selected-state-icon-foreground-color: map.get($systems, md-sys-color, on-secondary),
-      ),
-      tertiary: (
-        header-edit-state-icon-background-color: map.get($systems, md-sys-color, tertiary),
-        header-edit-state-icon-foreground-color: map.get($systems, md-sys-color, on-tertiary),
-        header-selected-state-icon-background-color: map.get($systems, md-sys-color, tertiary),
-        header-selected-state-icon-foreground-color: map.get($systems, md-sys-color, on-tertiary),
-      ),
-      error: (
-        header-edit-state-icon-background-color: map.get($systems, md-sys-color, error),
-        header-edit-state-icon-foreground-color: map.get($systems, md-sys-color, on-error),
-        header-selected-state-icon-background-color: map.get($systems, md-sys-color, error),
-        header-selected-state-icon-foreground-color: map.get($systems, md-sys-color, on-error),
-      )
-    )
-  );
-
-  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
-}

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

@@ -1,56 +0,0 @@
-@use 'sass:map';
-@use '../../token-definition';
-
-// The prefix used to generate the fully qualified name for tokens in this file.
-$prefix: (mat, switch);
-
-/// Generates custom tokens for the mat-slide-toggle.
-/// @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-slide-toggle
-@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
-  $tokens: (
-    disabled-selected-handle-opacity: token-definition.hardcode(1, $exclude-hardcoded),
-    disabled-unselected-handle-opacity: token-definition.hardcode(0.38, $exclude-hardcoded),
-    unselected-handle-size: token-definition.hardcode(16px, $exclude-hardcoded),
-    selected-handle-size: token-definition.hardcode(24px, $exclude-hardcoded),
-    with-icon-handle-size: token-definition.hardcode(24px, $exclude-hardcoded),
-    pressed-handle-size: token-definition.hardcode(28px, $exclude-hardcoded),
-    selected-handle-horizontal-margin: token-definition.hardcode(0 24px, $exclude-hardcoded),
-    selected-with-icon-handle-horizontal-margin:
-        token-definition.hardcode(0 24px, $exclude-hardcoded),
-    selected-pressed-handle-horizontal-margin:
-        token-definition.hardcode(0 22px, $exclude-hardcoded),
-    unselected-handle-horizontal-margin: token-definition.hardcode(0 8px, $exclude-hardcoded),
-    unselected-with-icon-handle-horizontal-margin:
-        token-definition.hardcode(0 4px, $exclude-hardcoded),
-    unselected-pressed-handle-horizontal-margin:
-        token-definition.hardcode(0 2px, $exclude-hardcoded),
-    // The hidden and visible track represent whichever track is visible or
-    // hidden in the ui. This could be the .mdc-switch__track :before or
-    // :after depending on whether the switch is selected or unselected.
-    //
-    // The m2 slide-toggle uses transforms to hide & show the tracks while
-    // the m3 slide-toggle uses opacity.
-    visible-track-opacity: token-definition.hardcode(1, $exclude-hardcoded),
-    hidden-track-opacity: token-definition.hardcode(0, $exclude-hardcoded),
-    visible-track-transition: token-definition.hardcode(opacity 75ms, $exclude-hardcoded),
-    hidden-track-transition: token-definition.hardcode(opacity 75ms, $exclude-hardcoded),
-    track-outline-width: token-definition.hardcode(2px, $exclude-hardcoded),
-    track-outline-color: map.get($systems, md-sys-color, outline),
-    selected-track-outline-width: token-definition.hardcode(2px, $exclude-hardcoded),
-    selected-track-outline-color: token-definition.hardcode(transparent, $exclude-hardcoded),
-    disabled-unselected-track-outline-width:
-        token-definition.hardcode(2px, $exclude-hardcoded),
-    disabled-unselected-track-outline-color: map.get($systems, md-sys-color, on-surface),
-    label-text-color: map.get($systems, md-sys-color, on-surface),
-    label-text-font: map.get($systems, md-sys-typescale, body-medium-font),
-    label-text-line-height: map.get($systems, md-sys-typescale, body-medium-line-height),
-    label-text-size: map.get($systems, md-sys-typescale, body-medium-size),
-    label-text-tracking: map.get($systems, md-sys-typescale, body-medium-tracking),
-    label-text-weight: map.get($systems, md-sys-typescale, body-medium-weight),
-  );
-
-  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
-}

package/core/tokens/m3/mat/_tab-header.scss

@@ -1,51 +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, tab-header);
-
-/// Generates custom tokens for the mat-tab-header.
-/// @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-tab-header
-@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
-  $tokens: sass-utils.merge-all(
-    token-definition.generate-typography-tokens($systems, label-text, title-small),
-    (
-      divider-color: map.get($systems, md-sys-color, surface-variant),
-      divider-height: token-definition.hardcode(1px, $exclude-hardcoded),
-      disabled-ripple-color: null, // TODO(mmalerba): Figure out correct value.
-      pagination-icon-color: map.get($systems, md-sys-color, on-surface),
-      inactive-label-text-color: map.get($systems, md-sys-color, on-surface),
-      active-label-text-color: map.get($systems, md-sys-color, on-surface),
-      active-ripple-color: map.get($systems, md-sys-color, on-surface),
-      inactive-ripple-color: map.get($systems, md-sys-color, on-surface),
-      inactive-focus-label-text-color: map.get($systems, md-sys-color, on-surface),
-      inactive-hover-label-text-color: map.get($systems, md-sys-color, on-surface),
-      active-focus-label-text-color: map.get($systems, md-sys-color, on-surface),
-      active-hover-label-text-color: map.get($systems, md-sys-color, on-surface),
-      active-focus-indicator-color: map.get($systems, md-sys-color, primary),
-      active-hover-indicator-color: map.get($systems, md-sys-color, primary),
-    ),
-  ), (
-    // Color variants
-    primary: (), // Default, no overrides needed
-    secondary: (
-      active-focus-indicator-color: map.get($systems, md-sys-color, secondary),
-      active-hover-indicator-color: map.get($systems, md-sys-color, secondary),
-    ),
-    tertiary: (
-      active-focus-indicator-color: map.get($systems, md-sys-color, tertiary),
-      active-hover-indicator-color: map.get($systems, md-sys-color, tertiary),
-    ),
-    error: (
-      active-focus-indicator-color: map.get($systems, md-sys-color, error),
-      active-hover-indicator-color: map.get($systems, md-sys-color, error),
-    )
-  );
-
-  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
-}
-

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

@@ -1,29 +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, table);
-
-/// Generates custom tokens for the mat-table.
-/// @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-table
-@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
-  $tokens: sass-utils.merge-all(
-    token-definition.generate-typography-tokens($systems, header-headline, title-small),
-    token-definition.generate-typography-tokens($systems, row-item-label-text, body-medium),
-    token-definition.generate-typography-tokens(
-        $systems, footer-supporting-text, body-medium),
-    (
-      row-item-outline-width: token-definition.hardcode(1px, $exclude-hardcoded),
-      background-color: map.get($systems, md-sys-color, surface),
-      header-headline-color: map.get($systems, md-sys-color, on-surface),
-      row-item-label-text-color: map.get($systems, md-sys-color, on-surface),
-      row-item-outline-color: map.get($systems, md-sys-color, outline),
-    ),
-  );
-
-  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
-}

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

@@ -1,55 +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, text-button);
-
-/// Generates custom tokens for the mat-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 custom tokens for the mat-button
-@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
-  $tokens: ((
-    horizontal-padding: token-definition.hardcode(12px, $exclude-hardcoded),
-    with-icon-horizontal-padding: token-definition.hardcode(16px, $exclude-hardcoded),
-    icon-spacing: token-definition.hardcode(8px, $exclude-hardcoded),
-    icon-offset: token-definition.hardcode(-4px, $exclude-hardcoded),
-    state-layer-color: map.get($systems, md-sys-color, primary),
-    disabled-state-layer-color: map.get($systems, md-sys-color, on-surface-variant),
-    ripple-color: sass-utils.safe-color-change(
-      map.get($systems, md-sys-color, primary),
-      $alpha: map.get($systems, md-sys-state, pressed-state-layer-opacity)
-    ),
-    hover-state-layer-opacity: map.get($systems, md-sys-state, hover-state-layer-opacity),
-    focus-state-layer-opacity: map.get($systems, md-sys-state, focus-state-layer-opacity),
-    pressed-state-layer-opacity: map.get($systems, md-sys-state, pressed-state-layer-opacity),
-  ), (
-    // Color variants:
-    primary: (), // Default, no overrides needed.
-    secondary: (
-      state-layer-color: map.get($systems, md-sys-color, secondary),
-      ripple-color: sass-utils.safe-color-change(
-        map.get($systems, md-sys-color, secondary),
-        $alpha: map.get($systems, md-sys-state, pressed-state-layer-opacity)
-      )
-    ),
-    tertiary: (
-      state-layer-color: map.get($systems, md-sys-color, tertiary),
-      ripple-color: sass-utils.safe-color-change(
-        map.get($systems, md-sys-color, tertiary),
-        $alpha: map.get($systems, md-sys-state, pressed-state-layer-opacity)
-      )
-    ),
-    error: (
-      state-layer-color: map.get($systems, md-sys-color, error),
-      ripple-color: sass-utils.safe-color-change(
-        map.get($systems, md-sys-color, error),
-        $alpha: map.get($systems, md-sys-state, pressed-state-layer-opacity)
-      )
-    )
-  ));
-
-  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
-}

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

@@ -1,112 +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, checkbox);
-
-/// Generates the tokens for MDC checkbox
-/// @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 checkbox
-@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
-  $mdc-tokens: token-definition.get-mdc-tokens('checkbox', $systems, $exclude-hardcoded);
-  $variant-tokens: (
-    primary: (), // Default, no overrides needed
-    secondary: (
-      selected-container-color: map.get($systems, md-sys-color, secondary),
-      selected-focus-container-color: map.get($systems, md-sys-color, secondary),
-      selected-focus-icon-color: map.get($systems, md-sys-color, on-secondary),
-      selected-focus-state-layer-color: map.get($systems, md-sys-color, secondary),
-      selected-hover-container-color: map.get($systems, md-sys-color, secondary),
-      selected-hover-icon-color: map.get($systems, md-sys-color, on-secondary),
-      selected-hover-state-layer-color: map.get($systems, md-sys-color, secondary),
-      selected-icon-color: map.get($systems, md-sys-color, on-secondary),
-      selected-pressed-container-color: map.get($systems, md-sys-color, secondary),
-      selected-pressed-icon-color: map.get($systems, md-sys-color, on-secondary),
-      unselected-pressed-state-layer-color: map.get($systems, md-sys-color, secondary),
-    ),
-    tertiary: (
-      selected-container-color: map.get($systems, md-sys-color, tertiary),
-      selected-focus-container-color: map.get($systems, md-sys-color, tertiary),
-      selected-focus-icon-color: map.get($systems, md-sys-color, on-tertiary),
-      selected-focus-state-layer-color: map.get($systems, md-sys-color, tertiary),
-      selected-hover-container-color: map.get($systems, md-sys-color, tertiary),
-      selected-hover-icon-color: map.get($systems, md-sys-color, on-tertiary),
-      selected-hover-state-layer-color: map.get($systems, md-sys-color, tertiary),
-      selected-icon-color: map.get($systems, md-sys-color, on-tertiary),
-      selected-pressed-container-color: map.get($systems, md-sys-color, tertiary),
-      selected-pressed-icon-color: map.get($systems, md-sys-color, on-tertiary),
-      unselected-pressed-state-layer-color: map.get($systems, md-sys-color, tertiary),
-    ),
-    error: (
-      selected-container-color: map.get($systems, md-sys-color, error),
-      selected-focus-container-color: map.get($systems, md-sys-color, error),
-      selected-focus-icon-color: map.get($systems, md-sys-color, on-error),
-      selected-focus-state-layer-color: map.get($systems, md-sys-color, error),
-      selected-hover-container-color: map.get($systems, md-sys-color, error),
-      selected-hover-icon-color: map.get($systems, md-sys-color, on-error),
-      selected-hover-state-layer-color: map.get($systems, md-sys-color, error),
-      selected-icon-color: map.get($systems, md-sys-color, on-error),
-      selected-pressed-container-color: map.get($systems, md-sys-color, error),
-      selected-pressed-icon-color: map.get($systems, md-sys-color, on-error),
-      unselected-pressed-state-layer-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
-  );
-}
-
-/// Renames the official checkbox tokens to match the names actually used in MDC's code (which are
-/// different). This is a temporary workaround until MDC updates to use the correct names for the
-/// tokens.
-/// @param {Map} $tokens The map of checkbox tokens with the official tokens names
-/// @param {Map} $all-tokens Map of all checkbox tokens, including hardcoded values.
-/// This is necessary in order to do opacity lookups.
-/// @return {Map} The given tokens, renamed to be compatible with MDC's token implementation.
-@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('checkbox', (), false);
-
-  $rename-keys: (
-    selected-icon-color: selected-checkmark-color,
-    selected-disabled-icon-color: disabled-selected-checkmark-color,
-    selected-container-color: selected-icon-color,
-    selected-hover-container-color: selected-hover-icon-color,
-    selected-disabled-container-color: disabled-selected-icon-color,
-    selected-disabled-container-opacity: disabled-selected-icon-opacity,
-    selected-focus-container-color: selected-focus-icon-color,
-    selected-pressed-container-color: selected-pressed-icon-color,
-    unselected-disabled-outline-color: disabled-unselected-icon-color,
-    unselected-disabled-container-opacity: disabled-unselected-icon-opacity,
-    unselected-focus-outline-color: unselected-focus-icon-color,
-    unselected-hover-outline-color: unselected-hover-icon-color,
-    unselected-outline-color: unselected-icon-color,
-    unselected-pressed-outline-color: unselected-pressed-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-selected-icon-color,
-      opacity: disabled-selected-icon-opacity,
-    ),
-    (
-      color: disabled-unselected-icon-color,
-      opacity: disabled-unselected-icon-opacity,
-    ),
-  ));
-}