j3w1 / color.action.tertiary.textVue · HTML · React · Astro

J3W1 / DESIGN SYSTEM

color.action.tertiary.text

Ghost and icon button text.

Source revision 1faefcf014c8bf01a6b27308ea796da968773a81

Find related usage · Specification anchor · Measured contrast report (default profile)

Report an issue with this token

color.action.tertiary.text
--color-action-tertiary-text

default · approved

Resolved value
#e99499
Status
observed
Consumption
use — Use within the role's documented scope and restrictions.
Decisions
None pending.
Source
tokens/semantic.tokens.json:435 /color/action/tertiary/text
Alias chain
color.primitive.rose.700
Used by aliases
No declared aliases depend on this role.

Provenance and restrictions

null

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
alert · contrast—— · color.status.info.tintspec/components/alert.md:70 /contrast/13
button · contrast—active · color.interaction.pressed.bgspec/components/button.md:76 /contrast/9
button · contrast—hover · color.action.tertiary.hover-bgspec/components/button.md:75 /contrast/8
button · contrast—— · color.action.secondary.bgspec/components/button.md:74 /contrast/7
drawer · contrast—— · color.surface.overlayspec/components/drawer.md:50 /contrast/2
number-field · contrast—hover · color.action.tertiary.hover-bgspec/components/number-field.md:62 /contrast/2
number-field · contrast—— · color.surface.inputspec/components/number-field.md:61 /contrast/1
search-field · contrast—hover · color.action.tertiary.hover-bgspec/components/search-field.md:62 /contrast/3
search-field · contrast—— · color.surface.inputspec/components/search-field.md:61 /contrast/2
tooltip · contrast—— · color.surface.canvasspec/components/tooltip.md:45 /contrast/2
admin-form · partdraft.text—spec/components/admin-form.md:63 /tokens/draft.text
alert · partclose.text—spec/components/alert.md:49 /tokens/close.text
button · parttertiary.text · tertiary—spec/components/button.md:42 /tokens/tertiary.text
combobox · parttoggle.text—spec/components/combobox.md:48 /tokens/toggle.text
dialog · partclose.text—spec/components/dialog.md:38 /tokens/close.text
drawer · partclose.text—spec/components/drawer.md:38 /tokens/close.text
file-input · partremove.text—spec/components/file-input.md:50 /tokens/remove.text
icon-button · partroot.text—spec/components/icon-button.md:25 /tokens/root.text
number-field · partaction.text—spec/components/number-field.md:46 /tokens/action.text
search-field · partclear.text—spec/components/search-field.md:44 /tokens/clear.text
text-field · partaction.text—spec/components/text-field.md:64 /tokens/action.text
toast · partclose.text—spec/components/toast.md:51 /tokens/close.text
tooltip · parttrigger.text—spec/components/tooltip.md:33 /tokens/trigger.text
alert · statefgfocus-visible · color.status.info.tintspec/components/alert.md:55 /stateTokens/focus-visible/fg
alert · statefghover · color.action.tertiary.hover-bgspec/components/alert.md:54 /stateTokens/hover/fg
dialog · statefgfocus-visible · color.surface.overlayspec/components/dialog.md:59 /stateTokens/focus-visible/fg
dialog · statefghover · color.action.tertiary.hover-bgspec/components/dialog.md:58 /stateTokens/hover/fg
icon-button · statefgactive · color.interaction.pressed.bgspec/components/icon-button.md:42 /stateTokens/active/fg
icon-button · statefgdefault · color.action.secondary.bgspec/components/icon-button.md:39 /stateTokens/default/fg
icon-button · statefgfocus-visible · color.action.secondary.bgspec/components/icon-button.md:41 /stateTokens/focus-visible/fg
icon-button · statefghover · color.action.tertiary.hover-bgspec/components/icon-button.md:40 /stateTokens/hover/fg
toast · statefgfocus-visible · color.surface.canvasspec/components/toast.md:59 /stateTokens/focus-visible/fg
tooltip · statefgfocus-visible · color.surface.canvasspec/components/tooltip.md:40 /stateTokens/focus-visible/fg
tooltip · statefghover · color.action.tertiary.hover-bgspec/components/tooltip.md:39 /stateTokens/hover/fg

