color.status.danger.border
Danger border, 2px on invalid inputs.
Source revision 9afef8564142e41458748895d16b4df161a67d66
Find related usageSpecification anchorMeasured contrast report (default profile)Report an issue with this token
color.status.danger.border--color-status-danger-borderdefault · approved
- Resolved value
#e53935- Status
- observed
- Consumption
- use — Use within the role's documented scope and restrictions.
- Decisions
- None pending.
- Source
- tokens/semantic.tokens.json:719
/color/status/danger/border - Alias chain
color.primitive.red.800- Used by aliases
- No declared aliases depend on this role.
Provenance and restrictions
nullDeclared component and port usage
| Consumer / kind | Part / variant | State / surface | Source declaration |
|---|---|---|---|
| admin-form · contrast | — | invalid · color.surface.input | spec/components/admin-form.md:78 /contrast/8 |
| badge · contrast | — | — · color.surface.default | spec/components/badge.md:64 /contrast/10 |
| toast · contrast | — | — · color.status.danger.fill | spec/components/toast.md:79 /contrast/16 |
| admin-form · part | invalid.border | — | spec/components/admin-form.md:49 /tokens/invalid.border |
| admin-form · part | summary.border | — | spec/components/admin-form.md:41 /tokens/summary.border |
| alert · part | danger.border · danger | — | spec/components/alert.md:34 /tokens/danger.border |
| badge · part | danger.border | — | spec/components/badge.md:30 /tokens/danger.border |
| checkbox · part | box.border-invalid | — | spec/components/checkbox.md:41 /tokens/box.border-invalid |
| combobox · part | root.border-invalid | — | spec/components/combobox.md:41 /tokens/root.border-invalid |
| date-picker · part | root.border-invalid | — | spec/components/date-picker.md:37 /tokens/root.border-invalid |
| error-state · part | dependency.role-color-status-danger-border | — | spec/components/error-state.md:42 /tokens/dependency.role-color-status-danger-border |
| field · part | control.border-invalid | — | spec/components/field.md:26 /tokens/control.border-invalid |
| file-input · part | button.border-invalid | — | spec/components/file-input.md:37 /tokens/button.border-invalid |
| multiselect · part | dependency.role-color-status-danger-border | — | spec/components/multiselect.md:50 /tokens/dependency.role-color-status-danger-border |
| number-field · part | root.border-invalid | — | spec/components/number-field.md:36 /tokens/root.border-invalid |
| radio-group · part | box.border-invalid | — | spec/components/radio-group.md:39 /tokens/box.border-invalid |
| segmented-control · part | dependency.role-color-status-danger-border | — | spec/components/segmented-control.md:43 /tokens/dependency.role-color-status-danger-border |
| select · part | root.border-invalid | — | spec/components/select.md:39 /tokens/root.border-invalid |
| settings-panel · part | invalid.border | — | spec/components/settings-panel.md:45 /tokens/invalid.border |
| text-field · part | root.border-invalid | — | spec/components/text-field.md:48 /tokens/root.border-invalid |
| textarea · part | root.border-invalid | — | spec/components/textarea.md:39 /tokens/root.border-invalid |
| time-picker · part | root.border-invalid | — | spec/components/time-picker.md:34 /tokens/root.border-invalid |
| wizard · part | step.indicator-invalid | — | spec/components/wizard.md:38 /tokens/step.indicator-invalid |
| toast · prose | — | — | spec/components/toast.md:118 body |
| admin-form · state | border | invalid · color.status.danger.tint | spec/components/admin-form.md:67 /stateTokens/invalid/border |
| alert · state | border | default · color.status.danger.tint | spec/components/alert.md:53 /stateTokens/default/border |
| checkbox · state | border | invalid · color.surface.input | spec/components/checkbox.md:57 /stateTokens/invalid/border |
| combobox · state | border | invalid · color.surface.input | spec/components/combobox.md:70 /stateTokens/invalid/border |
| combobox · state | border | invalid+focus-visible · color.surface.input | spec/components/combobox.md:71 /stateTokens/invalid+focus-visible/border |
| date-picker · state | border | invalid · color.surface.input | spec/components/date-picker.md:72 /stateTokens/invalid/border |
| date-picker · state | border | invalid+focus-visible · color.surface.input | spec/components/date-picker.md:76 /stateTokens/invalid+focus-visible/border |
| file-input · state | border | invalid · color.surface.canvas | spec/components/file-input.md:61 /stateTokens/invalid/border |
| number-field · state | border | invalid · color.surface.input | spec/components/number-field.md:56 /stateTokens/invalid/border |
| number-field · state | border | invalid+focus-visible · color.surface.input | spec/components/number-field.md:57 /stateTokens/invalid+focus-visible/border |
| progress · state | border | error · color.surface.canvas | spec/components/progress.md:40 /stateTokens/error/border |
| radio-group · state | border | invalid · color.surface.input | spec/components/radio-group.md:54 /stateTokens/invalid/border |
| select · state | border | invalid · color.surface.input | spec/components/select.md:59 /stateTokens/invalid/border |
| select · state | border | invalid+focus-visible · color.surface.input | spec/components/select.md:60 /stateTokens/invalid+focus-visible/border |
| settings-panel · state | border | invalid · color.surface.input | spec/components/settings-panel.md:56 /stateTokens/invalid/border |
| text-field · state | border | invalid · color.surface.input | spec/components/text-field.md:72 /stateTokens/invalid/border |
| text-field · state | border | invalid+focus-visible · color.surface.input | spec/components/text-field.md:73 /stateTokens/invalid+focus-visible/border |
| textarea · state | border | invalid · color.surface.input | spec/components/textarea.md:61 /stateTokens/invalid/border |
| textarea · state | border | invalid+focus-visible · color.surface.input | spec/components/textarea.md:62 /stateTokens/invalid+focus-visible/border |
| time-picker · state | border | invalid · color.surface.input | spec/components/time-picker.md:60 /stateTokens/invalid/border |
| time-picker · state | border | invalid+focus-visible · color.surface.input | spec/components/time-picker.md:64 /stateTokens/invalid+focus-visible/border |
| wizard · state | border | invalid · color.surface.canvas | spec/components/wizard.md:59 /stateTokens/invalid/border |
Declared unmapped ports
- chatgpt: ChatGPT exposes only the diff added, diff removed and skill colours; other status and diff roles have no setting. · ports/chatgpt/mapping.json:237
/unmapped/color.status.danger.border - claude-code: Interface colour role that no Claude Code theme key takes. · ports/claude-code/mapping.json:368
/unmapped/color.status.danger.border - codex: Interface colour role; a Codex tmTheme colours code only. · ports/codex/mapping.json:254
/unmapped/color.status.danger.border - ghostty: Interface colour role; a terminal theme file carries terminal colours only. · ports/ghostty/mapping.json:273
/unmapped/color.status.danger.border - obsidian: Native danger callout background/border is computed with color-mix from its text color and host opacity, not an independent exact border role; no second assignment is claimed. · ports/obsidian/mapping.json:552
/unmapped/color.status.danger.border - orca: No separately mapped public Orca theme key for this role; the host derives or retains this state. The app plugin maps supported chrome and editor keys independently of terminal colours. · ports/orca/mapping.json:466
/unmapped/color.status.danger.border - telegram: color.status.danger.border has no separate native hook in this projection; related controls share the declared canonical role instead. · ports/telegram/mapping.json:1421
/unmapped/color.status.danger.border - warp: Interface colour role; a terminal theme file carries terminal colours only. · ports/warp/mapping.json:267
/unmapped/color.status.danger.border - windows: Outside Windows visual adapter scope; preserve host semantics. · ports/windows/mapping.json:2373
/unmapped/color.status.danger.border
Relevant contrast declarations
- danger border on the danger fill (decorative): color.status.danger.border on color.status.danger.fill · spec/components/toast.md:79
/contrast/16 - admin-form invalid border: color.status.danger.border on color.status.danger.tint · spec/components/admin-form.md:67
/stateTokens/invalid - alert default border: color.status.danger.border on color.status.danger.tint · spec/components/alert.md:53
/stateTokens/default - file-input invalid border: color.status.danger.border on color.surface.canvas · spec/components/file-input.md:61
/stateTokens/invalid - progress error border: color.status.danger.border on color.surface.canvas · spec/components/progress.md:40
/stateTokens/error - wizard invalid border: color.status.danger.border on color.surface.canvas · spec/components/wizard.md:59
/stateTokens/invalid - danger outline border: color.status.danger.border on color.surface.default · spec/components/badge.md:64
/contrast/10 - checkbox invalid border: color.status.danger.border on color.surface.input · spec/components/checkbox.md:57
/stateTokens/invalid - combobox invalid border: color.status.danger.border on color.surface.input · spec/components/combobox.md:70
/stateTokens/invalid - combobox invalid+focus-visible border: color.status.danger.border on color.surface.input · spec/components/combobox.md:71
/stateTokens/invalid+focus-visible - date-picker invalid border: color.status.danger.border on color.surface.input · spec/components/date-picker.md:70
/stateTokens/invalid - date-picker invalid+focus-visible border: color.status.danger.border on color.surface.input · spec/components/date-picker.md:74
/stateTokens/invalid+focus-visible - invalid field boundary: color.status.danger.border on color.surface.input · spec/components/admin-form.md:78
/contrast/8 - number-field invalid border: color.status.danger.border on color.surface.input · spec/components/number-field.md:56
/stateTokens/invalid - number-field invalid+focus-visible border: color.status.danger.border on color.surface.input · spec/components/number-field.md:57
/stateTokens/invalid+focus-visible - radio-group invalid border: color.status.danger.border on color.surface.input · spec/components/radio-group.md:54
/stateTokens/invalid - select invalid border: color.status.danger.border on color.surface.input · spec/components/select.md:59
/stateTokens/invalid - select invalid+focus-visible border: color.status.danger.border on color.surface.input · spec/components/select.md:60
/stateTokens/invalid+focus-visible - settings-panel invalid border: color.status.danger.border on color.surface.input · spec/components/settings-panel.md:56
/stateTokens/invalid - text-field invalid border: color.status.danger.border on color.surface.input · spec/components/text-field.md:72
/stateTokens/invalid - text-field invalid+focus-visible border: color.status.danger.border on color.surface.input · spec/components/text-field.md:73
/stateTokens/invalid+focus-visible - textarea invalid border: color.status.danger.border on color.surface.input · spec/components/textarea.md:61
/stateTokens/invalid - textarea invalid+focus-visible border: color.status.danger.border on color.surface.input · spec/components/textarea.md:62
/stateTokens/invalid+focus-visible - time-picker invalid border: color.status.danger.border on color.surface.input · spec/components/time-picker.md:58
/stateTokens/invalid - time-picker invalid+focus-visible border: color.status.danger.border on color.surface.input · spec/components/time-picker.md:62
/stateTokens/invalid+focus-visible
heritage-ansi · heritage
- Resolved value
#e53935- Status
- observed
- Consumption
- historical-only — Historical fidelity only; preserve all documented limitations and deprecations.
- Decisions
- None pending.
- Source
- tokens/semantic.tokens.json:719
/color/status/danger/border - Alias chain
color.primitive.red.800- Used by aliases
- No declared aliases depend on this role.
Provenance and restrictions
nullDeclared component and port usage
| Consumer / kind | Part / variant | State / surface | Source declaration |
|---|---|---|---|
| admin-form · contrast | — | invalid · color.surface.input | spec/components/admin-form.md:78 /contrast/8 |
| badge · contrast | — | — · color.surface.default | spec/components/badge.md:64 /contrast/10 |
| toast · contrast | — | — · color.status.danger.fill | spec/components/toast.md:79 /contrast/16 |
| admin-form · part | invalid.border | — | spec/components/admin-form.md:49 /tokens/invalid.border |
| admin-form · part | summary.border | — | spec/components/admin-form.md:41 /tokens/summary.border |
| alert · part | danger.border · danger | — | spec/components/alert.md:34 /tokens/danger.border |
| badge · part | danger.border | — | spec/components/badge.md:30 /tokens/danger.border |
| checkbox · part | box.border-invalid | — | spec/components/checkbox.md:41 /tokens/box.border-invalid |
| combobox · part | root.border-invalid | — | spec/components/combobox.md:41 /tokens/root.border-invalid |
| date-picker · part | root.border-invalid | — | spec/components/date-picker.md:37 /tokens/root.border-invalid |
| error-state · part | dependency.role-color-status-danger-border | — | spec/components/error-state.md:42 /tokens/dependency.role-color-status-danger-border |
| field · part | control.border-invalid | — | spec/components/field.md:26 /tokens/control.border-invalid |
| file-input · part | button.border-invalid | — | spec/components/file-input.md:37 /tokens/button.border-invalid |
| multiselect · part | dependency.role-color-status-danger-border | — | spec/components/multiselect.md:50 /tokens/dependency.role-color-status-danger-border |
| number-field · part | root.border-invalid | — | spec/components/number-field.md:36 /tokens/root.border-invalid |
| radio-group · part | box.border-invalid | — | spec/components/radio-group.md:39 /tokens/box.border-invalid |
| segmented-control · part | dependency.role-color-status-danger-border | — | spec/components/segmented-control.md:43 /tokens/dependency.role-color-status-danger-border |
| select · part | root.border-invalid | — | spec/components/select.md:39 /tokens/root.border-invalid |
| settings-panel · part | invalid.border | — | spec/components/settings-panel.md:45 /tokens/invalid.border |
| text-field · part | root.border-invalid | — | spec/components/text-field.md:48 /tokens/root.border-invalid |
| textarea · part | root.border-invalid | — | spec/components/textarea.md:39 /tokens/root.border-invalid |
| time-picker · part | root.border-invalid | — | spec/components/time-picker.md:34 /tokens/root.border-invalid |
| wizard · part | step.indicator-invalid | — | spec/components/wizard.md:38 /tokens/step.indicator-invalid |
| toast · prose | — | — | spec/components/toast.md:118 body |
| admin-form · state | border | invalid · color.status.danger.tint | spec/components/admin-form.md:67 /stateTokens/invalid/border |
| alert · state | border | default · color.status.danger.tint | spec/components/alert.md:53 /stateTokens/default/border |
| checkbox · state | border | invalid · color.surface.input | spec/components/checkbox.md:57 /stateTokens/invalid/border |
| combobox · state | border | invalid · color.surface.input | spec/components/combobox.md:70 /stateTokens/invalid/border |
| combobox · state | border | invalid+focus-visible · color.surface.input | spec/components/combobox.md:71 /stateTokens/invalid+focus-visible/border |
| date-picker · state | border | invalid · color.surface.input | spec/components/date-picker.md:72 /stateTokens/invalid/border |
| date-picker · state | border | invalid+focus-visible · color.surface.input | spec/components/date-picker.md:76 /stateTokens/invalid+focus-visible/border |
| file-input · state | border | invalid · color.surface.canvas | spec/components/file-input.md:61 /stateTokens/invalid/border |
| number-field · state | border | invalid · color.surface.input | spec/components/number-field.md:56 /stateTokens/invalid/border |
| number-field · state | border | invalid+focus-visible · color.surface.input | spec/components/number-field.md:57 /stateTokens/invalid+focus-visible/border |
| progress · state | border | error · color.surface.canvas | spec/components/progress.md:40 /stateTokens/error/border |
| radio-group · state | border | invalid · color.surface.input | spec/components/radio-group.md:54 /stateTokens/invalid/border |
| select · state | border | invalid · color.surface.input | spec/components/select.md:59 /stateTokens/invalid/border |
| select · state | border | invalid+focus-visible · color.surface.input | spec/components/select.md:60 /stateTokens/invalid+focus-visible/border |
| settings-panel · state | border | invalid · color.surface.input | spec/components/settings-panel.md:56 /stateTokens/invalid/border |
| text-field · state | border | invalid · color.surface.input | spec/components/text-field.md:72 /stateTokens/invalid/border |
| text-field · state | border | invalid+focus-visible · color.surface.input | spec/components/text-field.md:73 /stateTokens/invalid+focus-visible/border |
| textarea · state | border | invalid · color.surface.input | spec/components/textarea.md:61 /stateTokens/invalid/border |
| textarea · state | border | invalid+focus-visible · color.surface.input | spec/components/textarea.md:62 /stateTokens/invalid+focus-visible/border |
| time-picker · state | border | invalid · color.surface.input | spec/components/time-picker.md:60 /stateTokens/invalid/border |
| time-picker · state | border | invalid+focus-visible · color.surface.input | spec/components/time-picker.md:64 /stateTokens/invalid+focus-visible/border |
| wizard · state | border | invalid · color.surface.canvas | spec/components/wizard.md:59 /stateTokens/invalid/border |
Relevant contrast declarations
- danger border on the danger fill (decorative): color.status.danger.border on color.status.danger.fill · spec/components/toast.md:79
/contrast/16 - admin-form invalid border: color.status.danger.border on color.status.danger.tint · spec/components/admin-form.md:67
/stateTokens/invalid - alert default border: color.status.danger.border on color.status.danger.tint · spec/components/alert.md:53
/stateTokens/default - file-input invalid border: color.status.danger.border on color.surface.canvas · spec/components/file-input.md:61
/stateTokens/invalid - progress error border: color.status.danger.border on color.surface.canvas · spec/components/progress.md:40
/stateTokens/error - wizard invalid border: color.status.danger.border on color.surface.canvas · spec/components/wizard.md:59
/stateTokens/invalid - danger outline border: color.status.danger.border on color.surface.default · spec/components/badge.md:64
/contrast/10 - checkbox invalid border: color.status.danger.border on color.surface.input · spec/components/checkbox.md:57
/stateTokens/invalid - combobox invalid border: color.status.danger.border on color.surface.input · spec/components/combobox.md:70
/stateTokens/invalid - combobox invalid+focus-visible border: color.status.danger.border on color.surface.input · spec/components/combobox.md:71
/stateTokens/invalid+focus-visible - date-picker invalid border: color.status.danger.border on color.surface.input · spec/components/date-picker.md:70
/stateTokens/invalid - date-picker invalid+focus-visible border: color.status.danger.border on color.surface.input · spec/components/date-picker.md:74
/stateTokens/invalid+focus-visible - invalid field boundary: color.status.danger.border on color.surface.input · spec/components/admin-form.md:78
/contrast/8 - number-field invalid border: color.status.danger.border on color.surface.input · spec/components/number-field.md:56
/stateTokens/invalid - number-field invalid+focus-visible border: color.status.danger.border on color.surface.input · spec/components/number-field.md:57
/stateTokens/invalid+focus-visible - radio-group invalid border: color.status.danger.border on color.surface.input · spec/components/radio-group.md:54
/stateTokens/invalid - select invalid border: color.status.danger.border on color.surface.input · spec/components/select.md:59
/stateTokens/invalid - select invalid+focus-visible border: color.status.danger.border on color.surface.input · spec/components/select.md:60
/stateTokens/invalid+focus-visible - settings-panel invalid border: color.status.danger.border on color.surface.input · spec/components/settings-panel.md:56
/stateTokens/invalid - text-field invalid border: color.status.danger.border on color.surface.input · spec/components/text-field.md:72
/stateTokens/invalid - text-field invalid+focus-visible border: color.status.danger.border on color.surface.input · spec/components/text-field.md:73
/stateTokens/invalid+focus-visible - textarea invalid border: color.status.danger.border on color.surface.input · spec/components/textarea.md:61
/stateTokens/invalid - textarea invalid+focus-visible border: color.status.danger.border on color.surface.input · spec/components/textarea.md:62
/stateTokens/invalid+focus-visible - time-picker invalid border: color.status.danger.border on color.surface.input · spec/components/time-picker.md:58
/stateTokens/invalid - time-picker invalid+focus-visible border: color.status.danger.border on color.surface.input · spec/components/time-picker.md:62
/stateTokens/invalid+focus-visible
extended · proposed
- Resolved value
#e53935- Status
- observed
- Consumption
- blocked — Proposed profile: preview only, not downstream delivery.
- Decisions
- None pending.
- Source
- tokens/semantic.tokens.json:719
/color/status/danger/border - Alias chain
color.primitive.red.800- Used by aliases
- No declared aliases depend on this role.
Provenance and restrictions
nullDeclared component and port usage
| Consumer / kind | Part / variant | State / surface | Source declaration |
|---|---|---|---|
| admin-form · contrast | — | invalid · color.surface.input | spec/components/admin-form.md:78 /contrast/8 |
| badge · contrast | — | — · color.surface.default | spec/components/badge.md:64 /contrast/10 |
| toast · contrast | — | — · color.status.danger.fill | spec/components/toast.md:79 /contrast/16 |
| admin-form · part | invalid.border | — | spec/components/admin-form.md:49 /tokens/invalid.border |
| admin-form · part | summary.border | — | spec/components/admin-form.md:41 /tokens/summary.border |
| alert · part | danger.border · danger | — | spec/components/alert.md:34 /tokens/danger.border |
| badge · part | danger.border | — | spec/components/badge.md:30 /tokens/danger.border |
| checkbox · part | box.border-invalid | — | spec/components/checkbox.md:41 /tokens/box.border-invalid |
| combobox · part | root.border-invalid | — | spec/components/combobox.md:41 /tokens/root.border-invalid |
| date-picker · part | root.border-invalid | — | spec/components/date-picker.md:37 /tokens/root.border-invalid |
| error-state · part | dependency.role-color-status-danger-border | — | spec/components/error-state.md:42 /tokens/dependency.role-color-status-danger-border |
| field · part | control.border-invalid | — | spec/components/field.md:26 /tokens/control.border-invalid |
| file-input · part | button.border-invalid | — | spec/components/file-input.md:37 /tokens/button.border-invalid |
| multiselect · part | dependency.role-color-status-danger-border | — | spec/components/multiselect.md:50 /tokens/dependency.role-color-status-danger-border |
| number-field · part | root.border-invalid | — | spec/components/number-field.md:36 /tokens/root.border-invalid |
| radio-group · part | box.border-invalid | — | spec/components/radio-group.md:39 /tokens/box.border-invalid |
| segmented-control · part | dependency.role-color-status-danger-border | — | spec/components/segmented-control.md:43 /tokens/dependency.role-color-status-danger-border |
| select · part | root.border-invalid | — | spec/components/select.md:39 /tokens/root.border-invalid |
| settings-panel · part | invalid.border | — | spec/components/settings-panel.md:45 /tokens/invalid.border |
| text-field · part | root.border-invalid | — | spec/components/text-field.md:48 /tokens/root.border-invalid |
| textarea · part | root.border-invalid | — | spec/components/textarea.md:39 /tokens/root.border-invalid |
| time-picker · part | root.border-invalid | — | spec/components/time-picker.md:34 /tokens/root.border-invalid |
| wizard · part | step.indicator-invalid | — | spec/components/wizard.md:38 /tokens/step.indicator-invalid |
| toast · prose | — | — | spec/components/toast.md:118 body |
| admin-form · state | border | invalid · color.status.danger.tint | spec/components/admin-form.md:67 /stateTokens/invalid/border |
| alert · state | border | default · color.status.danger.tint | spec/components/alert.md:53 /stateTokens/default/border |
| checkbox · state | border | invalid · color.surface.input | spec/components/checkbox.md:57 /stateTokens/invalid/border |
| combobox · state | border | invalid · color.surface.input | spec/components/combobox.md:70 /stateTokens/invalid/border |
| combobox · state | border | invalid+focus-visible · color.surface.input | spec/components/combobox.md:71 /stateTokens/invalid+focus-visible/border |
| date-picker · state | border | invalid · color.surface.input | spec/components/date-picker.md:72 /stateTokens/invalid/border |
| date-picker · state | border | invalid+focus-visible · color.surface.input | spec/components/date-picker.md:76 /stateTokens/invalid+focus-visible/border |
| file-input · state | border | invalid · color.surface.canvas | spec/components/file-input.md:61 /stateTokens/invalid/border |
| number-field · state | border | invalid · color.surface.input | spec/components/number-field.md:56 /stateTokens/invalid/border |
| number-field · state | border | invalid+focus-visible · color.surface.input | spec/components/number-field.md:57 /stateTokens/invalid+focus-visible/border |
| progress · state | border | error · color.surface.canvas | spec/components/progress.md:40 /stateTokens/error/border |
| radio-group · state | border | invalid · color.surface.input | spec/components/radio-group.md:54 /stateTokens/invalid/border |
| select · state | border | invalid · color.surface.input | spec/components/select.md:59 /stateTokens/invalid/border |
| select · state | border | invalid+focus-visible · color.surface.input | spec/components/select.md:60 /stateTokens/invalid+focus-visible/border |
| settings-panel · state | border | invalid · color.surface.input | spec/components/settings-panel.md:56 /stateTokens/invalid/border |
| text-field · state | border | invalid · color.surface.input | spec/components/text-field.md:72 /stateTokens/invalid/border |
| text-field · state | border | invalid+focus-visible · color.surface.input | spec/components/text-field.md:73 /stateTokens/invalid+focus-visible/border |
| textarea · state | border | invalid · color.surface.input | spec/components/textarea.md:61 /stateTokens/invalid/border |
| textarea · state | border | invalid+focus-visible · color.surface.input | spec/components/textarea.md:62 /stateTokens/invalid+focus-visible/border |
| time-picker · state | border | invalid · color.surface.input | spec/components/time-picker.md:60 /stateTokens/invalid/border |
| time-picker · state | border | invalid+focus-visible · color.surface.input | spec/components/time-picker.md:64 /stateTokens/invalid+focus-visible/border |
| wizard · state | border | invalid · color.surface.canvas | spec/components/wizard.md:59 /stateTokens/invalid/border |
Relevant contrast declarations
- danger border on the danger fill (decorative): color.status.danger.border on color.status.danger.fill · spec/components/toast.md:79
/contrast/16 - admin-form invalid border: color.status.danger.border on color.status.danger.tint · spec/components/admin-form.md:67
/stateTokens/invalid - alert default border: color.status.danger.border on color.status.danger.tint · spec/components/alert.md:53
/stateTokens/default - file-input invalid border: color.status.danger.border on color.surface.canvas · spec/components/file-input.md:61
/stateTokens/invalid - progress error border: color.status.danger.border on color.surface.canvas · spec/components/progress.md:40
/stateTokens/error - wizard invalid border: color.status.danger.border on color.surface.canvas · spec/components/wizard.md:59
/stateTokens/invalid - danger outline border: color.status.danger.border on color.surface.default · spec/components/badge.md:64
/contrast/10 - checkbox invalid border: color.status.danger.border on color.surface.input · spec/components/checkbox.md:57
/stateTokens/invalid - combobox invalid border: color.status.danger.border on color.surface.input · spec/components/combobox.md:70
/stateTokens/invalid - combobox invalid+focus-visible border: color.status.danger.border on color.surface.input · spec/components/combobox.md:71
/stateTokens/invalid+focus-visible - date-picker invalid border: color.status.danger.border on color.surface.input · spec/components/date-picker.md:70
/stateTokens/invalid - date-picker invalid+focus-visible border: color.status.danger.border on color.surface.input · spec/components/date-picker.md:74
/stateTokens/invalid+focus-visible - invalid field boundary: color.status.danger.border on color.surface.input · spec/components/admin-form.md:78
/contrast/8 - number-field invalid border: color.status.danger.border on color.surface.input · spec/components/number-field.md:56
/stateTokens/invalid - number-field invalid+focus-visible border: color.status.danger.border on color.surface.input · spec/components/number-field.md:57
/stateTokens/invalid+focus-visible - radio-group invalid border: color.status.danger.border on color.surface.input · spec/components/radio-group.md:54
/stateTokens/invalid - select invalid border: color.status.danger.border on color.surface.input · spec/components/select.md:59
/stateTokens/invalid - select invalid+focus-visible border: color.status.danger.border on color.surface.input · spec/components/select.md:60
/stateTokens/invalid+focus-visible - settings-panel invalid border: color.status.danger.border on color.surface.input · spec/components/settings-panel.md:56
/stateTokens/invalid - text-field invalid border: color.status.danger.border on color.surface.input · spec/components/text-field.md:72
/stateTokens/invalid - text-field invalid+focus-visible border: color.status.danger.border on color.surface.input · spec/components/text-field.md:73
/stateTokens/invalid+focus-visible - textarea invalid border: color.status.danger.border on color.surface.input · spec/components/textarea.md:61
/stateTokens/invalid - textarea invalid+focus-visible border: color.status.danger.border on color.surface.input · spec/components/textarea.md:62
/stateTokens/invalid+focus-visible - time-picker invalid border: color.status.danger.border on color.surface.input · spec/components/time-picker.md:58
/stateTokens/invalid - time-picker invalid+focus-visible border: color.status.danger.border on color.surface.input · spec/components/time-picker.md:62
/stateTokens/invalid+focus-visible