diff --git a/docs-content/tokens/material/autocomplete/autocomplete.json b/docs-content/tokens/material/autocomplete/autocomplete.json index 9ebe6004e..7586630a4 100755 --- a/docs-content/tokens/material/autocomplete/autocomplete.json +++ b/docs-content/tokens/material/autocomplete/autocomplete.json @@ -1 +1,30 @@ -{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.autocomplete-overrides((\n background-color: orange,\n ));\n}","themes":[{"name":"autocomplete","overridesMixin":"autocomplete-overrides","tokens":[{"name":"container-shape","prefix":"mat-autocomplete","type":"base","overridesName":"container-shape"},{"name":"container-elevation-shadow","prefix":"mat-autocomplete","type":"base","overridesName":"container-elevation-shadow"},{"name":"background-color","prefix":"mat-autocomplete","type":"color","overridesName":"background-color","derivedFrom":"--sys-surface-container"}]}]} \ No newline at end of file +{ + "example": "@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.autocomplete-overrides((\n background-color: orange,\n ));\n}", + "themes": [ + { + "name": "autocomplete", + "overridesMixin": "autocomplete-overrides", + "tokens": [ + { + "name": "container-shape", + "prefix": "mat-autocomplete", + "type": "base", + "overridesName": "container-shape" + }, + { + "name": "container-elevation-shadow", + "prefix": "mat-autocomplete", + "type": "base", + "overridesName": "container-elevation-shadow" + }, + { + "name": "background-color", + "prefix": "mat-autocomplete", + "type": "color", + "overridesName": "background-color", + "derivedFrom": "--mat-sys-surface-container" + } + ] + } + ] +} \ No newline at end of file diff --git a/docs-content/tokens/material/badge/badge.json b/docs-content/tokens/material/badge/badge.json index c3f98dcd6..ece4eee89 100755 --- a/docs-content/tokens/material/badge/badge.json +++ b/docs-content/tokens/material/badge/badge.json @@ -1 +1 @@ -{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.badge-overrides((\n background-color: orange,\n text-color: red,\n ));\n}","themes":[{"name":"badge","overridesMixin":"badge-overrides","tokens":[{"name":"container-shape","prefix":"mat-badge","type":"base","overridesName":"container-shape"},{"name":"container-size","prefix":"mat-badge","type":"base","overridesName":"container-size"},{"name":"small-size-container-size","prefix":"mat-badge","type":"base","overridesName":"small-size-container-size"},{"name":"large-size-container-size","prefix":"mat-badge","type":"base","overridesName":"large-size-container-size"},{"name":"legacy-container-size","prefix":"mat-badge","type":"base","overridesName":"legacy-container-size"},{"name":"legacy-small-size-container-size","prefix":"mat-badge","type":"base","overridesName":"legacy-small-size-container-size"},{"name":"legacy-large-size-container-size","prefix":"mat-badge","type":"base","overridesName":"legacy-large-size-container-size"},{"name":"container-offset","prefix":"mat-badge","type":"base","overridesName":"container-offset"},{"name":"small-size-container-offset","prefix":"mat-badge","type":"base","overridesName":"small-size-container-offset"},{"name":"large-size-container-offset","prefix":"mat-badge","type":"base","overridesName":"large-size-container-offset"},{"name":"container-overlap-offset","prefix":"mat-badge","type":"base","overridesName":"container-overlap-offset"},{"name":"small-size-container-overlap-offset","prefix":"mat-badge","type":"base","overridesName":"small-size-container-overlap-offset"},{"name":"large-size-container-overlap-offset","prefix":"mat-badge","type":"base","overridesName":"large-size-container-overlap-offset"},{"name":"container-padding","prefix":"mat-badge","type":"base","overridesName":"container-padding"},{"name":"small-size-container-padding","prefix":"mat-badge","type":"base","overridesName":"small-size-container-padding"},{"name":"large-size-container-padding","prefix":"mat-badge","type":"base","overridesName":"large-size-container-padding"},{"name":"background-color","prefix":"mat-badge","type":"color","overridesName":"background-color","derivedFrom":"--sys-error"},{"name":"text-color","prefix":"mat-badge","type":"color","overridesName":"text-color","derivedFrom":"--sys-on-error"},{"name":"disabled-state-background-color","prefix":"mat-badge","type":"color","overridesName":"disabled-state-background-color","derivedFrom":"--sys-error"},{"name":"disabled-state-text-color","prefix":"mat-badge","type":"color","overridesName":"disabled-state-text-color","derivedFrom":"--sys-on-error"},{"name":"text-font","prefix":"mat-badge","type":"typography","overridesName":"text-font","derivedFrom":"--sys-label-small-font"},{"name":"line-height","prefix":"mat-badge","type":"base","overridesName":"line-height"},{"name":"text-size","prefix":"mat-badge","type":"typography","overridesName":"text-size","derivedFrom":"--sys-label-small-size"},{"name":"text-weight","prefix":"mat-badge","type":"typography","overridesName":"text-weight","derivedFrom":"--sys-label-small-weight"},{"name":"small-size-text-size","prefix":"mat-badge","type":"base","overridesName":"small-size-text-size"},{"name":"small-size-line-height","prefix":"mat-badge","type":"base","overridesName":"small-size-line-height"},{"name":"large-size-text-size","prefix":"mat-badge","type":"typography","overridesName":"large-size-text-size","derivedFrom":"--sys-label-small-size"},{"name":"large-size-line-height","prefix":"mat-badge","type":"base","overridesName":"large-size-line-height"}]}]} \ No newline at end of file +{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.badge-overrides((\n background-color: orange,\n text-color: red,\n ));\n}","themes":[{"name":"badge","overridesMixin":"badge-overrides","tokens":[{"name":"container-shape","prefix":"mat-badge","type":"base","overridesName":"container-shape"},{"name":"container-size","prefix":"mat-badge","type":"base","overridesName":"container-size"},{"name":"small-size-container-size","prefix":"mat-badge","type":"base","overridesName":"small-size-container-size"},{"name":"large-size-container-size","prefix":"mat-badge","type":"base","overridesName":"large-size-container-size"},{"name":"legacy-container-size","prefix":"mat-badge","type":"base","overridesName":"legacy-container-size"},{"name":"legacy-small-size-container-size","prefix":"mat-badge","type":"base","overridesName":"legacy-small-size-container-size"},{"name":"legacy-large-size-container-size","prefix":"mat-badge","type":"base","overridesName":"legacy-large-size-container-size"},{"name":"container-offset","prefix":"mat-badge","type":"base","overridesName":"container-offset"},{"name":"small-size-container-offset","prefix":"mat-badge","type":"base","overridesName":"small-size-container-offset"},{"name":"large-size-container-offset","prefix":"mat-badge","type":"base","overridesName":"large-size-container-offset"},{"name":"container-overlap-offset","prefix":"mat-badge","type":"base","overridesName":"container-overlap-offset"},{"name":"small-size-container-overlap-offset","prefix":"mat-badge","type":"base","overridesName":"small-size-container-overlap-offset"},{"name":"large-size-container-overlap-offset","prefix":"mat-badge","type":"base","overridesName":"large-size-container-overlap-offset"},{"name":"container-padding","prefix":"mat-badge","type":"base","overridesName":"container-padding"},{"name":"small-size-container-padding","prefix":"mat-badge","type":"base","overridesName":"small-size-container-padding"},{"name":"large-size-container-padding","prefix":"mat-badge","type":"base","overridesName":"large-size-container-padding"},{"name":"background-color","prefix":"mat-badge","type":"color","overridesName":"background-color","derivedFrom":"--mat-sys-error"},{"name":"text-color","prefix":"mat-badge","type":"color","overridesName":"text-color","derivedFrom":"--mat-sys-on-error"},{"name":"disabled-state-background-color","prefix":"mat-badge","type":"color","overridesName":"disabled-state-background-color","derivedFrom":"--mat-sys-error"},{"name":"disabled-state-text-color","prefix":"mat-badge","type":"color","overridesName":"disabled-state-text-color","derivedFrom":"--mat-sys-on-error"},{"name":"text-font","prefix":"mat-badge","type":"typography","overridesName":"text-font","derivedFrom":"--mat-sys-label-small-font"},{"name":"line-height","prefix":"mat-badge","type":"base","overridesName":"line-height"},{"name":"text-size","prefix":"mat-badge","type":"typography","overridesName":"text-size","derivedFrom":"--mat-sys-label-small-size"},{"name":"text-weight","prefix":"mat-badge","type":"typography","overridesName":"text-weight","derivedFrom":"--mat-sys-label-small-weight"},{"name":"small-size-text-size","prefix":"mat-badge","type":"base","overridesName":"small-size-text-size"},{"name":"small-size-line-height","prefix":"mat-badge","type":"base","overridesName":"small-size-line-height"},{"name":"large-size-text-size","prefix":"mat-badge","type":"typography","overridesName":"large-size-text-size","derivedFrom":"--mat-sys-label-small-size"},{"name":"large-size-line-height","prefix":"mat-badge","type":"base","overridesName":"large-size-line-height"}]}]} \ No newline at end of file diff --git a/docs-content/tokens/material/bottom-sheet/bottom-sheet.json b/docs-content/tokens/material/bottom-sheet/bottom-sheet.json index f6238f392..6ad5bfb56 100755 --- a/docs-content/tokens/material/bottom-sheet/bottom-sheet.json +++ b/docs-content/tokens/material/bottom-sheet/bottom-sheet.json @@ -1 +1 @@ -{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.bottom-sheet-overrides((\n container-text-color: orange,\n container-background-color: red,\n ));\n}","themes":[{"name":"bottom-sheet","overridesMixin":"bottom-sheet-overrides","tokens":[{"name":"container-shape","prefix":"mat-bottom-sheet","type":"base","overridesName":"container-shape"},{"name":"container-text-color","prefix":"mat-bottom-sheet","type":"color","overridesName":"container-text-color","derivedFrom":"--sys-on-surface"},{"name":"container-background-color","prefix":"mat-bottom-sheet","type":"color","overridesName":"container-background-color","derivedFrom":"--sys-surface-container-low"},{"name":"container-text-font","prefix":"mat-bottom-sheet","type":"typography","overridesName":"container-text-font","derivedFrom":"--sys-body-large-font"},{"name":"container-text-line-height","prefix":"mat-bottom-sheet","type":"typography","overridesName":"container-text-line-height","derivedFrom":"--sys-body-large-line-height"},{"name":"container-text-size","prefix":"mat-bottom-sheet","type":"typography","overridesName":"container-text-size","derivedFrom":"--sys-body-large-size"},{"name":"container-text-tracking","prefix":"mat-bottom-sheet","type":"typography","overridesName":"container-text-tracking","derivedFrom":"--sys-body-large-tracking"},{"name":"container-text-weight","prefix":"mat-bottom-sheet","type":"typography","overridesName":"container-text-weight","derivedFrom":"--sys-body-large-weight"}]}]} \ No newline at end of file +{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.bottom-sheet-overrides((\n container-text-color: orange,\n container-background-color: red,\n ));\n}","themes":[{"name":"bottom-sheet","overridesMixin":"bottom-sheet-overrides","tokens":[{"name":"container-shape","prefix":"mat-bottom-sheet","type":"base","overridesName":"container-shape"},{"name":"container-text-color","prefix":"mat-bottom-sheet","type":"color","overridesName":"container-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"container-background-color","prefix":"mat-bottom-sheet","type":"color","overridesName":"container-background-color","derivedFrom":"--mat-sys-surface-container-low"},{"name":"container-text-font","prefix":"mat-bottom-sheet","type":"typography","overridesName":"container-text-font","derivedFrom":"--mat-sys-body-large-font"},{"name":"container-text-line-height","prefix":"mat-bottom-sheet","type":"typography","overridesName":"container-text-line-height","derivedFrom":"--mat-sys-body-large-line-height"},{"name":"container-text-size","prefix":"mat-bottom-sheet","type":"typography","overridesName":"container-text-size","derivedFrom":"--mat-sys-body-large-size"},{"name":"container-text-tracking","prefix":"mat-bottom-sheet","type":"typography","overridesName":"container-text-tracking","derivedFrom":"--mat-sys-body-large-tracking"},{"name":"container-text-weight","prefix":"mat-bottom-sheet","type":"typography","overridesName":"container-text-weight","derivedFrom":"--mat-sys-body-large-weight"}]}]} \ No newline at end of file diff --git a/docs-content/tokens/material/button-toggle/button-toggle.json b/docs-content/tokens/material/button-toggle/button-toggle.json index 1e81bb65c..8c6df25f8 100755 --- a/docs-content/tokens/material/button-toggle/button-toggle.json +++ b/docs-content/tokens/material/button-toggle/button-toggle.json @@ -1 +1 @@ -{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.button-toggle-overrides((\n legacy-focus-state-layer-opacity: orange,\n legacy-text-color: 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":"--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":"--sys-on-surface"},{"name":"selected-state-background-color","prefix":"mat-standard-button-toggle","type":"color","overridesName":"selected-state-background-color","derivedFrom":"--sys-secondary-container"},{"name":"selected-state-text-color","prefix":"mat-standard-button-toggle","type":"color","overridesName":"selected-state-text-color","derivedFrom":"--sys-on-secondary-container"},{"name":"disabled-state-text-color","prefix":"mat-standard-button-toggle","type":"color","overridesName":"disabled-state-text-color","derivedFrom":"--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":"--sys-on-surface"},{"name":"disabled-selected-state-background-color","prefix":"mat-standard-button-toggle","type":"color","overridesName":"disabled-selected-state-background-color","derivedFrom":"--sys-on-surface"},{"name":"divider-color","prefix":"mat-standard-button-toggle","type":"color","overridesName":"divider-color","derivedFrom":"--sys-outline"},{"name":"label-text-font","prefix":"mat-standard-button-toggle","type":"typography","overridesName":"label-text-font","derivedFrom":"--sys-label-large-font"},{"name":"label-text-line-height","prefix":"mat-standard-button-toggle","type":"typography","overridesName":"label-text-line-height","derivedFrom":"--sys-label-large-line-height"},{"name":"label-text-size","prefix":"mat-standard-button-toggle","type":"typography","overridesName":"label-text-size","derivedFrom":"--sys-label-large-size"},{"name":"label-text-tracking","prefix":"mat-standard-button-toggle","type":"typography","overridesName":"label-text-tracking","derivedFrom":"--sys-label-large-tracking"},{"name":"label-text-weight","prefix":"mat-standard-button-toggle","type":"typography","overridesName":"label-text-weight","derivedFrom":"--sys-label-large-weight"},{"name":"height","prefix":"mat-standard-button-toggle","type":"density","overridesName":"height"}]}]} \ No newline at end of file +{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.button-toggle-overrides((\n legacy-focus-state-layer-opacity: orange,\n legacy-text-color: 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"}]}]} \ No newline at end of file diff --git a/docs-content/tokens/material/button/button.json b/docs-content/tokens/material/button/button.json index 630a8b0cb..e1615f010 100755 --- a/docs-content/tokens/material/button/button.json +++ b/docs-content/tokens/material/button/button.json @@ -1 +1 @@ -{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.button-overrides((\n filled-container-color: orange,\n filled-label-text-color: red,\n ));\n}","themes":[{"name":"button","overridesMixin":"button-overrides","tokens":[{"name":"container-shape","prefix":"mdc-filled-button","type":"base","overridesName":"filled-container-shape"},{"name":"container-color","prefix":"mdc-filled-button","type":"color","overridesName":"filled-container-color","derivedFrom":"--sys-primary"},{"name":"label-text-color","prefix":"mdc-filled-button","type":"color","overridesName":"filled-label-text-color","derivedFrom":"--sys-on-primary"},{"name":"disabled-container-color","prefix":"mdc-filled-button","type":"color","overridesName":"filled-disabled-container-color","derivedFrom":"--sys-on-surface"},{"name":"disabled-label-text-color","prefix":"mdc-filled-button","type":"color","overridesName":"filled-disabled-label-text-color","derivedFrom":"--sys-on-surface"},{"name":"label-text-font","prefix":"mdc-filled-button","type":"typography","overridesName":"filled-label-text-font","derivedFrom":"--sys-label-large-font"},{"name":"label-text-size","prefix":"mdc-filled-button","type":"typography","overridesName":"filled-label-text-size","derivedFrom":"--sys-label-large-size"},{"name":"label-text-tracking","prefix":"mdc-filled-button","type":"typography","overridesName":"filled-label-text-tracking","derivedFrom":"--sys-label-large-tracking"},{"name":"label-text-weight","prefix":"mdc-filled-button","type":"typography","overridesName":"filled-label-text-weight","derivedFrom":"--sys-label-large-weight"},{"name":"label-text-transform","prefix":"mdc-filled-button","type":"typography","overridesName":"filled-label-text-transform"},{"name":"container-height","prefix":"mdc-filled-button","type":"density","overridesName":"filled-container-height"},{"name":"horizontal-padding","prefix":"mat-filled-button","type":"base","overridesName":"filled-horizontal-padding"},{"name":"icon-spacing","prefix":"mat-filled-button","type":"base","overridesName":"filled-icon-spacing"},{"name":"icon-offset","prefix":"mat-filled-button","type":"base","overridesName":"filled-icon-offset"},{"name":"state-layer-color","prefix":"mat-filled-button","type":"color","overridesName":"filled-state-layer-color","derivedFrom":"--sys-on-primary"},{"name":"disabled-state-layer-color","prefix":"mat-filled-button","type":"color","overridesName":"filled-disabled-state-layer-color","derivedFrom":"--sys-on-surface-variant"},{"name":"ripple-color","prefix":"mat-filled-button","type":"color","overridesName":"filled-ripple-color","derivedFrom":"--sys-on-primary"},{"name":"hover-state-layer-opacity","prefix":"mat-filled-button","type":"color","overridesName":"filled-hover-state-layer-opacity"},{"name":"focus-state-layer-opacity","prefix":"mat-filled-button","type":"color","overridesName":"filled-focus-state-layer-opacity"},{"name":"pressed-state-layer-opacity","prefix":"mat-filled-button","type":"color","overridesName":"filled-pressed-state-layer-opacity"},{"name":"touch-target-display","prefix":"mat-filled-button","type":"density","overridesName":"filled-touch-target-display"},{"name":"outline-width","prefix":"mdc-outlined-button","type":"base","overridesName":"outlined-outline-width"},{"name":"container-shape","prefix":"mdc-outlined-button","type":"base","overridesName":"outlined-container-shape"},{"name":"disabled-outline-color","prefix":"mdc-outlined-button","type":"color","overridesName":"outlined-disabled-outline-color","derivedFrom":"--sys-on-surface"},{"name":"disabled-label-text-color","prefix":"mdc-outlined-button","type":"color","overridesName":"outlined-disabled-label-text-color","derivedFrom":"--sys-on-surface"},{"name":"label-text-color","prefix":"mdc-outlined-button","type":"color","overridesName":"outlined-label-text-color","derivedFrom":"--sys-primary"},{"name":"outline-color","prefix":"mdc-outlined-button","type":"color","overridesName":"outlined-outline-color","derivedFrom":"--sys-outline"},{"name":"label-text-font","prefix":"mdc-outlined-button","type":"typography","overridesName":"outlined-label-text-font","derivedFrom":"--sys-label-large-font"},{"name":"label-text-size","prefix":"mdc-outlined-button","type":"typography","overridesName":"outlined-label-text-size","derivedFrom":"--sys-label-large-size"},{"name":"label-text-tracking","prefix":"mdc-outlined-button","type":"typography","overridesName":"outlined-label-text-tracking","derivedFrom":"--sys-label-large-tracking"},{"name":"label-text-weight","prefix":"mdc-outlined-button","type":"typography","overridesName":"outlined-label-text-weight","derivedFrom":"--sys-label-large-weight"},{"name":"label-text-transform","prefix":"mdc-outlined-button","type":"typography","overridesName":"outlined-label-text-transform"},{"name":"container-height","prefix":"mdc-outlined-button","type":"density","overridesName":"outlined-container-height"},{"name":"horizontal-padding","prefix":"mat-outlined-button","type":"base","overridesName":"outlined-horizontal-padding"},{"name":"icon-spacing","prefix":"mat-outlined-button","type":"base","overridesName":"outlined-icon-spacing"},{"name":"icon-offset","prefix":"mat-outlined-button","type":"base","overridesName":"outlined-icon-offset"},{"name":"state-layer-color","prefix":"mat-outlined-button","type":"color","overridesName":"outlined-state-layer-color","derivedFrom":"--sys-primary"},{"name":"disabled-state-layer-color","prefix":"mat-outlined-button","type":"color","overridesName":"outlined-disabled-state-layer-color","derivedFrom":"--sys-on-surface-variant"},{"name":"ripple-color","prefix":"mat-outlined-button","type":"color","overridesName":"outlined-ripple-color","derivedFrom":"--sys-primary"},{"name":"hover-state-layer-opacity","prefix":"mat-outlined-button","type":"color","overridesName":"outlined-hover-state-layer-opacity"},{"name":"focus-state-layer-opacity","prefix":"mat-outlined-button","type":"color","overridesName":"outlined-focus-state-layer-opacity"},{"name":"pressed-state-layer-opacity","prefix":"mat-outlined-button","type":"color","overridesName":"outlined-pressed-state-layer-opacity"},{"name":"touch-target-display","prefix":"mat-outlined-button","type":"density","overridesName":"outlined-touch-target-display"},{"name":"container-shape","prefix":"mdc-protected-button","type":"base","overridesName":"protected-container-shape"},{"name":"container-elevation-shadow","prefix":"mdc-protected-button","type":"color","overridesName":"protected-container-elevation-shadow"},{"name":"disabled-container-elevation-shadow","prefix":"mdc-protected-button","type":"color","overridesName":"protected-disabled-container-elevation-shadow"},{"name":"focus-container-elevation-shadow","prefix":"mdc-protected-button","type":"color","overridesName":"protected-focus-container-elevation-shadow"},{"name":"hover-container-elevation-shadow","prefix":"mdc-protected-button","type":"color","overridesName":"protected-hover-container-elevation-shadow"},{"name":"pressed-container-elevation-shadow","prefix":"mdc-protected-button","type":"color","overridesName":"protected-pressed-container-elevation-shadow"},{"name":"container-color","prefix":"mdc-protected-button","type":"color","overridesName":"protected-container-color","derivedFrom":"--sys-surface"},{"name":"label-text-color","prefix":"mdc-protected-button","type":"color","overridesName":"protected-label-text-color","derivedFrom":"--sys-primary"},{"name":"disabled-container-color","prefix":"mdc-protected-button","type":"color","overridesName":"protected-disabled-container-color","derivedFrom":"--sys-on-surface"},{"name":"disabled-label-text-color","prefix":"mdc-protected-button","type":"color","overridesName":"protected-disabled-label-text-color","derivedFrom":"--sys-on-surface"},{"name":"label-text-font","prefix":"mdc-protected-button","type":"typography","overridesName":"protected-label-text-font","derivedFrom":"--sys-label-large-font"},{"name":"label-text-size","prefix":"mdc-protected-button","type":"typography","overridesName":"protected-label-text-size","derivedFrom":"--sys-label-large-size"},{"name":"label-text-tracking","prefix":"mdc-protected-button","type":"typography","overridesName":"protected-label-text-tracking","derivedFrom":"--sys-label-large-tracking"},{"name":"label-text-weight","prefix":"mdc-protected-button","type":"typography","overridesName":"protected-label-text-weight","derivedFrom":"--sys-label-large-weight"},{"name":"label-text-transform","prefix":"mdc-protected-button","type":"typography","overridesName":"protected-label-text-transform"},{"name":"container-height","prefix":"mdc-protected-button","type":"density","overridesName":"protected-container-height"},{"name":"horizontal-padding","prefix":"mat-protected-button","type":"base","overridesName":"protected-horizontal-padding"},{"name":"icon-spacing","prefix":"mat-protected-button","type":"base","overridesName":"protected-icon-spacing"},{"name":"icon-offset","prefix":"mat-protected-button","type":"base","overridesName":"protected-icon-offset"},{"name":"state-layer-color","prefix":"mat-protected-button","type":"color","overridesName":"protected-state-layer-color","derivedFrom":"--sys-primary"},{"name":"disabled-state-layer-color","prefix":"mat-protected-button","type":"color","overridesName":"protected-disabled-state-layer-color","derivedFrom":"--sys-on-surface-variant"},{"name":"ripple-color","prefix":"mat-protected-button","type":"color","overridesName":"protected-ripple-color","derivedFrom":"--sys-primary"},{"name":"hover-state-layer-opacity","prefix":"mat-protected-button","type":"color","overridesName":"protected-hover-state-layer-opacity"},{"name":"focus-state-layer-opacity","prefix":"mat-protected-button","type":"color","overridesName":"protected-focus-state-layer-opacity"},{"name":"pressed-state-layer-opacity","prefix":"mat-protected-button","type":"color","overridesName":"protected-pressed-state-layer-opacity"},{"name":"touch-target-display","prefix":"mat-protected-button","type":"density","overridesName":"protected-touch-target-display"},{"name":"container-shape","prefix":"mdc-text-button","type":"base","overridesName":"text-container-shape"},{"name":"label-text-color","prefix":"mdc-text-button","type":"color","overridesName":"text-label-text-color","derivedFrom":"--sys-primary"},{"name":"disabled-label-text-color","prefix":"mdc-text-button","type":"color","overridesName":"text-disabled-label-text-color","derivedFrom":"--sys-on-surface"},{"name":"label-text-font","prefix":"mdc-text-button","type":"typography","overridesName":"text-label-text-font","derivedFrom":"--sys-label-large-font"},{"name":"label-text-size","prefix":"mdc-text-button","type":"typography","overridesName":"text-label-text-size","derivedFrom":"--sys-label-large-size"},{"name":"label-text-tracking","prefix":"mdc-text-button","type":"typography","overridesName":"text-label-text-tracking","derivedFrom":"--sys-label-large-tracking"},{"name":"label-text-weight","prefix":"mdc-text-button","type":"typography","overridesName":"text-label-text-weight","derivedFrom":"--sys-label-large-weight"},{"name":"label-text-transform","prefix":"mdc-text-button","type":"typography","overridesName":"text-label-text-transform"},{"name":"container-height","prefix":"mdc-text-button","type":"density","overridesName":"text-container-height"},{"name":"horizontal-padding","prefix":"mat-text-button","type":"base","overridesName":"text-horizontal-padding"},{"name":"with-icon-horizontal-padding","prefix":"mat-text-button","type":"base","overridesName":"text-with-icon-horizontal-padding"},{"name":"icon-spacing","prefix":"mat-text-button","type":"base","overridesName":"text-icon-spacing"},{"name":"icon-offset","prefix":"mat-text-button","type":"base","overridesName":"text-icon-offset"},{"name":"state-layer-color","prefix":"mat-text-button","type":"color","overridesName":"text-state-layer-color","derivedFrom":"--sys-primary"},{"name":"disabled-state-layer-color","prefix":"mat-text-button","type":"color","overridesName":"text-disabled-state-layer-color","derivedFrom":"--sys-on-surface-variant"},{"name":"ripple-color","prefix":"mat-text-button","type":"color","overridesName":"text-ripple-color","derivedFrom":"--sys-primary"},{"name":"hover-state-layer-opacity","prefix":"mat-text-button","type":"color","overridesName":"text-hover-state-layer-opacity"},{"name":"focus-state-layer-opacity","prefix":"mat-text-button","type":"color","overridesName":"text-focus-state-layer-opacity"},{"name":"pressed-state-layer-opacity","prefix":"mat-text-button","type":"color","overridesName":"text-pressed-state-layer-opacity"},{"name":"touch-target-display","prefix":"mat-text-button","type":"density","overridesName":"text-touch-target-display"}]},{"name":"fab","overridesMixin":"fab-overrides","tokens":[{"name":"container-shape","prefix":"mdc-fab","type":"base","overridesName":"container-shape"},{"name":"container-elevation-shadow","prefix":"mdc-fab","type":"color","overridesName":"container-elevation-shadow"},{"name":"focus-container-elevation-shadow","prefix":"mdc-fab","type":"color","overridesName":"focus-container-elevation-shadow"},{"name":"hover-container-elevation-shadow","prefix":"mdc-fab","type":"color","overridesName":"hover-container-elevation-shadow"},{"name":"pressed-container-elevation-shadow","prefix":"mdc-fab","type":"color","overridesName":"pressed-container-elevation-shadow"},{"name":"container-color","prefix":"mdc-fab","type":"color","overridesName":"container-color","derivedFrom":"--sys-primary-container"},{"name":"container-shape","prefix":"mdc-fab-small","type":"base","overridesName":"small-container-shape"},{"name":"container-elevation-shadow","prefix":"mdc-fab-small","type":"color","overridesName":"small-container-elevation-shadow"},{"name":"focus-container-elevation-shadow","prefix":"mdc-fab-small","type":"color","overridesName":"small-focus-container-elevation-shadow"},{"name":"hover-container-elevation-shadow","prefix":"mdc-fab-small","type":"color","overridesName":"small-hover-container-elevation-shadow"},{"name":"pressed-container-elevation-shadow","prefix":"mdc-fab-small","type":"color","overridesName":"small-pressed-container-elevation-shadow"},{"name":"container-color","prefix":"mdc-fab-small","type":"color","overridesName":"small-container-color","derivedFrom":"--sys-primary-container"},{"name":"container-height","prefix":"mdc-extended-fab","type":"base","overridesName":"extended-container-height"},{"name":"container-shape","prefix":"mdc-extended-fab","type":"base","overridesName":"extended-container-shape"},{"name":"container-elevation-shadow","prefix":"mdc-extended-fab","type":"color","overridesName":"extended-container-elevation-shadow"},{"name":"focus-container-elevation-shadow","prefix":"mdc-extended-fab","type":"color","overridesName":"extended-focus-container-elevation-shadow"},{"name":"hover-container-elevation-shadow","prefix":"mdc-extended-fab","type":"color","overridesName":"extended-hover-container-elevation-shadow"},{"name":"pressed-container-elevation-shadow","prefix":"mdc-extended-fab","type":"color","overridesName":"extended-pressed-container-elevation-shadow"},{"name":"label-text-font","prefix":"mdc-extended-fab","type":"typography","overridesName":"extended-label-text-font","derivedFrom":"--sys-label-large-font"},{"name":"label-text-size","prefix":"mdc-extended-fab","type":"typography","overridesName":"extended-label-text-size","derivedFrom":"--sys-label-large-size"},{"name":"label-text-tracking","prefix":"mdc-extended-fab","type":"typography","overridesName":"extended-label-text-tracking","derivedFrom":"--sys-label-large-tracking"},{"name":"label-text-weight","prefix":"mdc-extended-fab","type":"typography","overridesName":"extended-label-text-weight","derivedFrom":"--sys-label-large-weight"},{"name":"foreground-color","prefix":"mat-fab","type":"color","overridesName":"foreground-color","derivedFrom":"--sys-on-primary-container"},{"name":"state-layer-color","prefix":"mat-fab","type":"color","overridesName":"state-layer-color","derivedFrom":"--sys-on-primary-container"},{"name":"disabled-state-layer-color","prefix":"mat-fab","type":"color","overridesName":"disabled-state-layer-color"},{"name":"ripple-color","prefix":"mat-fab","type":"color","overridesName":"ripple-color","derivedFrom":"--sys-on-primary-container"},{"name":"hover-state-layer-opacity","prefix":"mat-fab","type":"color","overridesName":"hover-state-layer-opacity"},{"name":"focus-state-layer-opacity","prefix":"mat-fab","type":"color","overridesName":"focus-state-layer-opacity"},{"name":"pressed-state-layer-opacity","prefix":"mat-fab","type":"color","overridesName":"pressed-state-layer-opacity"},{"name":"disabled-state-container-color","prefix":"mat-fab","type":"color","overridesName":"disabled-state-container-color","derivedFrom":"--sys-on-surface"},{"name":"disabled-state-foreground-color","prefix":"mat-fab","type":"color","overridesName":"disabled-state-foreground-color","derivedFrom":"--sys-on-surface"},{"name":"touch-target-display","prefix":"mat-fab","type":"density","overridesName":"touch-target-display"},{"name":"foreground-color","prefix":"mat-fab-small","type":"color","overridesName":"small-foreground-color","derivedFrom":"--sys-on-primary-container"},{"name":"state-layer-color","prefix":"mat-fab-small","type":"color","overridesName":"small-state-layer-color","derivedFrom":"--sys-on-primary-container"},{"name":"disabled-state-layer-color","prefix":"mat-fab-small","type":"color","overridesName":"small-disabled-state-layer-color"},{"name":"ripple-color","prefix":"mat-fab-small","type":"color","overridesName":"small-ripple-color","derivedFrom":"--sys-on-primary-container"},{"name":"hover-state-layer-opacity","prefix":"mat-fab-small","type":"color","overridesName":"small-hover-state-layer-opacity"},{"name":"focus-state-layer-opacity","prefix":"mat-fab-small","type":"color","overridesName":"small-focus-state-layer-opacity"},{"name":"pressed-state-layer-opacity","prefix":"mat-fab-small","type":"color","overridesName":"small-pressed-state-layer-opacity"},{"name":"disabled-state-container-color","prefix":"mat-fab-small","type":"color","overridesName":"small-disabled-state-container-color","derivedFrom":"--sys-on-surface"},{"name":"disabled-state-foreground-color","prefix":"mat-fab-small","type":"color","overridesName":"small-disabled-state-foreground-color","derivedFrom":"--sys-on-surface"},{"name":"touch-target-display","prefix":"mat-fab-small","type":"base","overridesName":"small-touch-target-display"}]},{"name":"icon-button","overridesMixin":"icon-button-overrides","tokens":[{"name":"icon-size","prefix":"mdc-icon-button","type":"base","overridesName":"icon-size"},{"name":"icon-color","prefix":"mdc-icon-button","type":"color","overridesName":"icon-color","derivedFrom":"--sys-on-surface-variant"},{"name":"disabled-icon-color","prefix":"mdc-icon-button","type":"color","overridesName":"disabled-icon-color","derivedFrom":"--sys-on-surface"},{"name":"state-layer-size","prefix":"mdc-icon-button","type":"density","overridesName":"state-layer-size"},{"name":"state-layer-color","prefix":"mat-icon-button","type":"color","overridesName":"state-layer-color","derivedFrom":"--sys-on-surface-variant"},{"name":"disabled-state-layer-color","prefix":"mat-icon-button","type":"color","overridesName":"disabled-state-layer-color","derivedFrom":"--sys-on-surface-variant"},{"name":"ripple-color","prefix":"mat-icon-button","type":"color","overridesName":"ripple-color","derivedFrom":"--sys-on-surface-variant"},{"name":"hover-state-layer-opacity","prefix":"mat-icon-button","type":"color","overridesName":"hover-state-layer-opacity"},{"name":"focus-state-layer-opacity","prefix":"mat-icon-button","type":"color","overridesName":"focus-state-layer-opacity"},{"name":"pressed-state-layer-opacity","prefix":"mat-icon-button","type":"color","overridesName":"pressed-state-layer-opacity"},{"name":"touch-target-display","prefix":"mat-icon-button","type":"density","overridesName":"touch-target-display"}]}]} \ No newline at end of file +{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.button-overrides((\n filled-container-color: orange,\n filled-label-text-color: red,\n ));\n}","themes":[{"name":"button","overridesMixin":"button-overrides","tokens":[{"name":"container-shape","prefix":"mdc-filled-button","type":"base","overridesName":"filled-container-shape"},{"name":"container-color","prefix":"mdc-filled-button","type":"color","overridesName":"filled-container-color","derivedFrom":"--mat-sys-primary"},{"name":"label-text-color","prefix":"mdc-filled-button","type":"color","overridesName":"filled-label-text-color","derivedFrom":"--mat-sys-on-primary"},{"name":"disabled-container-color","prefix":"mdc-filled-button","type":"color","overridesName":"filled-disabled-container-color","derivedFrom":"--mat-sys-on-surface"},{"name":"disabled-label-text-color","prefix":"mdc-filled-button","type":"color","overridesName":"filled-disabled-label-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"label-text-font","prefix":"mdc-filled-button","type":"typography","overridesName":"filled-label-text-font","derivedFrom":"--mat-sys-label-large-font"},{"name":"label-text-size","prefix":"mdc-filled-button","type":"typography","overridesName":"filled-label-text-size","derivedFrom":"--mat-sys-label-large-size"},{"name":"label-text-tracking","prefix":"mdc-filled-button","type":"typography","overridesName":"filled-label-text-tracking","derivedFrom":"--mat-sys-label-large-tracking"},{"name":"label-text-weight","prefix":"mdc-filled-button","type":"typography","overridesName":"filled-label-text-weight","derivedFrom":"--mat-sys-label-large-weight"},{"name":"label-text-transform","prefix":"mdc-filled-button","type":"typography","overridesName":"filled-label-text-transform"},{"name":"container-height","prefix":"mdc-filled-button","type":"density","overridesName":"filled-container-height"},{"name":"horizontal-padding","prefix":"mat-filled-button","type":"base","overridesName":"filled-horizontal-padding"},{"name":"icon-spacing","prefix":"mat-filled-button","type":"base","overridesName":"filled-icon-spacing"},{"name":"icon-offset","prefix":"mat-filled-button","type":"base","overridesName":"filled-icon-offset"},{"name":"state-layer-color","prefix":"mat-filled-button","type":"color","overridesName":"filled-state-layer-color","derivedFrom":"--mat-sys-on-primary"},{"name":"disabled-state-layer-color","prefix":"mat-filled-button","type":"color","overridesName":"filled-disabled-state-layer-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"ripple-color","prefix":"mat-filled-button","type":"color","overridesName":"filled-ripple-color","derivedFrom":"--mat-sys-on-primary"},{"name":"hover-state-layer-opacity","prefix":"mat-filled-button","type":"color","overridesName":"filled-hover-state-layer-opacity"},{"name":"focus-state-layer-opacity","prefix":"mat-filled-button","type":"color","overridesName":"filled-focus-state-layer-opacity"},{"name":"pressed-state-layer-opacity","prefix":"mat-filled-button","type":"color","overridesName":"filled-pressed-state-layer-opacity"},{"name":"touch-target-display","prefix":"mat-filled-button","type":"density","overridesName":"filled-touch-target-display"},{"name":"outline-width","prefix":"mdc-outlined-button","type":"base","overridesName":"outlined-outline-width"},{"name":"container-shape","prefix":"mdc-outlined-button","type":"base","overridesName":"outlined-container-shape"},{"name":"disabled-outline-color","prefix":"mdc-outlined-button","type":"color","overridesName":"outlined-disabled-outline-color","derivedFrom":"--mat-sys-on-surface"},{"name":"disabled-label-text-color","prefix":"mdc-outlined-button","type":"color","overridesName":"outlined-disabled-label-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"label-text-color","prefix":"mdc-outlined-button","type":"color","overridesName":"outlined-label-text-color","derivedFrom":"--mat-sys-primary"},{"name":"outline-color","prefix":"mdc-outlined-button","type":"color","overridesName":"outlined-outline-color","derivedFrom":"--mat-sys-outline"},{"name":"label-text-font","prefix":"mdc-outlined-button","type":"typography","overridesName":"outlined-label-text-font","derivedFrom":"--mat-sys-label-large-font"},{"name":"label-text-size","prefix":"mdc-outlined-button","type":"typography","overridesName":"outlined-label-text-size","derivedFrom":"--mat-sys-label-large-size"},{"name":"label-text-tracking","prefix":"mdc-outlined-button","type":"typography","overridesName":"outlined-label-text-tracking","derivedFrom":"--mat-sys-label-large-tracking"},{"name":"label-text-weight","prefix":"mdc-outlined-button","type":"typography","overridesName":"outlined-label-text-weight","derivedFrom":"--mat-sys-label-large-weight"},{"name":"label-text-transform","prefix":"mdc-outlined-button","type":"typography","overridesName":"outlined-label-text-transform"},{"name":"container-height","prefix":"mdc-outlined-button","type":"density","overridesName":"outlined-container-height"},{"name":"horizontal-padding","prefix":"mat-outlined-button","type":"base","overridesName":"outlined-horizontal-padding"},{"name":"icon-spacing","prefix":"mat-outlined-button","type":"base","overridesName":"outlined-icon-spacing"},{"name":"icon-offset","prefix":"mat-outlined-button","type":"base","overridesName":"outlined-icon-offset"},{"name":"state-layer-color","prefix":"mat-outlined-button","type":"color","overridesName":"outlined-state-layer-color","derivedFrom":"--mat-sys-primary"},{"name":"disabled-state-layer-color","prefix":"mat-outlined-button","type":"color","overridesName":"outlined-disabled-state-layer-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"ripple-color","prefix":"mat-outlined-button","type":"color","overridesName":"outlined-ripple-color","derivedFrom":"--mat-sys-primary"},{"name":"hover-state-layer-opacity","prefix":"mat-outlined-button","type":"color","overridesName":"outlined-hover-state-layer-opacity"},{"name":"focus-state-layer-opacity","prefix":"mat-outlined-button","type":"color","overridesName":"outlined-focus-state-layer-opacity"},{"name":"pressed-state-layer-opacity","prefix":"mat-outlined-button","type":"color","overridesName":"outlined-pressed-state-layer-opacity"},{"name":"touch-target-display","prefix":"mat-outlined-button","type":"density","overridesName":"outlined-touch-target-display"},{"name":"container-shape","prefix":"mdc-protected-button","type":"base","overridesName":"protected-container-shape"},{"name":"container-elevation-shadow","prefix":"mdc-protected-button","type":"color","overridesName":"protected-container-elevation-shadow"},{"name":"disabled-container-elevation-shadow","prefix":"mdc-protected-button","type":"color","overridesName":"protected-disabled-container-elevation-shadow"},{"name":"focus-container-elevation-shadow","prefix":"mdc-protected-button","type":"color","overridesName":"protected-focus-container-elevation-shadow"},{"name":"hover-container-elevation-shadow","prefix":"mdc-protected-button","type":"color","overridesName":"protected-hover-container-elevation-shadow"},{"name":"pressed-container-elevation-shadow","prefix":"mdc-protected-button","type":"color","overridesName":"protected-pressed-container-elevation-shadow"},{"name":"container-color","prefix":"mdc-protected-button","type":"color","overridesName":"protected-container-color","derivedFrom":"--mat-sys-surface"},{"name":"label-text-color","prefix":"mdc-protected-button","type":"color","overridesName":"protected-label-text-color","derivedFrom":"--mat-sys-primary"},{"name":"disabled-container-color","prefix":"mdc-protected-button","type":"color","overridesName":"protected-disabled-container-color","derivedFrom":"--mat-sys-on-surface"},{"name":"disabled-label-text-color","prefix":"mdc-protected-button","type":"color","overridesName":"protected-disabled-label-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"label-text-font","prefix":"mdc-protected-button","type":"typography","overridesName":"protected-label-text-font","derivedFrom":"--mat-sys-label-large-font"},{"name":"label-text-size","prefix":"mdc-protected-button","type":"typography","overridesName":"protected-label-text-size","derivedFrom":"--mat-sys-label-large-size"},{"name":"label-text-tracking","prefix":"mdc-protected-button","type":"typography","overridesName":"protected-label-text-tracking","derivedFrom":"--mat-sys-label-large-tracking"},{"name":"label-text-weight","prefix":"mdc-protected-button","type":"typography","overridesName":"protected-label-text-weight","derivedFrom":"--mat-sys-label-large-weight"},{"name":"label-text-transform","prefix":"mdc-protected-button","type":"typography","overridesName":"protected-label-text-transform"},{"name":"container-height","prefix":"mdc-protected-button","type":"density","overridesName":"protected-container-height"},{"name":"horizontal-padding","prefix":"mat-protected-button","type":"base","overridesName":"protected-horizontal-padding"},{"name":"icon-spacing","prefix":"mat-protected-button","type":"base","overridesName":"protected-icon-spacing"},{"name":"icon-offset","prefix":"mat-protected-button","type":"base","overridesName":"protected-icon-offset"},{"name":"state-layer-color","prefix":"mat-protected-button","type":"color","overridesName":"protected-state-layer-color","derivedFrom":"--mat-sys-primary"},{"name":"disabled-state-layer-color","prefix":"mat-protected-button","type":"color","overridesName":"protected-disabled-state-layer-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"ripple-color","prefix":"mat-protected-button","type":"color","overridesName":"protected-ripple-color","derivedFrom":"--mat-sys-primary"},{"name":"hover-state-layer-opacity","prefix":"mat-protected-button","type":"color","overridesName":"protected-hover-state-layer-opacity"},{"name":"focus-state-layer-opacity","prefix":"mat-protected-button","type":"color","overridesName":"protected-focus-state-layer-opacity"},{"name":"pressed-state-layer-opacity","prefix":"mat-protected-button","type":"color","overridesName":"protected-pressed-state-layer-opacity"},{"name":"touch-target-display","prefix":"mat-protected-button","type":"density","overridesName":"protected-touch-target-display"},{"name":"container-shape","prefix":"mdc-text-button","type":"base","overridesName":"text-container-shape"},{"name":"label-text-color","prefix":"mdc-text-button","type":"color","overridesName":"text-label-text-color","derivedFrom":"--mat-sys-primary"},{"name":"disabled-label-text-color","prefix":"mdc-text-button","type":"color","overridesName":"text-disabled-label-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"label-text-font","prefix":"mdc-text-button","type":"typography","overridesName":"text-label-text-font","derivedFrom":"--mat-sys-label-large-font"},{"name":"label-text-size","prefix":"mdc-text-button","type":"typography","overridesName":"text-label-text-size","derivedFrom":"--mat-sys-label-large-size"},{"name":"label-text-tracking","prefix":"mdc-text-button","type":"typography","overridesName":"text-label-text-tracking","derivedFrom":"--mat-sys-label-large-tracking"},{"name":"label-text-weight","prefix":"mdc-text-button","type":"typography","overridesName":"text-label-text-weight","derivedFrom":"--mat-sys-label-large-weight"},{"name":"label-text-transform","prefix":"mdc-text-button","type":"typography","overridesName":"text-label-text-transform"},{"name":"container-height","prefix":"mdc-text-button","type":"density","overridesName":"text-container-height"},{"name":"horizontal-padding","prefix":"mat-text-button","type":"base","overridesName":"text-horizontal-padding"},{"name":"with-icon-horizontal-padding","prefix":"mat-text-button","type":"base","overridesName":"text-with-icon-horizontal-padding"},{"name":"icon-spacing","prefix":"mat-text-button","type":"base","overridesName":"text-icon-spacing"},{"name":"icon-offset","prefix":"mat-text-button","type":"base","overridesName":"text-icon-offset"},{"name":"state-layer-color","prefix":"mat-text-button","type":"color","overridesName":"text-state-layer-color","derivedFrom":"--mat-sys-primary"},{"name":"disabled-state-layer-color","prefix":"mat-text-button","type":"color","overridesName":"text-disabled-state-layer-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"ripple-color","prefix":"mat-text-button","type":"color","overridesName":"text-ripple-color","derivedFrom":"--mat-sys-primary"},{"name":"hover-state-layer-opacity","prefix":"mat-text-button","type":"color","overridesName":"text-hover-state-layer-opacity"},{"name":"focus-state-layer-opacity","prefix":"mat-text-button","type":"color","overridesName":"text-focus-state-layer-opacity"},{"name":"pressed-state-layer-opacity","prefix":"mat-text-button","type":"color","overridesName":"text-pressed-state-layer-opacity"},{"name":"touch-target-display","prefix":"mat-text-button","type":"density","overridesName":"text-touch-target-display"}]},{"name":"fab","overridesMixin":"fab-overrides","tokens":[{"name":"container-shape","prefix":"mdc-fab","type":"base","overridesName":"container-shape"},{"name":"container-elevation-shadow","prefix":"mdc-fab","type":"color","overridesName":"container-elevation-shadow"},{"name":"focus-container-elevation-shadow","prefix":"mdc-fab","type":"color","overridesName":"focus-container-elevation-shadow"},{"name":"hover-container-elevation-shadow","prefix":"mdc-fab","type":"color","overridesName":"hover-container-elevation-shadow"},{"name":"pressed-container-elevation-shadow","prefix":"mdc-fab","type":"color","overridesName":"pressed-container-elevation-shadow"},{"name":"container-color","prefix":"mdc-fab","type":"color","overridesName":"container-color","derivedFrom":"--mat-sys-primary-container"},{"name":"container-shape","prefix":"mdc-fab-small","type":"base","overridesName":"small-container-shape"},{"name":"container-elevation-shadow","prefix":"mdc-fab-small","type":"color","overridesName":"small-container-elevation-shadow"},{"name":"focus-container-elevation-shadow","prefix":"mdc-fab-small","type":"color","overridesName":"small-focus-container-elevation-shadow"},{"name":"hover-container-elevation-shadow","prefix":"mdc-fab-small","type":"color","overridesName":"small-hover-container-elevation-shadow"},{"name":"pressed-container-elevation-shadow","prefix":"mdc-fab-small","type":"color","overridesName":"small-pressed-container-elevation-shadow"},{"name":"container-color","prefix":"mdc-fab-small","type":"color","overridesName":"small-container-color","derivedFrom":"--mat-sys-primary-container"},{"name":"container-height","prefix":"mdc-extended-fab","type":"base","overridesName":"extended-container-height"},{"name":"container-shape","prefix":"mdc-extended-fab","type":"base","overridesName":"extended-container-shape"},{"name":"container-elevation-shadow","prefix":"mdc-extended-fab","type":"color","overridesName":"extended-container-elevation-shadow"},{"name":"focus-container-elevation-shadow","prefix":"mdc-extended-fab","type":"color","overridesName":"extended-focus-container-elevation-shadow"},{"name":"hover-container-elevation-shadow","prefix":"mdc-extended-fab","type":"color","overridesName":"extended-hover-container-elevation-shadow"},{"name":"pressed-container-elevation-shadow","prefix":"mdc-extended-fab","type":"color","overridesName":"extended-pressed-container-elevation-shadow"},{"name":"label-text-font","prefix":"mdc-extended-fab","type":"typography","overridesName":"extended-label-text-font","derivedFrom":"--mat-sys-label-large-font"},{"name":"label-text-size","prefix":"mdc-extended-fab","type":"typography","overridesName":"extended-label-text-size","derivedFrom":"--mat-sys-label-large-size"},{"name":"label-text-tracking","prefix":"mdc-extended-fab","type":"typography","overridesName":"extended-label-text-tracking","derivedFrom":"--mat-sys-label-large-tracking"},{"name":"label-text-weight","prefix":"mdc-extended-fab","type":"typography","overridesName":"extended-label-text-weight","derivedFrom":"--mat-sys-label-large-weight"},{"name":"foreground-color","prefix":"mat-fab","type":"color","overridesName":"foreground-color","derivedFrom":"--mat-sys-on-primary-container"},{"name":"state-layer-color","prefix":"mat-fab","type":"color","overridesName":"state-layer-color","derivedFrom":"--mat-sys-on-primary-container"},{"name":"disabled-state-layer-color","prefix":"mat-fab","type":"color","overridesName":"disabled-state-layer-color"},{"name":"ripple-color","prefix":"mat-fab","type":"color","overridesName":"ripple-color","derivedFrom":"--mat-sys-on-primary-container"},{"name":"hover-state-layer-opacity","prefix":"mat-fab","type":"color","overridesName":"hover-state-layer-opacity"},{"name":"focus-state-layer-opacity","prefix":"mat-fab","type":"color","overridesName":"focus-state-layer-opacity"},{"name":"pressed-state-layer-opacity","prefix":"mat-fab","type":"color","overridesName":"pressed-state-layer-opacity"},{"name":"disabled-state-container-color","prefix":"mat-fab","type":"color","overridesName":"disabled-state-container-color","derivedFrom":"--mat-sys-on-surface"},{"name":"disabled-state-foreground-color","prefix":"mat-fab","type":"color","overridesName":"disabled-state-foreground-color","derivedFrom":"--mat-sys-on-surface"},{"name":"touch-target-display","prefix":"mat-fab","type":"density","overridesName":"touch-target-display"},{"name":"foreground-color","prefix":"mat-fab-small","type":"color","overridesName":"small-foreground-color","derivedFrom":"--mat-sys-on-primary-container"},{"name":"state-layer-color","prefix":"mat-fab-small","type":"color","overridesName":"small-state-layer-color","derivedFrom":"--mat-sys-on-primary-container"},{"name":"disabled-state-layer-color","prefix":"mat-fab-small","type":"color","overridesName":"small-disabled-state-layer-color"},{"name":"ripple-color","prefix":"mat-fab-small","type":"color","overridesName":"small-ripple-color","derivedFrom":"--mat-sys-on-primary-container"},{"name":"hover-state-layer-opacity","prefix":"mat-fab-small","type":"color","overridesName":"small-hover-state-layer-opacity"},{"name":"focus-state-layer-opacity","prefix":"mat-fab-small","type":"color","overridesName":"small-focus-state-layer-opacity"},{"name":"pressed-state-layer-opacity","prefix":"mat-fab-small","type":"color","overridesName":"small-pressed-state-layer-opacity"},{"name":"disabled-state-container-color","prefix":"mat-fab-small","type":"color","overridesName":"small-disabled-state-container-color","derivedFrom":"--mat-sys-on-surface"},{"name":"disabled-state-foreground-color","prefix":"mat-fab-small","type":"color","overridesName":"small-disabled-state-foreground-color","derivedFrom":"--mat-sys-on-surface"},{"name":"touch-target-display","prefix":"mat-fab-small","type":"base","overridesName":"small-touch-target-display"}]},{"name":"icon-button","overridesMixin":"icon-button-overrides","tokens":[{"name":"icon-size","prefix":"mdc-icon-button","type":"base","overridesName":"icon-size"},{"name":"icon-color","prefix":"mdc-icon-button","type":"color","overridesName":"icon-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"disabled-icon-color","prefix":"mdc-icon-button","type":"color","overridesName":"disabled-icon-color","derivedFrom":"--mat-sys-on-surface"},{"name":"state-layer-size","prefix":"mdc-icon-button","type":"density","overridesName":"state-layer-size"},{"name":"state-layer-color","prefix":"mat-icon-button","type":"color","overridesName":"state-layer-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"disabled-state-layer-color","prefix":"mat-icon-button","type":"color","overridesName":"disabled-state-layer-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"ripple-color","prefix":"mat-icon-button","type":"color","overridesName":"ripple-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"hover-state-layer-opacity","prefix":"mat-icon-button","type":"color","overridesName":"hover-state-layer-opacity"},{"name":"focus-state-layer-opacity","prefix":"mat-icon-button","type":"color","overridesName":"focus-state-layer-opacity"},{"name":"pressed-state-layer-opacity","prefix":"mat-icon-button","type":"color","overridesName":"pressed-state-layer-opacity"},{"name":"touch-target-display","prefix":"mat-icon-button","type":"density","overridesName":"touch-target-display"}]}]} \ No newline at end of file diff --git a/docs-content/tokens/material/card/card.json b/docs-content/tokens/material/card/card.json index df5aad2ce..8b22d8841 100755 --- a/docs-content/tokens/material/card/card.json +++ b/docs-content/tokens/material/card/card.json @@ -1 +1 @@ -{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.card-overrides((\n subtitle-text-color: orange,\n elevated-container-color: red,\n ));\n}","themes":[{"name":"card","overridesMixin":"card-overrides","tokens":[{"name":"subtitle-text-color","prefix":"mat-card","type":"color","overridesName":"subtitle-text-color","derivedFrom":"--sys-on-surface"},{"name":"title-text-font","prefix":"mat-card","type":"typography","overridesName":"title-text-font","derivedFrom":"--sys-title-large-font"},{"name":"title-text-line-height","prefix":"mat-card","type":"typography","overridesName":"title-text-line-height","derivedFrom":"--sys-title-large-line-height"},{"name":"title-text-size","prefix":"mat-card","type":"typography","overridesName":"title-text-size","derivedFrom":"--sys-title-large-size"},{"name":"title-text-tracking","prefix":"mat-card","type":"typography","overridesName":"title-text-tracking","derivedFrom":"--sys-title-large-tracking"},{"name":"title-text-weight","prefix":"mat-card","type":"typography","overridesName":"title-text-weight","derivedFrom":"--sys-title-large-weight"},{"name":"subtitle-text-font","prefix":"mat-card","type":"typography","overridesName":"subtitle-text-font","derivedFrom":"--sys-title-medium-font"},{"name":"subtitle-text-line-height","prefix":"mat-card","type":"typography","overridesName":"subtitle-text-line-height","derivedFrom":"--sys-title-medium-line-height"},{"name":"subtitle-text-size","prefix":"mat-card","type":"typography","overridesName":"subtitle-text-size","derivedFrom":"--sys-title-medium-size"},{"name":"subtitle-text-tracking","prefix":"mat-card","type":"typography","overridesName":"subtitle-text-tracking","derivedFrom":"--sys-title-medium-tracking"},{"name":"subtitle-text-weight","prefix":"mat-card","type":"typography","overridesName":"subtitle-text-weight","derivedFrom":"--sys-title-medium-weight"},{"name":"container-shape","prefix":"mdc-elevated-card","type":"base","overridesName":"elevated-container-shape"},{"name":"container-color","prefix":"mdc-elevated-card","type":"color","overridesName":"elevated-container-color","derivedFrom":"--sys-surface-container-low"},{"name":"container-elevation","prefix":"mdc-elevated-card","type":"color","overridesName":"elevated-container-elevation"},{"name":"container-shape","prefix":"mdc-outlined-card","type":"base","overridesName":"outlined-container-shape"},{"name":"outline-width","prefix":"mdc-outlined-card","type":"base","overridesName":"outlined-outline-width"},{"name":"container-color","prefix":"mdc-outlined-card","type":"color","overridesName":"outlined-container-color","derivedFrom":"--sys-surface"},{"name":"outline-color","prefix":"mdc-outlined-card","type":"color","overridesName":"outlined-outline-color","derivedFrom":"--sys-outline-variant"},{"name":"container-elevation","prefix":"mdc-outlined-card","type":"color","overridesName":"outlined-container-elevation"}]}]} \ No newline at end of file +{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.card-overrides((\n subtitle-text-color: orange,\n elevated-container-color: 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":"mdc-elevated-card","type":"base","overridesName":"elevated-container-shape"},{"name":"container-color","prefix":"mdc-elevated-card","type":"color","overridesName":"elevated-container-color","derivedFrom":"--mat-sys-surface-container-low"},{"name":"container-elevation","prefix":"mdc-elevated-card","type":"color","overridesName":"elevated-container-elevation"},{"name":"container-shape","prefix":"mdc-outlined-card","type":"base","overridesName":"outlined-container-shape"},{"name":"outline-width","prefix":"mdc-outlined-card","type":"base","overridesName":"outlined-outline-width"},{"name":"container-color","prefix":"mdc-outlined-card","type":"color","overridesName":"outlined-container-color","derivedFrom":"--mat-sys-surface"},{"name":"outline-color","prefix":"mdc-outlined-card","type":"color","overridesName":"outlined-outline-color","derivedFrom":"--mat-sys-outline-variant"},{"name":"container-elevation","prefix":"mdc-outlined-card","type":"color","overridesName":"outlined-container-elevation"}]}]} \ No newline at end of file diff --git a/docs-content/tokens/material/checkbox/checkbox.json b/docs-content/tokens/material/checkbox/checkbox.json index aa6d70be3..cf01f1f74 100755 --- a/docs-content/tokens/material/checkbox/checkbox.json +++ b/docs-content/tokens/material/checkbox/checkbox.json @@ -1 +1 @@ -{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.checkbox-overrides((\n disabled-label-color: orange,\n label-text-color: red,\n ));\n}","themes":[{"name":"checkbox","overridesMixin":"checkbox-overrides","tokens":[{"name":"disabled-label-color","prefix":"mat-checkbox","type":"color","overridesName":"disabled-label-color","derivedFrom":"--sys-on-surface"},{"name":"label-text-color","prefix":"mat-checkbox","type":"color","overridesName":"label-text-color","derivedFrom":"--sys-on-surface"},{"name":"label-text-font","prefix":"mat-checkbox","type":"typography","overridesName":"label-text-font","derivedFrom":"--sys-body-medium-font"},{"name":"label-text-line-height","prefix":"mat-checkbox","type":"typography","overridesName":"label-text-line-height","derivedFrom":"--sys-body-medium-line-height"},{"name":"label-text-size","prefix":"mat-checkbox","type":"typography","overridesName":"label-text-size","derivedFrom":"--sys-body-medium-size"},{"name":"label-text-tracking","prefix":"mat-checkbox","type":"typography","overridesName":"label-text-tracking","derivedFrom":"--sys-body-medium-tracking"},{"name":"label-text-weight","prefix":"mat-checkbox","type":"typography","overridesName":"label-text-weight","derivedFrom":"--sys-body-medium-weight"},{"name":"touch-target-display","prefix":"mat-checkbox","type":"density","overridesName":"touch-target-display"},{"name":"disabled-selected-checkmark-color","prefix":"mdc-checkbox","type":"color","overridesName":"disabled-selected-checkmark-color","derivedFrom":"--sys-surface"},{"name":"selected-focus-state-layer-opacity","prefix":"mdc-checkbox","type":"color","overridesName":"selected-focus-state-layer-opacity"},{"name":"selected-hover-state-layer-opacity","prefix":"mdc-checkbox","type":"color","overridesName":"selected-hover-state-layer-opacity"},{"name":"selected-pressed-state-layer-opacity","prefix":"mdc-checkbox","type":"color","overridesName":"selected-pressed-state-layer-opacity"},{"name":"unselected-focus-state-layer-opacity","prefix":"mdc-checkbox","type":"color","overridesName":"unselected-focus-state-layer-opacity"},{"name":"unselected-hover-state-layer-opacity","prefix":"mdc-checkbox","type":"color","overridesName":"unselected-hover-state-layer-opacity"},{"name":"unselected-pressed-state-layer-opacity","prefix":"mdc-checkbox","type":"color","overridesName":"unselected-pressed-state-layer-opacity"},{"name":"selected-pressed-icon-color","prefix":"mdc-checkbox","type":"color","overridesName":"selected-pressed-icon-color","derivedFrom":"--sys-primary"},{"name":"disabled-selected-icon-color","prefix":"mdc-checkbox","type":"color","overridesName":"disabled-selected-icon-color","derivedFrom":"--sys-on-surface"},{"name":"disabled-unselected-icon-color","prefix":"mdc-checkbox","type":"color","overridesName":"disabled-unselected-icon-color","derivedFrom":"--sys-on-surface"},{"name":"selected-checkmark-color","prefix":"mdc-checkbox","type":"color","overridesName":"selected-checkmark-color","derivedFrom":"--sys-on-primary"},{"name":"selected-focus-icon-color","prefix":"mdc-checkbox","type":"color","overridesName":"selected-focus-icon-color","derivedFrom":"--sys-primary"},{"name":"selected-hover-icon-color","prefix":"mdc-checkbox","type":"color","overridesName":"selected-hover-icon-color","derivedFrom":"--sys-primary"},{"name":"selected-icon-color","prefix":"mdc-checkbox","type":"color","overridesName":"selected-icon-color","derivedFrom":"--sys-primary"},{"name":"unselected-focus-icon-color","prefix":"mdc-checkbox","type":"color","overridesName":"unselected-focus-icon-color","derivedFrom":"--sys-on-surface"},{"name":"unselected-hover-icon-color","prefix":"mdc-checkbox","type":"color","overridesName":"unselected-hover-icon-color","derivedFrom":"--sys-on-surface"},{"name":"unselected-icon-color","prefix":"mdc-checkbox","type":"color","overridesName":"unselected-icon-color","derivedFrom":"--sys-on-surface-variant"},{"name":"selected-focus-state-layer-color","prefix":"mdc-checkbox","type":"color","overridesName":"selected-focus-state-layer-color","derivedFrom":"--sys-primary"},{"name":"selected-hover-state-layer-color","prefix":"mdc-checkbox","type":"color","overridesName":"selected-hover-state-layer-color","derivedFrom":"--sys-primary"},{"name":"selected-pressed-state-layer-color","prefix":"mdc-checkbox","type":"color","overridesName":"selected-pressed-state-layer-color","derivedFrom":"--sys-on-surface"},{"name":"unselected-focus-state-layer-color","prefix":"mdc-checkbox","type":"color","overridesName":"unselected-focus-state-layer-color","derivedFrom":"--sys-on-surface"},{"name":"unselected-hover-state-layer-color","prefix":"mdc-checkbox","type":"color","overridesName":"unselected-hover-state-layer-color","derivedFrom":"--sys-on-surface"},{"name":"unselected-pressed-state-layer-color","prefix":"mdc-checkbox","type":"color","overridesName":"unselected-pressed-state-layer-color","derivedFrom":"--sys-primary"},{"name":"state-layer-size","prefix":"mdc-checkbox","type":"density","overridesName":"state-layer-size"}]}]} \ No newline at end of file +{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.checkbox-overrides((\n disabled-label-color: orange,\n label-text-color: red,\n ));\n}","themes":[{"name":"checkbox","overridesMixin":"checkbox-overrides","tokens":[{"name":"disabled-label-color","prefix":"mat-checkbox","type":"color","overridesName":"disabled-label-color","derivedFrom":"--mat-sys-on-surface"},{"name":"label-text-color","prefix":"mat-checkbox","type":"color","overridesName":"label-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"label-text-font","prefix":"mat-checkbox","type":"typography","overridesName":"label-text-font","derivedFrom":"--mat-sys-body-medium-font"},{"name":"label-text-line-height","prefix":"mat-checkbox","type":"typography","overridesName":"label-text-line-height","derivedFrom":"--mat-sys-body-medium-line-height"},{"name":"label-text-size","prefix":"mat-checkbox","type":"typography","overridesName":"label-text-size","derivedFrom":"--mat-sys-body-medium-size"},{"name":"label-text-tracking","prefix":"mat-checkbox","type":"typography","overridesName":"label-text-tracking","derivedFrom":"--mat-sys-body-medium-tracking"},{"name":"label-text-weight","prefix":"mat-checkbox","type":"typography","overridesName":"label-text-weight","derivedFrom":"--mat-sys-body-medium-weight"},{"name":"touch-target-display","prefix":"mat-checkbox","type":"density","overridesName":"touch-target-display"},{"name":"disabled-selected-checkmark-color","prefix":"mdc-checkbox","type":"color","overridesName":"disabled-selected-checkmark-color","derivedFrom":"--mat-sys-surface"},{"name":"selected-focus-state-layer-opacity","prefix":"mdc-checkbox","type":"color","overridesName":"selected-focus-state-layer-opacity"},{"name":"selected-hover-state-layer-opacity","prefix":"mdc-checkbox","type":"color","overridesName":"selected-hover-state-layer-opacity"},{"name":"selected-pressed-state-layer-opacity","prefix":"mdc-checkbox","type":"color","overridesName":"selected-pressed-state-layer-opacity"},{"name":"unselected-focus-state-layer-opacity","prefix":"mdc-checkbox","type":"color","overridesName":"unselected-focus-state-layer-opacity"},{"name":"unselected-hover-state-layer-opacity","prefix":"mdc-checkbox","type":"color","overridesName":"unselected-hover-state-layer-opacity"},{"name":"unselected-pressed-state-layer-opacity","prefix":"mdc-checkbox","type":"color","overridesName":"unselected-pressed-state-layer-opacity"},{"name":"selected-pressed-icon-color","prefix":"mdc-checkbox","type":"color","overridesName":"selected-pressed-icon-color","derivedFrom":"--mat-sys-primary"},{"name":"disabled-selected-icon-color","prefix":"mdc-checkbox","type":"color","overridesName":"disabled-selected-icon-color","derivedFrom":"--mat-sys-on-surface"},{"name":"disabled-unselected-icon-color","prefix":"mdc-checkbox","type":"color","overridesName":"disabled-unselected-icon-color","derivedFrom":"--mat-sys-on-surface"},{"name":"selected-checkmark-color","prefix":"mdc-checkbox","type":"color","overridesName":"selected-checkmark-color","derivedFrom":"--mat-sys-on-primary"},{"name":"selected-focus-icon-color","prefix":"mdc-checkbox","type":"color","overridesName":"selected-focus-icon-color","derivedFrom":"--mat-sys-primary"},{"name":"selected-hover-icon-color","prefix":"mdc-checkbox","type":"color","overridesName":"selected-hover-icon-color","derivedFrom":"--mat-sys-primary"},{"name":"selected-icon-color","prefix":"mdc-checkbox","type":"color","overridesName":"selected-icon-color","derivedFrom":"--mat-sys-primary"},{"name":"unselected-focus-icon-color","prefix":"mdc-checkbox","type":"color","overridesName":"unselected-focus-icon-color","derivedFrom":"--mat-sys-on-surface"},{"name":"unselected-hover-icon-color","prefix":"mdc-checkbox","type":"color","overridesName":"unselected-hover-icon-color","derivedFrom":"--mat-sys-on-surface"},{"name":"unselected-icon-color","prefix":"mdc-checkbox","type":"color","overridesName":"unselected-icon-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"selected-focus-state-layer-color","prefix":"mdc-checkbox","type":"color","overridesName":"selected-focus-state-layer-color","derivedFrom":"--mat-sys-primary"},{"name":"selected-hover-state-layer-color","prefix":"mdc-checkbox","type":"color","overridesName":"selected-hover-state-layer-color","derivedFrom":"--mat-sys-primary"},{"name":"selected-pressed-state-layer-color","prefix":"mdc-checkbox","type":"color","overridesName":"selected-pressed-state-layer-color","derivedFrom":"--mat-sys-on-surface"},{"name":"unselected-focus-state-layer-color","prefix":"mdc-checkbox","type":"color","overridesName":"unselected-focus-state-layer-color","derivedFrom":"--mat-sys-on-surface"},{"name":"unselected-hover-state-layer-color","prefix":"mdc-checkbox","type":"color","overridesName":"unselected-hover-state-layer-color","derivedFrom":"--mat-sys-on-surface"},{"name":"unselected-pressed-state-layer-color","prefix":"mdc-checkbox","type":"color","overridesName":"unselected-pressed-state-layer-color","derivedFrom":"--mat-sys-primary"},{"name":"state-layer-size","prefix":"mdc-checkbox","type":"density","overridesName":"state-layer-size"}]}]} \ No newline at end of file diff --git a/docs-content/tokens/material/chips/chips.json b/docs-content/tokens/material/chips/chips.json index 10dd7b36e..63deba134 100755 --- a/docs-content/tokens/material/chips/chips.json +++ b/docs-content/tokens/material/chips/chips.json @@ -1 +1 @@ -{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.chips-overrides((\n outline-color: orange,\n disabled-outline-color: red,\n ));\n}","themes":[{"name":"chips","overridesMixin":"chips-overrides","tokens":[{"name":"container-shape-radius","prefix":"mdc-chip","type":"base","overridesName":"container-shape-radius"},{"name":"with-avatar-avatar-shape-radius","prefix":"mdc-chip","type":"base","overridesName":"with-avatar-avatar-shape-radius"},{"name":"with-avatar-avatar-size","prefix":"mdc-chip","type":"base","overridesName":"with-avatar-avatar-size"},{"name":"with-icon-icon-size","prefix":"mdc-chip","type":"base","overridesName":"with-icon-icon-size"},{"name":"outline-width","prefix":"mdc-chip","type":"base","overridesName":"outline-width"},{"name":"outline-color","prefix":"mdc-chip","type":"color","overridesName":"outline-color","derivedFrom":"--sys-outline"},{"name":"disabled-outline-color","prefix":"mdc-chip","type":"color","overridesName":"disabled-outline-color","derivedFrom":"--sys-on-surface"},{"name":"focus-outline-color","prefix":"mdc-chip","type":"color","overridesName":"focus-outline-color","derivedFrom":"--sys-on-surface-variant"},{"name":"hover-state-layer-opacity","prefix":"mdc-chip","type":"color","overridesName":"hover-state-layer-opacity"},{"name":"with-avatar-disabled-avatar-opacity","prefix":"mdc-chip","type":"base","overridesName":"with-avatar-disabled-avatar-opacity"},{"name":"flat-selected-outline-width","prefix":"mdc-chip","type":"base","overridesName":"flat-selected-outline-width"},{"name":"selected-hover-state-layer-opacity","prefix":"mdc-chip","type":"color","overridesName":"selected-hover-state-layer-opacity"},{"name":"with-trailing-icon-disabled-trailing-icon-opacity","prefix":"mdc-chip","type":"base","overridesName":"with-trailing-icon-disabled-trailing-icon-opacity"},{"name":"with-icon-disabled-icon-opacity","prefix":"mdc-chip","type":"base","overridesName":"with-icon-disabled-icon-opacity"},{"name":"disabled-label-text-color","prefix":"mdc-chip","type":"color","overridesName":"disabled-label-text-color","derivedFrom":"--sys-on-surface"},{"name":"elevated-container-color","prefix":"mdc-chip","type":"base","overridesName":"elevated-container-color"},{"name":"elevated-selected-container-color","prefix":"mdc-chip","type":"color","overridesName":"elevated-selected-container-color","derivedFrom":"--sys-secondary-container"},{"name":"elevated-disabled-container-color","prefix":"mdc-chip","type":"color","overridesName":"elevated-disabled-container-color"},{"name":"flat-disabled-selected-container-color","prefix":"mdc-chip","type":"color","overridesName":"flat-disabled-selected-container-color","derivedFrom":"--sys-on-surface"},{"name":"focus-state-layer-color","prefix":"mdc-chip","type":"color","overridesName":"focus-state-layer-color","derivedFrom":"--sys-on-surface-variant"},{"name":"hover-state-layer-color","prefix":"mdc-chip","type":"color","overridesName":"hover-state-layer-color","derivedFrom":"--sys-on-surface-variant"},{"name":"selected-hover-state-layer-color","prefix":"mdc-chip","type":"color","overridesName":"selected-hover-state-layer-color","derivedFrom":"--sys-on-secondary-container"},{"name":"focus-state-layer-opacity","prefix":"mdc-chip","type":"color","overridesName":"focus-state-layer-opacity"},{"name":"selected-focus-state-layer-color","prefix":"mdc-chip","type":"color","overridesName":"selected-focus-state-layer-color","derivedFrom":"--sys-on-secondary-container"},{"name":"selected-focus-state-layer-opacity","prefix":"mdc-chip","type":"color","overridesName":"selected-focus-state-layer-opacity"},{"name":"label-text-color","prefix":"mdc-chip","type":"color","overridesName":"label-text-color","derivedFrom":"--sys-on-surface-variant"},{"name":"selected-label-text-color","prefix":"mdc-chip","type":"color","overridesName":"selected-label-text-color","derivedFrom":"--sys-on-secondary-container"},{"name":"with-icon-icon-color","prefix":"mdc-chip","type":"color","overridesName":"with-icon-icon-color","derivedFrom":"--sys-on-surface-variant"},{"name":"with-icon-disabled-icon-color","prefix":"mdc-chip","type":"color","overridesName":"with-icon-disabled-icon-color","derivedFrom":"--sys-on-surface"},{"name":"with-icon-selected-icon-color","prefix":"mdc-chip","type":"color","overridesName":"with-icon-selected-icon-color","derivedFrom":"--sys-on-secondary-container"},{"name":"with-trailing-icon-disabled-trailing-icon-color","prefix":"mdc-chip","type":"color","overridesName":"with-trailing-icon-disabled-trailing-icon-color","derivedFrom":"--sys-on-surface"},{"name":"with-trailing-icon-trailing-icon-color","prefix":"mdc-chip","type":"color","overridesName":"with-trailing-icon-trailing-icon-color","derivedFrom":"--sys-on-surface-variant"},{"name":"label-text-font","prefix":"mdc-chip","type":"typography","overridesName":"label-text-font","derivedFrom":"--sys-label-large-font"},{"name":"label-text-line-height","prefix":"mdc-chip","type":"typography","overridesName":"label-text-line-height","derivedFrom":"--sys-label-large-line-height"},{"name":"label-text-size","prefix":"mdc-chip","type":"typography","overridesName":"label-text-size","derivedFrom":"--sys-label-large-size"},{"name":"label-text-tracking","prefix":"mdc-chip","type":"typography","overridesName":"label-text-tracking","derivedFrom":"--sys-label-large-tracking"},{"name":"label-text-weight","prefix":"mdc-chip","type":"typography","overridesName":"label-text-weight","derivedFrom":"--sys-label-large-weight"},{"name":"container-height","prefix":"mdc-chip","type":"density","overridesName":"container-height"},{"name":"disabled-container-opacity","prefix":"mat-chip","type":"base","overridesName":"disabled-container-opacity"},{"name":"trailing-action-opacity","prefix":"mat-chip","type":"base","overridesName":"trailing-action-opacity"},{"name":"trailing-action-focus-opacity","prefix":"mat-chip","type":"base","overridesName":"trailing-action-focus-opacity"},{"name":"trailing-action-state-layer-color","prefix":"mat-chip","type":"color","overridesName":"trailing-action-state-layer-color","derivedFrom":"--sys-on-surface-variant"},{"name":"selected-trailing-action-state-layer-color","prefix":"mat-chip","type":"color","overridesName":"selected-trailing-action-state-layer-color","derivedFrom":"--sys-on-secondary-container"},{"name":"trailing-action-hover-state-layer-opacity","prefix":"mat-chip","type":"color","overridesName":"trailing-action-hover-state-layer-opacity"},{"name":"trailing-action-focus-state-layer-opacity","prefix":"mat-chip","type":"color","overridesName":"trailing-action-focus-state-layer-opacity"},{"name":"selected-disabled-trailing-icon-color","prefix":"mat-chip","type":"color","overridesName":"selected-disabled-trailing-icon-color","derivedFrom":"--sys-on-surface"},{"name":"selected-trailing-icon-color","prefix":"mat-chip","type":"color","overridesName":"selected-trailing-icon-color","derivedFrom":"--sys-on-secondary-container"}]}]} \ No newline at end of file +{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.chips-overrides((\n outline-color: orange,\n disabled-outline-color: red,\n ));\n}","themes":[{"name":"chips","overridesMixin":"chips-overrides","tokens":[{"name":"container-shape-radius","prefix":"mdc-chip","type":"base","overridesName":"container-shape-radius"},{"name":"with-avatar-avatar-shape-radius","prefix":"mdc-chip","type":"base","overridesName":"with-avatar-avatar-shape-radius"},{"name":"with-avatar-avatar-size","prefix":"mdc-chip","type":"base","overridesName":"with-avatar-avatar-size"},{"name":"with-icon-icon-size","prefix":"mdc-chip","type":"base","overridesName":"with-icon-icon-size"},{"name":"outline-width","prefix":"mdc-chip","type":"base","overridesName":"outline-width"},{"name":"outline-color","prefix":"mdc-chip","type":"color","overridesName":"outline-color","derivedFrom":"--mat-sys-outline"},{"name":"disabled-outline-color","prefix":"mdc-chip","type":"color","overridesName":"disabled-outline-color","derivedFrom":"--mat-sys-on-surface"},{"name":"focus-outline-color","prefix":"mdc-chip","type":"color","overridesName":"focus-outline-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"hover-state-layer-opacity","prefix":"mdc-chip","type":"color","overridesName":"hover-state-layer-opacity"},{"name":"with-avatar-disabled-avatar-opacity","prefix":"mdc-chip","type":"base","overridesName":"with-avatar-disabled-avatar-opacity"},{"name":"flat-selected-outline-width","prefix":"mdc-chip","type":"base","overridesName":"flat-selected-outline-width"},{"name":"selected-hover-state-layer-opacity","prefix":"mdc-chip","type":"color","overridesName":"selected-hover-state-layer-opacity"},{"name":"with-trailing-icon-disabled-trailing-icon-opacity","prefix":"mdc-chip","type":"base","overridesName":"with-trailing-icon-disabled-trailing-icon-opacity"},{"name":"with-icon-disabled-icon-opacity","prefix":"mdc-chip","type":"base","overridesName":"with-icon-disabled-icon-opacity"},{"name":"disabled-label-text-color","prefix":"mdc-chip","type":"color","overridesName":"disabled-label-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"elevated-container-color","prefix":"mdc-chip","type":"base","overridesName":"elevated-container-color"},{"name":"elevated-selected-container-color","prefix":"mdc-chip","type":"color","overridesName":"elevated-selected-container-color","derivedFrom":"--mat-sys-secondary-container"},{"name":"elevated-disabled-container-color","prefix":"mdc-chip","type":"color","overridesName":"elevated-disabled-container-color"},{"name":"flat-disabled-selected-container-color","prefix":"mdc-chip","type":"color","overridesName":"flat-disabled-selected-container-color","derivedFrom":"--mat-sys-on-surface"},{"name":"focus-state-layer-color","prefix":"mdc-chip","type":"color","overridesName":"focus-state-layer-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"hover-state-layer-color","prefix":"mdc-chip","type":"color","overridesName":"hover-state-layer-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"selected-hover-state-layer-color","prefix":"mdc-chip","type":"color","overridesName":"selected-hover-state-layer-color","derivedFrom":"--mat-sys-on-secondary-container"},{"name":"focus-state-layer-opacity","prefix":"mdc-chip","type":"color","overridesName":"focus-state-layer-opacity"},{"name":"selected-focus-state-layer-color","prefix":"mdc-chip","type":"color","overridesName":"selected-focus-state-layer-color","derivedFrom":"--mat-sys-on-secondary-container"},{"name":"selected-focus-state-layer-opacity","prefix":"mdc-chip","type":"color","overridesName":"selected-focus-state-layer-opacity"},{"name":"label-text-color","prefix":"mdc-chip","type":"color","overridesName":"label-text-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"selected-label-text-color","prefix":"mdc-chip","type":"color","overridesName":"selected-label-text-color","derivedFrom":"--mat-sys-on-secondary-container"},{"name":"with-icon-icon-color","prefix":"mdc-chip","type":"color","overridesName":"with-icon-icon-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"with-icon-disabled-icon-color","prefix":"mdc-chip","type":"color","overridesName":"with-icon-disabled-icon-color","derivedFrom":"--mat-sys-on-surface"},{"name":"with-icon-selected-icon-color","prefix":"mdc-chip","type":"color","overridesName":"with-icon-selected-icon-color","derivedFrom":"--mat-sys-on-secondary-container"},{"name":"with-trailing-icon-disabled-trailing-icon-color","prefix":"mdc-chip","type":"color","overridesName":"with-trailing-icon-disabled-trailing-icon-color","derivedFrom":"--mat-sys-on-surface"},{"name":"with-trailing-icon-trailing-icon-color","prefix":"mdc-chip","type":"color","overridesName":"with-trailing-icon-trailing-icon-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"label-text-font","prefix":"mdc-chip","type":"typography","overridesName":"label-text-font","derivedFrom":"--mat-sys-label-large-font"},{"name":"label-text-line-height","prefix":"mdc-chip","type":"typography","overridesName":"label-text-line-height","derivedFrom":"--mat-sys-label-large-line-height"},{"name":"label-text-size","prefix":"mdc-chip","type":"typography","overridesName":"label-text-size","derivedFrom":"--mat-sys-label-large-size"},{"name":"label-text-tracking","prefix":"mdc-chip","type":"typography","overridesName":"label-text-tracking","derivedFrom":"--mat-sys-label-large-tracking"},{"name":"label-text-weight","prefix":"mdc-chip","type":"typography","overridesName":"label-text-weight","derivedFrom":"--mat-sys-label-large-weight"},{"name":"container-height","prefix":"mdc-chip","type":"density","overridesName":"container-height"},{"name":"disabled-container-opacity","prefix":"mat-chip","type":"base","overridesName":"disabled-container-opacity"},{"name":"trailing-action-opacity","prefix":"mat-chip","type":"base","overridesName":"trailing-action-opacity"},{"name":"trailing-action-focus-opacity","prefix":"mat-chip","type":"base","overridesName":"trailing-action-focus-opacity"},{"name":"trailing-action-state-layer-color","prefix":"mat-chip","type":"color","overridesName":"trailing-action-state-layer-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"selected-trailing-action-state-layer-color","prefix":"mat-chip","type":"color","overridesName":"selected-trailing-action-state-layer-color","derivedFrom":"--mat-sys-on-secondary-container"},{"name":"trailing-action-hover-state-layer-opacity","prefix":"mat-chip","type":"color","overridesName":"trailing-action-hover-state-layer-opacity"},{"name":"trailing-action-focus-state-layer-opacity","prefix":"mat-chip","type":"color","overridesName":"trailing-action-focus-state-layer-opacity"},{"name":"selected-disabled-trailing-icon-color","prefix":"mat-chip","type":"color","overridesName":"selected-disabled-trailing-icon-color","derivedFrom":"--mat-sys-on-surface"},{"name":"selected-trailing-icon-color","prefix":"mat-chip","type":"color","overridesName":"selected-trailing-icon-color","derivedFrom":"--mat-sys-on-secondary-container"}]}]} \ No newline at end of file diff --git a/docs-content/tokens/material/core/core.json b/docs-content/tokens/material/core/core.json index b8f5801bc..6184439bf 100755 --- a/docs-content/tokens/material/core/core.json +++ b/docs-content/tokens/material/core/core.json @@ -1 +1 @@ -{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.core-overrides((\n app-background-color: orange,\n app-text-color: red,\n ));\n}","themes":[{"name":"core","overridesMixin":"core-overrides","tokens":[{"name":"background-color","prefix":"mat-app","type":"color","overridesName":"app-background-color","derivedFrom":"--sys-background"},{"name":"text-color","prefix":"mat-app","type":"color","overridesName":"app-text-color","derivedFrom":"--sys-on-background"},{"name":"elevation-shadow-level-0","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-0"},{"name":"elevation-shadow-level-1","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-1"},{"name":"elevation-shadow-level-2","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-2"},{"name":"elevation-shadow-level-3","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-3"},{"name":"elevation-shadow-level-4","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-4"},{"name":"elevation-shadow-level-5","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-5"},{"name":"elevation-shadow-level-6","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-6"},{"name":"elevation-shadow-level-7","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-7"},{"name":"elevation-shadow-level-8","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-8"},{"name":"elevation-shadow-level-9","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-9"},{"name":"elevation-shadow-level-10","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-10"},{"name":"elevation-shadow-level-11","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-11"},{"name":"elevation-shadow-level-12","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-12"},{"name":"elevation-shadow-level-13","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-13"},{"name":"elevation-shadow-level-14","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-14"},{"name":"elevation-shadow-level-15","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-15"},{"name":"elevation-shadow-level-16","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-16"},{"name":"elevation-shadow-level-17","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-17"},{"name":"elevation-shadow-level-18","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-18"},{"name":"elevation-shadow-level-19","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-19"},{"name":"elevation-shadow-level-20","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-20"},{"name":"elevation-shadow-level-21","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-21"},{"name":"elevation-shadow-level-22","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-22"},{"name":"elevation-shadow-level-23","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-23"},{"name":"elevation-shadow-level-24","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-24"},{"name":"color","prefix":"mat-ripple","type":"color","overridesName":"ripple-color","derivedFrom":"--sys-on-surface"},{"name":"selected-state-label-text-color","prefix":"mat-option","type":"color","overridesName":"option-selected-state-label-text-color","derivedFrom":"--sys-on-secondary-container"},{"name":"label-text-color","prefix":"mat-option","type":"color","overridesName":"option-label-text-color","derivedFrom":"--sys-on-surface"},{"name":"hover-state-layer-color","prefix":"mat-option","type":"color","overridesName":"option-hover-state-layer-color","derivedFrom":"--sys-on-surface"},{"name":"focus-state-layer-color","prefix":"mat-option","type":"color","overridesName":"option-focus-state-layer-color","derivedFrom":"--sys-on-surface"},{"name":"selected-state-layer-color","prefix":"mat-option","type":"color","overridesName":"option-selected-state-layer-color","derivedFrom":"--sys-secondary-container"},{"name":"label-text-font","prefix":"mat-option","type":"typography","overridesName":"option-label-text-font","derivedFrom":"--sys-label-large-font"},{"name":"label-text-line-height","prefix":"mat-option","type":"typography","overridesName":"option-label-text-line-height","derivedFrom":"--sys-label-large-line-height"},{"name":"label-text-size","prefix":"mat-option","type":"typography","overridesName":"option-label-text-size","derivedFrom":"--sys-body-large-size"},{"name":"label-text-tracking","prefix":"mat-option","type":"typography","overridesName":"option-label-text-tracking","derivedFrom":"--sys-label-large-tracking"},{"name":"label-text-weight","prefix":"mat-option","type":"typography","overridesName":"option-label-text-weight","derivedFrom":"--sys-body-large-weight"},{"name":"label-text-color","prefix":"mat-optgroup","type":"color","overridesName":"optgroup-label-text-color","derivedFrom":"--sys-on-surface-variant"},{"name":"label-text-font","prefix":"mat-optgroup","type":"typography","overridesName":"optgroup-label-text-font","derivedFrom":"--sys-title-small-font"},{"name":"label-text-line-height","prefix":"mat-optgroup","type":"typography","overridesName":"optgroup-label-text-line-height","derivedFrom":"--sys-title-small-line-height"},{"name":"label-text-size","prefix":"mat-optgroup","type":"typography","overridesName":"optgroup-label-text-size","derivedFrom":"--sys-title-small-size"},{"name":"label-text-tracking","prefix":"mat-optgroup","type":"typography","overridesName":"optgroup-label-text-tracking","derivedFrom":"--sys-title-small-tracking"},{"name":"label-text-weight","prefix":"mat-optgroup","type":"typography","overridesName":"optgroup-label-text-weight","derivedFrom":"--sys-title-small-weight"},{"name":"selected-icon-color","prefix":"mat-full-pseudo-checkbox","type":"color","overridesName":"pseudo-checkbox-full-selected-icon-color","derivedFrom":"--sys-primary"},{"name":"selected-checkmark-color","prefix":"mat-full-pseudo-checkbox","type":"color","overridesName":"pseudo-checkbox-full-selected-checkmark-color","derivedFrom":"--sys-on-primary"},{"name":"unselected-icon-color","prefix":"mat-full-pseudo-checkbox","type":"color","overridesName":"pseudo-checkbox-full-unselected-icon-color","derivedFrom":"--sys-on-surface-variant"},{"name":"disabled-selected-checkmark-color","prefix":"mat-full-pseudo-checkbox","type":"color","overridesName":"pseudo-checkbox-full-disabled-selected-checkmark-color","derivedFrom":"--sys-surface"},{"name":"disabled-unselected-icon-color","prefix":"mat-full-pseudo-checkbox","type":"color","overridesName":"pseudo-checkbox-full-disabled-unselected-icon-color","derivedFrom":"--sys-on-surface"},{"name":"disabled-selected-icon-color","prefix":"mat-full-pseudo-checkbox","type":"color","overridesName":"pseudo-checkbox-full-disabled-selected-icon-color","derivedFrom":"--sys-on-surface"},{"name":"selected-checkmark-color","prefix":"mat-minimal-pseudo-checkbox","type":"color","overridesName":"pseudo-checkbox-minimal-selected-checkmark-color","derivedFrom":"--sys-primary"},{"name":"disabled-selected-checkmark-color","prefix":"mat-minimal-pseudo-checkbox","type":"color","overridesName":"pseudo-checkbox-minimal-disabled-selected-checkmark-color","derivedFrom":"--sys-on-surface"}]},{"name":"optgroup","overridesMixin":"optgroup-overrides","tokens":[{"name":"label-text-color","prefix":"mat-optgroup","type":"color","overridesName":"label-text-color","derivedFrom":"--sys-on-surface-variant"},{"name":"label-text-font","prefix":"mat-optgroup","type":"typography","overridesName":"label-text-font","derivedFrom":"--sys-title-small-font"},{"name":"label-text-line-height","prefix":"mat-optgroup","type":"typography","overridesName":"label-text-line-height","derivedFrom":"--sys-title-small-line-height"},{"name":"label-text-size","prefix":"mat-optgroup","type":"typography","overridesName":"label-text-size","derivedFrom":"--sys-title-small-size"},{"name":"label-text-tracking","prefix":"mat-optgroup","type":"typography","overridesName":"label-text-tracking","derivedFrom":"--sys-title-small-tracking"},{"name":"label-text-weight","prefix":"mat-optgroup","type":"typography","overridesName":"label-text-weight","derivedFrom":"--sys-title-small-weight"}]},{"name":"option","overridesMixin":"option-overrides","tokens":[{"name":"selected-state-label-text-color","prefix":"mat-option","type":"color","overridesName":"selected-state-label-text-color","derivedFrom":"--sys-on-secondary-container"},{"name":"label-text-color","prefix":"mat-option","type":"color","overridesName":"label-text-color","derivedFrom":"--sys-on-surface"},{"name":"hover-state-layer-color","prefix":"mat-option","type":"color","overridesName":"hover-state-layer-color","derivedFrom":"--sys-on-surface"},{"name":"focus-state-layer-color","prefix":"mat-option","type":"color","overridesName":"focus-state-layer-color","derivedFrom":"--sys-on-surface"},{"name":"selected-state-layer-color","prefix":"mat-option","type":"color","overridesName":"selected-state-layer-color","derivedFrom":"--sys-secondary-container"},{"name":"label-text-font","prefix":"mat-option","type":"typography","overridesName":"label-text-font","derivedFrom":"--sys-label-large-font"},{"name":"label-text-line-height","prefix":"mat-option","type":"typography","overridesName":"label-text-line-height","derivedFrom":"--sys-label-large-line-height"},{"name":"label-text-size","prefix":"mat-option","type":"typography","overridesName":"label-text-size","derivedFrom":"--sys-body-large-size"},{"name":"label-text-tracking","prefix":"mat-option","type":"typography","overridesName":"label-text-tracking","derivedFrom":"--sys-label-large-tracking"},{"name":"label-text-weight","prefix":"mat-option","type":"typography","overridesName":"label-text-weight","derivedFrom":"--sys-body-large-weight"}]},{"name":"ripple","overridesMixin":"ripple-overrides","tokens":[{"name":"color","prefix":"mat-ripple","type":"color","overridesName":"color","derivedFrom":"--sys-on-surface"}]},{"name":"pseudo-checkbox","overridesMixin":"pseudo-checkbox-overrides","tokens":[{"name":"selected-icon-color","prefix":"mat-full-pseudo-checkbox","type":"color","overridesName":"full-selected-icon-color","derivedFrom":"--sys-primary"},{"name":"selected-checkmark-color","prefix":"mat-full-pseudo-checkbox","type":"color","overridesName":"full-selected-checkmark-color","derivedFrom":"--sys-on-primary"},{"name":"unselected-icon-color","prefix":"mat-full-pseudo-checkbox","type":"color","overridesName":"full-unselected-icon-color","derivedFrom":"--sys-on-surface-variant"},{"name":"disabled-selected-checkmark-color","prefix":"mat-full-pseudo-checkbox","type":"color","overridesName":"full-disabled-selected-checkmark-color","derivedFrom":"--sys-surface"},{"name":"disabled-unselected-icon-color","prefix":"mat-full-pseudo-checkbox","type":"color","overridesName":"full-disabled-unselected-icon-color","derivedFrom":"--sys-on-surface"},{"name":"disabled-selected-icon-color","prefix":"mat-full-pseudo-checkbox","type":"color","overridesName":"full-disabled-selected-icon-color","derivedFrom":"--sys-on-surface"},{"name":"selected-checkmark-color","prefix":"mat-minimal-pseudo-checkbox","type":"color","overridesName":"minimal-selected-checkmark-color","derivedFrom":"--sys-primary"},{"name":"disabled-selected-checkmark-color","prefix":"mat-minimal-pseudo-checkbox","type":"color","overridesName":"minimal-disabled-selected-checkmark-color","derivedFrom":"--sys-on-surface"}]}]} \ No newline at end of file +{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.core-overrides((\n app-background-color: orange,\n app-text-color: red,\n ));\n}","themes":[{"name":"core","overridesMixin":"core-overrides","tokens":[{"name":"background-color","prefix":"mat-app","type":"color","overridesName":"app-background-color","derivedFrom":"--mat-sys-background"},{"name":"text-color","prefix":"mat-app","type":"color","overridesName":"app-text-color","derivedFrom":"--mat-sys-on-background"},{"name":"elevation-shadow-level-0","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-0"},{"name":"elevation-shadow-level-1","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-1"},{"name":"elevation-shadow-level-2","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-2"},{"name":"elevation-shadow-level-3","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-3"},{"name":"elevation-shadow-level-4","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-4"},{"name":"elevation-shadow-level-5","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-5"},{"name":"elevation-shadow-level-6","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-6"},{"name":"elevation-shadow-level-7","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-7"},{"name":"elevation-shadow-level-8","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-8"},{"name":"elevation-shadow-level-9","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-9"},{"name":"elevation-shadow-level-10","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-10"},{"name":"elevation-shadow-level-11","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-11"},{"name":"elevation-shadow-level-12","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-12"},{"name":"elevation-shadow-level-13","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-13"},{"name":"elevation-shadow-level-14","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-14"},{"name":"elevation-shadow-level-15","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-15"},{"name":"elevation-shadow-level-16","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-16"},{"name":"elevation-shadow-level-17","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-17"},{"name":"elevation-shadow-level-18","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-18"},{"name":"elevation-shadow-level-19","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-19"},{"name":"elevation-shadow-level-20","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-20"},{"name":"elevation-shadow-level-21","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-21"},{"name":"elevation-shadow-level-22","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-22"},{"name":"elevation-shadow-level-23","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-23"},{"name":"elevation-shadow-level-24","prefix":"mat-app","type":"color","overridesName":"app-elevation-shadow-level-24"},{"name":"color","prefix":"mat-ripple","type":"color","overridesName":"ripple-color","derivedFrom":"--mat-sys-on-surface"},{"name":"selected-state-label-text-color","prefix":"mat-option","type":"color","overridesName":"option-selected-state-label-text-color","derivedFrom":"--mat-sys-on-secondary-container"},{"name":"label-text-color","prefix":"mat-option","type":"color","overridesName":"option-label-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"hover-state-layer-color","prefix":"mat-option","type":"color","overridesName":"option-hover-state-layer-color","derivedFrom":"--mat-sys-on-surface"},{"name":"focus-state-layer-color","prefix":"mat-option","type":"color","overridesName":"option-focus-state-layer-color","derivedFrom":"--mat-sys-on-surface"},{"name":"selected-state-layer-color","prefix":"mat-option","type":"color","overridesName":"option-selected-state-layer-color","derivedFrom":"--mat-sys-secondary-container"},{"name":"label-text-font","prefix":"mat-option","type":"typography","overridesName":"option-label-text-font","derivedFrom":"--mat-sys-label-large-font"},{"name":"label-text-line-height","prefix":"mat-option","type":"typography","overridesName":"option-label-text-line-height","derivedFrom":"--mat-sys-label-large-line-height"},{"name":"label-text-size","prefix":"mat-option","type":"typography","overridesName":"option-label-text-size","derivedFrom":"--mat-sys-body-large-size"},{"name":"label-text-tracking","prefix":"mat-option","type":"typography","overridesName":"option-label-text-tracking","derivedFrom":"--mat-sys-label-large-tracking"},{"name":"label-text-weight","prefix":"mat-option","type":"typography","overridesName":"option-label-text-weight","derivedFrom":"--mat-sys-body-large-weight"},{"name":"label-text-color","prefix":"mat-optgroup","type":"color","overridesName":"optgroup-label-text-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"label-text-font","prefix":"mat-optgroup","type":"typography","overridesName":"optgroup-label-text-font","derivedFrom":"--mat-sys-title-small-font"},{"name":"label-text-line-height","prefix":"mat-optgroup","type":"typography","overridesName":"optgroup-label-text-line-height","derivedFrom":"--mat-sys-title-small-line-height"},{"name":"label-text-size","prefix":"mat-optgroup","type":"typography","overridesName":"optgroup-label-text-size","derivedFrom":"--mat-sys-title-small-size"},{"name":"label-text-tracking","prefix":"mat-optgroup","type":"typography","overridesName":"optgroup-label-text-tracking","derivedFrom":"--mat-sys-title-small-tracking"},{"name":"label-text-weight","prefix":"mat-optgroup","type":"typography","overridesName":"optgroup-label-text-weight","derivedFrom":"--mat-sys-title-small-weight"},{"name":"selected-icon-color","prefix":"mat-full-pseudo-checkbox","type":"color","overridesName":"pseudo-checkbox-full-selected-icon-color","derivedFrom":"--mat-sys-primary"},{"name":"selected-checkmark-color","prefix":"mat-full-pseudo-checkbox","type":"color","overridesName":"pseudo-checkbox-full-selected-checkmark-color","derivedFrom":"--mat-sys-on-primary"},{"name":"unselected-icon-color","prefix":"mat-full-pseudo-checkbox","type":"color","overridesName":"pseudo-checkbox-full-unselected-icon-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"disabled-selected-checkmark-color","prefix":"mat-full-pseudo-checkbox","type":"color","overridesName":"pseudo-checkbox-full-disabled-selected-checkmark-color","derivedFrom":"--mat-sys-surface"},{"name":"disabled-unselected-icon-color","prefix":"mat-full-pseudo-checkbox","type":"color","overridesName":"pseudo-checkbox-full-disabled-unselected-icon-color","derivedFrom":"--mat-sys-on-surface"},{"name":"disabled-selected-icon-color","prefix":"mat-full-pseudo-checkbox","type":"color","overridesName":"pseudo-checkbox-full-disabled-selected-icon-color","derivedFrom":"--mat-sys-on-surface"},{"name":"selected-checkmark-color","prefix":"mat-minimal-pseudo-checkbox","type":"color","overridesName":"pseudo-checkbox-minimal-selected-checkmark-color","derivedFrom":"--mat-sys-primary"},{"name":"disabled-selected-checkmark-color","prefix":"mat-minimal-pseudo-checkbox","type":"color","overridesName":"pseudo-checkbox-minimal-disabled-selected-checkmark-color","derivedFrom":"--mat-sys-on-surface"}]},{"name":"optgroup","overridesMixin":"optgroup-overrides","tokens":[{"name":"label-text-color","prefix":"mat-optgroup","type":"color","overridesName":"label-text-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"label-text-font","prefix":"mat-optgroup","type":"typography","overridesName":"label-text-font","derivedFrom":"--mat-sys-title-small-font"},{"name":"label-text-line-height","prefix":"mat-optgroup","type":"typography","overridesName":"label-text-line-height","derivedFrom":"--mat-sys-title-small-line-height"},{"name":"label-text-size","prefix":"mat-optgroup","type":"typography","overridesName":"label-text-size","derivedFrom":"--mat-sys-title-small-size"},{"name":"label-text-tracking","prefix":"mat-optgroup","type":"typography","overridesName":"label-text-tracking","derivedFrom":"--mat-sys-title-small-tracking"},{"name":"label-text-weight","prefix":"mat-optgroup","type":"typography","overridesName":"label-text-weight","derivedFrom":"--mat-sys-title-small-weight"}]},{"name":"option","overridesMixin":"option-overrides","tokens":[{"name":"selected-state-label-text-color","prefix":"mat-option","type":"color","overridesName":"selected-state-label-text-color","derivedFrom":"--mat-sys-on-secondary-container"},{"name":"label-text-color","prefix":"mat-option","type":"color","overridesName":"label-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"hover-state-layer-color","prefix":"mat-option","type":"color","overridesName":"hover-state-layer-color","derivedFrom":"--mat-sys-on-surface"},{"name":"focus-state-layer-color","prefix":"mat-option","type":"color","overridesName":"focus-state-layer-color","derivedFrom":"--mat-sys-on-surface"},{"name":"selected-state-layer-color","prefix":"mat-option","type":"color","overridesName":"selected-state-layer-color","derivedFrom":"--mat-sys-secondary-container"},{"name":"label-text-font","prefix":"mat-option","type":"typography","overridesName":"label-text-font","derivedFrom":"--mat-sys-label-large-font"},{"name":"label-text-line-height","prefix":"mat-option","type":"typography","overridesName":"label-text-line-height","derivedFrom":"--mat-sys-label-large-line-height"},{"name":"label-text-size","prefix":"mat-option","type":"typography","overridesName":"label-text-size","derivedFrom":"--mat-sys-body-large-size"},{"name":"label-text-tracking","prefix":"mat-option","type":"typography","overridesName":"label-text-tracking","derivedFrom":"--mat-sys-label-large-tracking"},{"name":"label-text-weight","prefix":"mat-option","type":"typography","overridesName":"label-text-weight","derivedFrom":"--mat-sys-body-large-weight"}]},{"name":"ripple","overridesMixin":"ripple-overrides","tokens":[{"name":"color","prefix":"mat-ripple","type":"color","overridesName":"color","derivedFrom":"--mat-sys-on-surface"}]},{"name":"pseudo-checkbox","overridesMixin":"pseudo-checkbox-overrides","tokens":[{"name":"selected-icon-color","prefix":"mat-full-pseudo-checkbox","type":"color","overridesName":"full-selected-icon-color","derivedFrom":"--mat-sys-primary"},{"name":"selected-checkmark-color","prefix":"mat-full-pseudo-checkbox","type":"color","overridesName":"full-selected-checkmark-color","derivedFrom":"--mat-sys-on-primary"},{"name":"unselected-icon-color","prefix":"mat-full-pseudo-checkbox","type":"color","overridesName":"full-unselected-icon-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"disabled-selected-checkmark-color","prefix":"mat-full-pseudo-checkbox","type":"color","overridesName":"full-disabled-selected-checkmark-color","derivedFrom":"--mat-sys-surface"},{"name":"disabled-unselected-icon-color","prefix":"mat-full-pseudo-checkbox","type":"color","overridesName":"full-disabled-unselected-icon-color","derivedFrom":"--mat-sys-on-surface"},{"name":"disabled-selected-icon-color","prefix":"mat-full-pseudo-checkbox","type":"color","overridesName":"full-disabled-selected-icon-color","derivedFrom":"--mat-sys-on-surface"},{"name":"selected-checkmark-color","prefix":"mat-minimal-pseudo-checkbox","type":"color","overridesName":"minimal-selected-checkmark-color","derivedFrom":"--mat-sys-primary"},{"name":"disabled-selected-checkmark-color","prefix":"mat-minimal-pseudo-checkbox","type":"color","overridesName":"minimal-disabled-selected-checkmark-color","derivedFrom":"--mat-sys-on-surface"}]}]} \ No newline at end of file diff --git a/docs-content/tokens/material/datepicker/datepicker.json b/docs-content/tokens/material/datepicker/datepicker.json index c1bd741f7..826922050 100755 --- a/docs-content/tokens/material/datepicker/datepicker.json +++ b/docs-content/tokens/material/datepicker/datepicker.json @@ -1 +1 @@ -{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.datepicker-overrides((\n calendar-date-selected-state-text-color: orange,\n calendar-date-selected-state-background-color: red,\n ));\n}","themes":[{"name":"datepicker","overridesMixin":"datepicker-overrides","tokens":[{"name":"calendar-container-shape","prefix":"mat-datepicker","type":"base","overridesName":"calendar-container-shape"},{"name":"calendar-container-touch-shape","prefix":"mat-datepicker","type":"base","overridesName":"calendar-container-touch-shape"},{"name":"calendar-container-elevation-shadow","prefix":"mat-datepicker","type":"base","overridesName":"calendar-container-elevation-shadow"},{"name":"calendar-container-touch-elevation-shadow","prefix":"mat-datepicker","type":"base","overridesName":"calendar-container-touch-elevation-shadow"},{"name":"calendar-date-selected-state-text-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-date-selected-state-text-color","derivedFrom":"--sys-on-primary"},{"name":"calendar-date-selected-state-background-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-date-selected-state-background-color","derivedFrom":"--sys-primary"},{"name":"calendar-date-selected-disabled-state-background-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-date-selected-disabled-state-background-color","derivedFrom":"--sys-on-surface"},{"name":"calendar-date-today-selected-state-outline-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-date-today-selected-state-outline-color","derivedFrom":"--sys-primary"},{"name":"calendar-date-focus-state-background-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-date-focus-state-background-color","derivedFrom":"--sys-on-surface"},{"name":"calendar-date-hover-state-background-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-date-hover-state-background-color","derivedFrom":"--sys-on-surface"},{"name":"toggle-active-state-icon-color","prefix":"mat-datepicker","type":"color","overridesName":"toggle-active-state-icon-color","derivedFrom":"--sys-on-surface-variant"},{"name":"calendar-date-in-range-state-background-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-date-in-range-state-background-color","derivedFrom":"--sys-primary-container"},{"name":"calendar-date-in-comparison-range-state-background-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-date-in-comparison-range-state-background-color","derivedFrom":"--sys-tertiary-container"},{"name":"calendar-date-in-overlap-range-state-background-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-date-in-overlap-range-state-background-color","derivedFrom":"--sys-secondary-container"},{"name":"calendar-date-in-overlap-range-selected-state-background-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-date-in-overlap-range-selected-state-background-color","derivedFrom":"--sys-secondary"},{"name":"toggle-icon-color","prefix":"mat-datepicker","type":"color","overridesName":"toggle-icon-color","derivedFrom":"--sys-on-surface-variant"},{"name":"calendar-body-label-text-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-body-label-text-color","derivedFrom":"--sys-on-surface"},{"name":"calendar-period-button-text-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-period-button-text-color","derivedFrom":"--sys-on-surface-variant"},{"name":"calendar-period-button-icon-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-period-button-icon-color","derivedFrom":"--sys-on-surface-variant"},{"name":"calendar-navigation-button-icon-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-navigation-button-icon-color","derivedFrom":"--sys-on-surface-variant"},{"name":"calendar-header-divider-color","prefix":"mat-datepicker","type":"base","overridesName":"calendar-header-divider-color"},{"name":"calendar-header-text-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-header-text-color","derivedFrom":"--sys-on-surface-variant"},{"name":"calendar-date-today-outline-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-date-today-outline-color","derivedFrom":"--sys-primary"},{"name":"calendar-date-today-disabled-state-outline-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-date-today-disabled-state-outline-color","derivedFrom":"--sys-on-surface"},{"name":"calendar-date-text-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-date-text-color","derivedFrom":"--sys-on-surface"},{"name":"calendar-date-outline-color","prefix":"mat-datepicker","type":"base","overridesName":"calendar-date-outline-color"},{"name":"calendar-date-disabled-state-text-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-date-disabled-state-text-color","derivedFrom":"--sys-on-surface"},{"name":"calendar-date-preview-state-outline-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-date-preview-state-outline-color","derivedFrom":"--sys-primary"},{"name":"range-input-separator-color","prefix":"mat-datepicker","type":"color","overridesName":"range-input-separator-color","derivedFrom":"--sys-on-surface"},{"name":"range-input-disabled-state-separator-color","prefix":"mat-datepicker","type":"color","overridesName":"range-input-disabled-state-separator-color","derivedFrom":"--sys-on-surface"},{"name":"range-input-disabled-state-text-color","prefix":"mat-datepicker","type":"color","overridesName":"range-input-disabled-state-text-color","derivedFrom":"--sys-on-surface"},{"name":"calendar-container-background-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-container-background-color","derivedFrom":"--sys-surface-container-high"},{"name":"calendar-container-text-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-container-text-color","derivedFrom":"--sys-on-surface"},{"name":"calendar-text-font","prefix":"mat-datepicker","type":"typography","overridesName":"calendar-text-font","derivedFrom":"--sys-body-medium-font"},{"name":"calendar-text-size","prefix":"mat-datepicker","type":"typography","overridesName":"calendar-text-size","derivedFrom":"--sys-body-medium-size"},{"name":"calendar-body-label-text-size","prefix":"mat-datepicker","type":"typography","overridesName":"calendar-body-label-text-size","derivedFrom":"--sys-title-small-size"},{"name":"calendar-body-label-text-weight","prefix":"mat-datepicker","type":"typography","overridesName":"calendar-body-label-text-weight","derivedFrom":"--sys-title-small-weight"},{"name":"calendar-period-button-text-size","prefix":"mat-datepicker","type":"typography","overridesName":"calendar-period-button-text-size","derivedFrom":"--sys-title-small-size"},{"name":"calendar-period-button-text-weight","prefix":"mat-datepicker","type":"typography","overridesName":"calendar-period-button-text-weight","derivedFrom":"--sys-title-small-weight"},{"name":"calendar-header-text-size","prefix":"mat-datepicker","type":"typography","overridesName":"calendar-header-text-size","derivedFrom":"--sys-title-small-size"},{"name":"calendar-header-text-weight","prefix":"mat-datepicker","type":"typography","overridesName":"calendar-header-text-weight","derivedFrom":"--sys-title-small-weight"}]}]} \ No newline at end of file +{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.datepicker-overrides((\n calendar-date-selected-state-text-color: orange,\n calendar-date-selected-state-background-color: red,\n ));\n}","themes":[{"name":"datepicker","overridesMixin":"datepicker-overrides","tokens":[{"name":"calendar-container-shape","prefix":"mat-datepicker","type":"base","overridesName":"calendar-container-shape"},{"name":"calendar-container-touch-shape","prefix":"mat-datepicker","type":"base","overridesName":"calendar-container-touch-shape"},{"name":"calendar-container-elevation-shadow","prefix":"mat-datepicker","type":"base","overridesName":"calendar-container-elevation-shadow"},{"name":"calendar-container-touch-elevation-shadow","prefix":"mat-datepicker","type":"base","overridesName":"calendar-container-touch-elevation-shadow"},{"name":"calendar-date-selected-state-text-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-date-selected-state-text-color","derivedFrom":"--mat-sys-on-primary"},{"name":"calendar-date-selected-state-background-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-date-selected-state-background-color","derivedFrom":"--mat-sys-primary"},{"name":"calendar-date-selected-disabled-state-background-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-date-selected-disabled-state-background-color","derivedFrom":"--mat-sys-on-surface"},{"name":"calendar-date-today-selected-state-outline-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-date-today-selected-state-outline-color","derivedFrom":"--mat-sys-primary"},{"name":"calendar-date-focus-state-background-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-date-focus-state-background-color","derivedFrom":"--mat-sys-on-surface"},{"name":"calendar-date-hover-state-background-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-date-hover-state-background-color","derivedFrom":"--mat-sys-on-surface"},{"name":"toggle-active-state-icon-color","prefix":"mat-datepicker","type":"color","overridesName":"toggle-active-state-icon-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"calendar-date-in-range-state-background-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-date-in-range-state-background-color","derivedFrom":"--mat-sys-primary-container"},{"name":"calendar-date-in-comparison-range-state-background-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-date-in-comparison-range-state-background-color","derivedFrom":"--mat-sys-tertiary-container"},{"name":"calendar-date-in-overlap-range-state-background-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-date-in-overlap-range-state-background-color","derivedFrom":"--mat-sys-secondary-container"},{"name":"calendar-date-in-overlap-range-selected-state-background-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-date-in-overlap-range-selected-state-background-color","derivedFrom":"--mat-sys-secondary"},{"name":"toggle-icon-color","prefix":"mat-datepicker","type":"color","overridesName":"toggle-icon-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"calendar-body-label-text-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-body-label-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"calendar-period-button-text-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-period-button-text-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"calendar-period-button-icon-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-period-button-icon-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"calendar-navigation-button-icon-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-navigation-button-icon-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"calendar-header-divider-color","prefix":"mat-datepicker","type":"base","overridesName":"calendar-header-divider-color"},{"name":"calendar-header-text-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-header-text-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"calendar-date-today-outline-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-date-today-outline-color","derivedFrom":"--mat-sys-primary"},{"name":"calendar-date-today-disabled-state-outline-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-date-today-disabled-state-outline-color","derivedFrom":"--mat-sys-on-surface"},{"name":"calendar-date-text-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-date-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"calendar-date-outline-color","prefix":"mat-datepicker","type":"base","overridesName":"calendar-date-outline-color"},{"name":"calendar-date-disabled-state-text-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-date-disabled-state-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"calendar-date-preview-state-outline-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-date-preview-state-outline-color","derivedFrom":"--mat-sys-primary"},{"name":"range-input-separator-color","prefix":"mat-datepicker","type":"color","overridesName":"range-input-separator-color","derivedFrom":"--mat-sys-on-surface"},{"name":"range-input-disabled-state-separator-color","prefix":"mat-datepicker","type":"color","overridesName":"range-input-disabled-state-separator-color","derivedFrom":"--mat-sys-on-surface"},{"name":"range-input-disabled-state-text-color","prefix":"mat-datepicker","type":"color","overridesName":"range-input-disabled-state-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"calendar-container-background-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-container-background-color","derivedFrom":"--mat-sys-surface-container-high"},{"name":"calendar-container-text-color","prefix":"mat-datepicker","type":"color","overridesName":"calendar-container-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"calendar-text-font","prefix":"mat-datepicker","type":"typography","overridesName":"calendar-text-font","derivedFrom":"--mat-sys-body-medium-font"},{"name":"calendar-text-size","prefix":"mat-datepicker","type":"typography","overridesName":"calendar-text-size","derivedFrom":"--mat-sys-body-medium-size"},{"name":"calendar-body-label-text-size","prefix":"mat-datepicker","type":"typography","overridesName":"calendar-body-label-text-size","derivedFrom":"--mat-sys-title-small-size"},{"name":"calendar-body-label-text-weight","prefix":"mat-datepicker","type":"typography","overridesName":"calendar-body-label-text-weight","derivedFrom":"--mat-sys-title-small-weight"},{"name":"calendar-period-button-text-size","prefix":"mat-datepicker","type":"typography","overridesName":"calendar-period-button-text-size","derivedFrom":"--mat-sys-title-small-size"},{"name":"calendar-period-button-text-weight","prefix":"mat-datepicker","type":"typography","overridesName":"calendar-period-button-text-weight","derivedFrom":"--mat-sys-title-small-weight"},{"name":"calendar-header-text-size","prefix":"mat-datepicker","type":"typography","overridesName":"calendar-header-text-size","derivedFrom":"--mat-sys-title-small-size"},{"name":"calendar-header-text-weight","prefix":"mat-datepicker","type":"typography","overridesName":"calendar-header-text-weight","derivedFrom":"--mat-sys-title-small-weight"}]}]} \ No newline at end of file diff --git a/docs-content/tokens/material/dialog/dialog.json b/docs-content/tokens/material/dialog/dialog.json index 14f5c3c30..d9e1678ff 100755 --- a/docs-content/tokens/material/dialog/dialog.json +++ b/docs-content/tokens/material/dialog/dialog.json @@ -1 +1 @@ -{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.dialog-overrides((\n container-color: orange,\n subhead-color: red,\n ));\n}","themes":[{"name":"dialog","overridesMixin":"dialog-overrides","tokens":[{"name":"container-shape","prefix":"mdc-dialog","type":"base","overridesName":"container-shape"},{"name":"container-color","prefix":"mdc-dialog","type":"color","overridesName":"container-color","derivedFrom":"--sys-surface"},{"name":"subhead-color","prefix":"mdc-dialog","type":"color","overridesName":"subhead-color","derivedFrom":"--sys-on-surface"},{"name":"supporting-text-color","prefix":"mdc-dialog","type":"color","overridesName":"supporting-text-color","derivedFrom":"--sys-on-surface-variant"},{"name":"subhead-font","prefix":"mdc-dialog","type":"typography","overridesName":"subhead-font","derivedFrom":"--sys-headline-small-font"},{"name":"subhead-line-height","prefix":"mdc-dialog","type":"typography","overridesName":"subhead-line-height","derivedFrom":"--sys-headline-small-line-height"},{"name":"subhead-size","prefix":"mdc-dialog","type":"typography","overridesName":"subhead-size","derivedFrom":"--sys-headline-small-size"},{"name":"subhead-weight","prefix":"mdc-dialog","type":"typography","overridesName":"subhead-weight","derivedFrom":"--sys-headline-small-weight"},{"name":"subhead-tracking","prefix":"mdc-dialog","type":"typography","overridesName":"subhead-tracking","derivedFrom":"--sys-headline-small-tracking"},{"name":"supporting-text-font","prefix":"mdc-dialog","type":"typography","overridesName":"supporting-text-font","derivedFrom":"--sys-body-medium-font"},{"name":"supporting-text-line-height","prefix":"mdc-dialog","type":"typography","overridesName":"supporting-text-line-height","derivedFrom":"--sys-body-medium-line-height"},{"name":"supporting-text-size","prefix":"mdc-dialog","type":"typography","overridesName":"supporting-text-size","derivedFrom":"--sys-body-medium-size"},{"name":"supporting-text-weight","prefix":"mdc-dialog","type":"typography","overridesName":"supporting-text-weight","derivedFrom":"--sys-body-medium-weight"},{"name":"supporting-text-tracking","prefix":"mdc-dialog","type":"typography","overridesName":"supporting-text-tracking","derivedFrom":"--sys-body-medium-tracking"},{"name":"container-elevation-shadow","prefix":"mat-dialog","type":"base","overridesName":"container-elevation-shadow"},{"name":"container-max-width","prefix":"mat-dialog","type":"base","overridesName":"container-max-width"},{"name":"container-small-max-width","prefix":"mat-dialog","type":"base","overridesName":"container-small-max-width"},{"name":"container-min-width","prefix":"mat-dialog","type":"base","overridesName":"container-min-width"},{"name":"actions-alignment","prefix":"mat-dialog","type":"base","overridesName":"actions-alignment"},{"name":"actions-padding","prefix":"mat-dialog","type":"base","overridesName":"actions-padding"},{"name":"content-padding","prefix":"mat-dialog","type":"base","overridesName":"content-padding"},{"name":"with-actions-content-padding","prefix":"mat-dialog","type":"base","overridesName":"with-actions-content-padding"},{"name":"headline-padding","prefix":"mat-dialog","type":"base","overridesName":"headline-padding"}]}]} \ No newline at end of file +{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.dialog-overrides((\n container-color: orange,\n subhead-color: red,\n ));\n}","themes":[{"name":"dialog","overridesMixin":"dialog-overrides","tokens":[{"name":"container-shape","prefix":"mdc-dialog","type":"base","overridesName":"container-shape"},{"name":"container-color","prefix":"mdc-dialog","type":"color","overridesName":"container-color","derivedFrom":"--mat-sys-surface"},{"name":"subhead-color","prefix":"mdc-dialog","type":"color","overridesName":"subhead-color","derivedFrom":"--mat-sys-on-surface"},{"name":"supporting-text-color","prefix":"mdc-dialog","type":"color","overridesName":"supporting-text-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"subhead-font","prefix":"mdc-dialog","type":"typography","overridesName":"subhead-font","derivedFrom":"--mat-sys-headline-small-font"},{"name":"subhead-line-height","prefix":"mdc-dialog","type":"typography","overridesName":"subhead-line-height","derivedFrom":"--mat-sys-headline-small-line-height"},{"name":"subhead-size","prefix":"mdc-dialog","type":"typography","overridesName":"subhead-size","derivedFrom":"--mat-sys-headline-small-size"},{"name":"subhead-weight","prefix":"mdc-dialog","type":"typography","overridesName":"subhead-weight","derivedFrom":"--mat-sys-headline-small-weight"},{"name":"subhead-tracking","prefix":"mdc-dialog","type":"typography","overridesName":"subhead-tracking","derivedFrom":"--mat-sys-headline-small-tracking"},{"name":"supporting-text-font","prefix":"mdc-dialog","type":"typography","overridesName":"supporting-text-font","derivedFrom":"--mat-sys-body-medium-font"},{"name":"supporting-text-line-height","prefix":"mdc-dialog","type":"typography","overridesName":"supporting-text-line-height","derivedFrom":"--mat-sys-body-medium-line-height"},{"name":"supporting-text-size","prefix":"mdc-dialog","type":"typography","overridesName":"supporting-text-size","derivedFrom":"--mat-sys-body-medium-size"},{"name":"supporting-text-weight","prefix":"mdc-dialog","type":"typography","overridesName":"supporting-text-weight","derivedFrom":"--mat-sys-body-medium-weight"},{"name":"supporting-text-tracking","prefix":"mdc-dialog","type":"typography","overridesName":"supporting-text-tracking","derivedFrom":"--mat-sys-body-medium-tracking"},{"name":"container-elevation-shadow","prefix":"mat-dialog","type":"base","overridesName":"container-elevation-shadow"},{"name":"container-max-width","prefix":"mat-dialog","type":"base","overridesName":"container-max-width"},{"name":"container-small-max-width","prefix":"mat-dialog","type":"base","overridesName":"container-small-max-width"},{"name":"container-min-width","prefix":"mat-dialog","type":"base","overridesName":"container-min-width"},{"name":"actions-alignment","prefix":"mat-dialog","type":"base","overridesName":"actions-alignment"},{"name":"actions-padding","prefix":"mat-dialog","type":"base","overridesName":"actions-padding"},{"name":"content-padding","prefix":"mat-dialog","type":"base","overridesName":"content-padding"},{"name":"with-actions-content-padding","prefix":"mat-dialog","type":"base","overridesName":"with-actions-content-padding"},{"name":"headline-padding","prefix":"mat-dialog","type":"base","overridesName":"headline-padding"}]}]} \ No newline at end of file diff --git a/docs-content/tokens/material/divider/divider.json b/docs-content/tokens/material/divider/divider.json index 9d8f2e3f6..64c7cd370 100755 --- a/docs-content/tokens/material/divider/divider.json +++ b/docs-content/tokens/material/divider/divider.json @@ -1 +1 @@ -{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.divider-overrides((\n color: orange,\n ));\n}","themes":[{"name":"divider","overridesMixin":"divider-overrides","tokens":[{"name":"width","prefix":"mat-divider","type":"base","overridesName":"width"},{"name":"color","prefix":"mat-divider","type":"color","overridesName":"color","derivedFrom":"--sys-outline"}]}]} \ No newline at end of file +{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.divider-overrides((\n color: orange,\n ));\n}","themes":[{"name":"divider","overridesMixin":"divider-overrides","tokens":[{"name":"width","prefix":"mat-divider","type":"base","overridesName":"width"},{"name":"color","prefix":"mat-divider","type":"color","overridesName":"color","derivedFrom":"--mat-sys-outline"}]}]} \ No newline at end of file diff --git a/docs-content/tokens/material/expansion/expansion.json b/docs-content/tokens/material/expansion/expansion.json index 5db4b76ae..16b8d0db2 100755 --- a/docs-content/tokens/material/expansion/expansion.json +++ b/docs-content/tokens/material/expansion/expansion.json @@ -1 +1 @@ -{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.expansion-overrides((\n container-background-color: orange,\n container-text-color: red,\n ));\n}","themes":[{"name":"expansion","overridesMixin":"expansion-overrides","tokens":[{"name":"container-shape","prefix":"mat-expansion","type":"base","overridesName":"container-shape"},{"name":"legacy-header-indicator-display","prefix":"mat-expansion","type":"base","overridesName":"legacy-header-indicator-display"},{"name":"header-indicator-display","prefix":"mat-expansion","type":"base","overridesName":"header-indicator-display"},{"name":"container-background-color","prefix":"mat-expansion","type":"color","overridesName":"container-background-color","derivedFrom":"--sys-surface"},{"name":"container-text-color","prefix":"mat-expansion","type":"color","overridesName":"container-text-color","derivedFrom":"--sys-on-surface"},{"name":"actions-divider-color","prefix":"mat-expansion","type":"color","overridesName":"actions-divider-color","derivedFrom":"--sys-outline"},{"name":"header-hover-state-layer-color","prefix":"mat-expansion","type":"color","overridesName":"header-hover-state-layer-color","derivedFrom":"--sys-on-surface"},{"name":"header-focus-state-layer-color","prefix":"mat-expansion","type":"color","overridesName":"header-focus-state-layer-color","derivedFrom":"--sys-on-surface"},{"name":"header-disabled-state-text-color","prefix":"mat-expansion","type":"color","overridesName":"header-disabled-state-text-color","derivedFrom":"--sys-on-surface"},{"name":"header-text-color","prefix":"mat-expansion","type":"color","overridesName":"header-text-color","derivedFrom":"--sys-on-surface"},{"name":"header-description-color","prefix":"mat-expansion","type":"color","overridesName":"header-description-color","derivedFrom":"--sys-on-surface-variant"},{"name":"header-indicator-color","prefix":"mat-expansion","type":"color","overridesName":"header-indicator-color","derivedFrom":"--sys-on-surface-variant"},{"name":"header-text-font","prefix":"mat-expansion","type":"typography","overridesName":"header-text-font","derivedFrom":"--sys-title-medium-font"},{"name":"header-text-size","prefix":"mat-expansion","type":"typography","overridesName":"header-text-size","derivedFrom":"--sys-title-medium-size"},{"name":"header-text-weight","prefix":"mat-expansion","type":"typography","overridesName":"header-text-weight","derivedFrom":"--sys-title-medium-weight"},{"name":"header-text-line-height","prefix":"mat-expansion","type":"typography","overridesName":"header-text-line-height","derivedFrom":"--sys-title-medium-line-height"},{"name":"header-text-tracking","prefix":"mat-expansion","type":"typography","overridesName":"header-text-tracking","derivedFrom":"--sys-title-medium-tracking"},{"name":"container-text-font","prefix":"mat-expansion","type":"typography","overridesName":"container-text-font","derivedFrom":"--sys-body-large-font"},{"name":"container-text-line-height","prefix":"mat-expansion","type":"typography","overridesName":"container-text-line-height","derivedFrom":"--sys-body-large-line-height"},{"name":"container-text-size","prefix":"mat-expansion","type":"typography","overridesName":"container-text-size","derivedFrom":"--sys-body-large-size"},{"name":"container-text-tracking","prefix":"mat-expansion","type":"typography","overridesName":"container-text-tracking","derivedFrom":"--sys-body-large-tracking"},{"name":"container-text-weight","prefix":"mat-expansion","type":"typography","overridesName":"container-text-weight","derivedFrom":"--sys-body-large-weight"},{"name":"header-collapsed-state-height","prefix":"mat-expansion","type":"density","overridesName":"header-collapsed-state-height"},{"name":"header-expanded-state-height","prefix":"mat-expansion","type":"density","overridesName":"header-expanded-state-height"}]}]} \ No newline at end of file +{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.expansion-overrides((\n container-background-color: orange,\n container-text-color: red,\n ));\n}","themes":[{"name":"expansion","overridesMixin":"expansion-overrides","tokens":[{"name":"container-shape","prefix":"mat-expansion","type":"base","overridesName":"container-shape"},{"name":"legacy-header-indicator-display","prefix":"mat-expansion","type":"base","overridesName":"legacy-header-indicator-display"},{"name":"header-indicator-display","prefix":"mat-expansion","type":"base","overridesName":"header-indicator-display"},{"name":"container-background-color","prefix":"mat-expansion","type":"color","overridesName":"container-background-color","derivedFrom":"--mat-sys-surface"},{"name":"container-text-color","prefix":"mat-expansion","type":"color","overridesName":"container-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"actions-divider-color","prefix":"mat-expansion","type":"color","overridesName":"actions-divider-color","derivedFrom":"--mat-sys-outline"},{"name":"header-hover-state-layer-color","prefix":"mat-expansion","type":"color","overridesName":"header-hover-state-layer-color","derivedFrom":"--mat-sys-on-surface"},{"name":"header-focus-state-layer-color","prefix":"mat-expansion","type":"color","overridesName":"header-focus-state-layer-color","derivedFrom":"--mat-sys-on-surface"},{"name":"header-disabled-state-text-color","prefix":"mat-expansion","type":"color","overridesName":"header-disabled-state-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"header-text-color","prefix":"mat-expansion","type":"color","overridesName":"header-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"header-description-color","prefix":"mat-expansion","type":"color","overridesName":"header-description-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"header-indicator-color","prefix":"mat-expansion","type":"color","overridesName":"header-indicator-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"header-text-font","prefix":"mat-expansion","type":"typography","overridesName":"header-text-font","derivedFrom":"--mat-sys-title-medium-font"},{"name":"header-text-size","prefix":"mat-expansion","type":"typography","overridesName":"header-text-size","derivedFrom":"--mat-sys-title-medium-size"},{"name":"header-text-weight","prefix":"mat-expansion","type":"typography","overridesName":"header-text-weight","derivedFrom":"--mat-sys-title-medium-weight"},{"name":"header-text-line-height","prefix":"mat-expansion","type":"typography","overridesName":"header-text-line-height","derivedFrom":"--mat-sys-title-medium-line-height"},{"name":"header-text-tracking","prefix":"mat-expansion","type":"typography","overridesName":"header-text-tracking","derivedFrom":"--mat-sys-title-medium-tracking"},{"name":"container-text-font","prefix":"mat-expansion","type":"typography","overridesName":"container-text-font","derivedFrom":"--mat-sys-body-large-font"},{"name":"container-text-line-height","prefix":"mat-expansion","type":"typography","overridesName":"container-text-line-height","derivedFrom":"--mat-sys-body-large-line-height"},{"name":"container-text-size","prefix":"mat-expansion","type":"typography","overridesName":"container-text-size","derivedFrom":"--mat-sys-body-large-size"},{"name":"container-text-tracking","prefix":"mat-expansion","type":"typography","overridesName":"container-text-tracking","derivedFrom":"--mat-sys-body-large-tracking"},{"name":"container-text-weight","prefix":"mat-expansion","type":"typography","overridesName":"container-text-weight","derivedFrom":"--mat-sys-body-large-weight"},{"name":"header-collapsed-state-height","prefix":"mat-expansion","type":"density","overridesName":"header-collapsed-state-height"},{"name":"header-expanded-state-height","prefix":"mat-expansion","type":"density","overridesName":"header-expanded-state-height"}]}]} \ No newline at end of file diff --git a/docs-content/tokens/material/form-field/form-field.json b/docs-content/tokens/material/form-field/form-field.json index df71b7512..7ee49cd03 100755 --- a/docs-content/tokens/material/form-field/form-field.json +++ b/docs-content/tokens/material/form-field/form-field.json @@ -1 +1 @@ -{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.form-field-overrides((\n filled-caret-color: orange,\n filled-focus-active-indicator-color: red,\n ));\n}","themes":[{"name":"form-field","overridesMixin":"form-field-overrides","tokens":[{"name":"active-indicator-height","prefix":"mdc-filled-text-field","type":"base","overridesName":"filled-active-indicator-height"},{"name":"focus-active-indicator-height","prefix":"mdc-filled-text-field","type":"base","overridesName":"filled-focus-active-indicator-height"},{"name":"container-shape","prefix":"mdc-filled-text-field","type":"base","overridesName":"filled-container-shape"},{"name":"caret-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-caret-color","derivedFrom":"--sys-primary"},{"name":"focus-active-indicator-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-focus-active-indicator-color","derivedFrom":"--sys-primary"},{"name":"focus-label-text-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-focus-label-text-color","derivedFrom":"--sys-primary"},{"name":"container-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-container-color","derivedFrom":"--sys-surface-variant"},{"name":"disabled-container-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-disabled-container-color","derivedFrom":"--sys-on-surface"},{"name":"label-text-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-label-text-color","derivedFrom":"--sys-on-surface-variant"},{"name":"hover-label-text-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-hover-label-text-color","derivedFrom":"--sys-on-surface-variant"},{"name":"disabled-label-text-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-disabled-label-text-color","derivedFrom":"--sys-on-surface"},{"name":"input-text-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-input-text-color","derivedFrom":"--sys-on-surface"},{"name":"disabled-input-text-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-disabled-input-text-color","derivedFrom":"--sys-on-surface"},{"name":"input-text-placeholder-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-input-text-placeholder-color","derivedFrom":"--sys-on-surface-variant"},{"name":"error-hover-label-text-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-error-hover-label-text-color","derivedFrom":"--sys-on-error-container"},{"name":"error-focus-label-text-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-error-focus-label-text-color","derivedFrom":"--sys-error"},{"name":"error-label-text-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-error-label-text-color","derivedFrom":"--sys-error"},{"name":"error-caret-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-error-caret-color"},{"name":"active-indicator-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-active-indicator-color","derivedFrom":"--sys-on-surface-variant"},{"name":"disabled-active-indicator-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-disabled-active-indicator-color","derivedFrom":"--sys-on-surface"},{"name":"hover-active-indicator-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-hover-active-indicator-color","derivedFrom":"--sys-on-surface"},{"name":"error-active-indicator-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-error-active-indicator-color","derivedFrom":"--sys-error"},{"name":"error-focus-active-indicator-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-error-focus-active-indicator-color","derivedFrom":"--sys-error"},{"name":"error-hover-active-indicator-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-error-hover-active-indicator-color","derivedFrom":"--sys-on-error-container"},{"name":"label-text-font","prefix":"mdc-filled-text-field","type":"typography","overridesName":"filled-label-text-font","derivedFrom":"--sys-body-large-font"},{"name":"label-text-size","prefix":"mdc-filled-text-field","type":"typography","overridesName":"filled-label-text-size","derivedFrom":"--sys-body-large-size"},{"name":"label-text-tracking","prefix":"mdc-filled-text-field","type":"typography","overridesName":"filled-label-text-tracking","derivedFrom":"--sys-body-large-tracking"},{"name":"label-text-weight","prefix":"mdc-filled-text-field","type":"typography","overridesName":"filled-label-text-weight","derivedFrom":"--sys-body-large-weight"},{"name":"outline-width","prefix":"mdc-outlined-text-field","type":"base","overridesName":"outlined-outline-width"},{"name":"focus-outline-width","prefix":"mdc-outlined-text-field","type":"base","overridesName":"outlined-focus-outline-width"},{"name":"container-shape","prefix":"mdc-outlined-text-field","type":"base","overridesName":"outlined-container-shape"},{"name":"caret-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-caret-color","derivedFrom":"--sys-primary"},{"name":"focus-outline-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-focus-outline-color","derivedFrom":"--sys-primary"},{"name":"focus-label-text-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-focus-label-text-color","derivedFrom":"--sys-primary"},{"name":"label-text-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-label-text-color","derivedFrom":"--sys-on-surface-variant"},{"name":"hover-label-text-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-hover-label-text-color","derivedFrom":"--sys-on-surface"},{"name":"disabled-label-text-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-disabled-label-text-color","derivedFrom":"--sys-on-surface"},{"name":"input-text-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-input-text-color","derivedFrom":"--sys-on-surface"},{"name":"disabled-input-text-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-disabled-input-text-color","derivedFrom":"--sys-on-surface"},{"name":"input-text-placeholder-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-input-text-placeholder-color","derivedFrom":"--sys-on-surface-variant"},{"name":"error-caret-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-error-caret-color"},{"name":"error-focus-label-text-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-error-focus-label-text-color","derivedFrom":"--sys-error"},{"name":"error-label-text-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-error-label-text-color","derivedFrom":"--sys-error"},{"name":"error-hover-label-text-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-error-hover-label-text-color","derivedFrom":"--sys-on-error-container"},{"name":"outline-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-outline-color","derivedFrom":"--sys-outline"},{"name":"disabled-outline-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-disabled-outline-color","derivedFrom":"--sys-on-surface"},{"name":"hover-outline-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-hover-outline-color","derivedFrom":"--sys-on-surface"},{"name":"error-focus-outline-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-error-focus-outline-color","derivedFrom":"--sys-error"},{"name":"error-hover-outline-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-error-hover-outline-color","derivedFrom":"--sys-on-error-container"},{"name":"error-outline-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-error-outline-color","derivedFrom":"--sys-error"},{"name":"label-text-font","prefix":"mdc-outlined-text-field","type":"typography","overridesName":"outlined-label-text-font","derivedFrom":"--sys-body-large-font"},{"name":"label-text-size","prefix":"mdc-outlined-text-field","type":"typography","overridesName":"outlined-label-text-size","derivedFrom":"--sys-body-large-size"},{"name":"label-text-tracking","prefix":"mdc-outlined-text-field","type":"typography","overridesName":"outlined-label-text-tracking","derivedFrom":"--sys-body-large-tracking"},{"name":"label-text-weight","prefix":"mdc-outlined-text-field","type":"typography","overridesName":"outlined-label-text-weight","derivedFrom":"--sys-body-large-weight"},{"name":"focus-select-arrow-color","prefix":"mat-form-field","type":"color","overridesName":"focus-select-arrow-color","derivedFrom":"--sys-primary"},{"name":"disabled-input-text-placeholder-color","prefix":"mat-form-field","type":"color","overridesName":"disabled-input-text-placeholder-color","derivedFrom":"--sys-on-surface"},{"name":"state-layer-color","prefix":"mat-form-field","type":"color","overridesName":"state-layer-color","derivedFrom":"--sys-on-surface"},{"name":"error-text-color","prefix":"mat-form-field","type":"color","overridesName":"error-text-color","derivedFrom":"--sys-error"},{"name":"select-option-text-color","prefix":"mat-form-field","type":"color","overridesName":"select-option-text-color"},{"name":"select-disabled-option-text-color","prefix":"mat-form-field","type":"color","overridesName":"select-disabled-option-text-color"},{"name":"leading-icon-color","prefix":"mat-form-field","type":"color","overridesName":"leading-icon-color","derivedFrom":"--sys-on-surface-variant"},{"name":"disabled-leading-icon-color","prefix":"mat-form-field","type":"color","overridesName":"disabled-leading-icon-color","derivedFrom":"--sys-on-surface"},{"name":"trailing-icon-color","prefix":"mat-form-field","type":"color","overridesName":"trailing-icon-color","derivedFrom":"--sys-on-surface-variant"},{"name":"disabled-trailing-icon-color","prefix":"mat-form-field","type":"color","overridesName":"disabled-trailing-icon-color","derivedFrom":"--sys-on-surface"},{"name":"error-focus-trailing-icon-color","prefix":"mat-form-field","type":"color","overridesName":"error-focus-trailing-icon-color","derivedFrom":"--sys-error"},{"name":"error-hover-trailing-icon-color","prefix":"mat-form-field","type":"color","overridesName":"error-hover-trailing-icon-color","derivedFrom":"--sys-on-error-container"},{"name":"error-trailing-icon-color","prefix":"mat-form-field","type":"color","overridesName":"error-trailing-icon-color","derivedFrom":"--sys-error"},{"name":"enabled-select-arrow-color","prefix":"mat-form-field","type":"color","overridesName":"enabled-select-arrow-color","derivedFrom":"--sys-on-surface-variant"},{"name":"disabled-select-arrow-color","prefix":"mat-form-field","type":"color","overridesName":"disabled-select-arrow-color","derivedFrom":"--sys-on-surface"},{"name":"hover-state-layer-opacity","prefix":"mat-form-field","type":"color","overridesName":"hover-state-layer-opacity"},{"name":"focus-state-layer-opacity","prefix":"mat-form-field","type":"base","overridesName":"focus-state-layer-opacity"},{"name":"container-text-font","prefix":"mat-form-field","type":"typography","overridesName":"container-text-font","derivedFrom":"--sys-body-large-font"},{"name":"container-text-line-height","prefix":"mat-form-field","type":"typography","overridesName":"container-text-line-height","derivedFrom":"--sys-body-large-line-height"},{"name":"container-text-size","prefix":"mat-form-field","type":"typography","overridesName":"container-text-size","derivedFrom":"--sys-body-large-size"},{"name":"container-text-tracking","prefix":"mat-form-field","type":"typography","overridesName":"container-text-tracking","derivedFrom":"--sys-body-large-tracking"},{"name":"container-text-weight","prefix":"mat-form-field","type":"typography","overridesName":"container-text-weight","derivedFrom":"--sys-body-large-weight"},{"name":"outlined-label-text-populated-size","prefix":"mat-form-field","type":"typography","overridesName":"outlined-label-text-populated-size"},{"name":"subscript-text-font","prefix":"mat-form-field","type":"typography","overridesName":"subscript-text-font","derivedFrom":"--sys-body-small-font"},{"name":"subscript-text-line-height","prefix":"mat-form-field","type":"typography","overridesName":"subscript-text-line-height","derivedFrom":"--sys-body-small-line-height"},{"name":"subscript-text-size","prefix":"mat-form-field","type":"typography","overridesName":"subscript-text-size","derivedFrom":"--sys-body-small-size"},{"name":"subscript-text-tracking","prefix":"mat-form-field","type":"typography","overridesName":"subscript-text-tracking","derivedFrom":"--sys-body-small-tracking"},{"name":"subscript-text-weight","prefix":"mat-form-field","type":"typography","overridesName":"subscript-text-weight","derivedFrom":"--sys-body-small-weight"},{"name":"container-height","prefix":"mat-form-field","type":"density","overridesName":"container-height"},{"name":"filled-label-display","prefix":"mat-form-field","type":"density","overridesName":"filled-label-display"},{"name":"container-vertical-padding","prefix":"mat-form-field","type":"density","overridesName":"container-vertical-padding"},{"name":"filled-with-label-container-padding-top","prefix":"mat-form-field","type":"density","overridesName":"filled-with-label-container-padding-top"},{"name":"filled-with-label-container-padding-bottom","prefix":"mat-form-field","type":"density","overridesName":"filled-with-label-container-padding-bottom"}]}]} \ No newline at end of file +{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.form-field-overrides((\n filled-caret-color: orange,\n filled-focus-active-indicator-color: red,\n ));\n}","themes":[{"name":"form-field","overridesMixin":"form-field-overrides","tokens":[{"name":"active-indicator-height","prefix":"mdc-filled-text-field","type":"base","overridesName":"filled-active-indicator-height"},{"name":"focus-active-indicator-height","prefix":"mdc-filled-text-field","type":"base","overridesName":"filled-focus-active-indicator-height"},{"name":"container-shape","prefix":"mdc-filled-text-field","type":"base","overridesName":"filled-container-shape"},{"name":"caret-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-caret-color","derivedFrom":"--mat-sys-primary"},{"name":"focus-active-indicator-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-focus-active-indicator-color","derivedFrom":"--mat-sys-primary"},{"name":"focus-label-text-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-focus-label-text-color","derivedFrom":"--mat-sys-primary"},{"name":"container-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-container-color","derivedFrom":"--mat-sys-surface-variant"},{"name":"disabled-container-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-disabled-container-color","derivedFrom":"--mat-sys-on-surface"},{"name":"label-text-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-label-text-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"hover-label-text-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-hover-label-text-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"disabled-label-text-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-disabled-label-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"input-text-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-input-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"disabled-input-text-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-disabled-input-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"input-text-placeholder-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-input-text-placeholder-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"error-hover-label-text-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-error-hover-label-text-color","derivedFrom":"--mat-sys-on-error-container"},{"name":"error-focus-label-text-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-error-focus-label-text-color","derivedFrom":"--mat-sys-error"},{"name":"error-label-text-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-error-label-text-color","derivedFrom":"--mat-sys-error"},{"name":"error-caret-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-error-caret-color"},{"name":"active-indicator-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-active-indicator-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"disabled-active-indicator-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-disabled-active-indicator-color","derivedFrom":"--mat-sys-on-surface"},{"name":"hover-active-indicator-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-hover-active-indicator-color","derivedFrom":"--mat-sys-on-surface"},{"name":"error-active-indicator-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-error-active-indicator-color","derivedFrom":"--mat-sys-error"},{"name":"error-focus-active-indicator-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-error-focus-active-indicator-color","derivedFrom":"--mat-sys-error"},{"name":"error-hover-active-indicator-color","prefix":"mdc-filled-text-field","type":"color","overridesName":"filled-error-hover-active-indicator-color","derivedFrom":"--mat-sys-on-error-container"},{"name":"label-text-font","prefix":"mdc-filled-text-field","type":"typography","overridesName":"filled-label-text-font","derivedFrom":"--mat-sys-body-large-font"},{"name":"label-text-size","prefix":"mdc-filled-text-field","type":"typography","overridesName":"filled-label-text-size","derivedFrom":"--mat-sys-body-large-size"},{"name":"label-text-tracking","prefix":"mdc-filled-text-field","type":"typography","overridesName":"filled-label-text-tracking","derivedFrom":"--mat-sys-body-large-tracking"},{"name":"label-text-weight","prefix":"mdc-filled-text-field","type":"typography","overridesName":"filled-label-text-weight","derivedFrom":"--mat-sys-body-large-weight"},{"name":"outline-width","prefix":"mdc-outlined-text-field","type":"base","overridesName":"outlined-outline-width"},{"name":"focus-outline-width","prefix":"mdc-outlined-text-field","type":"base","overridesName":"outlined-focus-outline-width"},{"name":"container-shape","prefix":"mdc-outlined-text-field","type":"base","overridesName":"outlined-container-shape"},{"name":"caret-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-caret-color","derivedFrom":"--mat-sys-primary"},{"name":"focus-outline-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-focus-outline-color","derivedFrom":"--mat-sys-primary"},{"name":"focus-label-text-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-focus-label-text-color","derivedFrom":"--mat-sys-primary"},{"name":"label-text-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-label-text-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"hover-label-text-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-hover-label-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"disabled-label-text-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-disabled-label-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"input-text-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-input-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"disabled-input-text-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-disabled-input-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"input-text-placeholder-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-input-text-placeholder-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"error-caret-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-error-caret-color"},{"name":"error-focus-label-text-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-error-focus-label-text-color","derivedFrom":"--mat-sys-error"},{"name":"error-label-text-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-error-label-text-color","derivedFrom":"--mat-sys-error"},{"name":"error-hover-label-text-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-error-hover-label-text-color","derivedFrom":"--mat-sys-on-error-container"},{"name":"outline-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-outline-color","derivedFrom":"--mat-sys-outline"},{"name":"disabled-outline-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-disabled-outline-color","derivedFrom":"--mat-sys-on-surface"},{"name":"hover-outline-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-hover-outline-color","derivedFrom":"--mat-sys-on-surface"},{"name":"error-focus-outline-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-error-focus-outline-color","derivedFrom":"--mat-sys-error"},{"name":"error-hover-outline-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-error-hover-outline-color","derivedFrom":"--mat-sys-on-error-container"},{"name":"error-outline-color","prefix":"mdc-outlined-text-field","type":"color","overridesName":"outlined-error-outline-color","derivedFrom":"--mat-sys-error"},{"name":"label-text-font","prefix":"mdc-outlined-text-field","type":"typography","overridesName":"outlined-label-text-font","derivedFrom":"--mat-sys-body-large-font"},{"name":"label-text-size","prefix":"mdc-outlined-text-field","type":"typography","overridesName":"outlined-label-text-size","derivedFrom":"--mat-sys-body-large-size"},{"name":"label-text-tracking","prefix":"mdc-outlined-text-field","type":"typography","overridesName":"outlined-label-text-tracking","derivedFrom":"--mat-sys-body-large-tracking"},{"name":"label-text-weight","prefix":"mdc-outlined-text-field","type":"typography","overridesName":"outlined-label-text-weight","derivedFrom":"--mat-sys-body-large-weight"},{"name":"focus-select-arrow-color","prefix":"mat-form-field","type":"color","overridesName":"focus-select-arrow-color","derivedFrom":"--mat-sys-primary"},{"name":"disabled-input-text-placeholder-color","prefix":"mat-form-field","type":"color","overridesName":"disabled-input-text-placeholder-color","derivedFrom":"--mat-sys-on-surface"},{"name":"state-layer-color","prefix":"mat-form-field","type":"color","overridesName":"state-layer-color","derivedFrom":"--mat-sys-on-surface"},{"name":"error-text-color","prefix":"mat-form-field","type":"color","overridesName":"error-text-color","derivedFrom":"--mat-sys-error"},{"name":"select-option-text-color","prefix":"mat-form-field","type":"color","overridesName":"select-option-text-color"},{"name":"select-disabled-option-text-color","prefix":"mat-form-field","type":"color","overridesName":"select-disabled-option-text-color"},{"name":"leading-icon-color","prefix":"mat-form-field","type":"color","overridesName":"leading-icon-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"disabled-leading-icon-color","prefix":"mat-form-field","type":"color","overridesName":"disabled-leading-icon-color","derivedFrom":"--mat-sys-on-surface"},{"name":"trailing-icon-color","prefix":"mat-form-field","type":"color","overridesName":"trailing-icon-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"disabled-trailing-icon-color","prefix":"mat-form-field","type":"color","overridesName":"disabled-trailing-icon-color","derivedFrom":"--mat-sys-on-surface"},{"name":"error-focus-trailing-icon-color","prefix":"mat-form-field","type":"color","overridesName":"error-focus-trailing-icon-color","derivedFrom":"--mat-sys-error"},{"name":"error-hover-trailing-icon-color","prefix":"mat-form-field","type":"color","overridesName":"error-hover-trailing-icon-color","derivedFrom":"--mat-sys-on-error-container"},{"name":"error-trailing-icon-color","prefix":"mat-form-field","type":"color","overridesName":"error-trailing-icon-color","derivedFrom":"--mat-sys-error"},{"name":"enabled-select-arrow-color","prefix":"mat-form-field","type":"color","overridesName":"enabled-select-arrow-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"disabled-select-arrow-color","prefix":"mat-form-field","type":"color","overridesName":"disabled-select-arrow-color","derivedFrom":"--mat-sys-on-surface"},{"name":"hover-state-layer-opacity","prefix":"mat-form-field","type":"color","overridesName":"hover-state-layer-opacity"},{"name":"focus-state-layer-opacity","prefix":"mat-form-field","type":"base","overridesName":"focus-state-layer-opacity"},{"name":"container-text-font","prefix":"mat-form-field","type":"typography","overridesName":"container-text-font","derivedFrom":"--mat-sys-body-large-font"},{"name":"container-text-line-height","prefix":"mat-form-field","type":"typography","overridesName":"container-text-line-height","derivedFrom":"--mat-sys-body-large-line-height"},{"name":"container-text-size","prefix":"mat-form-field","type":"typography","overridesName":"container-text-size","derivedFrom":"--mat-sys-body-large-size"},{"name":"container-text-tracking","prefix":"mat-form-field","type":"typography","overridesName":"container-text-tracking","derivedFrom":"--mat-sys-body-large-tracking"},{"name":"container-text-weight","prefix":"mat-form-field","type":"typography","overridesName":"container-text-weight","derivedFrom":"--mat-sys-body-large-weight"},{"name":"outlined-label-text-populated-size","prefix":"mat-form-field","type":"typography","overridesName":"outlined-label-text-populated-size"},{"name":"subscript-text-font","prefix":"mat-form-field","type":"typography","overridesName":"subscript-text-font","derivedFrom":"--mat-sys-body-small-font"},{"name":"subscript-text-line-height","prefix":"mat-form-field","type":"typography","overridesName":"subscript-text-line-height","derivedFrom":"--mat-sys-body-small-line-height"},{"name":"subscript-text-size","prefix":"mat-form-field","type":"typography","overridesName":"subscript-text-size","derivedFrom":"--mat-sys-body-small-size"},{"name":"subscript-text-tracking","prefix":"mat-form-field","type":"typography","overridesName":"subscript-text-tracking","derivedFrom":"--mat-sys-body-small-tracking"},{"name":"subscript-text-weight","prefix":"mat-form-field","type":"typography","overridesName":"subscript-text-weight","derivedFrom":"--mat-sys-body-small-weight"},{"name":"container-height","prefix":"mat-form-field","type":"density","overridesName":"container-height"},{"name":"filled-label-display","prefix":"mat-form-field","type":"density","overridesName":"filled-label-display"},{"name":"container-vertical-padding","prefix":"mat-form-field","type":"density","overridesName":"container-vertical-padding"},{"name":"filled-with-label-container-padding-top","prefix":"mat-form-field","type":"density","overridesName":"filled-with-label-container-padding-top"},{"name":"filled-with-label-container-padding-bottom","prefix":"mat-form-field","type":"density","overridesName":"filled-with-label-container-padding-bottom"}]}]} \ No newline at end of file diff --git a/docs-content/tokens/material/grid-list/grid-list.json b/docs-content/tokens/material/grid-list/grid-list.json index be436f52d..168ff8627 100755 --- a/docs-content/tokens/material/grid-list/grid-list.json +++ b/docs-content/tokens/material/grid-list/grid-list.json @@ -1 +1 @@ -{"example":null,"themes":[{"name":"grid-list","overridesMixin":"grid-list-overrides","tokens":[{"name":"tile-header-primary-text-size","prefix":"mat-grid-list","type":"typography","overridesName":"tile-header-primary-text-size","derivedFrom":"--sys-body-large"},{"name":"tile-header-secondary-text-size","prefix":"mat-grid-list","type":"typography","overridesName":"tile-header-secondary-text-size","derivedFrom":"--sys-body-medium"},{"name":"tile-footer-primary-text-size","prefix":"mat-grid-list","type":"typography","overridesName":"tile-footer-primary-text-size","derivedFrom":"--sys-body-large"},{"name":"tile-footer-secondary-text-size","prefix":"mat-grid-list","type":"typography","overridesName":"tile-footer-secondary-text-size","derivedFrom":"--sys-body-medium"}]}]} \ No newline at end of file +{"example":null,"themes":[{"name":"grid-list","overridesMixin":"grid-list-overrides","tokens":[{"name":"tile-header-primary-text-size","prefix":"mat-grid-list","type":"typography","overridesName":"tile-header-primary-text-size","derivedFrom":"--mat-sys-body-large"},{"name":"tile-header-secondary-text-size","prefix":"mat-grid-list","type":"typography","overridesName":"tile-header-secondary-text-size","derivedFrom":"--mat-sys-body-medium"},{"name":"tile-footer-primary-text-size","prefix":"mat-grid-list","type":"typography","overridesName":"tile-footer-primary-text-size","derivedFrom":"--mat-sys-body-large"},{"name":"tile-footer-secondary-text-size","prefix":"mat-grid-list","type":"typography","overridesName":"tile-footer-secondary-text-size","derivedFrom":"--mat-sys-body-medium"}]}]} \ No newline at end of file diff --git a/docs-content/tokens/material/list/list.json b/docs-content/tokens/material/list/list.json index 148b47c55..1334c6578 100755 --- a/docs-content/tokens/material/list/list.json +++ b/docs-content/tokens/material/list/list.json @@ -1 +1 @@ -{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.list-overrides((\n active-indicator-color: orange,\n list-item-container-color: red,\n ));\n}","themes":[{"name":"list","overridesMixin":"list-overrides","tokens":[{"name":"active-indicator-color","prefix":"mat-list","type":"color","overridesName":"active-indicator-color","derivedFrom":"--sys-secondary-container"},{"name":"active-indicator-shape","prefix":"mat-list","type":"base","overridesName":"active-indicator-shape"},{"name":"list-item-leading-icon-start-space","prefix":"mat-list","type":"density","overridesName":"list-item-leading-icon-start-space"},{"name":"list-item-leading-icon-end-space","prefix":"mat-list","type":"density","overridesName":"list-item-leading-icon-end-space"},{"name":"list-item-container-shape","prefix":"mdc-list","type":"base","overridesName":"list-item-container-shape"},{"name":"list-item-leading-avatar-shape","prefix":"mdc-list","type":"base","overridesName":"list-item-leading-avatar-shape"},{"name":"list-item-container-color","prefix":"mdc-list","type":"color","overridesName":"list-item-container-color"},{"name":"list-item-selected-container-color","prefix":"mdc-list","type":"color","overridesName":"list-item-selected-container-color"},{"name":"list-item-leading-avatar-color","prefix":"mdc-list","type":"color","overridesName":"list-item-leading-avatar-color","derivedFrom":"--sys-primary-container"},{"name":"list-item-leading-icon-size","prefix":"mdc-list","type":"base","overridesName":"list-item-leading-icon-size"},{"name":"list-item-leading-avatar-size","prefix":"mdc-list","type":"base","overridesName":"list-item-leading-avatar-size"},{"name":"list-item-trailing-icon-size","prefix":"mdc-list","type":"base","overridesName":"list-item-trailing-icon-size"},{"name":"list-item-disabled-state-layer-color","prefix":"mdc-list","type":"color","overridesName":"list-item-disabled-state-layer-color","derivedFrom":"--sys-on-surface"},{"name":"list-item-disabled-state-layer-opacity","prefix":"mdc-list","type":"color","overridesName":"list-item-disabled-state-layer-opacity"},{"name":"list-item-disabled-label-text-opacity","prefix":"mdc-list","type":"base","overridesName":"list-item-disabled-label-text-opacity"},{"name":"list-item-disabled-leading-icon-opacity","prefix":"mdc-list","type":"base","overridesName":"list-item-disabled-leading-icon-opacity"},{"name":"list-item-disabled-trailing-icon-opacity","prefix":"mdc-list","type":"base","overridesName":"list-item-disabled-trailing-icon-opacity"},{"name":"list-item-label-text-color","prefix":"mdc-list","type":"color","overridesName":"list-item-label-text-color","derivedFrom":"--sys-on-surface"},{"name":"list-item-supporting-text-color","prefix":"mdc-list","type":"color","overridesName":"list-item-supporting-text-color","derivedFrom":"--sys-on-surface-variant"},{"name":"list-item-leading-icon-color","prefix":"mdc-list","type":"color","overridesName":"list-item-leading-icon-color","derivedFrom":"--sys-on-surface-variant"},{"name":"list-item-trailing-supporting-text-color","prefix":"mdc-list","type":"color","overridesName":"list-item-trailing-supporting-text-color","derivedFrom":"--sys-on-surface-variant"},{"name":"list-item-trailing-icon-color","prefix":"mdc-list","type":"color","overridesName":"list-item-trailing-icon-color","derivedFrom":"--sys-on-surface-variant"},{"name":"list-item-selected-trailing-icon-color","prefix":"mdc-list","type":"color","overridesName":"list-item-selected-trailing-icon-color","derivedFrom":"--sys-primary"},{"name":"list-item-disabled-label-text-color","prefix":"mdc-list","type":"color","overridesName":"list-item-disabled-label-text-color","derivedFrom":"--sys-on-surface"},{"name":"list-item-disabled-leading-icon-color","prefix":"mdc-list","type":"color","overridesName":"list-item-disabled-leading-icon-color","derivedFrom":"--sys-on-surface"},{"name":"list-item-disabled-trailing-icon-color","prefix":"mdc-list","type":"color","overridesName":"list-item-disabled-trailing-icon-color","derivedFrom":"--sys-on-surface"},{"name":"list-item-hover-label-text-color","prefix":"mdc-list","type":"color","overridesName":"list-item-hover-label-text-color","derivedFrom":"--sys-on-surface"},{"name":"list-item-hover-leading-icon-color","prefix":"mdc-list","type":"color","overridesName":"list-item-hover-leading-icon-color"},{"name":"list-item-hover-trailing-icon-color","prefix":"mdc-list","type":"color","overridesName":"list-item-hover-trailing-icon-color"},{"name":"list-item-focus-label-text-color","prefix":"mdc-list","type":"color","overridesName":"list-item-focus-label-text-color","derivedFrom":"--sys-on-surface"},{"name":"list-item-hover-state-layer-color","prefix":"mdc-list","type":"color","overridesName":"list-item-hover-state-layer-color","derivedFrom":"--sys-on-surface"},{"name":"list-item-hover-state-layer-opacity","prefix":"mdc-list","type":"color","overridesName":"list-item-hover-state-layer-opacity"},{"name":"list-item-focus-state-layer-color","prefix":"mdc-list","type":"color","overridesName":"list-item-focus-state-layer-color","derivedFrom":"--sys-on-surface"},{"name":"list-item-focus-state-layer-opacity","prefix":"mdc-list","type":"color","overridesName":"list-item-focus-state-layer-opacity"},{"name":"list-item-label-text-font","prefix":"mdc-list","type":"typography","overridesName":"list-item-label-text-font","derivedFrom":"--sys-body-large-font"},{"name":"list-item-label-text-line-height","prefix":"mdc-list","type":"typography","overridesName":"list-item-label-text-line-height","derivedFrom":"--sys-body-large-line-height"},{"name":"list-item-label-text-size","prefix":"mdc-list","type":"typography","overridesName":"list-item-label-text-size","derivedFrom":"--sys-body-large-size"},{"name":"list-item-label-text-tracking","prefix":"mdc-list","type":"typography","overridesName":"list-item-label-text-tracking","derivedFrom":"--sys-body-large-tracking"},{"name":"list-item-label-text-weight","prefix":"mdc-list","type":"typography","overridesName":"list-item-label-text-weight","derivedFrom":"--sys-body-large-weight"},{"name":"list-item-supporting-text-font","prefix":"mdc-list","type":"typography","overridesName":"list-item-supporting-text-font","derivedFrom":"--sys-body-medium-font"},{"name":"list-item-supporting-text-line-height","prefix":"mdc-list","type":"typography","overridesName":"list-item-supporting-text-line-height","derivedFrom":"--sys-body-medium-line-height"},{"name":"list-item-supporting-text-size","prefix":"mdc-list","type":"typography","overridesName":"list-item-supporting-text-size","derivedFrom":"--sys-body-medium-size"},{"name":"list-item-supporting-text-tracking","prefix":"mdc-list","type":"typography","overridesName":"list-item-supporting-text-tracking","derivedFrom":"--sys-body-medium-tracking"},{"name":"list-item-supporting-text-weight","prefix":"mdc-list","type":"typography","overridesName":"list-item-supporting-text-weight","derivedFrom":"--sys-body-medium-weight"},{"name":"list-item-trailing-supporting-text-font","prefix":"mdc-list","type":"typography","overridesName":"list-item-trailing-supporting-text-font","derivedFrom":"--sys-label-small-font"},{"name":"list-item-trailing-supporting-text-line-height","prefix":"mdc-list","type":"typography","overridesName":"list-item-trailing-supporting-text-line-height","derivedFrom":"--sys-label-small-line-height"},{"name":"list-item-trailing-supporting-text-size","prefix":"mdc-list","type":"typography","overridesName":"list-item-trailing-supporting-text-size","derivedFrom":"--sys-label-small-size"},{"name":"list-item-trailing-supporting-text-tracking","prefix":"mdc-list","type":"typography","overridesName":"list-item-trailing-supporting-text-tracking","derivedFrom":"--sys-label-small-tracking"},{"name":"list-item-trailing-supporting-text-weight","prefix":"mdc-list","type":"typography","overridesName":"list-item-trailing-supporting-text-weight","derivedFrom":"--sys-label-small-weight"},{"name":"list-item-one-line-container-height","prefix":"mdc-list","type":"density","overridesName":"list-item-one-line-container-height"},{"name":"list-item-two-line-container-height","prefix":"mdc-list","type":"density","overridesName":"list-item-two-line-container-height"},{"name":"list-item-three-line-container-height","prefix":"mdc-list","type":"density","overridesName":"list-item-three-line-container-height"}]}]} \ No newline at end of file +{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.list-overrides((\n active-indicator-color: orange,\n list-item-container-color: red,\n ));\n}","themes":[{"name":"list","overridesMixin":"list-overrides","tokens":[{"name":"active-indicator-color","prefix":"mat-list","type":"color","overridesName":"active-indicator-color","derivedFrom":"--mat-sys-secondary-container"},{"name":"active-indicator-shape","prefix":"mat-list","type":"base","overridesName":"active-indicator-shape"},{"name":"list-item-leading-icon-start-space","prefix":"mat-list","type":"density","overridesName":"list-item-leading-icon-start-space"},{"name":"list-item-leading-icon-end-space","prefix":"mat-list","type":"density","overridesName":"list-item-leading-icon-end-space"},{"name":"list-item-container-shape","prefix":"mdc-list","type":"base","overridesName":"list-item-container-shape"},{"name":"list-item-leading-avatar-shape","prefix":"mdc-list","type":"base","overridesName":"list-item-leading-avatar-shape"},{"name":"list-item-container-color","prefix":"mdc-list","type":"color","overridesName":"list-item-container-color"},{"name":"list-item-selected-container-color","prefix":"mdc-list","type":"color","overridesName":"list-item-selected-container-color"},{"name":"list-item-leading-avatar-color","prefix":"mdc-list","type":"color","overridesName":"list-item-leading-avatar-color","derivedFrom":"--mat-sys-primary-container"},{"name":"list-item-leading-icon-size","prefix":"mdc-list","type":"base","overridesName":"list-item-leading-icon-size"},{"name":"list-item-leading-avatar-size","prefix":"mdc-list","type":"base","overridesName":"list-item-leading-avatar-size"},{"name":"list-item-trailing-icon-size","prefix":"mdc-list","type":"base","overridesName":"list-item-trailing-icon-size"},{"name":"list-item-disabled-state-layer-color","prefix":"mdc-list","type":"color","overridesName":"list-item-disabled-state-layer-color","derivedFrom":"--mat-sys-on-surface"},{"name":"list-item-disabled-state-layer-opacity","prefix":"mdc-list","type":"color","overridesName":"list-item-disabled-state-layer-opacity"},{"name":"list-item-disabled-label-text-opacity","prefix":"mdc-list","type":"base","overridesName":"list-item-disabled-label-text-opacity"},{"name":"list-item-disabled-leading-icon-opacity","prefix":"mdc-list","type":"base","overridesName":"list-item-disabled-leading-icon-opacity"},{"name":"list-item-disabled-trailing-icon-opacity","prefix":"mdc-list","type":"base","overridesName":"list-item-disabled-trailing-icon-opacity"},{"name":"list-item-label-text-color","prefix":"mdc-list","type":"color","overridesName":"list-item-label-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"list-item-supporting-text-color","prefix":"mdc-list","type":"color","overridesName":"list-item-supporting-text-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"list-item-leading-icon-color","prefix":"mdc-list","type":"color","overridesName":"list-item-leading-icon-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"list-item-trailing-supporting-text-color","prefix":"mdc-list","type":"color","overridesName":"list-item-trailing-supporting-text-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"list-item-trailing-icon-color","prefix":"mdc-list","type":"color","overridesName":"list-item-trailing-icon-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"list-item-selected-trailing-icon-color","prefix":"mdc-list","type":"color","overridesName":"list-item-selected-trailing-icon-color","derivedFrom":"--mat-sys-primary"},{"name":"list-item-disabled-label-text-color","prefix":"mdc-list","type":"color","overridesName":"list-item-disabled-label-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"list-item-disabled-leading-icon-color","prefix":"mdc-list","type":"color","overridesName":"list-item-disabled-leading-icon-color","derivedFrom":"--mat-sys-on-surface"},{"name":"list-item-disabled-trailing-icon-color","prefix":"mdc-list","type":"color","overridesName":"list-item-disabled-trailing-icon-color","derivedFrom":"--mat-sys-on-surface"},{"name":"list-item-hover-label-text-color","prefix":"mdc-list","type":"color","overridesName":"list-item-hover-label-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"list-item-hover-leading-icon-color","prefix":"mdc-list","type":"color","overridesName":"list-item-hover-leading-icon-color"},{"name":"list-item-hover-trailing-icon-color","prefix":"mdc-list","type":"color","overridesName":"list-item-hover-trailing-icon-color"},{"name":"list-item-focus-label-text-color","prefix":"mdc-list","type":"color","overridesName":"list-item-focus-label-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"list-item-hover-state-layer-color","prefix":"mdc-list","type":"color","overridesName":"list-item-hover-state-layer-color","derivedFrom":"--mat-sys-on-surface"},{"name":"list-item-hover-state-layer-opacity","prefix":"mdc-list","type":"color","overridesName":"list-item-hover-state-layer-opacity"},{"name":"list-item-focus-state-layer-color","prefix":"mdc-list","type":"color","overridesName":"list-item-focus-state-layer-color","derivedFrom":"--mat-sys-on-surface"},{"name":"list-item-focus-state-layer-opacity","prefix":"mdc-list","type":"color","overridesName":"list-item-focus-state-layer-opacity"},{"name":"list-item-label-text-font","prefix":"mdc-list","type":"typography","overridesName":"list-item-label-text-font","derivedFrom":"--mat-sys-body-large-font"},{"name":"list-item-label-text-line-height","prefix":"mdc-list","type":"typography","overridesName":"list-item-label-text-line-height","derivedFrom":"--mat-sys-body-large-line-height"},{"name":"list-item-label-text-size","prefix":"mdc-list","type":"typography","overridesName":"list-item-label-text-size","derivedFrom":"--mat-sys-body-large-size"},{"name":"list-item-label-text-tracking","prefix":"mdc-list","type":"typography","overridesName":"list-item-label-text-tracking","derivedFrom":"--mat-sys-body-large-tracking"},{"name":"list-item-label-text-weight","prefix":"mdc-list","type":"typography","overridesName":"list-item-label-text-weight","derivedFrom":"--mat-sys-body-large-weight"},{"name":"list-item-supporting-text-font","prefix":"mdc-list","type":"typography","overridesName":"list-item-supporting-text-font","derivedFrom":"--mat-sys-body-medium-font"},{"name":"list-item-supporting-text-line-height","prefix":"mdc-list","type":"typography","overridesName":"list-item-supporting-text-line-height","derivedFrom":"--mat-sys-body-medium-line-height"},{"name":"list-item-supporting-text-size","prefix":"mdc-list","type":"typography","overridesName":"list-item-supporting-text-size","derivedFrom":"--mat-sys-body-medium-size"},{"name":"list-item-supporting-text-tracking","prefix":"mdc-list","type":"typography","overridesName":"list-item-supporting-text-tracking","derivedFrom":"--mat-sys-body-medium-tracking"},{"name":"list-item-supporting-text-weight","prefix":"mdc-list","type":"typography","overridesName":"list-item-supporting-text-weight","derivedFrom":"--mat-sys-body-medium-weight"},{"name":"list-item-trailing-supporting-text-font","prefix":"mdc-list","type":"typography","overridesName":"list-item-trailing-supporting-text-font","derivedFrom":"--mat-sys-label-small-font"},{"name":"list-item-trailing-supporting-text-line-height","prefix":"mdc-list","type":"typography","overridesName":"list-item-trailing-supporting-text-line-height","derivedFrom":"--mat-sys-label-small-line-height"},{"name":"list-item-trailing-supporting-text-size","prefix":"mdc-list","type":"typography","overridesName":"list-item-trailing-supporting-text-size","derivedFrom":"--mat-sys-label-small-size"},{"name":"list-item-trailing-supporting-text-tracking","prefix":"mdc-list","type":"typography","overridesName":"list-item-trailing-supporting-text-tracking","derivedFrom":"--mat-sys-label-small-tracking"},{"name":"list-item-trailing-supporting-text-weight","prefix":"mdc-list","type":"typography","overridesName":"list-item-trailing-supporting-text-weight","derivedFrom":"--mat-sys-label-small-weight"},{"name":"list-item-one-line-container-height","prefix":"mdc-list","type":"density","overridesName":"list-item-one-line-container-height"},{"name":"list-item-two-line-container-height","prefix":"mdc-list","type":"density","overridesName":"list-item-two-line-container-height"},{"name":"list-item-three-line-container-height","prefix":"mdc-list","type":"density","overridesName":"list-item-three-line-container-height"}]}]} \ No newline at end of file diff --git a/docs-content/tokens/material/menu/menu.json b/docs-content/tokens/material/menu/menu.json index 7f3ef92f0..0fe599927 100755 --- a/docs-content/tokens/material/menu/menu.json +++ b/docs-content/tokens/material/menu/menu.json @@ -1 +1 @@ -{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.menu-overrides((\n item-label-text-color: orange,\n item-icon-color: red,\n ));\n}","themes":[{"name":"menu","overridesMixin":"menu-overrides","tokens":[{"name":"container-shape","prefix":"mat-menu","type":"base","overridesName":"container-shape"},{"name":"divider-bottom-spacing","prefix":"mat-menu","type":"base","overridesName":"divider-bottom-spacing"},{"name":"divider-top-spacing","prefix":"mat-menu","type":"base","overridesName":"divider-top-spacing"},{"name":"item-spacing","prefix":"mat-menu","type":"base","overridesName":"item-spacing"},{"name":"item-icon-size","prefix":"mat-menu","type":"base","overridesName":"item-icon-size"},{"name":"item-leading-spacing","prefix":"mat-menu","type":"base","overridesName":"item-leading-spacing"},{"name":"item-trailing-spacing","prefix":"mat-menu","type":"base","overridesName":"item-trailing-spacing"},{"name":"item-with-icon-leading-spacing","prefix":"mat-menu","type":"base","overridesName":"item-with-icon-leading-spacing"},{"name":"item-with-icon-trailing-spacing","prefix":"mat-menu","type":"base","overridesName":"item-with-icon-trailing-spacing"},{"name":"container-elevation-shadow","prefix":"mat-menu","type":"base","overridesName":"container-elevation-shadow"},{"name":"item-label-text-color","prefix":"mat-menu","type":"color","overridesName":"item-label-text-color","derivedFrom":"--sys-on-surface"},{"name":"item-icon-color","prefix":"mat-menu","type":"color","overridesName":"item-icon-color","derivedFrom":"--sys-on-surface-variant"},{"name":"item-hover-state-layer-color","prefix":"mat-menu","type":"color","overridesName":"item-hover-state-layer-color","derivedFrom":"--sys-on-surface"},{"name":"item-focus-state-layer-color","prefix":"mat-menu","type":"color","overridesName":"item-focus-state-layer-color","derivedFrom":"--sys-on-surface"},{"name":"container-color","prefix":"mat-menu","type":"color","overridesName":"container-color","derivedFrom":"--sys-surface-container"},{"name":"divider-color","prefix":"mat-menu","type":"color","overridesName":"divider-color","derivedFrom":"--sys-surface-variant"},{"name":"item-label-text-font","prefix":"mat-menu","type":"typography","overridesName":"item-label-text-font","derivedFrom":"--sys-label-large-font"},{"name":"item-label-text-size","prefix":"mat-menu","type":"typography","overridesName":"item-label-text-size","derivedFrom":"--sys-label-large-size"},{"name":"item-label-text-tracking","prefix":"mat-menu","type":"typography","overridesName":"item-label-text-tracking","derivedFrom":"--sys-label-large-tracking"},{"name":"item-label-text-line-height","prefix":"mat-menu","type":"typography","overridesName":"item-label-text-line-height","derivedFrom":"--sys-label-large-line-height"},{"name":"item-label-text-weight","prefix":"mat-menu","type":"typography","overridesName":"item-label-text-weight","derivedFrom":"--sys-label-large-weight"}]}]} \ No newline at end of file +{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.menu-overrides((\n item-label-text-color: orange,\n item-icon-color: red,\n ));\n}","themes":[{"name":"menu","overridesMixin":"menu-overrides","tokens":[{"name":"container-shape","prefix":"mat-menu","type":"base","overridesName":"container-shape"},{"name":"divider-bottom-spacing","prefix":"mat-menu","type":"base","overridesName":"divider-bottom-spacing"},{"name":"divider-top-spacing","prefix":"mat-menu","type":"base","overridesName":"divider-top-spacing"},{"name":"item-spacing","prefix":"mat-menu","type":"base","overridesName":"item-spacing"},{"name":"item-icon-size","prefix":"mat-menu","type":"base","overridesName":"item-icon-size"},{"name":"item-leading-spacing","prefix":"mat-menu","type":"base","overridesName":"item-leading-spacing"},{"name":"item-trailing-spacing","prefix":"mat-menu","type":"base","overridesName":"item-trailing-spacing"},{"name":"item-with-icon-leading-spacing","prefix":"mat-menu","type":"base","overridesName":"item-with-icon-leading-spacing"},{"name":"item-with-icon-trailing-spacing","prefix":"mat-menu","type":"base","overridesName":"item-with-icon-trailing-spacing"},{"name":"container-elevation-shadow","prefix":"mat-menu","type":"base","overridesName":"container-elevation-shadow"},{"name":"item-label-text-color","prefix":"mat-menu","type":"color","overridesName":"item-label-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"item-icon-color","prefix":"mat-menu","type":"color","overridesName":"item-icon-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"item-hover-state-layer-color","prefix":"mat-menu","type":"color","overridesName":"item-hover-state-layer-color","derivedFrom":"--mat-sys-on-surface"},{"name":"item-focus-state-layer-color","prefix":"mat-menu","type":"color","overridesName":"item-focus-state-layer-color","derivedFrom":"--mat-sys-on-surface"},{"name":"container-color","prefix":"mat-menu","type":"color","overridesName":"container-color","derivedFrom":"--mat-sys-surface-container"},{"name":"divider-color","prefix":"mat-menu","type":"color","overridesName":"divider-color","derivedFrom":"--mat-sys-surface-variant"},{"name":"item-label-text-font","prefix":"mat-menu","type":"typography","overridesName":"item-label-text-font","derivedFrom":"--mat-sys-label-large-font"},{"name":"item-label-text-size","prefix":"mat-menu","type":"typography","overridesName":"item-label-text-size","derivedFrom":"--mat-sys-label-large-size"},{"name":"item-label-text-tracking","prefix":"mat-menu","type":"typography","overridesName":"item-label-text-tracking","derivedFrom":"--mat-sys-label-large-tracking"},{"name":"item-label-text-line-height","prefix":"mat-menu","type":"typography","overridesName":"item-label-text-line-height","derivedFrom":"--mat-sys-label-large-line-height"},{"name":"item-label-text-weight","prefix":"mat-menu","type":"typography","overridesName":"item-label-text-weight","derivedFrom":"--mat-sys-label-large-weight"}]}]} \ No newline at end of file diff --git a/docs-content/tokens/material/paginator/paginator.json b/docs-content/tokens/material/paginator/paginator.json index ddfdaddcc..49fa7768c 100755 --- a/docs-content/tokens/material/paginator/paginator.json +++ b/docs-content/tokens/material/paginator/paginator.json @@ -1 +1 @@ -{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.paginator-overrides((\n container-text-color: orange,\n container-background-color: red,\n ));\n}","themes":[{"name":"paginator","overridesMixin":"paginator-overrides","tokens":[{"name":"container-text-color","prefix":"mat-paginator","type":"color","overridesName":"container-text-color","derivedFrom":"--sys-on-surface"},{"name":"container-background-color","prefix":"mat-paginator","type":"color","overridesName":"container-background-color","derivedFrom":"--sys-surface"},{"name":"enabled-icon-color","prefix":"mat-paginator","type":"color","overridesName":"enabled-icon-color","derivedFrom":"--sys-on-surface-variant"},{"name":"disabled-icon-color","prefix":"mat-paginator","type":"color","overridesName":"disabled-icon-color","derivedFrom":"--sys-on-surface"},{"name":"container-text-font","prefix":"mat-paginator","type":"typography","overridesName":"container-text-font","derivedFrom":"--sys-body-small-font"},{"name":"container-text-line-height","prefix":"mat-paginator","type":"typography","overridesName":"container-text-line-height","derivedFrom":"--sys-body-small-line-height"},{"name":"container-text-size","prefix":"mat-paginator","type":"typography","overridesName":"container-text-size","derivedFrom":"--sys-body-small-size"},{"name":"container-text-tracking","prefix":"mat-paginator","type":"typography","overridesName":"container-text-tracking","derivedFrom":"--sys-body-small-tracking"},{"name":"container-text-weight","prefix":"mat-paginator","type":"typography","overridesName":"container-text-weight","derivedFrom":"--sys-body-small-weight"},{"name":"select-trigger-text-size","prefix":"mat-paginator","type":"typography","overridesName":"select-trigger-text-size","derivedFrom":"--sys-body-small-size"},{"name":"container-size","prefix":"mat-paginator","type":"density","overridesName":"container-size"},{"name":"form-field-container-height","prefix":"mat-paginator","type":"density","overridesName":"form-field-container-height"},{"name":"form-field-container-vertical-padding","prefix":"mat-paginator","type":"density","overridesName":"form-field-container-vertical-padding"},{"name":"touch-target-display","prefix":"mat-paginator","type":"density","overridesName":"touch-target-display"}]}]} \ No newline at end of file +{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.paginator-overrides((\n container-text-color: orange,\n container-background-color: red,\n ));\n}","themes":[{"name":"paginator","overridesMixin":"paginator-overrides","tokens":[{"name":"container-text-color","prefix":"mat-paginator","type":"color","overridesName":"container-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"container-background-color","prefix":"mat-paginator","type":"color","overridesName":"container-background-color","derivedFrom":"--mat-sys-surface"},{"name":"enabled-icon-color","prefix":"mat-paginator","type":"color","overridesName":"enabled-icon-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"disabled-icon-color","prefix":"mat-paginator","type":"color","overridesName":"disabled-icon-color","derivedFrom":"--mat-sys-on-surface"},{"name":"container-text-font","prefix":"mat-paginator","type":"typography","overridesName":"container-text-font","derivedFrom":"--mat-sys-body-small-font"},{"name":"container-text-line-height","prefix":"mat-paginator","type":"typography","overridesName":"container-text-line-height","derivedFrom":"--mat-sys-body-small-line-height"},{"name":"container-text-size","prefix":"mat-paginator","type":"typography","overridesName":"container-text-size","derivedFrom":"--mat-sys-body-small-size"},{"name":"container-text-tracking","prefix":"mat-paginator","type":"typography","overridesName":"container-text-tracking","derivedFrom":"--mat-sys-body-small-tracking"},{"name":"container-text-weight","prefix":"mat-paginator","type":"typography","overridesName":"container-text-weight","derivedFrom":"--mat-sys-body-small-weight"},{"name":"select-trigger-text-size","prefix":"mat-paginator","type":"typography","overridesName":"select-trigger-text-size","derivedFrom":"--mat-sys-body-small-size"},{"name":"container-size","prefix":"mat-paginator","type":"density","overridesName":"container-size"},{"name":"form-field-container-height","prefix":"mat-paginator","type":"density","overridesName":"form-field-container-height"},{"name":"form-field-container-vertical-padding","prefix":"mat-paginator","type":"density","overridesName":"form-field-container-vertical-padding"},{"name":"touch-target-display","prefix":"mat-paginator","type":"density","overridesName":"touch-target-display"}]}]} \ No newline at end of file diff --git a/docs-content/tokens/material/progress-bar/progress-bar.json b/docs-content/tokens/material/progress-bar/progress-bar.json index 6835422a1..49d9d1573 100755 --- a/docs-content/tokens/material/progress-bar/progress-bar.json +++ b/docs-content/tokens/material/progress-bar/progress-bar.json @@ -1 +1 @@ -{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.progress-bar-overrides((\n active-indicator-color: orange,\n track-color: red,\n ));\n}","themes":[{"name":"progress-bar","overridesMixin":"progress-bar-overrides","tokens":[{"name":"active-indicator-height","prefix":"mdc-linear-progress","type":"base","overridesName":"active-indicator-height"},{"name":"track-height","prefix":"mdc-linear-progress","type":"base","overridesName":"track-height"},{"name":"track-shape","prefix":"mdc-linear-progress","type":"base","overridesName":"track-shape"},{"name":"active-indicator-color","prefix":"mdc-linear-progress","type":"color","overridesName":"active-indicator-color","derivedFrom":"--sys-primary"},{"name":"track-color","prefix":"mdc-linear-progress","type":"color","overridesName":"track-color","derivedFrom":"--sys-surface-variant"}]}]} \ No newline at end of file +{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.progress-bar-overrides((\n active-indicator-color: orange,\n track-color: red,\n ));\n}","themes":[{"name":"progress-bar","overridesMixin":"progress-bar-overrides","tokens":[{"name":"active-indicator-height","prefix":"mdc-linear-progress","type":"base","overridesName":"active-indicator-height"},{"name":"track-height","prefix":"mdc-linear-progress","type":"base","overridesName":"track-height"},{"name":"track-shape","prefix":"mdc-linear-progress","type":"base","overridesName":"track-shape"},{"name":"active-indicator-color","prefix":"mdc-linear-progress","type":"color","overridesName":"active-indicator-color","derivedFrom":"--mat-sys-primary"},{"name":"track-color","prefix":"mdc-linear-progress","type":"color","overridesName":"track-color","derivedFrom":"--mat-sys-surface-variant"}]}]} \ No newline at end of file diff --git a/docs-content/tokens/material/progress-spinner/progress-spinner.json b/docs-content/tokens/material/progress-spinner/progress-spinner.json index 286144265..2e67eb1aa 100755 --- a/docs-content/tokens/material/progress-spinner/progress-spinner.json +++ b/docs-content/tokens/material/progress-spinner/progress-spinner.json @@ -1 +1 @@ -{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.progress-spinner-overrides((\n active-indicator-color: orange,\n ));\n}","themes":[{"name":"progress-spinner","overridesMixin":"progress-spinner-overrides","tokens":[{"name":"active-indicator-width","prefix":"mdc-circular-progress","type":"base","overridesName":"active-indicator-width"},{"name":"size","prefix":"mdc-circular-progress","type":"base","overridesName":"size"},{"name":"active-indicator-color","prefix":"mdc-circular-progress","type":"color","overridesName":"active-indicator-color","derivedFrom":"--sys-primary"}]}]} \ No newline at end of file +{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.progress-spinner-overrides((\n active-indicator-color: orange,\n ));\n}","themes":[{"name":"progress-spinner","overridesMixin":"progress-spinner-overrides","tokens":[{"name":"active-indicator-width","prefix":"mdc-circular-progress","type":"base","overridesName":"active-indicator-width"},{"name":"size","prefix":"mdc-circular-progress","type":"base","overridesName":"size"},{"name":"active-indicator-color","prefix":"mdc-circular-progress","type":"color","overridesName":"active-indicator-color","derivedFrom":"--mat-sys-primary"}]}]} \ No newline at end of file diff --git a/docs-content/tokens/material/radio/radio.json b/docs-content/tokens/material/radio/radio.json index a97fa2a96..902610122 100755 --- a/docs-content/tokens/material/radio/radio.json +++ b/docs-content/tokens/material/radio/radio.json @@ -1 +1 @@ -{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.radio-overrides((\n disabled-selected-icon-color: orange,\n disabled-unselected-icon-color: red,\n ));\n}","themes":[{"name":"radio","overridesMixin":"radio-overrides","tokens":[{"name":"disabled-selected-icon-opacity","prefix":"mdc-radio","type":"base","overridesName":"disabled-selected-icon-opacity"},{"name":"disabled-unselected-icon-opacity","prefix":"mdc-radio","type":"base","overridesName":"disabled-unselected-icon-opacity"},{"name":"state-layer-size","prefix":"mdc-radio","type":"density","overridesName":"state-layer-size"},{"name":"disabled-selected-icon-color","prefix":"mdc-radio","type":"color","overridesName":"disabled-selected-icon-color","derivedFrom":"--sys-on-surface"},{"name":"disabled-unselected-icon-color","prefix":"mdc-radio","type":"color","overridesName":"disabled-unselected-icon-color","derivedFrom":"--sys-on-surface"},{"name":"unselected-hover-icon-color","prefix":"mdc-radio","type":"color","overridesName":"unselected-hover-icon-color","derivedFrom":"--sys-on-surface"},{"name":"unselected-focus-icon-color","prefix":"mdc-radio","type":"color","overridesName":"unselected-focus-icon-color","derivedFrom":"--sys-on-surface"},{"name":"unselected-icon-color","prefix":"mdc-radio","type":"color","overridesName":"unselected-icon-color","derivedFrom":"--sys-on-surface-variant"},{"name":"unselected-pressed-icon-color","prefix":"mdc-radio","type":"color","overridesName":"unselected-pressed-icon-color","derivedFrom":"--sys-on-surface"},{"name":"selected-focus-icon-color","prefix":"mdc-radio","type":"color","overridesName":"selected-focus-icon-color","derivedFrom":"--sys-primary"},{"name":"selected-hover-icon-color","prefix":"mdc-radio","type":"color","overridesName":"selected-hover-icon-color","derivedFrom":"--sys-primary"},{"name":"selected-icon-color","prefix":"mdc-radio","type":"color","overridesName":"selected-icon-color","derivedFrom":"--sys-primary"},{"name":"selected-pressed-icon-color","prefix":"mdc-radio","type":"color","overridesName":"selected-pressed-icon-color","derivedFrom":"--sys-primary"},{"name":"ripple-color","prefix":"mat-radio","type":"color","overridesName":"ripple-color","derivedFrom":"--sys-on-surface"},{"name":"checked-ripple-color","prefix":"mat-radio","type":"color","overridesName":"checked-ripple-color","derivedFrom":"--sys-primary"},{"name":"disabled-label-color","prefix":"mat-radio","type":"color","overridesName":"disabled-label-color","derivedFrom":"--sys-on-surface"},{"name":"label-text-color","prefix":"mat-radio","type":"color","overridesName":"label-text-color","derivedFrom":"--sys-on-surface"},{"name":"label-text-font","prefix":"mat-radio","type":"typography","overridesName":"label-text-font","derivedFrom":"--sys-body-medium-font"},{"name":"label-text-line-height","prefix":"mat-radio","type":"typography","overridesName":"label-text-line-height","derivedFrom":"--sys-body-medium-line-height"},{"name":"label-text-size","prefix":"mat-radio","type":"typography","overridesName":"label-text-size","derivedFrom":"--sys-body-medium-size"},{"name":"label-text-tracking","prefix":"mat-radio","type":"typography","overridesName":"label-text-tracking","derivedFrom":"--sys-body-medium-tracking"},{"name":"label-text-weight","prefix":"mat-radio","type":"typography","overridesName":"label-text-weight","derivedFrom":"--sys-body-medium-weight"},{"name":"touch-target-display","prefix":"mat-radio","type":"density","overridesName":"touch-target-display"}]}]} \ No newline at end of file +{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.radio-overrides((\n disabled-selected-icon-color: orange,\n disabled-unselected-icon-color: red,\n ));\n}","themes":[{"name":"radio","overridesMixin":"radio-overrides","tokens":[{"name":"disabled-selected-icon-opacity","prefix":"mdc-radio","type":"base","overridesName":"disabled-selected-icon-opacity"},{"name":"disabled-unselected-icon-opacity","prefix":"mdc-radio","type":"base","overridesName":"disabled-unselected-icon-opacity"},{"name":"state-layer-size","prefix":"mdc-radio","type":"density","overridesName":"state-layer-size"},{"name":"disabled-selected-icon-color","prefix":"mdc-radio","type":"color","overridesName":"disabled-selected-icon-color","derivedFrom":"--mat-sys-on-surface"},{"name":"disabled-unselected-icon-color","prefix":"mdc-radio","type":"color","overridesName":"disabled-unselected-icon-color","derivedFrom":"--mat-sys-on-surface"},{"name":"unselected-hover-icon-color","prefix":"mdc-radio","type":"color","overridesName":"unselected-hover-icon-color","derivedFrom":"--mat-sys-on-surface"},{"name":"unselected-focus-icon-color","prefix":"mdc-radio","type":"color","overridesName":"unselected-focus-icon-color","derivedFrom":"--mat-sys-on-surface"},{"name":"unselected-icon-color","prefix":"mdc-radio","type":"color","overridesName":"unselected-icon-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"unselected-pressed-icon-color","prefix":"mdc-radio","type":"color","overridesName":"unselected-pressed-icon-color","derivedFrom":"--mat-sys-on-surface"},{"name":"selected-focus-icon-color","prefix":"mdc-radio","type":"color","overridesName":"selected-focus-icon-color","derivedFrom":"--mat-sys-primary"},{"name":"selected-hover-icon-color","prefix":"mdc-radio","type":"color","overridesName":"selected-hover-icon-color","derivedFrom":"--mat-sys-primary"},{"name":"selected-icon-color","prefix":"mdc-radio","type":"color","overridesName":"selected-icon-color","derivedFrom":"--mat-sys-primary"},{"name":"selected-pressed-icon-color","prefix":"mdc-radio","type":"color","overridesName":"selected-pressed-icon-color","derivedFrom":"--mat-sys-primary"},{"name":"ripple-color","prefix":"mat-radio","type":"color","overridesName":"ripple-color","derivedFrom":"--mat-sys-on-surface"},{"name":"checked-ripple-color","prefix":"mat-radio","type":"color","overridesName":"checked-ripple-color","derivedFrom":"--mat-sys-primary"},{"name":"disabled-label-color","prefix":"mat-radio","type":"color","overridesName":"disabled-label-color","derivedFrom":"--mat-sys-on-surface"},{"name":"label-text-color","prefix":"mat-radio","type":"color","overridesName":"label-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"label-text-font","prefix":"mat-radio","type":"typography","overridesName":"label-text-font","derivedFrom":"--mat-sys-body-medium-font"},{"name":"label-text-line-height","prefix":"mat-radio","type":"typography","overridesName":"label-text-line-height","derivedFrom":"--mat-sys-body-medium-line-height"},{"name":"label-text-size","prefix":"mat-radio","type":"typography","overridesName":"label-text-size","derivedFrom":"--mat-sys-body-medium-size"},{"name":"label-text-tracking","prefix":"mat-radio","type":"typography","overridesName":"label-text-tracking","derivedFrom":"--mat-sys-body-medium-tracking"},{"name":"label-text-weight","prefix":"mat-radio","type":"typography","overridesName":"label-text-weight","derivedFrom":"--mat-sys-body-medium-weight"},{"name":"touch-target-display","prefix":"mat-radio","type":"density","overridesName":"touch-target-display"}]}]} \ No newline at end of file diff --git a/docs-content/tokens/material/select/select.json b/docs-content/tokens/material/select/select.json index 9ac08f453..60320d53f 100755 --- a/docs-content/tokens/material/select/select.json +++ b/docs-content/tokens/material/select/select.json @@ -1 +1 @@ -{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.select-overrides((\n panel-background-color: orange,\n enabled-trigger-text-color: red,\n ));\n}","themes":[{"name":"select","overridesMixin":"select-overrides","tokens":[{"name":"container-elevation-shadow","prefix":"mat-select","type":"base","overridesName":"container-elevation-shadow"},{"name":"panel-background-color","prefix":"mat-select","type":"color","overridesName":"panel-background-color","derivedFrom":"--sys-surface-container"},{"name":"enabled-trigger-text-color","prefix":"mat-select","type":"color","overridesName":"enabled-trigger-text-color","derivedFrom":"--sys-on-surface"},{"name":"disabled-trigger-text-color","prefix":"mat-select","type":"color","overridesName":"disabled-trigger-text-color","derivedFrom":"--sys-on-surface"},{"name":"placeholder-text-color","prefix":"mat-select","type":"color","overridesName":"placeholder-text-color","derivedFrom":"--sys-on-surface-variant"},{"name":"enabled-arrow-color","prefix":"mat-select","type":"color","overridesName":"enabled-arrow-color","derivedFrom":"--sys-on-surface-variant"},{"name":"disabled-arrow-color","prefix":"mat-select","type":"color","overridesName":"disabled-arrow-color","derivedFrom":"--sys-on-surface"},{"name":"focused-arrow-color","prefix":"mat-select","type":"color","overridesName":"focused-arrow-color","derivedFrom":"--sys-primary"},{"name":"invalid-arrow-color","prefix":"mat-select","type":"color","overridesName":"invalid-arrow-color","derivedFrom":"--sys-error"},{"name":"trigger-text-font","prefix":"mat-select","type":"typography","overridesName":"trigger-text-font","derivedFrom":"--sys-body-large-font"},{"name":"trigger-text-line-height","prefix":"mat-select","type":"typography","overridesName":"trigger-text-line-height","derivedFrom":"--sys-body-large-line-height"},{"name":"trigger-text-size","prefix":"mat-select","type":"typography","overridesName":"trigger-text-size","derivedFrom":"--sys-body-large-size"},{"name":"trigger-text-tracking","prefix":"mat-select","type":"typography","overridesName":"trigger-text-tracking","derivedFrom":"--sys-body-large-tracking"},{"name":"trigger-text-weight","prefix":"mat-select","type":"typography","overridesName":"trigger-text-weight","derivedFrom":"--sys-body-large-weight"},{"name":"arrow-transform","prefix":"mat-select","type":"density","overridesName":"arrow-transform"}]}]} \ No newline at end of file +{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.select-overrides((\n panel-background-color: orange,\n enabled-trigger-text-color: red,\n ));\n}","themes":[{"name":"select","overridesMixin":"select-overrides","tokens":[{"name":"container-elevation-shadow","prefix":"mat-select","type":"base","overridesName":"container-elevation-shadow"},{"name":"panel-background-color","prefix":"mat-select","type":"color","overridesName":"panel-background-color","derivedFrom":"--mat-sys-surface-container"},{"name":"enabled-trigger-text-color","prefix":"mat-select","type":"color","overridesName":"enabled-trigger-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"disabled-trigger-text-color","prefix":"mat-select","type":"color","overridesName":"disabled-trigger-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"placeholder-text-color","prefix":"mat-select","type":"color","overridesName":"placeholder-text-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"enabled-arrow-color","prefix":"mat-select","type":"color","overridesName":"enabled-arrow-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"disabled-arrow-color","prefix":"mat-select","type":"color","overridesName":"disabled-arrow-color","derivedFrom":"--mat-sys-on-surface"},{"name":"focused-arrow-color","prefix":"mat-select","type":"color","overridesName":"focused-arrow-color","derivedFrom":"--mat-sys-primary"},{"name":"invalid-arrow-color","prefix":"mat-select","type":"color","overridesName":"invalid-arrow-color","derivedFrom":"--mat-sys-error"},{"name":"trigger-text-font","prefix":"mat-select","type":"typography","overridesName":"trigger-text-font","derivedFrom":"--mat-sys-body-large-font"},{"name":"trigger-text-line-height","prefix":"mat-select","type":"typography","overridesName":"trigger-text-line-height","derivedFrom":"--mat-sys-body-large-line-height"},{"name":"trigger-text-size","prefix":"mat-select","type":"typography","overridesName":"trigger-text-size","derivedFrom":"--mat-sys-body-large-size"},{"name":"trigger-text-tracking","prefix":"mat-select","type":"typography","overridesName":"trigger-text-tracking","derivedFrom":"--mat-sys-body-large-tracking"},{"name":"trigger-text-weight","prefix":"mat-select","type":"typography","overridesName":"trigger-text-weight","derivedFrom":"--mat-sys-body-large-weight"},{"name":"arrow-transform","prefix":"mat-select","type":"density","overridesName":"arrow-transform"}]}]} \ No newline at end of file diff --git a/docs-content/tokens/material/sidenav/sidenav.json b/docs-content/tokens/material/sidenav/sidenav.json index 415c4d8e0..300b9ee74 100755 --- a/docs-content/tokens/material/sidenav/sidenav.json +++ b/docs-content/tokens/material/sidenav/sidenav.json @@ -1 +1 @@ -{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.sidenav-overrides((\n container-background-color: orange,\n container-text-color: red,\n ));\n}","themes":[{"name":"sidenav","overridesMixin":"sidenav-overrides","tokens":[{"name":"container-shape","prefix":"mat-sidenav","type":"base","overridesName":"container-shape"},{"name":"container-elevation-shadow","prefix":"mat-sidenav","type":"base","overridesName":"container-elevation-shadow"},{"name":"container-width","prefix":"mat-sidenav","type":"base","overridesName":"container-width"},{"name":"container-divider-color","prefix":"mat-sidenav","type":"base","overridesName":"container-divider-color"},{"name":"container-background-color","prefix":"mat-sidenav","type":"color","overridesName":"container-background-color","derivedFrom":"--sys-surface"},{"name":"container-text-color","prefix":"mat-sidenav","type":"color","overridesName":"container-text-color","derivedFrom":"--sys-on-surface-variant"},{"name":"content-background-color","prefix":"mat-sidenav","type":"color","overridesName":"content-background-color","derivedFrom":"--sys-background"},{"name":"content-text-color","prefix":"mat-sidenav","type":"color","overridesName":"content-text-color","derivedFrom":"--sys-on-background"},{"name":"scrim-color","prefix":"mat-sidenav","type":"color","overridesName":"scrim-color"}]}]} \ No newline at end of file +{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.sidenav-overrides((\n container-background-color: orange,\n container-text-color: red,\n ));\n}","themes":[{"name":"sidenav","overridesMixin":"sidenav-overrides","tokens":[{"name":"container-shape","prefix":"mat-sidenav","type":"base","overridesName":"container-shape"},{"name":"container-elevation-shadow","prefix":"mat-sidenav","type":"base","overridesName":"container-elevation-shadow"},{"name":"container-width","prefix":"mat-sidenav","type":"base","overridesName":"container-width"},{"name":"container-divider-color","prefix":"mat-sidenav","type":"base","overridesName":"container-divider-color"},{"name":"container-background-color","prefix":"mat-sidenav","type":"color","overridesName":"container-background-color","derivedFrom":"--mat-sys-surface"},{"name":"container-text-color","prefix":"mat-sidenav","type":"color","overridesName":"container-text-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"content-background-color","prefix":"mat-sidenav","type":"color","overridesName":"content-background-color","derivedFrom":"--mat-sys-background"},{"name":"content-text-color","prefix":"mat-sidenav","type":"color","overridesName":"content-text-color","derivedFrom":"--mat-sys-on-background"},{"name":"scrim-color","prefix":"mat-sidenav","type":"color","overridesName":"scrim-color"}]}]} \ No newline at end of file diff --git a/docs-content/tokens/material/slide-toggle/slide-toggle.json b/docs-content/tokens/material/slide-toggle/slide-toggle.json index 58f020adc..db03d99fd 100755 --- a/docs-content/tokens/material/slide-toggle/slide-toggle.json +++ b/docs-content/tokens/material/slide-toggle/slide-toggle.json @@ -1 +1 @@ -{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.slide-toggle-overrides((\n track-outline-color: orange,\n disabled-unselected-track-outline-color: red,\n ));\n}","themes":[{"name":"slide-toggle","overridesMixin":"slide-toggle-overrides","tokens":[{"name":"disabled-selected-handle-opacity","prefix":"mat-switch","type":"base","overridesName":"disabled-selected-handle-opacity"},{"name":"disabled-unselected-handle-opacity","prefix":"mat-switch","type":"base","overridesName":"disabled-unselected-handle-opacity"},{"name":"unselected-handle-size","prefix":"mat-switch","type":"base","overridesName":"unselected-handle-size"},{"name":"selected-handle-size","prefix":"mat-switch","type":"base","overridesName":"selected-handle-size"},{"name":"pressed-handle-size","prefix":"mat-switch","type":"base","overridesName":"pressed-handle-size"},{"name":"with-icon-handle-size","prefix":"mat-switch","type":"base","overridesName":"with-icon-handle-size"},{"name":"selected-handle-horizontal-margin","prefix":"mat-switch","type":"base","overridesName":"selected-handle-horizontal-margin"},{"name":"selected-with-icon-handle-horizontal-margin","prefix":"mat-switch","type":"base","overridesName":"selected-with-icon-handle-horizontal-margin"},{"name":"selected-pressed-handle-horizontal-margin","prefix":"mat-switch","type":"base","overridesName":"selected-pressed-handle-horizontal-margin"},{"name":"unselected-handle-horizontal-margin","prefix":"mat-switch","type":"base","overridesName":"unselected-handle-horizontal-margin"},{"name":"unselected-with-icon-handle-horizontal-margin","prefix":"mat-switch","type":"base","overridesName":"unselected-with-icon-handle-horizontal-margin"},{"name":"unselected-pressed-handle-horizontal-margin","prefix":"mat-switch","type":"base","overridesName":"unselected-pressed-handle-horizontal-margin"},{"name":"visible-track-opacity","prefix":"mat-switch","type":"base","overridesName":"visible-track-opacity"},{"name":"hidden-track-opacity","prefix":"mat-switch","type":"base","overridesName":"hidden-track-opacity"},{"name":"visible-track-transition","prefix":"mat-switch","type":"base","overridesName":"visible-track-transition"},{"name":"hidden-track-transition","prefix":"mat-switch","type":"base","overridesName":"hidden-track-transition"},{"name":"track-outline-width","prefix":"mat-switch","type":"base","overridesName":"track-outline-width"},{"name":"track-outline-color","prefix":"mat-switch","type":"color","overridesName":"track-outline-color","derivedFrom":"--sys-outline"},{"name":"selected-track-outline-width","prefix":"mat-switch","type":"base","overridesName":"selected-track-outline-width"},{"name":"selected-track-outline-color","prefix":"mat-switch","type":"base","overridesName":"selected-track-outline-color"},{"name":"disabled-unselected-track-outline-width","prefix":"mat-switch","type":"base","overridesName":"disabled-unselected-track-outline-width"},{"name":"disabled-unselected-track-outline-color","prefix":"mat-switch","type":"color","overridesName":"disabled-unselected-track-outline-color","derivedFrom":"--sys-on-surface"},{"name":"label-text-color","prefix":"mat-switch","type":"color","overridesName":"label-text-color","derivedFrom":"--sys-on-surface"},{"name":"label-text-font","prefix":"mat-switch","type":"typography","overridesName":"label-text-font","derivedFrom":"--sys-body-medium-font"},{"name":"label-text-line-height","prefix":"mat-switch","type":"typography","overridesName":"label-text-line-height","derivedFrom":"--sys-body-medium-line-height"},{"name":"label-text-size","prefix":"mat-switch","type":"typography","overridesName":"label-text-size","derivedFrom":"--sys-body-medium-size"},{"name":"label-text-tracking","prefix":"mat-switch","type":"typography","overridesName":"label-text-tracking","derivedFrom":"--sys-body-medium-tracking"},{"name":"label-text-weight","prefix":"mat-switch","type":"typography","overridesName":"label-text-weight","derivedFrom":"--sys-body-medium-weight"},{"name":"disabled-selected-icon-opacity","prefix":"mdc-switch","type":"base","overridesName":"disabled-selected-icon-opacity"},{"name":"disabled-track-opacity","prefix":"mdc-switch","type":"base","overridesName":"disabled-track-opacity"},{"name":"disabled-unselected-icon-opacity","prefix":"mdc-switch","type":"base","overridesName":"disabled-unselected-icon-opacity"},{"name":"handle-height","prefix":"mdc-switch","type":"density","overridesName":"handle-height"},{"name":"handle-shape","prefix":"mdc-switch","type":"base","overridesName":"handle-shape"},{"name":"handle-width","prefix":"mdc-switch","type":"density","overridesName":"handle-width"},{"name":"selected-icon-size","prefix":"mdc-switch","type":"base","overridesName":"selected-icon-size"},{"name":"track-height","prefix":"mdc-switch","type":"base","overridesName":"track-height"},{"name":"track-shape","prefix":"mdc-switch","type":"base","overridesName":"track-shape"},{"name":"track-width","prefix":"mdc-switch","type":"base","overridesName":"track-width"},{"name":"unselected-icon-size","prefix":"mdc-switch","type":"base","overridesName":"unselected-icon-size"},{"name":"selected-focus-state-layer-opacity","prefix":"mdc-switch","type":"color","overridesName":"selected-focus-state-layer-opacity"},{"name":"selected-hover-state-layer-opacity","prefix":"mdc-switch","type":"color","overridesName":"selected-hover-state-layer-opacity"},{"name":"selected-pressed-state-layer-opacity","prefix":"mdc-switch","type":"color","overridesName":"selected-pressed-state-layer-opacity"},{"name":"unselected-focus-state-layer-opacity","prefix":"mdc-switch","type":"color","overridesName":"unselected-focus-state-layer-opacity"},{"name":"unselected-hover-state-layer-opacity","prefix":"mdc-switch","type":"color","overridesName":"unselected-hover-state-layer-opacity"},{"name":"unselected-pressed-state-layer-opacity","prefix":"mdc-switch","type":"color","overridesName":"unselected-pressed-state-layer-opacity"},{"name":"selected-focus-state-layer-color","prefix":"mdc-switch","type":"color","overridesName":"selected-focus-state-layer-color","derivedFrom":"--sys-primary"},{"name":"selected-handle-color","prefix":"mdc-switch","type":"color","overridesName":"selected-handle-color","derivedFrom":"--sys-on-primary"},{"name":"selected-hover-state-layer-color","prefix":"mdc-switch","type":"color","overridesName":"selected-hover-state-layer-color","derivedFrom":"--sys-primary"},{"name":"selected-pressed-state-layer-color","prefix":"mdc-switch","type":"color","overridesName":"selected-pressed-state-layer-color","derivedFrom":"--sys-primary"},{"name":"selected-focus-handle-color","prefix":"mdc-switch","type":"color","overridesName":"selected-focus-handle-color","derivedFrom":"--sys-primary-container"},{"name":"selected-hover-handle-color","prefix":"mdc-switch","type":"color","overridesName":"selected-hover-handle-color","derivedFrom":"--sys-primary-container"},{"name":"selected-pressed-handle-color","prefix":"mdc-switch","type":"color","overridesName":"selected-pressed-handle-color","derivedFrom":"--sys-primary-container"},{"name":"selected-focus-track-color","prefix":"mdc-switch","type":"color","overridesName":"selected-focus-track-color","derivedFrom":"--sys-primary"},{"name":"selected-hover-track-color","prefix":"mdc-switch","type":"color","overridesName":"selected-hover-track-color","derivedFrom":"--sys-primary"},{"name":"selected-pressed-track-color","prefix":"mdc-switch","type":"color","overridesName":"selected-pressed-track-color","derivedFrom":"--sys-primary"},{"name":"selected-track-color","prefix":"mdc-switch","type":"color","overridesName":"selected-track-color","derivedFrom":"--sys-primary"},{"name":"disabled-selected-handle-color","prefix":"mdc-switch","type":"color","overridesName":"disabled-selected-handle-color","derivedFrom":"--sys-surface"},{"name":"disabled-selected-icon-color","prefix":"mdc-switch","type":"color","overridesName":"disabled-selected-icon-color","derivedFrom":"--sys-on-surface"},{"name":"disabled-selected-track-color","prefix":"mdc-switch","type":"color","overridesName":"disabled-selected-track-color","derivedFrom":"--sys-on-surface"},{"name":"disabled-unselected-handle-color","prefix":"mdc-switch","type":"color","overridesName":"disabled-unselected-handle-color","derivedFrom":"--sys-on-surface"},{"name":"disabled-unselected-icon-color","prefix":"mdc-switch","type":"color","overridesName":"disabled-unselected-icon-color","derivedFrom":"--sys-surface-variant"},{"name":"disabled-unselected-track-color","prefix":"mdc-switch","type":"color","overridesName":"disabled-unselected-track-color","derivedFrom":"--sys-surface-variant"},{"name":"handle-surface-color","prefix":"mdc-switch","type":"color","overridesName":"handle-surface-color"},{"name":"selected-icon-color","prefix":"mdc-switch","type":"color","overridesName":"selected-icon-color","derivedFrom":"--sys-on-primary-container"},{"name":"unselected-focus-handle-color","prefix":"mdc-switch","type":"color","overridesName":"unselected-focus-handle-color","derivedFrom":"--sys-on-surface-variant"},{"name":"unselected-focus-state-layer-color","prefix":"mdc-switch","type":"color","overridesName":"unselected-focus-state-layer-color","derivedFrom":"--sys-on-surface"},{"name":"unselected-focus-track-color","prefix":"mdc-switch","type":"color","overridesName":"unselected-focus-track-color","derivedFrom":"--sys-surface-variant"},{"name":"unselected-handle-color","prefix":"mdc-switch","type":"color","overridesName":"unselected-handle-color","derivedFrom":"--sys-outline"},{"name":"unselected-hover-handle-color","prefix":"mdc-switch","type":"color","overridesName":"unselected-hover-handle-color","derivedFrom":"--sys-on-surface-variant"},{"name":"unselected-hover-state-layer-color","prefix":"mdc-switch","type":"color","overridesName":"unselected-hover-state-layer-color","derivedFrom":"--sys-on-surface"},{"name":"unselected-hover-track-color","prefix":"mdc-switch","type":"color","overridesName":"unselected-hover-track-color","derivedFrom":"--sys-surface-variant"},{"name":"unselected-icon-color","prefix":"mdc-switch","type":"color","overridesName":"unselected-icon-color","derivedFrom":"--sys-surface-variant"},{"name":"unselected-pressed-handle-color","prefix":"mdc-switch","type":"color","overridesName":"unselected-pressed-handle-color","derivedFrom":"--sys-on-surface-variant"},{"name":"unselected-pressed-state-layer-color","prefix":"mdc-switch","type":"color","overridesName":"unselected-pressed-state-layer-color","derivedFrom":"--sys-on-surface"},{"name":"unselected-pressed-track-color","prefix":"mdc-switch","type":"color","overridesName":"unselected-pressed-track-color","derivedFrom":"--sys-surface-variant"},{"name":"unselected-track-color","prefix":"mdc-switch","type":"color","overridesName":"unselected-track-color","derivedFrom":"--sys-surface-variant"},{"name":"handle-elevation-shadow","prefix":"mdc-switch","type":"color","overridesName":"handle-elevation-shadow"},{"name":"disabled-handle-elevation-shadow","prefix":"mdc-switch","type":"color","overridesName":"disabled-handle-elevation-shadow"},{"name":"state-layer-size","prefix":"mdc-switch","type":"base","overridesName":"state-layer-size"}]}]} \ No newline at end of file +{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.slide-toggle-overrides((\n track-outline-color: orange,\n disabled-unselected-track-outline-color: red,\n ));\n}","themes":[{"name":"slide-toggle","overridesMixin":"slide-toggle-overrides","tokens":[{"name":"disabled-selected-handle-opacity","prefix":"mat-switch","type":"base","overridesName":"disabled-selected-handle-opacity"},{"name":"disabled-unselected-handle-opacity","prefix":"mat-switch","type":"base","overridesName":"disabled-unselected-handle-opacity"},{"name":"unselected-handle-size","prefix":"mat-switch","type":"base","overridesName":"unselected-handle-size"},{"name":"selected-handle-size","prefix":"mat-switch","type":"base","overridesName":"selected-handle-size"},{"name":"pressed-handle-size","prefix":"mat-switch","type":"base","overridesName":"pressed-handle-size"},{"name":"with-icon-handle-size","prefix":"mat-switch","type":"base","overridesName":"with-icon-handle-size"},{"name":"selected-handle-horizontal-margin","prefix":"mat-switch","type":"base","overridesName":"selected-handle-horizontal-margin"},{"name":"selected-with-icon-handle-horizontal-margin","prefix":"mat-switch","type":"base","overridesName":"selected-with-icon-handle-horizontal-margin"},{"name":"selected-pressed-handle-horizontal-margin","prefix":"mat-switch","type":"base","overridesName":"selected-pressed-handle-horizontal-margin"},{"name":"unselected-handle-horizontal-margin","prefix":"mat-switch","type":"base","overridesName":"unselected-handle-horizontal-margin"},{"name":"unselected-with-icon-handle-horizontal-margin","prefix":"mat-switch","type":"base","overridesName":"unselected-with-icon-handle-horizontal-margin"},{"name":"unselected-pressed-handle-horizontal-margin","prefix":"mat-switch","type":"base","overridesName":"unselected-pressed-handle-horizontal-margin"},{"name":"visible-track-opacity","prefix":"mat-switch","type":"base","overridesName":"visible-track-opacity"},{"name":"hidden-track-opacity","prefix":"mat-switch","type":"base","overridesName":"hidden-track-opacity"},{"name":"visible-track-transition","prefix":"mat-switch","type":"base","overridesName":"visible-track-transition"},{"name":"hidden-track-transition","prefix":"mat-switch","type":"base","overridesName":"hidden-track-transition"},{"name":"track-outline-width","prefix":"mat-switch","type":"base","overridesName":"track-outline-width"},{"name":"track-outline-color","prefix":"mat-switch","type":"color","overridesName":"track-outline-color","derivedFrom":"--mat-sys-outline"},{"name":"selected-track-outline-width","prefix":"mat-switch","type":"base","overridesName":"selected-track-outline-width"},{"name":"selected-track-outline-color","prefix":"mat-switch","type":"base","overridesName":"selected-track-outline-color"},{"name":"disabled-unselected-track-outline-width","prefix":"mat-switch","type":"base","overridesName":"disabled-unselected-track-outline-width"},{"name":"disabled-unselected-track-outline-color","prefix":"mat-switch","type":"color","overridesName":"disabled-unselected-track-outline-color","derivedFrom":"--mat-sys-on-surface"},{"name":"label-text-color","prefix":"mat-switch","type":"color","overridesName":"label-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"label-text-font","prefix":"mat-switch","type":"typography","overridesName":"label-text-font","derivedFrom":"--mat-sys-body-medium-font"},{"name":"label-text-line-height","prefix":"mat-switch","type":"typography","overridesName":"label-text-line-height","derivedFrom":"--mat-sys-body-medium-line-height"},{"name":"label-text-size","prefix":"mat-switch","type":"typography","overridesName":"label-text-size","derivedFrom":"--mat-sys-body-medium-size"},{"name":"label-text-tracking","prefix":"mat-switch","type":"typography","overridesName":"label-text-tracking","derivedFrom":"--mat-sys-body-medium-tracking"},{"name":"label-text-weight","prefix":"mat-switch","type":"typography","overridesName":"label-text-weight","derivedFrom":"--mat-sys-body-medium-weight"},{"name":"disabled-selected-icon-opacity","prefix":"mdc-switch","type":"base","overridesName":"disabled-selected-icon-opacity"},{"name":"disabled-track-opacity","prefix":"mdc-switch","type":"base","overridesName":"disabled-track-opacity"},{"name":"disabled-unselected-icon-opacity","prefix":"mdc-switch","type":"base","overridesName":"disabled-unselected-icon-opacity"},{"name":"handle-height","prefix":"mdc-switch","type":"density","overridesName":"handle-height"},{"name":"handle-shape","prefix":"mdc-switch","type":"base","overridesName":"handle-shape"},{"name":"handle-width","prefix":"mdc-switch","type":"density","overridesName":"handle-width"},{"name":"selected-icon-size","prefix":"mdc-switch","type":"base","overridesName":"selected-icon-size"},{"name":"track-height","prefix":"mdc-switch","type":"base","overridesName":"track-height"},{"name":"track-shape","prefix":"mdc-switch","type":"base","overridesName":"track-shape"},{"name":"track-width","prefix":"mdc-switch","type":"base","overridesName":"track-width"},{"name":"unselected-icon-size","prefix":"mdc-switch","type":"base","overridesName":"unselected-icon-size"},{"name":"selected-focus-state-layer-opacity","prefix":"mdc-switch","type":"color","overridesName":"selected-focus-state-layer-opacity"},{"name":"selected-hover-state-layer-opacity","prefix":"mdc-switch","type":"color","overridesName":"selected-hover-state-layer-opacity"},{"name":"selected-pressed-state-layer-opacity","prefix":"mdc-switch","type":"color","overridesName":"selected-pressed-state-layer-opacity"},{"name":"unselected-focus-state-layer-opacity","prefix":"mdc-switch","type":"color","overridesName":"unselected-focus-state-layer-opacity"},{"name":"unselected-hover-state-layer-opacity","prefix":"mdc-switch","type":"color","overridesName":"unselected-hover-state-layer-opacity"},{"name":"unselected-pressed-state-layer-opacity","prefix":"mdc-switch","type":"color","overridesName":"unselected-pressed-state-layer-opacity"},{"name":"selected-focus-state-layer-color","prefix":"mdc-switch","type":"color","overridesName":"selected-focus-state-layer-color","derivedFrom":"--mat-sys-primary"},{"name":"selected-handle-color","prefix":"mdc-switch","type":"color","overridesName":"selected-handle-color","derivedFrom":"--mat-sys-on-primary"},{"name":"selected-hover-state-layer-color","prefix":"mdc-switch","type":"color","overridesName":"selected-hover-state-layer-color","derivedFrom":"--mat-sys-primary"},{"name":"selected-pressed-state-layer-color","prefix":"mdc-switch","type":"color","overridesName":"selected-pressed-state-layer-color","derivedFrom":"--mat-sys-primary"},{"name":"selected-focus-handle-color","prefix":"mdc-switch","type":"color","overridesName":"selected-focus-handle-color","derivedFrom":"--mat-sys-primary-container"},{"name":"selected-hover-handle-color","prefix":"mdc-switch","type":"color","overridesName":"selected-hover-handle-color","derivedFrom":"--mat-sys-primary-container"},{"name":"selected-pressed-handle-color","prefix":"mdc-switch","type":"color","overridesName":"selected-pressed-handle-color","derivedFrom":"--mat-sys-primary-container"},{"name":"selected-focus-track-color","prefix":"mdc-switch","type":"color","overridesName":"selected-focus-track-color","derivedFrom":"--mat-sys-primary"},{"name":"selected-hover-track-color","prefix":"mdc-switch","type":"color","overridesName":"selected-hover-track-color","derivedFrom":"--mat-sys-primary"},{"name":"selected-pressed-track-color","prefix":"mdc-switch","type":"color","overridesName":"selected-pressed-track-color","derivedFrom":"--mat-sys-primary"},{"name":"selected-track-color","prefix":"mdc-switch","type":"color","overridesName":"selected-track-color","derivedFrom":"--mat-sys-primary"},{"name":"disabled-selected-handle-color","prefix":"mdc-switch","type":"color","overridesName":"disabled-selected-handle-color","derivedFrom":"--mat-sys-surface"},{"name":"disabled-selected-icon-color","prefix":"mdc-switch","type":"color","overridesName":"disabled-selected-icon-color","derivedFrom":"--mat-sys-on-surface"},{"name":"disabled-selected-track-color","prefix":"mdc-switch","type":"color","overridesName":"disabled-selected-track-color","derivedFrom":"--mat-sys-on-surface"},{"name":"disabled-unselected-handle-color","prefix":"mdc-switch","type":"color","overridesName":"disabled-unselected-handle-color","derivedFrom":"--mat-sys-on-surface"},{"name":"disabled-unselected-icon-color","prefix":"mdc-switch","type":"color","overridesName":"disabled-unselected-icon-color","derivedFrom":"--mat-sys-surface-variant"},{"name":"disabled-unselected-track-color","prefix":"mdc-switch","type":"color","overridesName":"disabled-unselected-track-color","derivedFrom":"--mat-sys-surface-variant"},{"name":"handle-surface-color","prefix":"mdc-switch","type":"color","overridesName":"handle-surface-color"},{"name":"selected-icon-color","prefix":"mdc-switch","type":"color","overridesName":"selected-icon-color","derivedFrom":"--mat-sys-on-primary-container"},{"name":"unselected-focus-handle-color","prefix":"mdc-switch","type":"color","overridesName":"unselected-focus-handle-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"unselected-focus-state-layer-color","prefix":"mdc-switch","type":"color","overridesName":"unselected-focus-state-layer-color","derivedFrom":"--mat-sys-on-surface"},{"name":"unselected-focus-track-color","prefix":"mdc-switch","type":"color","overridesName":"unselected-focus-track-color","derivedFrom":"--mat-sys-surface-variant"},{"name":"unselected-handle-color","prefix":"mdc-switch","type":"color","overridesName":"unselected-handle-color","derivedFrom":"--mat-sys-outline"},{"name":"unselected-hover-handle-color","prefix":"mdc-switch","type":"color","overridesName":"unselected-hover-handle-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"unselected-hover-state-layer-color","prefix":"mdc-switch","type":"color","overridesName":"unselected-hover-state-layer-color","derivedFrom":"--mat-sys-on-surface"},{"name":"unselected-hover-track-color","prefix":"mdc-switch","type":"color","overridesName":"unselected-hover-track-color","derivedFrom":"--mat-sys-surface-variant"},{"name":"unselected-icon-color","prefix":"mdc-switch","type":"color","overridesName":"unselected-icon-color","derivedFrom":"--mat-sys-surface-variant"},{"name":"unselected-pressed-handle-color","prefix":"mdc-switch","type":"color","overridesName":"unselected-pressed-handle-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"unselected-pressed-state-layer-color","prefix":"mdc-switch","type":"color","overridesName":"unselected-pressed-state-layer-color","derivedFrom":"--mat-sys-on-surface"},{"name":"unselected-pressed-track-color","prefix":"mdc-switch","type":"color","overridesName":"unselected-pressed-track-color","derivedFrom":"--mat-sys-surface-variant"},{"name":"unselected-track-color","prefix":"mdc-switch","type":"color","overridesName":"unselected-track-color","derivedFrom":"--mat-sys-surface-variant"},{"name":"handle-elevation-shadow","prefix":"mdc-switch","type":"color","overridesName":"handle-elevation-shadow"},{"name":"disabled-handle-elevation-shadow","prefix":"mdc-switch","type":"color","overridesName":"disabled-handle-elevation-shadow"},{"name":"state-layer-size","prefix":"mdc-switch","type":"base","overridesName":"state-layer-size"}]}]} \ No newline at end of file diff --git a/docs-content/tokens/material/slider/slider.json b/docs-content/tokens/material/slider/slider.json index 44623f71d..f325047ea 100755 --- a/docs-content/tokens/material/slider/slider.json +++ b/docs-content/tokens/material/slider/slider.json @@ -1 +1 @@ -{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.slider-overrides((\n ripple-color: orange,\n hover-state-layer-color: red,\n ));\n}","themes":[{"name":"slider","overridesMixin":"slider-overrides","tokens":[{"name":"value-indicator-width","prefix":"mat-slider","type":"base","overridesName":"value-indicator-width"},{"name":"value-indicator-height","prefix":"mat-slider","type":"base","overridesName":"value-indicator-height"},{"name":"value-indicator-caret-display","prefix":"mat-slider","type":"base","overridesName":"value-indicator-caret-display"},{"name":"value-indicator-border-radius","prefix":"mat-slider","type":"base","overridesName":"value-indicator-border-radius"},{"name":"value-indicator-padding","prefix":"mat-slider","type":"base","overridesName":"value-indicator-padding"},{"name":"value-indicator-text-transform","prefix":"mat-slider","type":"base","overridesName":"value-indicator-text-transform"},{"name":"value-indicator-container-transform","prefix":"mat-slider","type":"base","overridesName":"value-indicator-container-transform"},{"name":"ripple-color","prefix":"mat-slider","type":"color","overridesName":"ripple-color","derivedFrom":"--sys-primary"},{"name":"hover-state-layer-color","prefix":"mat-slider","type":"color","overridesName":"hover-state-layer-color","derivedFrom":"--sys-primary"},{"name":"focus-state-layer-color","prefix":"mat-slider","type":"color","overridesName":"focus-state-layer-color","derivedFrom":"--sys-primary"},{"name":"value-indicator-opacity","prefix":"mat-slider","type":"base","overridesName":"value-indicator-opacity"},{"name":"active-track-height","prefix":"mdc-slider","type":"base","overridesName":"active-track-height"},{"name":"active-track-shape","prefix":"mdc-slider","type":"base","overridesName":"active-track-shape"},{"name":"handle-height","prefix":"mdc-slider","type":"base","overridesName":"handle-height"},{"name":"handle-shape","prefix":"mdc-slider","type":"base","overridesName":"handle-shape"},{"name":"handle-width","prefix":"mdc-slider","type":"base","overridesName":"handle-width"},{"name":"inactive-track-height","prefix":"mdc-slider","type":"base","overridesName":"inactive-track-height"},{"name":"inactive-track-shape","prefix":"mdc-slider","type":"base","overridesName":"inactive-track-shape"},{"name":"with-overlap-handle-outline-width","prefix":"mdc-slider","type":"base","overridesName":"with-overlap-handle-outline-width"},{"name":"with-tick-marks-active-container-opacity","prefix":"mdc-slider","type":"base","overridesName":"with-tick-marks-active-container-opacity"},{"name":"with-tick-marks-container-shape","prefix":"mdc-slider","type":"base","overridesName":"with-tick-marks-container-shape"},{"name":"with-tick-marks-container-size","prefix":"mdc-slider","type":"base","overridesName":"with-tick-marks-container-size"},{"name":"with-tick-marks-inactive-container-opacity","prefix":"mdc-slider","type":"base","overridesName":"with-tick-marks-inactive-container-opacity"},{"name":"handle-elevation","prefix":"mdc-slider","type":"color","overridesName":"handle-elevation"},{"name":"handle-color","prefix":"mdc-slider","type":"color","overridesName":"handle-color","derivedFrom":"--sys-primary"},{"name":"focus-handle-color","prefix":"mdc-slider","type":"color","overridesName":"focus-handle-color","derivedFrom":"--sys-primary"},{"name":"hover-handle-color","prefix":"mdc-slider","type":"color","overridesName":"hover-handle-color","derivedFrom":"--sys-primary"},{"name":"active-track-color","prefix":"mdc-slider","type":"color","overridesName":"active-track-color","derivedFrom":"--sys-primary"},{"name":"inactive-track-color","prefix":"mdc-slider","type":"color","overridesName":"inactive-track-color","derivedFrom":"--sys-surface-variant"},{"name":"with-tick-marks-inactive-container-color","prefix":"mdc-slider","type":"color","overridesName":"with-tick-marks-inactive-container-color","derivedFrom":"--sys-on-surface-variant"},{"name":"with-tick-marks-active-container-color","prefix":"mdc-slider","type":"color","overridesName":"with-tick-marks-active-container-color","derivedFrom":"--sys-on-primary"},{"name":"disabled-active-track-color","prefix":"mdc-slider","type":"color","overridesName":"disabled-active-track-color","derivedFrom":"--sys-on-surface"},{"name":"disabled-handle-color","prefix":"mdc-slider","type":"color","overridesName":"disabled-handle-color","derivedFrom":"--sys-on-surface"},{"name":"disabled-inactive-track-color","prefix":"mdc-slider","type":"color","overridesName":"disabled-inactive-track-color","derivedFrom":"--sys-on-surface"},{"name":"label-container-color","prefix":"mdc-slider","type":"color","overridesName":"label-container-color","derivedFrom":"--sys-primary"},{"name":"label-label-text-color","prefix":"mdc-slider","type":"color","overridesName":"label-label-text-color","derivedFrom":"--sys-on-primary"},{"name":"with-overlap-handle-outline-color","prefix":"mdc-slider","type":"color","overridesName":"with-overlap-handle-outline-color","derivedFrom":"--sys-on-primary"},{"name":"with-tick-marks-disabled-container-color","prefix":"mdc-slider","type":"color","overridesName":"with-tick-marks-disabled-container-color","derivedFrom":"--sys-on-surface"},{"name":"label-label-text-font","prefix":"mdc-slider","type":"typography","overridesName":"label-label-text-font","derivedFrom":"--sys-label-medium-font"},{"name":"label-label-text-size","prefix":"mdc-slider","type":"typography","overridesName":"label-label-text-size","derivedFrom":"--sys-label-medium-size"},{"name":"label-label-text-line-height","prefix":"mdc-slider","type":"typography","overridesName":"label-label-text-line-height","derivedFrom":"--sys-label-medium-line-height"},{"name":"label-label-text-tracking","prefix":"mdc-slider","type":"typography","overridesName":"label-label-text-tracking","derivedFrom":"--sys-label-medium-tracking"},{"name":"label-label-text-weight","prefix":"mdc-slider","type":"typography","overridesName":"label-label-text-weight","derivedFrom":"--sys-label-medium-weight"}]}]} \ No newline at end of file +{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.slider-overrides((\n ripple-color: orange,\n hover-state-layer-color: red,\n ));\n}","themes":[{"name":"slider","overridesMixin":"slider-overrides","tokens":[{"name":"value-indicator-width","prefix":"mat-slider","type":"base","overridesName":"value-indicator-width"},{"name":"value-indicator-height","prefix":"mat-slider","type":"base","overridesName":"value-indicator-height"},{"name":"value-indicator-caret-display","prefix":"mat-slider","type":"base","overridesName":"value-indicator-caret-display"},{"name":"value-indicator-border-radius","prefix":"mat-slider","type":"base","overridesName":"value-indicator-border-radius"},{"name":"value-indicator-padding","prefix":"mat-slider","type":"base","overridesName":"value-indicator-padding"},{"name":"value-indicator-text-transform","prefix":"mat-slider","type":"base","overridesName":"value-indicator-text-transform"},{"name":"value-indicator-container-transform","prefix":"mat-slider","type":"base","overridesName":"value-indicator-container-transform"},{"name":"ripple-color","prefix":"mat-slider","type":"color","overridesName":"ripple-color","derivedFrom":"--mat-sys-primary"},{"name":"hover-state-layer-color","prefix":"mat-slider","type":"color","overridesName":"hover-state-layer-color","derivedFrom":"--mat-sys-primary"},{"name":"focus-state-layer-color","prefix":"mat-slider","type":"color","overridesName":"focus-state-layer-color","derivedFrom":"--mat-sys-primary"},{"name":"value-indicator-opacity","prefix":"mat-slider","type":"base","overridesName":"value-indicator-opacity"},{"name":"active-track-height","prefix":"mdc-slider","type":"base","overridesName":"active-track-height"},{"name":"active-track-shape","prefix":"mdc-slider","type":"base","overridesName":"active-track-shape"},{"name":"handle-height","prefix":"mdc-slider","type":"base","overridesName":"handle-height"},{"name":"handle-shape","prefix":"mdc-slider","type":"base","overridesName":"handle-shape"},{"name":"handle-width","prefix":"mdc-slider","type":"base","overridesName":"handle-width"},{"name":"inactive-track-height","prefix":"mdc-slider","type":"base","overridesName":"inactive-track-height"},{"name":"inactive-track-shape","prefix":"mdc-slider","type":"base","overridesName":"inactive-track-shape"},{"name":"with-overlap-handle-outline-width","prefix":"mdc-slider","type":"base","overridesName":"with-overlap-handle-outline-width"},{"name":"with-tick-marks-active-container-opacity","prefix":"mdc-slider","type":"base","overridesName":"with-tick-marks-active-container-opacity"},{"name":"with-tick-marks-container-shape","prefix":"mdc-slider","type":"base","overridesName":"with-tick-marks-container-shape"},{"name":"with-tick-marks-container-size","prefix":"mdc-slider","type":"base","overridesName":"with-tick-marks-container-size"},{"name":"with-tick-marks-inactive-container-opacity","prefix":"mdc-slider","type":"base","overridesName":"with-tick-marks-inactive-container-opacity"},{"name":"handle-elevation","prefix":"mdc-slider","type":"color","overridesName":"handle-elevation"},{"name":"handle-color","prefix":"mdc-slider","type":"color","overridesName":"handle-color","derivedFrom":"--mat-sys-primary"},{"name":"focus-handle-color","prefix":"mdc-slider","type":"color","overridesName":"focus-handle-color","derivedFrom":"--mat-sys-primary"},{"name":"hover-handle-color","prefix":"mdc-slider","type":"color","overridesName":"hover-handle-color","derivedFrom":"--mat-sys-primary"},{"name":"active-track-color","prefix":"mdc-slider","type":"color","overridesName":"active-track-color","derivedFrom":"--mat-sys-primary"},{"name":"inactive-track-color","prefix":"mdc-slider","type":"color","overridesName":"inactive-track-color","derivedFrom":"--mat-sys-surface-variant"},{"name":"with-tick-marks-inactive-container-color","prefix":"mdc-slider","type":"color","overridesName":"with-tick-marks-inactive-container-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"with-tick-marks-active-container-color","prefix":"mdc-slider","type":"color","overridesName":"with-tick-marks-active-container-color","derivedFrom":"--mat-sys-on-primary"},{"name":"disabled-active-track-color","prefix":"mdc-slider","type":"color","overridesName":"disabled-active-track-color","derivedFrom":"--mat-sys-on-surface"},{"name":"disabled-handle-color","prefix":"mdc-slider","type":"color","overridesName":"disabled-handle-color","derivedFrom":"--mat-sys-on-surface"},{"name":"disabled-inactive-track-color","prefix":"mdc-slider","type":"color","overridesName":"disabled-inactive-track-color","derivedFrom":"--mat-sys-on-surface"},{"name":"label-container-color","prefix":"mdc-slider","type":"color","overridesName":"label-container-color","derivedFrom":"--mat-sys-primary"},{"name":"label-label-text-color","prefix":"mdc-slider","type":"color","overridesName":"label-label-text-color","derivedFrom":"--mat-sys-on-primary"},{"name":"with-overlap-handle-outline-color","prefix":"mdc-slider","type":"color","overridesName":"with-overlap-handle-outline-color","derivedFrom":"--mat-sys-on-primary"},{"name":"with-tick-marks-disabled-container-color","prefix":"mdc-slider","type":"color","overridesName":"with-tick-marks-disabled-container-color","derivedFrom":"--mat-sys-on-surface"},{"name":"label-label-text-font","prefix":"mdc-slider","type":"typography","overridesName":"label-label-text-font","derivedFrom":"--mat-sys-label-medium-font"},{"name":"label-label-text-size","prefix":"mdc-slider","type":"typography","overridesName":"label-label-text-size","derivedFrom":"--mat-sys-label-medium-size"},{"name":"label-label-text-line-height","prefix":"mdc-slider","type":"typography","overridesName":"label-label-text-line-height","derivedFrom":"--mat-sys-label-medium-line-height"},{"name":"label-label-text-tracking","prefix":"mdc-slider","type":"typography","overridesName":"label-label-text-tracking","derivedFrom":"--mat-sys-label-medium-tracking"},{"name":"label-label-text-weight","prefix":"mdc-slider","type":"typography","overridesName":"label-label-text-weight","derivedFrom":"--mat-sys-label-medium-weight"}]}]} \ No newline at end of file diff --git a/docs-content/tokens/material/snack-bar/snack-bar.json b/docs-content/tokens/material/snack-bar/snack-bar.json index 28c5c4af6..9da26898d 100755 --- a/docs-content/tokens/material/snack-bar/snack-bar.json +++ b/docs-content/tokens/material/snack-bar/snack-bar.json @@ -1 +1 @@ -{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.snack-bar-overrides((\n container-color: orange,\n supporting-text-color: red,\n ));\n}","themes":[{"name":"snack-bar","overridesMixin":"snack-bar-overrides","tokens":[{"name":"container-shape","prefix":"mdc-snackbar","type":"base","overridesName":"container-shape"},{"name":"container-color","prefix":"mdc-snackbar","type":"color","overridesName":"container-color","derivedFrom":"--sys-inverse-surface"},{"name":"supporting-text-color","prefix":"mdc-snackbar","type":"color","overridesName":"supporting-text-color","derivedFrom":"--sys-inverse-on-surface"},{"name":"supporting-text-font","prefix":"mdc-snackbar","type":"typography","overridesName":"supporting-text-font","derivedFrom":"--sys-body-medium-font"},{"name":"supporting-text-line-height","prefix":"mdc-snackbar","type":"typography","overridesName":"supporting-text-line-height","derivedFrom":"--sys-body-medium-line-height"},{"name":"supporting-text-size","prefix":"mdc-snackbar","type":"typography","overridesName":"supporting-text-size","derivedFrom":"--sys-body-medium-size"},{"name":"supporting-text-weight","prefix":"mdc-snackbar","type":"typography","overridesName":"supporting-text-weight","derivedFrom":"--sys-body-medium-weight"},{"name":"button-color","prefix":"mat-snack-bar","type":"color","overridesName":"button-color","derivedFrom":"--sys-inverse-primary"}]}]} \ No newline at end of file +{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.snack-bar-overrides((\n container-color: orange,\n supporting-text-color: red,\n ));\n}","themes":[{"name":"snack-bar","overridesMixin":"snack-bar-overrides","tokens":[{"name":"container-shape","prefix":"mdc-snackbar","type":"base","overridesName":"container-shape"},{"name":"container-color","prefix":"mdc-snackbar","type":"color","overridesName":"container-color","derivedFrom":"--mat-sys-inverse-surface"},{"name":"supporting-text-color","prefix":"mdc-snackbar","type":"color","overridesName":"supporting-text-color","derivedFrom":"--mat-sys-inverse-on-surface"},{"name":"supporting-text-font","prefix":"mdc-snackbar","type":"typography","overridesName":"supporting-text-font","derivedFrom":"--mat-sys-body-medium-font"},{"name":"supporting-text-line-height","prefix":"mdc-snackbar","type":"typography","overridesName":"supporting-text-line-height","derivedFrom":"--mat-sys-body-medium-line-height"},{"name":"supporting-text-size","prefix":"mdc-snackbar","type":"typography","overridesName":"supporting-text-size","derivedFrom":"--mat-sys-body-medium-size"},{"name":"supporting-text-weight","prefix":"mdc-snackbar","type":"typography","overridesName":"supporting-text-weight","derivedFrom":"--mat-sys-body-medium-weight"},{"name":"button-color","prefix":"mat-snack-bar","type":"color","overridesName":"button-color","derivedFrom":"--mat-sys-inverse-primary"}]}]} \ No newline at end of file diff --git a/docs-content/tokens/material/sort/sort.json b/docs-content/tokens/material/sort/sort.json index 16fd0abd1..b7634105f 100755 --- a/docs-content/tokens/material/sort/sort.json +++ b/docs-content/tokens/material/sort/sort.json @@ -1 +1 @@ -{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.sort-overrides((\n arrow-color: orange,\n ));\n}","themes":[{"name":"sort","overridesMixin":"sort-overrides","tokens":[{"name":"arrow-color","prefix":"mat-sort","type":"color","overridesName":"arrow-color","derivedFrom":"--sys-on-surface"}]}]} \ No newline at end of file +{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.sort-overrides((\n arrow-color: orange,\n ));\n}","themes":[{"name":"sort","overridesMixin":"sort-overrides","tokens":[{"name":"arrow-color","prefix":"mat-sort","type":"color","overridesName":"arrow-color","derivedFrom":"--mat-sys-on-surface"}]}]} \ No newline at end of file diff --git a/docs-content/tokens/material/stepper/stepper.json b/docs-content/tokens/material/stepper/stepper.json index e7acc2eae..7df915564 100755 --- a/docs-content/tokens/material/stepper/stepper.json +++ b/docs-content/tokens/material/stepper/stepper.json @@ -1 +1 @@ -{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.stepper-overrides((\n header-icon-foreground-color: orange,\n header-selected-state-icon-background-color: red,\n ));\n}","themes":[{"name":"stepper","overridesMixin":"stepper-overrides","tokens":[{"name":"header-focus-state-layer-shape","prefix":"mat-stepper","type":"base","overridesName":"header-focus-state-layer-shape"},{"name":"header-hover-state-layer-shape","prefix":"mat-stepper","type":"base","overridesName":"header-hover-state-layer-shape"},{"name":"header-icon-foreground-color","prefix":"mat-stepper","type":"color","overridesName":"header-icon-foreground-color","derivedFrom":"--sys-surface"},{"name":"header-selected-state-icon-background-color","prefix":"mat-stepper","type":"color","overridesName":"header-selected-state-icon-background-color","derivedFrom":"--sys-primary"},{"name":"header-selected-state-icon-foreground-color","prefix":"mat-stepper","type":"color","overridesName":"header-selected-state-icon-foreground-color","derivedFrom":"--sys-on-primary"},{"name":"header-done-state-icon-background-color","prefix":"mat-stepper","type":"color","overridesName":"header-done-state-icon-background-color"},{"name":"header-done-state-icon-foreground-color","prefix":"mat-stepper","type":"color","overridesName":"header-done-state-icon-foreground-color"},{"name":"header-edit-state-icon-background-color","prefix":"mat-stepper","type":"color","overridesName":"header-edit-state-icon-background-color","derivedFrom":"--sys-primary"},{"name":"header-edit-state-icon-foreground-color","prefix":"mat-stepper","type":"color","overridesName":"header-edit-state-icon-foreground-color","derivedFrom":"--sys-on-primary"},{"name":"container-color","prefix":"mat-stepper","type":"color","overridesName":"container-color","derivedFrom":"--sys-surface"},{"name":"line-color","prefix":"mat-stepper","type":"color","overridesName":"line-color","derivedFrom":"--sys-outline"},{"name":"header-hover-state-layer-color","prefix":"mat-stepper","type":"color","overridesName":"header-hover-state-layer-color","derivedFrom":"--sys-inverse-surface"},{"name":"header-focus-state-layer-color","prefix":"mat-stepper","type":"color","overridesName":"header-focus-state-layer-color","derivedFrom":"--sys-inverse-surface"},{"name":"header-label-text-color","prefix":"mat-stepper","type":"color","overridesName":"header-label-text-color","derivedFrom":"--sys-on-surface-variant"},{"name":"header-optional-label-text-color","prefix":"mat-stepper","type":"color","overridesName":"header-optional-label-text-color","derivedFrom":"--sys-on-surface-variant"},{"name":"header-selected-state-label-text-color","prefix":"mat-stepper","type":"color","overridesName":"header-selected-state-label-text-color","derivedFrom":"--sys-on-surface-variant"},{"name":"header-error-state-label-text-color","prefix":"mat-stepper","type":"color","overridesName":"header-error-state-label-text-color","derivedFrom":"--sys-error"},{"name":"header-icon-background-color","prefix":"mat-stepper","type":"color","overridesName":"header-icon-background-color","derivedFrom":"--sys-on-surface-variant"},{"name":"header-error-state-icon-foreground-color","prefix":"mat-stepper","type":"color","overridesName":"header-error-state-icon-foreground-color","derivedFrom":"--sys-error"},{"name":"header-error-state-icon-background-color","prefix":"mat-stepper","type":"base","overridesName":"header-error-state-icon-background-color"},{"name":"container-text-font","prefix":"mat-stepper","type":"typography","overridesName":"container-text-font","derivedFrom":"--sys-body-medium-font"},{"name":"header-label-text-font","prefix":"mat-stepper","type":"typography","overridesName":"header-label-text-font","derivedFrom":"--sys-title-small-font"},{"name":"header-label-text-size","prefix":"mat-stepper","type":"typography","overridesName":"header-label-text-size","derivedFrom":"--sys-title-small-size"},{"name":"header-label-text-weight","prefix":"mat-stepper","type":"typography","overridesName":"header-label-text-weight","derivedFrom":"--sys-title-small-weight"},{"name":"header-error-state-label-text-size","prefix":"mat-stepper","type":"typography","overridesName":"header-error-state-label-text-size","derivedFrom":"--sys-title-small-size"},{"name":"header-selected-state-label-text-size","prefix":"mat-stepper","type":"typography","overridesName":"header-selected-state-label-text-size","derivedFrom":"--sys-title-small-size"},{"name":"header-selected-state-label-text-weight","prefix":"mat-stepper","type":"typography","overridesName":"header-selected-state-label-text-weight","derivedFrom":"--sys-title-small-weight"},{"name":"header-height","prefix":"mat-stepper","type":"density","overridesName":"header-height"}]}]} \ No newline at end of file +{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.stepper-overrides((\n header-icon-foreground-color: orange,\n header-selected-state-icon-background-color: red,\n ));\n}","themes":[{"name":"stepper","overridesMixin":"stepper-overrides","tokens":[{"name":"header-focus-state-layer-shape","prefix":"mat-stepper","type":"base","overridesName":"header-focus-state-layer-shape"},{"name":"header-hover-state-layer-shape","prefix":"mat-stepper","type":"base","overridesName":"header-hover-state-layer-shape"},{"name":"header-icon-foreground-color","prefix":"mat-stepper","type":"color","overridesName":"header-icon-foreground-color","derivedFrom":"--mat-sys-surface"},{"name":"header-selected-state-icon-background-color","prefix":"mat-stepper","type":"color","overridesName":"header-selected-state-icon-background-color","derivedFrom":"--mat-sys-primary"},{"name":"header-selected-state-icon-foreground-color","prefix":"mat-stepper","type":"color","overridesName":"header-selected-state-icon-foreground-color","derivedFrom":"--mat-sys-on-primary"},{"name":"header-done-state-icon-background-color","prefix":"mat-stepper","type":"color","overridesName":"header-done-state-icon-background-color"},{"name":"header-done-state-icon-foreground-color","prefix":"mat-stepper","type":"color","overridesName":"header-done-state-icon-foreground-color"},{"name":"header-edit-state-icon-background-color","prefix":"mat-stepper","type":"color","overridesName":"header-edit-state-icon-background-color","derivedFrom":"--mat-sys-primary"},{"name":"header-edit-state-icon-foreground-color","prefix":"mat-stepper","type":"color","overridesName":"header-edit-state-icon-foreground-color","derivedFrom":"--mat-sys-on-primary"},{"name":"container-color","prefix":"mat-stepper","type":"color","overridesName":"container-color","derivedFrom":"--mat-sys-surface"},{"name":"line-color","prefix":"mat-stepper","type":"color","overridesName":"line-color","derivedFrom":"--mat-sys-outline"},{"name":"header-hover-state-layer-color","prefix":"mat-stepper","type":"color","overridesName":"header-hover-state-layer-color","derivedFrom":"--mat-sys-inverse-surface"},{"name":"header-focus-state-layer-color","prefix":"mat-stepper","type":"color","overridesName":"header-focus-state-layer-color","derivedFrom":"--mat-sys-inverse-surface"},{"name":"header-label-text-color","prefix":"mat-stepper","type":"color","overridesName":"header-label-text-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"header-optional-label-text-color","prefix":"mat-stepper","type":"color","overridesName":"header-optional-label-text-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"header-selected-state-label-text-color","prefix":"mat-stepper","type":"color","overridesName":"header-selected-state-label-text-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"header-error-state-label-text-color","prefix":"mat-stepper","type":"color","overridesName":"header-error-state-label-text-color","derivedFrom":"--mat-sys-error"},{"name":"header-icon-background-color","prefix":"mat-stepper","type":"color","overridesName":"header-icon-background-color","derivedFrom":"--mat-sys-on-surface-variant"},{"name":"header-error-state-icon-foreground-color","prefix":"mat-stepper","type":"color","overridesName":"header-error-state-icon-foreground-color","derivedFrom":"--mat-sys-error"},{"name":"header-error-state-icon-background-color","prefix":"mat-stepper","type":"base","overridesName":"header-error-state-icon-background-color"},{"name":"container-text-font","prefix":"mat-stepper","type":"typography","overridesName":"container-text-font","derivedFrom":"--mat-sys-body-medium-font"},{"name":"header-label-text-font","prefix":"mat-stepper","type":"typography","overridesName":"header-label-text-font","derivedFrom":"--mat-sys-title-small-font"},{"name":"header-label-text-size","prefix":"mat-stepper","type":"typography","overridesName":"header-label-text-size","derivedFrom":"--mat-sys-title-small-size"},{"name":"header-label-text-weight","prefix":"mat-stepper","type":"typography","overridesName":"header-label-text-weight","derivedFrom":"--mat-sys-title-small-weight"},{"name":"header-error-state-label-text-size","prefix":"mat-stepper","type":"typography","overridesName":"header-error-state-label-text-size","derivedFrom":"--mat-sys-title-small-size"},{"name":"header-selected-state-label-text-size","prefix":"mat-stepper","type":"typography","overridesName":"header-selected-state-label-text-size","derivedFrom":"--mat-sys-title-small-size"},{"name":"header-selected-state-label-text-weight","prefix":"mat-stepper","type":"typography","overridesName":"header-selected-state-label-text-weight","derivedFrom":"--mat-sys-title-small-weight"},{"name":"header-height","prefix":"mat-stepper","type":"density","overridesName":"header-height"}]}]} \ No newline at end of file diff --git a/docs-content/tokens/material/table/table.json b/docs-content/tokens/material/table/table.json index 60477231e..0b5818cef 100755 --- a/docs-content/tokens/material/table/table.json +++ b/docs-content/tokens/material/table/table.json @@ -1 +1 @@ -{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.table-overrides((\n background-color: orange,\n header-headline-color: red,\n ));\n}","themes":[{"name":"table","overridesMixin":"table-overrides","tokens":[{"name":"row-item-outline-width","prefix":"mat-table","type":"base","overridesName":"row-item-outline-width"},{"name":"background-color","prefix":"mat-table","type":"color","overridesName":"background-color","derivedFrom":"--sys-surface"},{"name":"header-headline-color","prefix":"mat-table","type":"color","overridesName":"header-headline-color","derivedFrom":"--sys-on-surface"},{"name":"row-item-label-text-color","prefix":"mat-table","type":"color","overridesName":"row-item-label-text-color","derivedFrom":"--sys-on-surface"},{"name":"row-item-outline-color","prefix":"mat-table","type":"color","overridesName":"row-item-outline-color","derivedFrom":"--sys-outline"},{"name":"header-headline-font","prefix":"mat-table","type":"typography","overridesName":"header-headline-font","derivedFrom":"--sys-title-small-font"},{"name":"header-headline-line-height","prefix":"mat-table","type":"typography","overridesName":"header-headline-line-height","derivedFrom":"--sys-title-small-line-height"},{"name":"header-headline-size","prefix":"mat-table","type":"typography","overridesName":"header-headline-size","derivedFrom":"--sys-title-small-size"},{"name":"header-headline-weight","prefix":"mat-table","type":"typography","overridesName":"header-headline-weight","derivedFrom":"--sys-title-small-weight"},{"name":"header-headline-tracking","prefix":"mat-table","type":"typography","overridesName":"header-headline-tracking","derivedFrom":"--sys-title-small-tracking"},{"name":"row-item-label-text-font","prefix":"mat-table","type":"typography","overridesName":"row-item-label-text-font","derivedFrom":"--sys-body-medium-font"},{"name":"row-item-label-text-line-height","prefix":"mat-table","type":"typography","overridesName":"row-item-label-text-line-height","derivedFrom":"--sys-body-medium-line-height"},{"name":"row-item-label-text-size","prefix":"mat-table","type":"typography","overridesName":"row-item-label-text-size","derivedFrom":"--sys-body-medium-size"},{"name":"row-item-label-text-weight","prefix":"mat-table","type":"typography","overridesName":"row-item-label-text-weight","derivedFrom":"--sys-body-medium-weight"},{"name":"row-item-label-text-tracking","prefix":"mat-table","type":"typography","overridesName":"row-item-label-text-tracking","derivedFrom":"--sys-body-medium-tracking"},{"name":"footer-supporting-text-font","prefix":"mat-table","type":"typography","overridesName":"footer-supporting-text-font","derivedFrom":"--sys-body-medium-font"},{"name":"footer-supporting-text-line-height","prefix":"mat-table","type":"typography","overridesName":"footer-supporting-text-line-height","derivedFrom":"--sys-body-medium-line-height"},{"name":"footer-supporting-text-size","prefix":"mat-table","type":"typography","overridesName":"footer-supporting-text-size","derivedFrom":"--sys-body-medium-size"},{"name":"footer-supporting-text-weight","prefix":"mat-table","type":"typography","overridesName":"footer-supporting-text-weight","derivedFrom":"--sys-body-medium-weight"},{"name":"footer-supporting-text-tracking","prefix":"mat-table","type":"typography","overridesName":"footer-supporting-text-tracking","derivedFrom":"--sys-body-medium-tracking"},{"name":"header-container-height","prefix":"mat-table","type":"density","overridesName":"header-container-height"},{"name":"footer-container-height","prefix":"mat-table","type":"density","overridesName":"footer-container-height"},{"name":"row-item-container-height","prefix":"mat-table","type":"density","overridesName":"row-item-container-height"}]}]} \ No newline at end of file +{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.table-overrides((\n background-color: orange,\n header-headline-color: red,\n ));\n}","themes":[{"name":"table","overridesMixin":"table-overrides","tokens":[{"name":"row-item-outline-width","prefix":"mat-table","type":"base","overridesName":"row-item-outline-width"},{"name":"background-color","prefix":"mat-table","type":"color","overridesName":"background-color","derivedFrom":"--mat-sys-surface"},{"name":"header-headline-color","prefix":"mat-table","type":"color","overridesName":"header-headline-color","derivedFrom":"--mat-sys-on-surface"},{"name":"row-item-label-text-color","prefix":"mat-table","type":"color","overridesName":"row-item-label-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"row-item-outline-color","prefix":"mat-table","type":"color","overridesName":"row-item-outline-color","derivedFrom":"--mat-sys-outline"},{"name":"header-headline-font","prefix":"mat-table","type":"typography","overridesName":"header-headline-font","derivedFrom":"--mat-sys-title-small-font"},{"name":"header-headline-line-height","prefix":"mat-table","type":"typography","overridesName":"header-headline-line-height","derivedFrom":"--mat-sys-title-small-line-height"},{"name":"header-headline-size","prefix":"mat-table","type":"typography","overridesName":"header-headline-size","derivedFrom":"--mat-sys-title-small-size"},{"name":"header-headline-weight","prefix":"mat-table","type":"typography","overridesName":"header-headline-weight","derivedFrom":"--mat-sys-title-small-weight"},{"name":"header-headline-tracking","prefix":"mat-table","type":"typography","overridesName":"header-headline-tracking","derivedFrom":"--mat-sys-title-small-tracking"},{"name":"row-item-label-text-font","prefix":"mat-table","type":"typography","overridesName":"row-item-label-text-font","derivedFrom":"--mat-sys-body-medium-font"},{"name":"row-item-label-text-line-height","prefix":"mat-table","type":"typography","overridesName":"row-item-label-text-line-height","derivedFrom":"--mat-sys-body-medium-line-height"},{"name":"row-item-label-text-size","prefix":"mat-table","type":"typography","overridesName":"row-item-label-text-size","derivedFrom":"--mat-sys-body-medium-size"},{"name":"row-item-label-text-weight","prefix":"mat-table","type":"typography","overridesName":"row-item-label-text-weight","derivedFrom":"--mat-sys-body-medium-weight"},{"name":"row-item-label-text-tracking","prefix":"mat-table","type":"typography","overridesName":"row-item-label-text-tracking","derivedFrom":"--mat-sys-body-medium-tracking"},{"name":"footer-supporting-text-font","prefix":"mat-table","type":"typography","overridesName":"footer-supporting-text-font","derivedFrom":"--mat-sys-body-medium-font"},{"name":"footer-supporting-text-line-height","prefix":"mat-table","type":"typography","overridesName":"footer-supporting-text-line-height","derivedFrom":"--mat-sys-body-medium-line-height"},{"name":"footer-supporting-text-size","prefix":"mat-table","type":"typography","overridesName":"footer-supporting-text-size","derivedFrom":"--mat-sys-body-medium-size"},{"name":"footer-supporting-text-weight","prefix":"mat-table","type":"typography","overridesName":"footer-supporting-text-weight","derivedFrom":"--mat-sys-body-medium-weight"},{"name":"footer-supporting-text-tracking","prefix":"mat-table","type":"typography","overridesName":"footer-supporting-text-tracking","derivedFrom":"--mat-sys-body-medium-tracking"},{"name":"header-container-height","prefix":"mat-table","type":"density","overridesName":"header-container-height"},{"name":"footer-container-height","prefix":"mat-table","type":"density","overridesName":"footer-container-height"},{"name":"row-item-container-height","prefix":"mat-table","type":"density","overridesName":"row-item-container-height"}]}]} \ No newline at end of file diff --git a/docs-content/tokens/material/tabs/tabs.json b/docs-content/tokens/material/tabs/tabs.json index 350a19b37..6d4333916 100755 --- a/docs-content/tokens/material/tabs/tabs.json +++ b/docs-content/tokens/material/tabs/tabs.json @@ -1 +1 @@ -{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.tabs-overrides((\n active-indicator-color: orange,\n divider-color: red,\n ));\n}","themes":[{"name":"tabs","overridesMixin":"tabs-overrides","tokens":[{"name":"container-height","prefix":"mdc-secondary-navigation-tab","type":"density","overridesName":"container-height"},{"name":"active-indicator-height","prefix":"mdc-tab-indicator","type":"base","overridesName":"active-indicator-height"},{"name":"active-indicator-shape","prefix":"mdc-tab-indicator","type":"base","overridesName":"active-indicator-shape"},{"name":"active-indicator-color","prefix":"mdc-tab-indicator","type":"color","overridesName":"active-indicator-color","derivedFrom":"--sys-primary"},{"name":"divider-color","prefix":"mat-tab-header","type":"color","overridesName":"divider-color","derivedFrom":"--sys-surface-variant"},{"name":"divider-height","prefix":"mat-tab-header","type":"base","overridesName":"divider-height"},{"name":"disabled-ripple-color","prefix":"mat-tab-header","type":"color","overridesName":"disabled-ripple-color"},{"name":"pagination-icon-color","prefix":"mat-tab-header","type":"color","overridesName":"pagination-icon-color","derivedFrom":"--sys-on-surface"},{"name":"inactive-label-text-color","prefix":"mat-tab-header","type":"color","overridesName":"inactive-label-text-color","derivedFrom":"--sys-on-surface"},{"name":"active-label-text-color","prefix":"mat-tab-header","type":"color","overridesName":"active-label-text-color","derivedFrom":"--sys-on-surface"},{"name":"active-ripple-color","prefix":"mat-tab-header","type":"color","overridesName":"active-ripple-color","derivedFrom":"--sys-on-surface"},{"name":"inactive-ripple-color","prefix":"mat-tab-header","type":"color","overridesName":"inactive-ripple-color","derivedFrom":"--sys-on-surface"},{"name":"inactive-focus-label-text-color","prefix":"mat-tab-header","type":"color","overridesName":"inactive-focus-label-text-color","derivedFrom":"--sys-on-surface"},{"name":"inactive-hover-label-text-color","prefix":"mat-tab-header","type":"color","overridesName":"inactive-hover-label-text-color","derivedFrom":"--sys-on-surface"},{"name":"active-focus-label-text-color","prefix":"mat-tab-header","type":"color","overridesName":"active-focus-label-text-color","derivedFrom":"--sys-on-surface"},{"name":"active-hover-label-text-color","prefix":"mat-tab-header","type":"color","overridesName":"active-hover-label-text-color","derivedFrom":"--sys-on-surface"},{"name":"active-focus-indicator-color","prefix":"mat-tab-header","type":"color","overridesName":"active-focus-indicator-color","derivedFrom":"--sys-primary"},{"name":"active-hover-indicator-color","prefix":"mat-tab-header","type":"color","overridesName":"active-hover-indicator-color","derivedFrom":"--sys-primary"},{"name":"label-text-font","prefix":"mat-tab-header","type":"typography","overridesName":"label-text-font","derivedFrom":"--sys-title-small-font"},{"name":"label-text-size","prefix":"mat-tab-header","type":"typography","overridesName":"label-text-size","derivedFrom":"--sys-title-small-size"},{"name":"label-text-tracking","prefix":"mat-tab-header","type":"typography","overridesName":"label-text-tracking","derivedFrom":"--sys-title-small-tracking"},{"name":"label-text-line-height","prefix":"mat-tab-header","type":"typography","overridesName":"label-text-line-height","derivedFrom":"--sys-title-small-line-height"},{"name":"label-text-weight","prefix":"mat-tab-header","type":"typography","overridesName":"label-text-weight","derivedFrom":"--sys-title-small-weight"},{"name":"background-color","prefix":"mat-tab-header-with-background","type":"color","overridesName":"background-color"},{"name":"foreground-color","prefix":"mat-tab-header-with-background","type":"color","overridesName":"foreground-color"}]}]} \ No newline at end of file +{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.tabs-overrides((\n active-indicator-color: orange,\n divider-color: red,\n ));\n}","themes":[{"name":"tabs","overridesMixin":"tabs-overrides","tokens":[{"name":"container-height","prefix":"mdc-secondary-navigation-tab","type":"density","overridesName":"container-height"},{"name":"active-indicator-height","prefix":"mdc-tab-indicator","type":"base","overridesName":"active-indicator-height"},{"name":"active-indicator-shape","prefix":"mdc-tab-indicator","type":"base","overridesName":"active-indicator-shape"},{"name":"active-indicator-color","prefix":"mdc-tab-indicator","type":"color","overridesName":"active-indicator-color","derivedFrom":"--mat-sys-primary"},{"name":"divider-color","prefix":"mat-tab-header","type":"color","overridesName":"divider-color","derivedFrom":"--mat-sys-surface-variant"},{"name":"divider-height","prefix":"mat-tab-header","type":"base","overridesName":"divider-height"},{"name":"disabled-ripple-color","prefix":"mat-tab-header","type":"color","overridesName":"disabled-ripple-color"},{"name":"pagination-icon-color","prefix":"mat-tab-header","type":"color","overridesName":"pagination-icon-color","derivedFrom":"--mat-sys-on-surface"},{"name":"inactive-label-text-color","prefix":"mat-tab-header","type":"color","overridesName":"inactive-label-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"active-label-text-color","prefix":"mat-tab-header","type":"color","overridesName":"active-label-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"active-ripple-color","prefix":"mat-tab-header","type":"color","overridesName":"active-ripple-color","derivedFrom":"--mat-sys-on-surface"},{"name":"inactive-ripple-color","prefix":"mat-tab-header","type":"color","overridesName":"inactive-ripple-color","derivedFrom":"--mat-sys-on-surface"},{"name":"inactive-focus-label-text-color","prefix":"mat-tab-header","type":"color","overridesName":"inactive-focus-label-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"inactive-hover-label-text-color","prefix":"mat-tab-header","type":"color","overridesName":"inactive-hover-label-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"active-focus-label-text-color","prefix":"mat-tab-header","type":"color","overridesName":"active-focus-label-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"active-hover-label-text-color","prefix":"mat-tab-header","type":"color","overridesName":"active-hover-label-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"active-focus-indicator-color","prefix":"mat-tab-header","type":"color","overridesName":"active-focus-indicator-color","derivedFrom":"--mat-sys-primary"},{"name":"active-hover-indicator-color","prefix":"mat-tab-header","type":"color","overridesName":"active-hover-indicator-color","derivedFrom":"--mat-sys-primary"},{"name":"label-text-font","prefix":"mat-tab-header","type":"typography","overridesName":"label-text-font","derivedFrom":"--mat-sys-title-small-font"},{"name":"label-text-size","prefix":"mat-tab-header","type":"typography","overridesName":"label-text-size","derivedFrom":"--mat-sys-title-small-size"},{"name":"label-text-tracking","prefix":"mat-tab-header","type":"typography","overridesName":"label-text-tracking","derivedFrom":"--mat-sys-title-small-tracking"},{"name":"label-text-line-height","prefix":"mat-tab-header","type":"typography","overridesName":"label-text-line-height","derivedFrom":"--mat-sys-title-small-line-height"},{"name":"label-text-weight","prefix":"mat-tab-header","type":"typography","overridesName":"label-text-weight","derivedFrom":"--mat-sys-title-small-weight"},{"name":"background-color","prefix":"mat-tab-header-with-background","type":"color","overridesName":"background-color"},{"name":"foreground-color","prefix":"mat-tab-header-with-background","type":"color","overridesName":"foreground-color"}]}]} \ No newline at end of file diff --git a/docs-content/tokens/material/timepicker/timepicker.json b/docs-content/tokens/material/timepicker/timepicker.json index 771981f4e..195d7ee2d 100755 --- a/docs-content/tokens/material/timepicker/timepicker.json +++ b/docs-content/tokens/material/timepicker/timepicker.json @@ -1 +1 @@ -{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.timepicker-overrides((\n container-background-color: orange,\n ));\n}","themes":[{"name":"timepicker","overridesMixin":"timepicker-overrides","tokens":[{"name":"container-shape","prefix":"mat-timepicker","type":"base","overridesName":"container-shape"},{"name":"container-elevation-shadow","prefix":"mat-timepicker","type":"base","overridesName":"container-elevation-shadow"},{"name":"container-background-color","prefix":"mat-timepicker","type":"color","overridesName":"container-background-color","derivedFrom":"--sys-surface-container"}]}]} \ No newline at end of file +{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.timepicker-overrides((\n container-background-color: orange,\n ));\n}","themes":[{"name":"timepicker","overridesMixin":"timepicker-overrides","tokens":[{"name":"container-shape","prefix":"mat-timepicker","type":"base","overridesName":"container-shape"},{"name":"container-elevation-shadow","prefix":"mat-timepicker","type":"base","overridesName":"container-elevation-shadow"},{"name":"container-background-color","prefix":"mat-timepicker","type":"color","overridesName":"container-background-color","derivedFrom":"--mat-sys-surface-container"}]}]} \ No newline at end of file diff --git a/docs-content/tokens/material/toolbar/toolbar.json b/docs-content/tokens/material/toolbar/toolbar.json index 50e967a6f..e7bd9dafd 100755 --- a/docs-content/tokens/material/toolbar/toolbar.json +++ b/docs-content/tokens/material/toolbar/toolbar.json @@ -1 +1 @@ -{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.toolbar-overrides((\n container-background-color: orange,\n container-text-color: red,\n ));\n}","themes":[{"name":"toolbar","overridesMixin":"toolbar-overrides","tokens":[{"name":"container-background-color","prefix":"mat-toolbar","type":"color","overridesName":"container-background-color","derivedFrom":"--sys-surface"},{"name":"container-text-color","prefix":"mat-toolbar","type":"color","overridesName":"container-text-color","derivedFrom":"--sys-on-surface"},{"name":"title-text-font","prefix":"mat-toolbar","type":"typography","overridesName":"title-text-font","derivedFrom":"--sys-title-large-font"},{"name":"title-text-line-height","prefix":"mat-toolbar","type":"typography","overridesName":"title-text-line-height","derivedFrom":"--sys-title-large-line-height"},{"name":"title-text-size","prefix":"mat-toolbar","type":"typography","overridesName":"title-text-size","derivedFrom":"--sys-title-large-size"},{"name":"title-text-tracking","prefix":"mat-toolbar","type":"typography","overridesName":"title-text-tracking","derivedFrom":"--sys-title-large-tracking"},{"name":"title-text-weight","prefix":"mat-toolbar","type":"typography","overridesName":"title-text-weight","derivedFrom":"--sys-title-large-weight"},{"name":"standard-height","prefix":"mat-toolbar","type":"density","overridesName":"standard-height"},{"name":"mobile-height","prefix":"mat-toolbar","type":"density","overridesName":"mobile-height"}]}]} \ No newline at end of file +{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.toolbar-overrides((\n container-background-color: orange,\n container-text-color: red,\n ));\n}","themes":[{"name":"toolbar","overridesMixin":"toolbar-overrides","tokens":[{"name":"container-background-color","prefix":"mat-toolbar","type":"color","overridesName":"container-background-color","derivedFrom":"--mat-sys-surface"},{"name":"container-text-color","prefix":"mat-toolbar","type":"color","overridesName":"container-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"title-text-font","prefix":"mat-toolbar","type":"typography","overridesName":"title-text-font","derivedFrom":"--mat-sys-title-large-font"},{"name":"title-text-line-height","prefix":"mat-toolbar","type":"typography","overridesName":"title-text-line-height","derivedFrom":"--mat-sys-title-large-line-height"},{"name":"title-text-size","prefix":"mat-toolbar","type":"typography","overridesName":"title-text-size","derivedFrom":"--mat-sys-title-large-size"},{"name":"title-text-tracking","prefix":"mat-toolbar","type":"typography","overridesName":"title-text-tracking","derivedFrom":"--mat-sys-title-large-tracking"},{"name":"title-text-weight","prefix":"mat-toolbar","type":"typography","overridesName":"title-text-weight","derivedFrom":"--mat-sys-title-large-weight"},{"name":"standard-height","prefix":"mat-toolbar","type":"density","overridesName":"standard-height"},{"name":"mobile-height","prefix":"mat-toolbar","type":"density","overridesName":"mobile-height"}]}]} \ No newline at end of file diff --git a/docs-content/tokens/material/tooltip/tooltip.json b/docs-content/tokens/material/tooltip/tooltip.json index c731936bf..144d6f9ad 100755 --- a/docs-content/tokens/material/tooltip/tooltip.json +++ b/docs-content/tokens/material/tooltip/tooltip.json @@ -1 +1 @@ -{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.tooltip-overrides((\n container-color: orange,\n supporting-text-color: red,\n ));\n}","themes":[{"name":"tooltip","overridesMixin":"tooltip-overrides","tokens":[{"name":"container-shape","prefix":"mdc-plain-tooltip","type":"base","overridesName":"container-shape"},{"name":"supporting-text-line-height","prefix":"mdc-plain-tooltip","type":"typography","overridesName":"supporting-text-line-height","derivedFrom":"--sys-body-small-line-height"},{"name":"container-color","prefix":"mdc-plain-tooltip","type":"color","overridesName":"container-color","derivedFrom":"--sys-inverse-surface"},{"name":"supporting-text-color","prefix":"mdc-plain-tooltip","type":"color","overridesName":"supporting-text-color","derivedFrom":"--sys-inverse-on-surface"},{"name":"supporting-text-font","prefix":"mdc-plain-tooltip","type":"typography","overridesName":"supporting-text-font","derivedFrom":"--sys-body-small-font"},{"name":"supporting-text-size","prefix":"mdc-plain-tooltip","type":"typography","overridesName":"supporting-text-size","derivedFrom":"--sys-body-small-size"},{"name":"supporting-text-weight","prefix":"mdc-plain-tooltip","type":"typography","overridesName":"supporting-text-weight","derivedFrom":"--sys-body-small-weight"},{"name":"supporting-text-tracking","prefix":"mdc-plain-tooltip","type":"typography","overridesName":"supporting-text-tracking","derivedFrom":"--sys-body-small-tracking"}]}]} \ No newline at end of file +{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.tooltip-overrides((\n container-color: orange,\n supporting-text-color: red,\n ));\n}","themes":[{"name":"tooltip","overridesMixin":"tooltip-overrides","tokens":[{"name":"container-shape","prefix":"mdc-plain-tooltip","type":"base","overridesName":"container-shape"},{"name":"supporting-text-line-height","prefix":"mdc-plain-tooltip","type":"typography","overridesName":"supporting-text-line-height","derivedFrom":"--mat-sys-body-small-line-height"},{"name":"container-color","prefix":"mdc-plain-tooltip","type":"color","overridesName":"container-color","derivedFrom":"--mat-sys-inverse-surface"},{"name":"supporting-text-color","prefix":"mdc-plain-tooltip","type":"color","overridesName":"supporting-text-color","derivedFrom":"--mat-sys-inverse-on-surface"},{"name":"supporting-text-font","prefix":"mdc-plain-tooltip","type":"typography","overridesName":"supporting-text-font","derivedFrom":"--mat-sys-body-small-font"},{"name":"supporting-text-size","prefix":"mdc-plain-tooltip","type":"typography","overridesName":"supporting-text-size","derivedFrom":"--mat-sys-body-small-size"},{"name":"supporting-text-weight","prefix":"mdc-plain-tooltip","type":"typography","overridesName":"supporting-text-weight","derivedFrom":"--mat-sys-body-small-weight"},{"name":"supporting-text-tracking","prefix":"mdc-plain-tooltip","type":"typography","overridesName":"supporting-text-tracking","derivedFrom":"--mat-sys-body-small-tracking"}]}]} \ No newline at end of file diff --git a/docs-content/tokens/material/tree/tree.json b/docs-content/tokens/material/tree/tree.json index 56b365101..e2fddcfcb 100755 --- a/docs-content/tokens/material/tree/tree.json +++ b/docs-content/tokens/material/tree/tree.json @@ -1 +1 @@ -{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.tree-overrides((\n container-background-color: orange,\n node-text-color: red,\n ));\n}","themes":[{"name":"tree","overridesMixin":"tree-overrides","tokens":[{"name":"container-background-color","prefix":"mat-tree","type":"color","overridesName":"container-background-color","derivedFrom":"--sys-surface"},{"name":"node-text-color","prefix":"mat-tree","type":"color","overridesName":"node-text-color","derivedFrom":"--sys-on-surface"},{"name":"node-text-font","prefix":"mat-tree","type":"typography","overridesName":"node-text-font","derivedFrom":"--sys-body-large-font"},{"name":"node-text-size","prefix":"mat-tree","type":"typography","overridesName":"node-text-size","derivedFrom":"--sys-body-large-size"},{"name":"node-text-weight","prefix":"mat-tree","type":"typography","overridesName":"node-text-weight","derivedFrom":"--sys-body-large-weight"},{"name":"node-min-height","prefix":"mat-tree","type":"density","overridesName":"node-min-height"}]}]} \ No newline at end of file +{"example":"@use '@angular/material' as mat;\n\n// Customize the entire app. Change :root to your selector if you want to scope the styles.\n:root {\n @include mat.tree-overrides((\n container-background-color: orange,\n node-text-color: red,\n ));\n}","themes":[{"name":"tree","overridesMixin":"tree-overrides","tokens":[{"name":"container-background-color","prefix":"mat-tree","type":"color","overridesName":"container-background-color","derivedFrom":"--mat-sys-surface"},{"name":"node-text-color","prefix":"mat-tree","type":"color","overridesName":"node-text-color","derivedFrom":"--mat-sys-on-surface"},{"name":"node-text-font","prefix":"mat-tree","type":"typography","overridesName":"node-text-font","derivedFrom":"--mat-sys-body-large-font"},{"name":"node-text-size","prefix":"mat-tree","type":"typography","overridesName":"node-text-size","derivedFrom":"--mat-sys-body-large-size"},{"name":"node-text-weight","prefix":"mat-tree","type":"typography","overridesName":"node-text-weight","derivedFrom":"--mat-sys-body-large-weight"},{"name":"node-min-height","prefix":"mat-tree","type":"density","overridesName":"node-min-height"}]}]} \ No newline at end of file