Relevant contrast declarations

heritage-ansi · heritage

Resolved value
#e99499
Status
observed
Consumption
historical-only — Historical fidelity only; preserve all documented limitations and deprecations.
Decisions
None pending.
Source
tokens/semantic.tokens.json:435 /color/action/tertiary/text
Alias chain
color.primitive.rose.700
Used by aliases
No declared aliases depend on this role.

Provenance and restrictions

null

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
alert · contrast—— · color.status.info.tintspec/components/alert.md:70 /contrast/13
button · contrast—active · color.interaction.pressed.bgspec/components/button.md:76 /contrast/9
button · contrast—hover · color.action.tertiary.hover-bgspec/components/button.md:75 /contrast/8
button · contrast—— · color.action.secondary.bgspec/components/button.md:74 /contrast/7
drawer · contrast—— · color.surface.overlayspec/components/drawer.md:50 /contrast/2
number-field · contrast—hover · color.action.tertiary.hover-bgspec/components/number-field.md:62 /contrast/2
number-field · contrast—— · color.surface.inputspec/components/number-field.md:61 /contrast/1
search-field · contrast—hover · color.action.tertiary.hover-bgspec/components/search-field.md:62 /contrast/3
search-field · contrast—— · color.surface.inputspec/components/search-field.md:61 /contrast/2
tooltip · contrast—— · color.surface.canvasspec/components/tooltip.md:45 /contrast/2
admin-form · partdraft.text—spec/components/admin-form.md:63 /tokens/draft.text
alert · partclose.text—spec/components/alert.md:49 /tokens/close.text
button · parttertiary.text · tertiary—spec/components/button.md:42 /tokens/tertiary.text
combobox · parttoggle.text—spec/components/combobox.md:48 /tokens/toggle.text
dialog · partclose.text—spec/components/dialog.md:38 /tokens/close.text
drawer · partclose.text—spec/components/drawer.md:38 /tokens/close.text
file-input · partremove.text—spec/components/file-input.md:50 /tokens/remove.text
icon-button · partroot.text—spec/components/icon-button.md:25 /tokens/root.text
number-field · partaction.text—spec/components/number-field.md:46 /tokens/action.text
search-field · partclear.text—spec/components/search-field.md:44 /tokens/clear.text
text-field · partaction.text—spec/components/text-field.md:64 /tokens/action.text
toast · partclose.text—spec/components/toast.md:51 /tokens/close.text
tooltip · parttrigger.text—spec/components/tooltip.md:33 /tokens/trigger.text
alert · statefgfocus-visible · color.status.info.tintspec/components/alert.md:55 /stateTokens/focus-visible/fg
alert · statefghover · color.action.tertiary.hover-bgspec/components/alert.md:54 /stateTokens/hover/fg
dialog · statefgfocus-visible · color.surface.overlayspec/components/dialog.md:59 /stateTokens/focus-visible/fg
dialog · statefghover · color.action.tertiary.hover-bgspec/components/dialog.md:58 /stateTokens/hover/fg
icon-button · statefgactive · color.interaction.pressed.bgspec/components/icon-button.md:42 /stateTokens/active/fg
icon-button · statefgdefault · color.action.secondary.bgspec/components/icon-button.md:39 /stateTokens/default/fg
icon-button · statefgfocus-visible · color.action.secondary.bgspec/components/icon-button.md:41 /stateTokens/focus-visible/fg
icon-button · statefghover · color.action.tertiary.hover-bgspec/components/icon-button.md:40 /stateTokens/hover/fg
toast · statefgfocus-visible · color.surface.canvasspec/components/toast.md:59 /stateTokens/focus-visible/fg
tooltip · statefgfocus-visible · color.surface.canvasspec/components/tooltip.md:40 /stateTokens/focus-visible/fg
tooltip · statefghover · color.action.tertiary.hover-bgspec/components/tooltip.md:39 /stateTokens/hover/fg

Relevant contrast declarations

extended · proposed

