J3W1 / DESIGN SYSTEM

color.action.secondary.bg

Secondary button has no fill.

Source revision 1faefcf014c8bf01a6b27308ea796da968773a81

Report an issue with this token

color.action.secondary.bg

--color-action-secondary-bg

default · approved

Resolved value: rgb(0 0 0 / 0%)
Status: observed
Consumption: use — Use within the role's documented scope and restrictions.
Decisions: None pending.
Source: tokens/semantic.tokens.json:413 /color/action/secondary/bg
Alias chain: color.primitive.alpha.transparent
Used by aliases: No declared aliases depend on this role.

Provenance and restrictions

null

Declared component and port usage

Consumer / kind	Part / variant	State / surface	Source declaration
button · contrast	—	— · color.action.secondary.bg	spec/components/button.md:68 `/contrast/1`
button · contrast	—	— · color.action.secondary.bg	spec/components/button.md:78 `/contrast/11`
button · contrast	—	— · color.action.secondary.bg	spec/components/button.md:79 `/contrast/12`
button · contrast	—	— · color.action.secondary.bg	spec/components/button.md:69 `/contrast/2`
button · contrast	—	— · color.action.secondary.bg	spec/components/button.md:74 `/contrast/7`
button · part	secondary.bg · secondary	—	spec/components/button.md:36 `/tokens/secondary.bg`
file-input · part	button.bg	—	spec/components/file-input.md:31 `/tokens/button.bg`
icon-button · part	root.bg	—	spec/components/icon-button.md:24 `/tokens/root.bg`
icon-button · state	bg	default · color.action.secondary.bg	spec/components/icon-button.md:39 `/stateTokens/default/bg`
icon-button · state	bg	focus-visible · color.action.secondary.bg	spec/components/icon-button.md:41 `/stateTokens/focus-visible/bg`

Relevant contrast declarations

destructive border at rest: color.action.destructive.border on color.action.secondary.bg · spec/components/button.md:79 /contrast/12
destructive text at rest: color.action.destructive.text on color.action.secondary.bg · spec/components/button.md:78 /contrast/11
secondary border at rest: color.action.secondary.border on color.action.secondary.bg · spec/components/button.md:69 /contrast/2
secondary text at rest: color.action.secondary.text on color.action.secondary.bg · spec/components/button.md:68 /contrast/1
icon-button default fg: color.action.tertiary.text on color.action.secondary.bg · spec/components/icon-button.md:39 /stateTokens/default
icon-button focus-visible fg: color.action.tertiary.text on color.action.secondary.bg · spec/components/icon-button.md:41 /stateTokens/focus-visible
tertiary text at rest: color.action.tertiary.text on color.action.secondary.bg · spec/components/button.md:74 /contrast/7
icon-button focus-visible outline: color.interaction.focus.ring on color.action.secondary.bg · spec/components/icon-button.md:41 /stateTokens/focus-visible

heritage-ansi · heritage

Resolved value: rgb(0 0 0 / 0%)
Status: observed
Consumption: historical-only — Historical fidelity only; preserve all documented limitations and deprecations.
Decisions: None pending.
Source: tokens/semantic.tokens.json:413 /color/action/secondary/bg
Alias chain: color.primitive.alpha.transparent
Used by aliases: No declared aliases depend on this role.

Provenance and restrictions

null

Declared component and port usage

Consumer / kind	Part / variant	State / surface	Source declaration
button · contrast	—	— · color.action.secondary.bg	spec/components/button.md:68 `/contrast/1`
button · contrast	—	— · color.action.secondary.bg	spec/components/button.md:78 `/contrast/11`
button · contrast	—	— · color.action.secondary.bg	spec/components/button.md:79 `/contrast/12`
button · contrast	—	— · color.action.secondary.bg	spec/components/button.md:69 `/contrast/2`
button · contrast	—	— · color.action.secondary.bg	spec/components/button.md:74 `/contrast/7`
button · part	secondary.bg · secondary	—	spec/components/button.md:36 `/tokens/secondary.bg`
file-input · part	button.bg	—	spec/components/file-input.md:31 `/tokens/button.bg`
icon-button · part	root.bg	—	spec/components/icon-button.md:24 `/tokens/root.bg`
icon-button · state	bg	default · color.action.secondary.bg	spec/components/icon-button.md:39 `/stateTokens/default/bg`
icon-button · state	bg	focus-visible · color.action.secondary.bg	spec/components/icon-button.md:41 `/stateTokens/focus-visible/bg`

