j3w1 / color.status.danger.textVue · HTML · React · Astro

J3W1 / DESIGN SYSTEM

color.status.danger.text

Danger text (5.40:1).

Source revision 1faefcf014c8bf01a6b27308ea796da968773a81

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

Report an issue with this token

color.status.danger.text
--color-status-danger-text

default · approved

Resolved value
#f73f35
Status
observed
Consumption
use — Use within the role's documented scope and restrictions.
Decisions
None pending.
Source
tokens/semantic.tokens.json:477 /color/status/danger/text
Alias chain
color.primitive.red.850
Used by aliases
No declared aliases depend on this role.

Provenance and restrictions

null

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
admin-form · contrast—invalid · color.surface.defaultspec/components/admin-form.md:77 /contrast/7
badge · contrast—— · color.surface.defaultspec/components/badge.md:59 /contrast/5
checkbox · contrast—— · color.surface.defaultspec/components/checkbox.md:64 /contrast/4
combobox · contrast—— · color.surface.canvasspec/components/combobox.md:75 /contrast/1
date-picker · contrast—— · color.surface.canvasspec/components/date-picker.md:82 /contrast/0
file-input · contrast—— · color.surface.canvasspec/components/file-input.md:67 /contrast/4
number-field · contrast—— · color.surface.defaultspec/components/number-field.md:63 /contrast/3
radio-group · contrast—— · color.surface.defaultspec/components/radio-group.md:61 /contrast/4
select · contrast—— · color.surface.defaultspec/components/select.md:66 /contrast/4
settings-panel · contrast—invalid · color.surface.defaultspec/components/settings-panel.md:61 /contrast/2
text-field · contrast—— · color.surface.defaultspec/components/text-field.md:76 /contrast/0
textarea · contrast—— · color.surface.defaultspec/components/textarea.md:65 /contrast/0
time-picker · contrast—— · color.surface.canvasspec/components/time-picker.md:60 /contrast/0
wizard · contrast—— · color.surface.defaultspec/components/wizard.md:65 /contrast/3
Shared rule · contrast—— · color.status.danger.tintspec/contrast.json:29 /pairs/25
Shared rule · contrast—— · color.surface.canvasspec/contrast.json:28 /pairs/24
admin-form · partinvalid.message—spec/components/admin-form.md:50 /tokens/invalid.message
admin-form · partstep.invalid—spec/components/admin-form.md:36 /tokens/step.invalid
admin-form · partsummary.text—spec/components/admin-form.md:42 /tokens/summary.text
alert · partdanger.text · danger—spec/components/alert.md:35 /tokens/danger.text
badge · partdanger.outline-text—spec/components/badge.md:31 /tokens/danger.outline-text
checkbox · partlegend.required-mark—spec/components/checkbox.md:48 /tokens/legend.required-mark
checkbox · partmessage.text—spec/components/checkbox.md:49 /tokens/message.text
combobox · partmessage.text—spec/components/combobox.md:63 /tokens/message.text
date-picker · partmessage.text—spec/components/date-picker.md:49 /tokens/message.text
diagnostics · partstatus.text—spec/components/diagnostics.md:61 /tokens/status.text
error-state · partdependency.role-color-status-danger-text—spec/components/error-state.md:38 /tokens/dependency.role-color-status-danger-text
field · partlabel.required-mark—spec/components/field.md:23 /tokens/label.required-mark
field · partmessage.text—spec/components/field.md:31 /tokens/message.text
file-input · partlist.error—spec/components/file-input.md:49 /tokens/list.error
file-input · partmessage.text—spec/components/file-input.md:55 /tokens/message.text
multiselect · partdependency.role-color-status-danger-text—spec/components/multiselect.md:44 /tokens/dependency.role-color-status-danger-text
number-field · partmessage.text—spec/components/number-field.md:51 /tokens/message.text
progress · parterror.text—spec/components/progress.md:37 /tokens/error.text
radio-group · partlegend.required-mark—spec/components/radio-group.md:46 /tokens/legend.required-mark
radio-group · partmessage.text—spec/components/radio-group.md:47 /tokens/message.text
segmented-control · partdependency.role-color-status-danger-text—spec/components/segmented-control.md:44 /tokens/dependency.role-color-status-danger-text
select · partlabel.required-mark—spec/components/select.md:51 /tokens/label.required-mark
select · partmessage.text—spec/components/select.md:53 /tokens/message.text
settings-panel · partinvalid.message—spec/components/settings-panel.md:46 /tokens/invalid.message
text-field · partlabel.required-mark—spec/components/text-field.md:59 /tokens/label.required-mark
text-field · partmessage.text—spec/components/text-field.md:61 /tokens/message.text
textarea · partcount.text-over—spec/components/textarea.md:54 /tokens/count.text-over
textarea · partlabel.required-mark—spec/components/textarea.md:51 /tokens/label.required-mark
textarea · partmessage.text—spec/components/textarea.md:55 /tokens/message.text
time-picker · partmessage.text—spec/components/time-picker.md:40 /tokens/message.text
wizard · partmessage.text—spec/components/wizard.md:43 /tokens/message.text
wizard · partstep.marker-invalid—spec/components/wizard.md:37 /tokens/step.marker-invalid
admin-form · statefginvalid · color.status.danger.tintspec/components/admin-form.md:67 /stateTokens/invalid/fg
alert · statefgdefault · color.status.danger.tintspec/components/alert.md:53 /stateTokens/default/fg
diagnostics · statefgerror · color.surface.defaultspec/components/diagnostics.md:70 /stateTokens/error/fg
field · statefginvalid · color.surface.defaultspec/components/field.md:35 /stateTokens/invalid/fg
field · statefgrequired · color.surface.defaultspec/components/field.md:34 /stateTokens/required/fg
progress · statefgerror · color.surface.canvasspec/components/progress.md:40 /stateTokens/error/fg
wizard · statefginvalid · color.surface.canvasspec/components/wizard.md:59 /stateTokens/invalid/fg