Resolved value
#e99499
Status
observed
Consumption
blocked — Proposed profile: preview only, not downstream delivery.
Decisions
None pending.
Source
tokens/semantic.tokens.json:435 /color/action/tertiary/text
Alias chain
color.primitive.rose.700
Used by aliases
No declared aliases depend on this role.

Provenance and restrictions

null

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
alert · contrast—— · color.status.info.tintspec/components/alert.md:70 /contrast/13
button · contrast—active · color.interaction.pressed.bgspec/components/button.md:76 /contrast/9
button · contrast—hover · color.action.tertiary.hover-bgspec/components/button.md:75 /contrast/8
button · contrast—— · color.action.secondary.bgspec/components/button.md:74 /contrast/7
drawer · contrast—— · color.surface.overlayspec/components/drawer.md:50 /contrast/2
number-field · contrast—hover · color.action.tertiary.hover-bgspec/components/number-field.md:62 /contrast/2
number-field · contrast—— · color.surface.inputspec/components/number-field.md:61 /contrast/1
search-field · contrast—hover · color.action.tertiary.hover-bgspec/components/search-field.md:62 /contrast/3
search-field · contrast—— · color.surface.inputspec/components/search-field.md:61 /contrast/2
tooltip · contrast—— · color.surface.canvasspec/components/tooltip.md:45 /contrast/2
admin-form · partdraft.text—spec/components/admin-form.md:63 /tokens/draft.text
alert · partclose.text—spec/components/alert.md:49 /tokens/close.text
button · parttertiary.text · tertiary—spec/components/button.md:42 /tokens/tertiary.text
combobox · parttoggle.text—spec/components/combobox.md:48 /tokens/toggle.text
dialog · partclose.text—spec/components/dialog.md:38 /tokens/close.text
drawer · partclose.text—spec/components/drawer.md:38 /tokens/close.text
file-input · partremove.text—spec/components/file-input.md:50 /tokens/remove.text
icon-button · partroot.text—spec/components/icon-button.md:25 /tokens/root.text
number-field · partaction.text—spec/components/number-field.md:46 /tokens/action.text
search-field · partclear.text—spec/components/search-field.md:44 /tokens/clear.text
text-field · partaction.text—spec/components/text-field.md:64 /tokens/action.text
toast · partclose.text—spec/components/toast.md:51 /tokens/close.text
tooltip · parttrigger.text—spec/components/tooltip.md:33 /tokens/trigger.text
alert · statefgfocus-visible · color.status.info.tintspec/components/alert.md:55 /stateTokens/focus-visible/fg
alert · statefghover · color.action.tertiary.hover-bgspec/components/alert.md:54 /stateTokens/hover/fg
dialog · statefgfocus-visible · color.surface.overlayspec/components/dialog.md:59 /stateTokens/focus-visible/fg
dialog · statefghover · color.action.tertiary.hover-bgspec/components/dialog.md:58 /stateTokens/hover/fg
icon-button · statefgactive · color.interaction.pressed.bgspec/components/icon-button.md:42 /stateTokens/active/fg
icon-button · statefgdefault · color.action.secondary.bgspec/components/icon-button.md:39 /stateTokens/default/fg
icon-button · statefgfocus-visible · color.action.secondary.bgspec/components/icon-button.md:41 /stateTokens/focus-visible/fg
icon-button · statefghover · color.action.tertiary.hover-bgspec/components/icon-button.md:40 /stateTokens/hover/fg
toast · statefgfocus-visible · color.surface.canvasspec/components/toast.md:59 /stateTokens/focus-visible/fg
tooltip · statefgfocus-visible · color.surface.canvasspec/components/tooltip.md:40 /stateTokens/focus-visible/fg
tooltip · statefghover · color.action.tertiary.hover-bgspec/components/tooltip.md:39 /stateTokens/hover/fg

Relevant contrast declarations

j3w1 / command

  • SPEC Overview
  • SPEC Foundations
  • SPEC Components
  • SPEC Patterns
  • SPEC Tokens
  • SPEC Tools
  • SPEC Implement
  • SPEC For agents
  • SPEC Ports
  • SPEC Releases
  • DEMO Vue application demo
  • SPEC Complete UI theme specification