diff --git a/src/material/core/tokens/_mdc-tokens.scss b/src/material/core/tokens/_mdc-tokens.scss deleted file mode 100644 index 78bd6f337c3f..000000000000 --- a/src/material/core/tokens/_mdc-tokens.scss +++ /dev/null @@ -1,378 +0,0 @@ -// List of tokens that were previously prefixed with `mdc-` and should be -// redefined with the `mdc` prefix while internal clients are migrated. -$mdc-tokens: ( - '--mat-checkbox-disabled-selected-checkmark-color', - '--mat-checkbox-disabled-selected-icon-color', - '--mat-checkbox-disabled-unselected-icon-color', - '--mat-checkbox-selected-checkmark-color', - '--mat-checkbox-selected-focus-icon-color', - '--mat-checkbox-selected-focus-state-layer-color', - '--mat-checkbox-selected-focus-state-layer-opacity', - '--mat-checkbox-selected-hover-icon-color', - '--mat-checkbox-selected-hover-state-layer-color', - '--mat-checkbox-selected-hover-state-layer-opacity', - '--mat-checkbox-selected-icon-color', - '--mat-checkbox-selected-pressed-icon-color', - '--mat-checkbox-selected-pressed-state-layer-color', - '--mat-checkbox-selected-pressed-state-layer-opacity', - '--mat-checkbox-state-layer-size', - '--mat-checkbox-unselected-focus-icon-color', - '--mat-checkbox-unselected-focus-state-layer-color', - '--mat-checkbox-unselected-focus-state-layer-opacity', - '--mat-checkbox-unselected-hover-icon-color', - '--mat-checkbox-unselected-hover-state-layer-color', - '--mat-checkbox-unselected-hover-state-layer-opacity', - '--mat-checkbox-unselected-icon-color', - '--mat-checkbox-unselected-pressed-state-layer-color', - '--mat-checkbox-unselected-pressed-state-layer-opacity', - '--mat-chip-container-height', - '--mat-chip-container-shape-radius', - '--mat-chip-disabled-label-text-color', - '--mat-chip-disabled-outline-color', - '--mat-chip-elevated-container-color', - '--mat-chip-elevated-disabled-container-color', - '--mat-chip-elevated-selected-container-color', - '--mat-chip-flat-disabled-selected-container-color', - '--mat-chip-flat-selected-outline-width', - '--mat-chip-focus-outline-color', - '--mat-chip-focus-state-layer-color', - '--mat-chip-focus-state-layer-opacity', - '--mat-chip-hover-state-layer-color', - '--mat-chip-hover-state-layer-opacity', - '--mat-chip-label-text-color', - '--mat-chip-label-text-font', - '--mat-chip-label-text-line-height', - '--mat-chip-label-text-size', - '--mat-chip-label-text-tracking', - '--mat-chip-label-text-weight', - '--mat-chip-outline-color', - '--mat-chip-outline-width', - '--mat-chip-selected-focus-state-layer-color', - '--mat-chip-selected-focus-state-layer-opacity', - '--mat-chip-selected-hover-state-layer-color', - '--mat-chip-selected-hover-state-layer-opacity', - '--mat-chip-selected-label-text-color', - '--mat-chip-with-avatar-avatar-shape-radius', - '--mat-chip-with-avatar-avatar-size', - '--mat-chip-with-avatar-disabled-avatar-opacity', - '--mat-chip-with-icon-disabled-icon-color', - '--mat-chip-with-icon-disabled-icon-opacity', - '--mat-chip-with-icon-icon-color', - '--mat-chip-with-icon-icon-size', - '--mat-chip-with-icon-selected-icon-color', - '--mat-chip-with-trailing-icon-disabled-trailing-icon-color', - '--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity', - '--mat-chip-with-trailing-icon-trailing-icon-color', - '--mat-circular-progress-active-indicator-color', - '--mat-circular-progress-active-indicator-width', - '--mat-circular-progress-size', - '--mat-dialog-container-color', - '--mat-dialog-container-shape', - '--mat-dialog-subhead-color', - '--mat-dialog-subhead-font', - '--mat-dialog-subhead-line-height', - '--mat-dialog-subhead-size', - '--mat-dialog-subhead-tracking', - '--mat-dialog-subhead-weight', - '--mat-dialog-supporting-text-color', - '--mat-dialog-supporting-text-font', - '--mat-dialog-supporting-text-line-height', - '--mat-dialog-supporting-text-size', - '--mat-dialog-supporting-text-tracking', - '--mat-dialog-supporting-text-weight', - '--mat-elevated-card-container-color', - '--mat-elevated-card-container-elevation', - '--mat-elevated-card-container-shape', - '--mat-fab-container-color', - '--mat-fab-container-elevation-shadow', - '--mat-fab-container-shape', - '--mat-fab-focus-container-elevation-shadow', - '--mat-fab-hover-container-elevation-shadow', - '--mat-fab-pressed-container-elevation-shadow', - '--mat-fab-small-container-color', - '--mat-fab-small-container-elevation-shadow', - '--mat-fab-small-container-shape', - '--mat-fab-small-focus-container-elevation-shadow', - '--mat-fab-small-hover-container-elevation-shadow', - '--mat-fab-small-pressed-container-elevation-shadow', - '--mat-filled-button-container-color', - '--mat-filled-button-container-height', - '--mat-filled-button-container-shape', - '--mat-filled-button-disabled-container-color', - '--mat-filled-button-disabled-label-text-color', - '--mat-filled-button-label-text-color', - '--mat-filled-button-label-text-font', - '--mat-filled-button-label-text-size', - '--mat-filled-button-label-text-tracking', - '--mat-filled-button-label-text-transform', - '--mat-filled-button-label-text-weight', - '--mat-filled-text-field-active-indicator-color', - '--mat-filled-text-field-active-indicator-height', - '--mat-filled-text-field-caret-color', - '--mat-filled-text-field-container-color', - '--mat-filled-text-field-container-shape', - '--mat-filled-text-field-disabled-active-indicator-color', - '--mat-filled-text-field-disabled-container-color', - '--mat-filled-text-field-disabled-input-text-color', - '--mat-filled-text-field-disabled-label-text-color', - '--mat-filled-text-field-error-active-indicator-color', - '--mat-filled-text-field-error-caret-color', - '--mat-filled-text-field-error-focus-active-indicator-color', - '--mat-filled-text-field-error-focus-label-text-color', - '--mat-filled-text-field-error-hover-active-indicator-color', - '--mat-filled-text-field-error-hover-label-text-color', - '--mat-filled-text-field-error-label-text-color', - '--mat-filled-text-field-focus-active-indicator-color', - '--mat-filled-text-field-focus-active-indicator-height', - '--mat-filled-text-field-focus-label-text-color', - '--mat-filled-text-field-hover-active-indicator-color', - '--mat-filled-text-field-hover-label-text-color', - '--mat-filled-text-field-input-text-color', - '--mat-filled-text-field-input-text-placeholder-color', - '--mat-filled-text-field-label-text-color', - '--mat-filled-text-field-label-text-font', - '--mat-filled-text-field-label-text-size', - '--mat-filled-text-field-label-text-tracking', - '--mat-filled-text-field-label-text-weight', - '--mat-icon-button-disabled-icon-color', - '--mat-icon-button-icon-color', - '--mat-icon-button-icon-size', - '--mat-icon-button-state-layer-size', - '--mat-icon-button-state-layer-size', - '--mat-linear-progress-active-indicator-color', - '--mat-linear-progress-active-indicator-height', - '--mat-linear-progress-track-color', - '--mat-linear-progress-track-height', - '--mat-linear-progress-track-shape', - '--mat-list-list-item-container-color', - '--mat-list-list-item-container-shape', - '--mat-list-list-item-disabled-label-text-color', - '--mat-list-list-item-disabled-label-text-opacity', - '--mat-list-list-item-disabled-leading-icon-color', - '--mat-list-list-item-disabled-leading-icon-opacity', - '--mat-list-list-item-disabled-state-layer-color', - '--mat-list-list-item-disabled-state-layer-opacity', - '--mat-list-list-item-disabled-trailing-icon-color', - '--mat-list-list-item-disabled-trailing-icon-opacity', - '--mat-list-list-item-focus-label-text-color', - '--mat-list-list-item-focus-state-layer-color', - '--mat-list-list-item-focus-state-layer-opacity', - '--mat-list-list-item-hover-label-text-color', - '--mat-list-list-item-hover-leading-icon-color', - '--mat-list-list-item-hover-state-layer-color', - '--mat-list-list-item-hover-state-layer-opacity', - '--mat-list-list-item-hover-trailing-icon-color', - '--mat-list-list-item-label-text-color', - '--mat-list-list-item-label-text-font', - '--mat-list-list-item-label-text-line-height', - '--mat-list-list-item-label-text-size', - '--mat-list-list-item-label-text-tracking', - '--mat-list-list-item-label-text-weight', - '--mat-list-list-item-leading-avatar-color', - '--mat-list-list-item-leading-avatar-shape', - '--mat-list-list-item-leading-avatar-size', - '--mat-list-list-item-leading-icon-color', - '--mat-list-list-item-leading-icon-size', - '--mat-list-list-item-one-line-container-height', - '--mat-list-list-item-selected-container-color', - '--mat-list-list-item-selected-trailing-icon-color', - '--mat-list-list-item-supporting-text-color', - '--mat-list-list-item-supporting-text-font', - '--mat-list-list-item-supporting-text-line-height', - '--mat-list-list-item-supporting-text-size', - '--mat-list-list-item-supporting-text-tracking', - '--mat-list-list-item-supporting-text-weight', - '--mat-list-list-item-three-line-container-height', - '--mat-list-list-item-trailing-icon-color', - '--mat-list-list-item-trailing-icon-size', - '--mat-list-list-item-trailing-supporting-text-color', - '--mat-list-list-item-trailing-supporting-text-font', - '--mat-list-list-item-trailing-supporting-text-line-height', - '--mat-list-list-item-trailing-supporting-text-size', - '--mat-list-list-item-trailing-supporting-text-tracking', - '--mat-list-list-item-trailing-supporting-text-weight', - '--mat-list-list-item-two-line-container-height', - '--mat-outlined-button-container-height', - '--mat-outlined-button-container-shape', - '--mat-outlined-button-disabled-label-text-color', - '--mat-outlined-button-disabled-outline-color', - '--mat-outlined-button-label-text-color', - '--mat-outlined-button-label-text-font', - '--mat-outlined-button-label-text-size', - '--mat-outlined-button-label-text-tracking', - '--mat-outlined-button-label-text-transform', - '--mat-outlined-button-label-text-weight', - '--mat-outlined-button-outline-color', - '--mat-outlined-button-outline-width', - '--mat-outlined-card-container-color', - '--mat-outlined-card-container-elevation', - '--mat-outlined-card-container-shape', - '--mat-outlined-card-outline-color', - '--mat-outlined-card-outline-width', - '--mat-outlined-text-field-caret-color', - '--mat-outlined-text-field-container-shape', - '--mat-outlined-text-field-disabled-input-text-color', - '--mat-outlined-text-field-disabled-label-text-color', - '--mat-outlined-text-field-disabled-outline-color', - '--mat-outlined-text-field-error-caret-color', - '--mat-outlined-text-field-error-focus-label-text-color', - '--mat-outlined-text-field-error-focus-outline-color', - '--mat-outlined-text-field-error-hover-label-text-color', - '--mat-outlined-text-field-error-hover-outline-color', - '--mat-outlined-text-field-error-label-text-color', - '--mat-outlined-text-field-error-outline-color', - '--mat-outlined-text-field-focus-label-text-color', - '--mat-outlined-text-field-focus-outline-color', - '--mat-outlined-text-field-focus-outline-width', - '--mat-outlined-text-field-hover-label-text-color', - '--mat-outlined-text-field-hover-outline-color', - '--mat-outlined-text-field-input-text-color', - '--mat-outlined-text-field-input-text-placeholder-color', - '--mat-outlined-text-field-label-text-color', - '--mat-outlined-text-field-label-text-font', - '--mat-outlined-text-field-label-text-size', - '--mat-outlined-text-field-label-text-tracking', - '--mat-outlined-text-field-label-text-weight', - '--mat-outlined-text-field-outline-color', - '--mat-outlined-text-field-outline-width', - '--mat-plain-tooltip-container-color', - '--mat-plain-tooltip-container-shape', - '--mat-plain-tooltip-supporting-text-color', - '--mat-plain-tooltip-supporting-text-font', - '--mat-plain-tooltip-supporting-text-line-height', - '--mat-plain-tooltip-supporting-text-size', - '--mat-plain-tooltip-supporting-text-tracking', - '--mat-plain-tooltip-supporting-text-weight', - '--mat-protected-button-container-color', - '--mat-protected-button-container-elevation-shadow', - '--mat-protected-button-container-height', - '--mat-protected-button-container-shape', - '--mat-protected-button-disabled-container-color', - '--mat-protected-button-disabled-container-elevation-shadow', - '--mat-protected-button-disabled-label-text-color', - '--mat-protected-button-focus-container-elevation-shadow', - '--mat-protected-button-hover-container-elevation-shadow', - '--mat-protected-button-label-text-color', - '--mat-protected-button-label-text-font', - '--mat-protected-button-label-text-size', - '--mat-protected-button-label-text-tracking', - '--mat-protected-button-label-text-transform', - '--mat-protected-button-label-text-weight', - '--mat-protected-button-pressed-container-elevation-shadow', - '--mat-radio-disabled-selected-icon-color', - '--mat-radio-disabled-selected-icon-opacity', - '--mat-radio-disabled-unselected-icon-color', - '--mat-radio-disabled-unselected-icon-opacity', - '--mat-radio-selected-focus-icon-color', - '--mat-radio-selected-hover-icon-color', - '--mat-radio-selected-icon-color', - '--mat-radio-selected-pressed-icon-color', - '--mat-radio-state-layer-size', - '--mat-radio-unselected-focus-icon-color', - '--mat-radio-unselected-hover-icon-color', - '--mat-radio-unselected-icon-color', - '--mat-radio-unselected-pressed-icon-color', - '--mat-secondary-navigation-tab-container-height', - '--mat-slider-active-track-color', - '--mat-slider-active-track-height', - '--mat-slider-active-track-shape', - '--mat-slider-disabled-active-track-color', - '--mat-slider-disabled-handle-color', - '--mat-slider-disabled-inactive-track-color', - '--mat-slider-focus-handle-color', - '--mat-slider-handle-color', - '--mat-slider-handle-elevation', - '--mat-slider-handle-height', - '--mat-slider-handle-shape', - '--mat-slider-handle-width', - '--mat-slider-hover-handle-color', - '--mat-slider-inactive-track-color', - '--mat-slider-inactive-track-height', - '--mat-slider-inactive-track-shape', - '--mat-slider-label-container-color', - '--mat-slider-label-label-text-color', - '--mat-slider-label-label-text-font', - '--mat-slider-label-label-text-line-height', - '--mat-slider-label-label-text-size', - '--mat-slider-label-label-text-tracking', - '--mat-slider-label-label-text-weight', - '--mat-slider-with-overlap-handle-outline-color', - '--mat-slider-with-overlap-handle-outline-width', - '--mat-slider-with-tick-marks-active-container-color', - '--mat-slider-with-tick-marks-active-container-opacity', - '--mat-slider-with-tick-marks-container-shape', - '--mat-slider-with-tick-marks-container-size', - '--mat-slider-with-tick-marks-disabled-container-color', - '--mat-slider-with-tick-marks-inactive-container-color', - '--mat-slider-with-tick-marks-inactive-container-opacity', - '--mat-snackbar-container-color', - '--mat-snackbar-container-shape', - '--mat-snackbar-supporting-text-color', - '--mat-snackbar-supporting-text-font', - '--mat-snackbar-supporting-text-line-height', - '--mat-snackbar-supporting-text-size', - '--mat-snackbar-supporting-text-weight', - '--mat-switch-disabled-handle-elevation-shadow', - '--mat-switch-disabled-selected-handle-color', - '--mat-switch-disabled-selected-icon-color', - '--mat-switch-disabled-selected-icon-opacity', - '--mat-switch-disabled-selected-track-color', - '--mat-switch-disabled-track-opacity', - '--mat-switch-disabled-unselected-handle-color', - '--mat-switch-disabled-unselected-icon-color', - '--mat-switch-disabled-unselected-icon-opacity', - '--mat-switch-disabled-unselected-track-color', - '--mat-switch-handle-elevation-shadow', - '--mat-switch-handle-height', - '--mat-switch-handle-shape', - '--mat-switch-handle-surface-color', - '--mat-switch-handle-width', - '--mat-switch-selected-focus-handle-color', - '--mat-switch-selected-focus-state-layer-color', - '--mat-switch-selected-focus-state-layer-opacity', - '--mat-switch-selected-focus-track-color', - '--mat-switch-selected-handle-color', - '--mat-switch-selected-hover-handle-color', - '--mat-switch-selected-hover-state-layer-color', - '--mat-switch-selected-hover-state-layer-opacity', - '--mat-switch-selected-hover-track-color', - '--mat-switch-selected-icon-color', - '--mat-switch-selected-icon-size', - '--mat-switch-selected-pressed-handle-color', - '--mat-switch-selected-pressed-state-layer-color', - '--mat-switch-selected-pressed-state-layer-opacity', - '--mat-switch-selected-pressed-track-color', - '--mat-switch-selected-track-color', - '--mat-switch-state-layer-size', - '--mat-switch-track-height', - '--mat-switch-track-shape', - '--mat-switch-track-width', - '--mat-switch-unselected-focus-handle-color', - '--mat-switch-unselected-focus-state-layer-color', - '--mat-switch-unselected-focus-state-layer-opacity', - '--mat-switch-unselected-focus-track-color', - '--mat-switch-unselected-handle-color', - '--mat-switch-unselected-hover-handle-color', - '--mat-switch-unselected-hover-state-layer-color', - '--mat-switch-unselected-hover-state-layer-opacity', - '--mat-switch-unselected-hover-track-color', - '--mat-switch-unselected-icon-color', - '--mat-switch-unselected-icon-size', - '--mat-switch-unselected-pressed-handle-color', - '--mat-switch-unselected-pressed-state-layer-color', - '--mat-switch-unselected-pressed-state-layer-opacity', - '--mat-switch-unselected-pressed-track-color', - '--mat-switch-unselected-track-color', - '--mat-tab-indicator-active-indicator-color', - '--mat-tab-indicator-active-indicator-height', - '--mat-tab-indicator-active-indicator-shape', - '--mat-text-button-container-height', - '--mat-text-button-container-shape', - '--mat-text-button-disabled-label-text-color', - '--mat-text-button-label-text-color', - '--mat-text-button-label-text-font', - '--mat-text-button-label-text-size', - '--mat-text-button-label-text-tracking', - '--mat-text-button-label-text-transform', - '--mat-text-button-label-text-weight' -); diff --git a/src/material/core/tokens/_token-utils.scss b/src/material/core/tokens/_token-utils.scss index 77101931da43..ebe4d0b22eaf 100644 --- a/src/material/core/tokens/_token-utils.scss +++ b/src/material/core/tokens/_token-utils.scss @@ -1,8 +1,6 @@ @use '../style/elevation'; @use '../style/sass-utils'; @use './m3-system'; -@use './mdc-tokens'; -@use './token-definition'; @use 'sass:list'; @use 'sass:map'; @use 'sass:string'; @@ -151,15 +149,6 @@ $_system-fallbacks: m3-system.create-system-fallbacks(); @mixin define-css-var($prefix, $key, $value) { $name: _create-var-name($prefix, $key); - // Define the token with an MDC prefix if it was previously prefixed with it. - // This allows for a backwards compatible migration for clients to read - // the token with either the mdc- or mat- prefix. - @if (token-definition.$private-is-internal-build) { - @if (list.index(mdc-tokens.$mdc-tokens, $name)) { - #{--mdc-#{string.slice($name, 7)}}: #{$value}; - } - } - #{$name}: #{$value}; }