Relevant contrast declarations

destructive border at rest: color.action.destructive.border on color.action.secondary.bg · spec/components/button.md:79 /contrast/12
destructive text at rest: color.action.destructive.text on color.action.secondary.bg · spec/components/button.md:78 /contrast/11
secondary border at rest: color.action.secondary.border on color.action.secondary.bg · spec/components/button.md:69 /contrast/2
secondary text at rest: color.action.secondary.text on color.action.secondary.bg · spec/components/button.md:68 /contrast/1
icon-button default fg: color.action.tertiary.text on color.action.secondary.bg · spec/components/icon-button.md:39 /stateTokens/default
icon-button focus-visible fg: color.action.tertiary.text on color.action.secondary.bg · spec/components/icon-button.md:41 /stateTokens/focus-visible
tertiary text at rest: color.action.tertiary.text on color.action.secondary.bg · spec/components/button.md:74 /contrast/7
icon-button focus-visible outline: color.interaction.focus.ring on color.action.secondary.bg · spec/components/icon-button.md:41 /stateTokens/focus-visible

extended · proposed

Resolved value: rgb(0 0 0 / 0%)
Status: observed
Consumption: blocked — Proposed profile: preview only, not downstream delivery.
Decisions: None pending.
Source: tokens/semantic.tokens.json:413 /color/action/secondary/bg
Alias chain: color.primitive.alpha.transparent
Used by aliases: No declared aliases depend on this role.

Provenance and restrictions

null

Declared component and port usage

Consumer / kind	Part / variant	State / surface	Source declaration
button · contrast	—	— · color.action.secondary.bg	spec/components/button.md:68 `/contrast/1`
button · contrast	—	— · color.action.secondary.bg	spec/components/button.md:78 `/contrast/11`
button · contrast	—	— · color.action.secondary.bg	spec/components/button.md:79 `/contrast/12`
button · contrast	—	— · color.action.secondary.bg	spec/components/button.md:69 `/contrast/2`
button · contrast	—	— · color.action.secondary.bg	spec/components/button.md:74 `/contrast/7`
button · part	secondary.bg · secondary	—	spec/components/button.md:36 `/tokens/secondary.bg`
file-input · part	button.bg	—	spec/components/file-input.md:31 `/tokens/button.bg`
icon-button · part	root.bg	—	spec/components/icon-button.md:24 `/tokens/root.bg`
icon-button · state	bg	default · color.action.secondary.bg	spec/components/icon-button.md:39 `/stateTokens/default/bg`
icon-button · state	bg	focus-visible · color.action.secondary.bg	spec/components/icon-button.md:41 `/stateTokens/focus-visible/bg`

Relevant contrast declarations

destructive border at rest: color.action.destructive.border on color.action.secondary.bg · spec/components/button.md:79 /contrast/12
destructive text at rest: color.action.destructive.text on color.action.secondary.bg · spec/components/button.md:78 /contrast/11
secondary border at rest: color.action.secondary.border on color.action.secondary.bg · spec/components/button.md:69 /contrast/2
secondary text at rest: color.action.secondary.text on color.action.secondary.bg · spec/components/button.md:68 /contrast/1
icon-button default fg: color.action.tertiary.text on color.action.secondary.bg · spec/components/icon-button.md:39 /stateTokens/default
icon-button focus-visible fg: color.action.tertiary.text on color.action.secondary.bg · spec/components/icon-button.md:41 /stateTokens/focus-visible
tertiary text at rest: color.action.tertiary.text on color.action.secondary.bg · spec/components/button.md:74 /contrast/7
icon-button focus-visible outline: color.interaction.focus.ring on color.action.secondary.bg · spec/components/icon-button.md:41 /stateTokens/focus-visible