Relevant contrast declarations

heritage-ansi · heritage

Resolved value
#f73f35
Status
observed
Consumption
historical-only — Historical fidelity only; preserve all documented limitations and deprecations.
Decisions
None pending.
Source
tokens/semantic.tokens.json:477 /color/status/danger/text
Alias chain
color.primitive.red.850
Used by aliases
No declared aliases depend on this role.

Provenance and restrictions

null

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
admin-form · contrast—invalid · color.surface.defaultspec/components/admin-form.md:77 /contrast/7
badge · contrast—— · color.surface.defaultspec/components/badge.md:59 /contrast/5
checkbox · contrast—— · color.surface.defaultspec/components/checkbox.md:64 /contrast/4
combobox · contrast—— · color.surface.canvasspec/components/combobox.md:75 /contrast/1
date-picker · contrast—— · color.surface.canvasspec/components/date-picker.md:82 /contrast/0
file-input · contrast—— · color.surface.canvasspec/components/file-input.md:67 /contrast/4
number-field · contrast—— · color.surface.defaultspec/components/number-field.md:63 /contrast/3
radio-group · contrast—— · color.surface.defaultspec/components/radio-group.md:61 /contrast/4
select · contrast—— · color.surface.defaultspec/components/select.md:66 /contrast/4
settings-panel · contrast—invalid · color.surface.defaultspec/components/settings-panel.md:61 /contrast/2
text-field · contrast—— · color.surface.defaultspec/components/text-field.md:76 /contrast/0
textarea · contrast—— · color.surface.defaultspec/components/textarea.md:65 /contrast/0
time-picker · contrast—— · color.surface.canvasspec/components/time-picker.md:60 /contrast/0
wizard · contrast—— · color.surface.defaultspec/components/wizard.md:65 /contrast/3
Shared rule · contrast—— · color.status.danger.tintspec/contrast.json:29 /pairs/25
Shared rule · contrast—— · color.surface.canvasspec/contrast.json:28 /pairs/24
admin-form · partinvalid.message—spec/components/admin-form.md:50 /tokens/invalid.message
admin-form · partstep.invalid—spec/components/admin-form.md:36 /tokens/step.invalid
admin-form · partsummary.text—spec/components/admin-form.md:42 /tokens/summary.text
alert · partdanger.text · danger—spec/components/alert.md:35 /tokens/danger.text
badge · partdanger.outline-text—spec/components/badge.md:31 /tokens/danger.outline-text
checkbox · partlegend.required-mark—spec/components/checkbox.md:48 /tokens/legend.required-mark
checkbox · partmessage.text—spec/components/checkbox.md:49 /tokens/message.text
combobox · partmessage.text—spec/components/combobox.md:63 /tokens/message.text
date-picker · partmessage.text—spec/components/date-picker.md:49 /tokens/message.text
diagnostics · partstatus.text—spec/components/diagnostics.md:61 /tokens/status.text
error-state · partdependency.role-color-status-danger-text—spec/components/error-state.md:38 /tokens/dependency.role-color-status-danger-text
field · partlabel.required-mark—spec/components/field.md:23 /tokens/label.required-mark
field · partmessage.text—spec/components/field.md:31 /tokens/message.text
file-input · partlist.error—spec/components/file-input.md:49 /tokens/list.error
file-input · partmessage.text—spec/components/file-input.md:55 /tokens/message.text
multiselect · partdependency.role-color-status-danger-text—spec/components/multiselect.md:44 /tokens/dependency.role-color-status-danger-text
number-field · partmessage.text—spec/components/number-field.md:51 /tokens/message.text
progress · parterror.text—spec/components/progress.md:37 /tokens/error.text
radio-group · partlegend.required-mark—spec/components/radio-group.md:46 /tokens/legend.required-mark
radio-group · partmessage.text—spec/components/radio-group.md:47 /tokens/message.text
segmented-control · partdependency.role-color-status-danger-text—spec/components/segmented-control.md:44 /tokens/dependency.role-color-status-danger-text
select · partlabel.required-mark—spec/components/select.md:51 /tokens/label.required-mark
select · partmessage.text—spec/components/select.md:53 /tokens/message.text
settings-panel · partinvalid.message—spec/components/settings-panel.md:46 /tokens/invalid.message
text-field · partlabel.required-mark—spec/components/text-field.md:59 /tokens/label.required-mark
text-field · partmessage.text—spec/components/text-field.md:61 /tokens/message.text
textarea · partcount.text-over—spec/components/textarea.md:54 /tokens/count.text-over
textarea · partlabel.required-mark—spec/components/textarea.md:51 /tokens/label.required-mark
textarea · partmessage.text—spec/components/textarea.md:55 /tokens/message.text
time-picker · partmessage.text—spec/components/time-picker.md:40 /tokens/message.text
wizard · partmessage.text—spec/components/wizard.md:43 /tokens/message.text
wizard · partstep.marker-invalid—spec/components/wizard.md:37 /tokens/step.marker-invalid
admin-form · statefginvalid · color.status.danger.tintspec/components/admin-form.md:67 /stateTokens/invalid/fg
alert · statefgdefault · color.status.danger.tintspec/components/alert.md:53 /stateTokens/default/fg
diagnostics · statefgerror · color.surface.defaultspec/components/diagnostics.md:70 /stateTokens/error/fg
field · statefginvalid · color.surface.defaultspec/components/field.md:35 /stateTokens/invalid/fg
field · statefgrequired · color.surface.defaultspec/components/field.md:34 /stateTokens/required/fg
progress · statefgerror · color.surface.canvasspec/components/progress.md:40 /stateTokens/error/fg
wizard · statefginvalid · color.surface.canvasspec/components/wizard.md:59 /stateTokens/invalid/fg

