Skip to content

Commit 9f14c0e

Browse files
committed
main - 9bf4be9 fix(multiple): rename token prefixes to match components (#30802)
1 parent 1be2791 commit 9f14c0e

File tree

11 files changed

+18
-18
lines changed

11 files changed

+18
-18
lines changed
Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
{"example":"<span class=\"hljs-keyword\">@use</span> <span class=\"hljs-string\">&#x27;@angular/material&#x27;</span> as mat;\n\n<span class=\"hljs-comment\">// Customize the entire app. Change :root to your selector if you want to scope the styles.</span>\n<span class=\"hljs-selector-pseudo\">:root</span> {\n <span class=\"hljs-keyword\">@include</span> mat.button-toggle-overrides((\n <span class=\"hljs-attribute\">legacy-focus-state-layer-opacity</span>: orange,\n <span class=\"hljs-attribute\">legacy-text-color</span>: red,\n ));\n}","themes":[{"name":"button-toggle","overridesMixin":"button-toggle-overrides","tokens":[{"name":"height","prefix":"mat-legacy-button-toggle","type":"density","overridesName":"legacy-height"},{"name":"shape","prefix":"mat-legacy-button-toggle","type":"base","overridesName":"legacy-shape"},{"name":"focus-state-layer-opacity","prefix":"mat-legacy-button-toggle","type":"color","overridesName":"legacy-focus-state-layer-opacity"},{"name":"text-color","prefix":"mat-legacy-button-toggle","type":"color","overridesName":"legacy-text-color"},{"name":"state-layer-color","prefix":"mat-legacy-button-toggle","type":"color","overridesName":"legacy-state-layer-color"},{"name":"selected-state-text-color","prefix":"mat-legacy-button-toggle","type":"color","overridesName":"legacy-selected-state-text-color"},{"name":"selected-state-background-color","prefix":"mat-legacy-button-toggle","type":"color","overridesName":"legacy-selected-state-background-color"},{"name":"disabled-state-text-color","prefix":"mat-legacy-button-toggle","type":"color","overridesName":"legacy-disabled-state-text-color"},{"name":"disabled-state-background-color","prefix":"mat-legacy-button-toggle","type":"color","overridesName":"legacy-disabled-state-background-color"},{"name":"disabled-selected-state-background-color","prefix":"mat-legacy-button-toggle","type":"color","overridesName":"legacy-disabled-selected-state-background-color"},{"name":"label-text-font","prefix":"mat-legacy-button-toggle","type":"typography","overridesName":"legacy-label-text-font"},{"name":"label-text-line-height","prefix":"mat-legacy-button-toggle","type":"typography","overridesName":"legacy-label-text-line-height"},{"name":"label-text-size","prefix":"mat-legacy-button-toggle","type":"typography","overridesName":"legacy-label-text-size"},{"name":"label-text-tracking","prefix":"mat-legacy-button-toggle","type":"typography","overridesName":"legacy-label-text-tracking"},{"name":"label-text-weight","prefix":"mat-legacy-button-toggle","type":"typography","overridesName":"legacy-label-text-weight"},{"name":"shape","prefix":"mat-standard-button-toggle","type":"base","overridesName":"shape"},{"name":"hover-state-layer-opacity","prefix":"mat-standard-button-toggle","type":"color","overridesName":"hover-state-layer-opacity"},{"name":"focus-state-layer-opacity","prefix":"mat-standard-button-toggle","type":"color","overridesName":"focus-state-layer-opacity"},{"name":"text-color","prefix":"mat-standard-button-toggle","type":"color","overridesName":"text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"background-color","prefix":"mat-standard-button-toggle","type":"base","overridesName":"background-color"},{"name":"state-layer-color","prefix":"mat-standard-button-toggle","type":"color","overridesName":"state-layer-color","derivedFrom":"--mat-sys-on-surface"},{"name":"selected-state-background-color","prefix":"mat-standard-button-toggle","type":"color","overridesName":"selected-state-background-color","derivedFrom":"--mat-sys-secondary-container"},{"name":"selected-state-text-color","prefix":"mat-standard-button-toggle","type":"color","overridesName":"selected-state-text-color","derivedFrom":"--mat-sys-on-secondary-container"},{"name":"disabled-state-text-color","prefix":"mat-standard-button-toggle","type":"color","overridesName":"disabled-state-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"disabled-state-background-color","prefix":"mat-standard-button-toggle","type":"base","overridesName":"disabled-state-background-color"},{"name":"disabled-selected-state-text-color","prefix":"mat-standard-button-toggle","type":"color","overridesName":"disabled-selected-state-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"disabled-selected-state-background-color","prefix":"mat-standard-button-toggle","type":"color","overridesName":"disabled-selected-state-background-color","derivedFrom":"--mat-sys-on-surface"},{"name":"divider-color","prefix":"mat-standard-button-toggle","type":"color","overridesName":"divider-color","derivedFrom":"--mat-sys-outline"},{"name":"label-text-font","prefix":"mat-standard-button-toggle","type":"typography","overridesName":"label-text-font","derivedFrom":"--mat-sys-label-large-font"},{"name":"label-text-line-height","prefix":"mat-standard-button-toggle","type":"typography","overridesName":"label-text-line-height","derivedFrom":"--mat-sys-label-large-line-height"},{"name":"label-text-size","prefix":"mat-standard-button-toggle","type":"typography","overridesName":"label-text-size","derivedFrom":"--mat-sys-label-large-size"},{"name":"label-text-tracking","prefix":"mat-standard-button-toggle","type":"typography","overridesName":"label-text-tracking","derivedFrom":"--mat-sys-label-large-tracking"},{"name":"label-text-weight","prefix":"mat-standard-button-toggle","type":"typography","overridesName":"label-text-weight","derivedFrom":"--mat-sys-label-large-weight"},{"name":"height","prefix":"mat-standard-button-toggle","type":"density","overridesName":"height"}]}]}
1+
{"example":"<span class=\"hljs-keyword\">@use</span> <span class=\"hljs-string\">&#x27;@angular/material&#x27;</span> as mat;\n\n<span class=\"hljs-comment\">// Customize the entire app. Change :root to your selector if you want to scope the styles.</span>\n<span class=\"hljs-selector-pseudo\">:root</span> {\n <span class=\"hljs-keyword\">@include</span> mat.button-toggle-overrides((\n <span class=\"hljs-attribute\">legacy-focus-state-layer-opacity</span>: orange,\n <span class=\"hljs-attribute\">legacy-text-color</span>: red,\n ));\n}","themes":[{"name":"button-toggle","overridesMixin":"button-toggle-overrides","tokens":[{"name":"height","prefix":"mat-button-toggle-legacy","type":"density","overridesName":"legacy-height"},{"name":"shape","prefix":"mat-button-toggle-legacy","type":"base","overridesName":"legacy-shape"},{"name":"focus-state-layer-opacity","prefix":"mat-button-toggle-legacy","type":"color","overridesName":"legacy-focus-state-layer-opacity"},{"name":"text-color","prefix":"mat-button-toggle-legacy","type":"color","overridesName":"legacy-text-color"},{"name":"state-layer-color","prefix":"mat-button-toggle-legacy","type":"color","overridesName":"legacy-state-layer-color"},{"name":"selected-state-text-color","prefix":"mat-button-toggle-legacy","type":"color","overridesName":"legacy-selected-state-text-color"},{"name":"selected-state-background-color","prefix":"mat-button-toggle-legacy","type":"color","overridesName":"legacy-selected-state-background-color"},{"name":"disabled-state-text-color","prefix":"mat-button-toggle-legacy","type":"color","overridesName":"legacy-disabled-state-text-color"},{"name":"disabled-state-background-color","prefix":"mat-button-toggle-legacy","type":"color","overridesName":"legacy-disabled-state-background-color"},{"name":"disabled-selected-state-background-color","prefix":"mat-button-toggle-legacy","type":"color","overridesName":"legacy-disabled-selected-state-background-color"},{"name":"label-text-font","prefix":"mat-button-toggle-legacy","type":"typography","overridesName":"legacy-label-text-font"},{"name":"label-text-line-height","prefix":"mat-button-toggle-legacy","type":"typography","overridesName":"legacy-label-text-line-height"},{"name":"label-text-size","prefix":"mat-button-toggle-legacy","type":"typography","overridesName":"legacy-label-text-size"},{"name":"label-text-tracking","prefix":"mat-button-toggle-legacy","type":"typography","overridesName":"legacy-label-text-tracking"},{"name":"label-text-weight","prefix":"mat-button-toggle-legacy","type":"typography","overridesName":"legacy-label-text-weight"},{"name":"shape","prefix":"mat-button-toggle","type":"base","overridesName":"shape"},{"name":"hover-state-layer-opacity","prefix":"mat-button-toggle","type":"color","overridesName":"hover-state-layer-opacity"},{"name":"focus-state-layer-opacity","prefix":"mat-button-toggle","type":"color","overridesName":"focus-state-layer-opacity"},{"name":"text-color","prefix":"mat-button-toggle","type":"color","overridesName":"text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"background-color","prefix":"mat-button-toggle","type":"base","overridesName":"background-color"},{"name":"state-layer-color","prefix":"mat-button-toggle","type":"color","overridesName":"state-layer-color","derivedFrom":"--mat-sys-on-surface"},{"name":"selected-state-background-color","prefix":"mat-button-toggle","type":"color","overridesName":"selected-state-background-color","derivedFrom":"--mat-sys-secondary-container"},{"name":"selected-state-text-color","prefix":"mat-button-toggle","type":"color","overridesName":"selected-state-text-color","derivedFrom":"--mat-sys-on-secondary-container"},{"name":"disabled-state-text-color","prefix":"mat-button-toggle","type":"color","overridesName":"disabled-state-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"disabled-state-background-color","prefix":"mat-button-toggle","type":"base","overridesName":"disabled-state-background-color"},{"name":"disabled-selected-state-text-color","prefix":"mat-button-toggle","type":"color","overridesName":"disabled-selected-state-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"disabled-selected-state-background-color","prefix":"mat-button-toggle","type":"color","overridesName":"disabled-selected-state-background-color","derivedFrom":"--mat-sys-on-surface"},{"name":"divider-color","prefix":"mat-button-toggle","type":"color","overridesName":"divider-color","derivedFrom":"--mat-sys-outline"},{"name":"label-text-font","prefix":"mat-button-toggle","type":"typography","overridesName":"label-text-font","derivedFrom":"--mat-sys-label-large-font"},{"name":"label-text-line-height","prefix":"mat-button-toggle","type":"typography","overridesName":"label-text-line-height","derivedFrom":"--mat-sys-label-large-line-height"},{"name":"label-text-size","prefix":"mat-button-toggle","type":"typography","overridesName":"label-text-size","derivedFrom":"--mat-sys-label-large-size"},{"name":"label-text-tracking","prefix":"mat-button-toggle","type":"typography","overridesName":"label-text-tracking","derivedFrom":"--mat-sys-label-large-tracking"},{"name":"label-text-weight","prefix":"mat-button-toggle","type":"typography","overridesName":"label-text-weight","derivedFrom":"--mat-sys-label-large-weight"},{"name":"height","prefix":"mat-button-toggle","type":"density","overridesName":"height"}]}]}

docs-content/tokens/material/button/button.json

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.
Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
{"example":"<span class=\"hljs-keyword\">@use</span> <span class=\"hljs-string\">&#x27;@angular/material&#x27;</span> as mat;\n\n<span class=\"hljs-comment\">// Customize the entire app. Change :root to your selector if you want to scope the styles.</span>\n<span class=\"hljs-selector-pseudo\">:root</span> {\n <span class=\"hljs-keyword\">@include</span> mat.card-overrides((\n <span class=\"hljs-attribute\">subtitle-text-color</span>: orange,\n <span class=\"hljs-attribute\">elevated-container-color</span>: red,\n ));\n}","themes":[{"name":"card","overridesMixin":"card-overrides","tokens":[{"name":"subtitle-text-color","prefix":"mat-card","type":"color","overridesName":"subtitle-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"title-text-font","prefix":"mat-card","type":"typography","overridesName":"title-text-font","derivedFrom":"--mat-sys-title-large-font"},{"name":"title-text-line-height","prefix":"mat-card","type":"typography","overridesName":"title-text-line-height","derivedFrom":"--mat-sys-title-large-line-height"},{"name":"title-text-size","prefix":"mat-card","type":"typography","overridesName":"title-text-size","derivedFrom":"--mat-sys-title-large-size"},{"name":"title-text-tracking","prefix":"mat-card","type":"typography","overridesName":"title-text-tracking","derivedFrom":"--mat-sys-title-large-tracking"},{"name":"title-text-weight","prefix":"mat-card","type":"typography","overridesName":"title-text-weight","derivedFrom":"--mat-sys-title-large-weight"},{"name":"subtitle-text-font","prefix":"mat-card","type":"typography","overridesName":"subtitle-text-font","derivedFrom":"--mat-sys-title-medium-font"},{"name":"subtitle-text-line-height","prefix":"mat-card","type":"typography","overridesName":"subtitle-text-line-height","derivedFrom":"--mat-sys-title-medium-line-height"},{"name":"subtitle-text-size","prefix":"mat-card","type":"typography","overridesName":"subtitle-text-size","derivedFrom":"--mat-sys-title-medium-size"},{"name":"subtitle-text-tracking","prefix":"mat-card","type":"typography","overridesName":"subtitle-text-tracking","derivedFrom":"--mat-sys-title-medium-tracking"},{"name":"subtitle-text-weight","prefix":"mat-card","type":"typography","overridesName":"subtitle-text-weight","derivedFrom":"--mat-sys-title-medium-weight"},{"name":"container-shape","prefix":"mat-elevated-card","type":"base","overridesName":"elevated-container-shape"},{"name":"container-color","prefix":"mat-elevated-card","type":"color","overridesName":"elevated-container-color","derivedFrom":"--mat-sys-surface-container-low"},{"name":"container-elevation","prefix":"mat-elevated-card","type":"color","overridesName":"elevated-container-elevation"},{"name":"container-shape","prefix":"mat-outlined-card","type":"base","overridesName":"outlined-container-shape"},{"name":"outline-width","prefix":"mat-outlined-card","type":"base","overridesName":"outlined-outline-width"},{"name":"container-color","prefix":"mat-outlined-card","type":"color","overridesName":"outlined-container-color","derivedFrom":"--mat-sys-surface"},{"name":"outline-color","prefix":"mat-outlined-card","type":"color","overridesName":"outlined-outline-color","derivedFrom":"--mat-sys-outline-variant"},{"name":"container-elevation","prefix":"mat-outlined-card","type":"color","overridesName":"outlined-container-elevation"}]}]}
1+
{"example":"<span class=\"hljs-keyword\">@use</span> <span class=\"hljs-string\">&#x27;@angular/material&#x27;</span> as mat;\n\n<span class=\"hljs-comment\">// Customize the entire app. Change :root to your selector if you want to scope the styles.</span>\n<span class=\"hljs-selector-pseudo\">:root</span> {\n <span class=\"hljs-keyword\">@include</span> mat.card-overrides((\n <span class=\"hljs-attribute\">subtitle-text-color</span>: orange,\n <span class=\"hljs-attribute\">elevated-container-color</span>: red,\n ));\n}","themes":[{"name":"card","overridesMixin":"card-overrides","tokens":[{"name":"subtitle-text-color","prefix":"mat-card","type":"color","overridesName":"subtitle-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"title-text-font","prefix":"mat-card","type":"typography","overridesName":"title-text-font","derivedFrom":"--mat-sys-title-large-font"},{"name":"title-text-line-height","prefix":"mat-card","type":"typography","overridesName":"title-text-line-height","derivedFrom":"--mat-sys-title-large-line-height"},{"name":"title-text-size","prefix":"mat-card","type":"typography","overridesName":"title-text-size","derivedFrom":"--mat-sys-title-large-size"},{"name":"title-text-tracking","prefix":"mat-card","type":"typography","overridesName":"title-text-tracking","derivedFrom":"--mat-sys-title-large-tracking"},{"name":"title-text-weight","prefix":"mat-card","type":"typography","overridesName":"title-text-weight","derivedFrom":"--mat-sys-title-large-weight"},{"name":"subtitle-text-font","prefix":"mat-card","type":"typography","overridesName":"subtitle-text-font","derivedFrom":"--mat-sys-title-medium-font"},{"name":"subtitle-text-line-height","prefix":"mat-card","type":"typography","overridesName":"subtitle-text-line-height","derivedFrom":"--mat-sys-title-medium-line-height"},{"name":"subtitle-text-size","prefix":"mat-card","type":"typography","overridesName":"subtitle-text-size","derivedFrom":"--mat-sys-title-medium-size"},{"name":"subtitle-text-tracking","prefix":"mat-card","type":"typography","overridesName":"subtitle-text-tracking","derivedFrom":"--mat-sys-title-medium-tracking"},{"name":"subtitle-text-weight","prefix":"mat-card","type":"typography","overridesName":"subtitle-text-weight","derivedFrom":"--mat-sys-title-medium-weight"},{"name":"container-shape","prefix":"mat-card-elevated","type":"base","overridesName":"elevated-container-shape"},{"name":"container-color","prefix":"mat-card-elevated","type":"color","overridesName":"elevated-container-color","derivedFrom":"--mat-sys-surface-container-low"},{"name":"container-elevation","prefix":"mat-card-elevated","type":"color","overridesName":"elevated-container-elevation"},{"name":"container-shape","prefix":"mat-card-outlined","type":"base","overridesName":"outlined-container-shape"},{"name":"outline-width","prefix":"mat-card-outlined","type":"base","overridesName":"outlined-outline-width"},{"name":"container-color","prefix":"mat-card-outlined","type":"color","overridesName":"outlined-container-color","derivedFrom":"--mat-sys-surface"},{"name":"outline-color","prefix":"mat-card-outlined","type":"color","overridesName":"outlined-outline-color","derivedFrom":"--mat-sys-outline-variant"},{"name":"container-elevation","prefix":"mat-card-outlined","type":"color","overridesName":"outlined-container-elevation"}]}]}

0 commit comments

Comments
 (0)