refactor: repeat mdc tokens along with mat rename

Author: andrewseguin

src/material/core/tokens/_mdc-tokens.scss

@@ -0,0 +1,378 @@
+// 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'
+);