Relevant contrast declarations

extended · proposed

Resolved value
#f73f35
Status
observed
Consumption
blocked — Proposed profile: preview only, not downstream delivery.
Decisions
None pending.
Source
tokens/semantic.tokens.json:477 /color/status/danger/text
Alias chain
color.primitive.red.850
Used by aliases
No declared aliases depend on this role.

Provenance and restrictions

null

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
admin-form · contrast—invalid · color.surface.defaultspec/components/admin-form.md:77 /contrast/7
badge · contrast—— · color.surface.defaultspec/components/badge.md:59 /contrast/5
checkbox · contrast—— · color.surface.defaultspec/components/checkbox.md:64 /contrast/4
combobox · contrast—— · color.surface.canvasspec/components/combobox.md:75 /contrast/1
date-picker · contrast—— · color.surface.canvasspec/components/date-picker.md:82 /contrast/0
file-input · contrast—— · color.surface.canvasspec/components/file-input.md:67 /contrast/4
number-field · contrast—— · color.surface.defaultspec/components/number-field.md:63 /contrast/3
radio-group · contrast—— · color.surface.defaultspec/components/radio-group.md:61 /contrast/4
select · contrast—— · color.surface.defaultspec/components/select.md:66 /contrast/4
settings-panel · contrast—invalid · color.surface.defaultspec/components/settings-panel.md:61 /contrast/2
text-field · contrast—— · color.surface.defaultspec/components/text-field.md:76 /contrast/0
textarea · contrast—— · color.surface.defaultspec/components/textarea.md:65 /contrast/0
time-picker · contrast—— · color.surface.canvasspec/components/time-picker.md:60 /contrast/0
wizard · contrast—— · color.surface.defaultspec/components/wizard.md:65 /contrast/3
Shared rule · contrast—— · color.status.danger.tintspec/contrast.json:29 /pairs/25
Shared rule · contrast—— · color.surface.canvasspec/contrast.json:28 /pairs/24
admin-form · partinvalid.message—spec/components/admin-form.md:50 /tokens/invalid.message
admin-form · partstep.invalid—spec/components/admin-form.md:36 /tokens/step.invalid
admin-form · partsummary.text—spec/components/admin-form.md:42 /tokens/summary.text
alert · partdanger.text · danger—spec/components/alert.md:35 /tokens/danger.text
badge · partdanger.outline-text—spec/components/badge.md:31 /tokens/danger.outline-text
checkbox · partlegend.required-mark—spec/components/checkbox.md:48 /tokens/legend.required-mark
checkbox · partmessage.text—spec/components/checkbox.md:49 /tokens/message.text
combobox · partmessage.text—spec/components/combobox.md:63 /tokens/message.text
date-picker · partmessage.text—spec/components/date-picker.md:49 /tokens/message.text
diagnostics · partstatus.text—spec/components/diagnostics.md:61 /tokens/status.text
error-state · partdependency.role-color-status-danger-text—spec/components/error-state.md:38 /tokens/dependency.role-color-status-danger-text
field · partlabel.required-mark—spec/components/field.md:23 /tokens/label.required-mark
field · partmessage.text—spec/components/field.md:31 /tokens/message.text
file-input · partlist.error—spec/components/file-input.md:49 /tokens/list.error
file-input · partmessage.text—spec/components/file-input.md:55 /tokens/message.text
multiselect · partdependency.role-color-status-danger-text—spec/components/multiselect.md:44 /tokens/dependency.role-color-status-danger-text
number-field · partmessage.text—spec/components/number-field.md:51 /tokens/message.text
progress · parterror.text—spec/components/progress.md:37 /tokens/error.text
radio-group · partlegend.required-mark—spec/components/radio-group.md:46 /tokens/legend.required-mark
radio-group · partmessage.text—spec/components/radio-group.md:47 /tokens/message.text
segmented-control · partdependency.role-color-status-danger-text—spec/components/segmented-control.md:44 /tokens/dependency.role-color-status-danger-text
select · partlabel.required-mark—spec/components/select.md:51 /tokens/label.required-mark
select · partmessage.text—spec/components/select.md:53 /tokens/message.text
settings-panel · partinvalid.message—spec/components/settings-panel.md:46 /tokens/invalid.message
text-field · partlabel.required-mark—spec/components/text-field.md:59 /tokens/label.required-mark
text-field · partmessage.text—spec/components/text-field.md:61 /tokens/message.text
textarea · partcount.text-over—spec/components/textarea.md:54 /tokens/count.text-over
textarea · partlabel.required-mark—spec/components/textarea.md:51 /tokens/label.required-mark
textarea · partmessage.text—spec/components/textarea.md:55 /tokens/message.text
time-picker · partmessage.text—spec/components/time-picker.md:40 /tokens/message.text
wizard · partmessage.text—spec/components/wizard.md:43 /tokens/message.text
wizard · partstep.marker-invalid—spec/components/wizard.md:37 /tokens/step.marker-invalid
admin-form · statefginvalid · color.status.danger.tintspec/components/admin-form.md:67 /stateTokens/invalid/fg
alert · statefgdefault · color.status.danger.tintspec/components/alert.md:53 /stateTokens/default/fg
diagnostics · statefgerror · color.surface.defaultspec/components/diagnostics.md:70 /stateTokens/error/fg
field · statefginvalid · color.surface.defaultspec/components/field.md:35 /stateTokens/invalid/fg
field · statefgrequired · color.surface.defaultspec/components/field.md:34 /stateTokens/required/fg
progress · statefgerror · color.surface.canvasspec/components/progress.md:40 /stateTokens/error/fg
wizard · statefginvalid · color.surface.canvasspec/components/wizard.md:59 /stateTokens/invalid/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