j3w1 / color.border.disabledVue · HTML · React · Astro

J3W1 / DESIGN SYSTEM

color.border.disabled

Disabled control border (exempt).

Source revision 1faefcf014c8bf01a6b27308ea796da968773a81

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

Report an issue with this token

color.border.disabled
--color-border-disabled

default · approved

Resolved value
#7d1310
Status
observed
Consumption
use — Use within the role's documented scope and restrictions.
Decisions
None pending.
Source
tokens/semantic.tokens.json:276 /color/border/disabled
Alias chain
color.primitive.red.200
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—disabled · color.interaction.disabled.bgspec/components/admin-form.md:83 /contrast/13
button · contrast—disabled · color.interaction.disabled.bgspec/components/button.md:85 /contrast/18
checkbox · contrast—disabled · color.interaction.disabled.bgspec/components/checkbox.md:67 /contrast/7
chip · contrast—disabled · color.interaction.disabled.bgspec/components/chip.md:56 /contrast/2
combobox · contrast—disabled · color.interaction.disabled.bgspec/components/combobox.md:78 /contrast/4
date-picker · contrast—disabled · color.interaction.disabled.bgspec/components/date-picker.md:94 /contrast/3
field · contrast—disabled · color.interaction.disabled.bgspec/components/field.md:41 /contrast/4
fieldset · contrast—disabled · color.interaction.disabled.bgspec/components/fieldset.md:39 /contrast/5
file-input · contrast—disabled · color.interaction.disabled.bgspec/components/file-input.md:69 /contrast/6
icon-button · contrast—disabled · color.interaction.disabled.bgspec/components/icon-button.md:49 /contrast/3
number-field · contrast—disabled · color.interaction.disabled.bgspec/components/number-field.md:66 /contrast/6
radio-group · contrast—disabled · color.interaction.disabled.bgspec/components/radio-group.md:64 /contrast/7
search-field · contrast—disabled · color.interaction.disabled.bgspec/components/search-field.md:66 /contrast/7
select · contrast—disabled · color.interaction.disabled.bgspec/components/select.md:69 /contrast/7
switch · contrast—disabled · color.interaction.disabled.bgspec/components/switch.md:62 /contrast/8
text-field · contrast—disabled · color.interaction.disabled.bgspec/components/text-field.md:79 /contrast/3
textarea · contrast—disabled · color.interaction.disabled.bgspec/components/textarea.md:68 /contrast/3
time-picker · contrast—disabled · color.interaction.disabled.bgspec/components/time-picker.md:72 /contrast/3
admin-form · partdisabled.border—spec/components/admin-form.md:53 /tokens/disabled.border
button-group · partdependency.role-color-border-disabled—spec/components/button-group.md:32 /tokens/dependency.role-color-border-disabled
button · partroot.border-disabled—spec/components/button.md:58 /tokens/root.border-disabled
checkbox · partbox.border-disabled—spec/components/checkbox.md:43 /tokens/box.border-disabled
chip · partroot.border-disabled—spec/components/chip.md:39 /tokens/root.border-disabled
combobox · partroot.border-disabled—spec/components/combobox.md:42 /tokens/root.border-disabled
date-picker · partroot.border-disabled—spec/components/date-picker.md:38 /tokens/root.border-disabled
disclosure · partdependency.role-color-border-disabled—spec/components/disclosure.md:35 /tokens/dependency.role-color-border-disabled
error-state · partdependency.role-color-border-disabled—spec/components/error-state.md:35 /tokens/dependency.role-color-border-disabled
field · partcontrol.border-disabled—spec/components/field.md:29 /tokens/control.border-disabled
fieldset · partfield.border-disabled—spec/components/fieldset.md:28 /tokens/field.border-disabled
file-input · partbutton.border-disabled—spec/components/file-input.md:39 /tokens/button.border-disabled
icon-button · partroot.border-disabled—spec/components/icon-button.md:36 /tokens/root.border-disabled
multiselect · partdependency.role-color-border-disabled—spec/components/multiselect.md:39 /tokens/dependency.role-color-border-disabled
number-field · partroot.border-disabled—spec/components/number-field.md:37 /tokens/root.border-disabled
radio-group · partbox.border-disabled—spec/components/radio-group.md:41 /tokens/box.border-disabled
range · partdependency.role-color-border-disabled—spec/components/range.md:33 /tokens/dependency.role-color-border-disabled
repeater · partdependency.role-color-border-disabled—spec/components/repeater.md:33 /tokens/dependency.role-color-border-disabled
search-field · partroot.border-disabled—spec/components/search-field.md:36 /tokens/root.border-disabled
segmented-control · partdependency.role-color-border-disabled—spec/components/segmented-control.md:37 /tokens/dependency.role-color-border-disabled
select · partroot.border-disabled—spec/components/select.md:40 /tokens/root.border-disabled
switch · parttrack.border-disabled—spec/components/switch.md:40 /tokens/track.border-disabled
text-field · partroot.border-disabled—spec/components/text-field.md:49 /tokens/root.border-disabled
textarea · partroot.border-disabled—spec/components/textarea.md:40 /tokens/root.border-disabled
time-picker · partroot.border-disabled—spec/components/time-picker.md:33 /tokens/root.border-disabled

Relevant contrast declarations

heritage-ansi · heritage

Resolved value
#7d1310
Status
observed
Consumption
historical-only — Historical fidelity only; preserve all documented limitations and deprecations.
Decisions
None pending.
Source
tokens/semantic.tokens.json:276 /color/border/disabled
Alias chain
color.primitive.red.200
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—disabled · color.interaction.disabled.bgspec/components/admin-form.md:83 /contrast/13
button · contrast—disabled · color.interaction.disabled.bgspec/components/button.md:85 /contrast/18
checkbox · contrast—disabled · color.interaction.disabled.bgspec/components/checkbox.md:67 /contrast/7
chip · contrast—disabled · color.interaction.disabled.bgspec/components/chip.md:56 /contrast/2
combobox · contrast—disabled · color.interaction.disabled.bgspec/components/combobox.md:78 /contrast/4
date-picker · contrast—disabled · color.interaction.disabled.bgspec/components/date-picker.md:94 /contrast/3
field · contrast—disabled · color.interaction.disabled.bgspec/components/field.md:41 /contrast/4
fieldset · contrast—disabled · color.interaction.disabled.bgspec/components/fieldset.md:39 /contrast/5
file-input · contrast—disabled · color.interaction.disabled.bgspec/components/file-input.md:69 /contrast/6
icon-button · contrast—disabled · color.interaction.disabled.bgspec/components/icon-button.md:49 /contrast/3
number-field · contrast—disabled · color.interaction.disabled.bgspec/components/number-field.md:66 /contrast/6
radio-group · contrast—disabled · color.interaction.disabled.bgspec/components/radio-group.md:64 /contrast/7
search-field · contrast—disabled · color.interaction.disabled.bgspec/components/search-field.md:66 /contrast/7
select · contrast—disabled · color.interaction.disabled.bgspec/components/select.md:69 /contrast/7
switch · contrast—disabled · color.interaction.disabled.bgspec/components/switch.md:62 /contrast/8
text-field · contrast—disabled · color.interaction.disabled.bgspec/components/text-field.md:79 /contrast/3
textarea · contrast—disabled · color.interaction.disabled.bgspec/components/textarea.md:68 /contrast/3
time-picker · contrast—disabled · color.interaction.disabled.bgspec/components/time-picker.md:72 /contrast/3
admin-form · partdisabled.border—spec/components/admin-form.md:53 /tokens/disabled.border
button-group · partdependency.role-color-border-disabled—spec/components/button-group.md:32 /tokens/dependency.role-color-border-disabled
button · partroot.border-disabled—spec/components/button.md:58 /tokens/root.border-disabled
checkbox · partbox.border-disabled—spec/components/checkbox.md:43 /tokens/box.border-disabled
chip · partroot.border-disabled—spec/components/chip.md:39 /tokens/root.border-disabled
combobox · partroot.border-disabled—spec/components/combobox.md:42 /tokens/root.border-disabled
date-picker · partroot.border-disabled—spec/components/date-picker.md:38 /tokens/root.border-disabled
disclosure · partdependency.role-color-border-disabled—spec/components/disclosure.md:35 /tokens/dependency.role-color-border-disabled
error-state · partdependency.role-color-border-disabled—spec/components/error-state.md:35 /tokens/dependency.role-color-border-disabled
field · partcontrol.border-disabled—spec/components/field.md:29 /tokens/control.border-disabled
fieldset · partfield.border-disabled—spec/components/fieldset.md:28 /tokens/field.border-disabled
file-input · partbutton.border-disabled—spec/components/file-input.md:39 /tokens/button.border-disabled
icon-button · partroot.border-disabled—spec/components/icon-button.md:36 /tokens/root.border-disabled
multiselect · partdependency.role-color-border-disabled—spec/components/multiselect.md:39 /tokens/dependency.role-color-border-disabled
number-field · partroot.border-disabled—spec/components/number-field.md:37 /tokens/root.border-disabled
radio-group · partbox.border-disabled—spec/components/radio-group.md:41 /tokens/box.border-disabled
range · partdependency.role-color-border-disabled—spec/components/range.md:33 /tokens/dependency.role-color-border-disabled
repeater · partdependency.role-color-border-disabled—spec/components/repeater.md:33 /tokens/dependency.role-color-border-disabled
search-field · partroot.border-disabled—spec/components/search-field.md:36 /tokens/root.border-disabled
segmented-control · partdependency.role-color-border-disabled—spec/components/segmented-control.md:37 /tokens/dependency.role-color-border-disabled
select · partroot.border-disabled—spec/components/select.md:40 /tokens/root.border-disabled
switch · parttrack.border-disabled—spec/components/switch.md:40 /tokens/track.border-disabled
text-field · partroot.border-disabled—spec/components/text-field.md:49 /tokens/root.border-disabled
textarea · partroot.border-disabled—spec/components/textarea.md:40 /tokens/root.border-disabled
time-picker · partroot.border-disabled—spec/components/time-picker.md:33 /tokens/root.border-disabled

Relevant contrast declarations

extended · proposed

Resolved value
#7d1310
Status
observed
Consumption
blocked — Proposed profile: preview only, not downstream delivery.
Decisions
None pending.
Source
tokens/semantic.tokens.json:276 /color/border/disabled
Alias chain
color.primitive.red.200
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—disabled · color.interaction.disabled.bgspec/components/admin-form.md:83 /contrast/13
button · contrast—disabled · color.interaction.disabled.bgspec/components/button.md:85 /contrast/18
checkbox · contrast—disabled · color.interaction.disabled.bgspec/components/checkbox.md:67 /contrast/7
chip · contrast—disabled · color.interaction.disabled.bgspec/components/chip.md:56 /contrast/2
combobox · contrast—disabled · color.interaction.disabled.bgspec/components/combobox.md:78 /contrast/4
date-picker · contrast—disabled · color.interaction.disabled.bgspec/components/date-picker.md:94 /contrast/3
field · contrast—disabled · color.interaction.disabled.bgspec/components/field.md:41 /contrast/4
fieldset · contrast—disabled · color.interaction.disabled.bgspec/components/fieldset.md:39 /contrast/5
file-input · contrast—disabled · color.interaction.disabled.bgspec/components/file-input.md:69 /contrast/6
icon-button · contrast—disabled · color.interaction.disabled.bgspec/components/icon-button.md:49 /contrast/3
number-field · contrast—disabled · color.interaction.disabled.bgspec/components/number-field.md:66 /contrast/6
radio-group · contrast—disabled · color.interaction.disabled.bgspec/components/radio-group.md:64 /contrast/7
search-field · contrast—disabled · color.interaction.disabled.bgspec/components/search-field.md:66 /contrast/7
select · contrast—disabled · color.interaction.disabled.bgspec/components/select.md:69 /contrast/7
switch · contrast—disabled · color.interaction.disabled.bgspec/components/switch.md:62 /contrast/8
text-field · contrast—disabled · color.interaction.disabled.bgspec/components/text-field.md:79 /contrast/3
textarea · contrast—disabled · color.interaction.disabled.bgspec/components/textarea.md:68 /contrast/3
time-picker · contrast—disabled · color.interaction.disabled.bgspec/components/time-picker.md:72 /contrast/3
admin-form · partdisabled.border—spec/components/admin-form.md:53 /tokens/disabled.border
button-group · partdependency.role-color-border-disabled—spec/components/button-group.md:32 /tokens/dependency.role-color-border-disabled
button · partroot.border-disabled—spec/components/button.md:58 /tokens/root.border-disabled
checkbox · partbox.border-disabled—spec/components/checkbox.md:43 /tokens/box.border-disabled
chip · partroot.border-disabled—spec/components/chip.md:39 /tokens/root.border-disabled
combobox · partroot.border-disabled—spec/components/combobox.md:42 /tokens/root.border-disabled
date-picker · partroot.border-disabled—spec/components/date-picker.md:38 /tokens/root.border-disabled
disclosure · partdependency.role-color-border-disabled—spec/components/disclosure.md:35 /tokens/dependency.role-color-border-disabled
error-state · partdependency.role-color-border-disabled—spec/components/error-state.md:35 /tokens/dependency.role-color-border-disabled
field · partcontrol.border-disabled—spec/components/field.md:29 /tokens/control.border-disabled
fieldset · partfield.border-disabled—spec/components/fieldset.md:28 /tokens/field.border-disabled
file-input · partbutton.border-disabled—spec/components/file-input.md:39 /tokens/button.border-disabled
icon-button · partroot.border-disabled—spec/components/icon-button.md:36 /tokens/root.border-disabled
multiselect · partdependency.role-color-border-disabled—spec/components/multiselect.md:39 /tokens/dependency.role-color-border-disabled
number-field · partroot.border-disabled—spec/components/number-field.md:37 /tokens/root.border-disabled
radio-group · partbox.border-disabled—spec/components/radio-group.md:41 /tokens/box.border-disabled
range · partdependency.role-color-border-disabled—spec/components/range.md:33 /tokens/dependency.role-color-border-disabled
repeater · partdependency.role-color-border-disabled—spec/components/repeater.md:33 /tokens/dependency.role-color-border-disabled
search-field · partroot.border-disabled—spec/components/search-field.md:36 /tokens/root.border-disabled
segmented-control · partdependency.role-color-border-disabled—spec/components/segmented-control.md:37 /tokens/dependency.role-color-border-disabled
select · partroot.border-disabled—spec/components/select.md:40 /tokens/root.border-disabled
switch · parttrack.border-disabled—spec/components/switch.md:40 /tokens/track.border-disabled
text-field · partroot.border-disabled—spec/components/text-field.md:49 /tokens/root.border-disabled
textarea · partroot.border-disabled—spec/components/textarea.md:40 /tokens/root.border-disabled
time-picker · partroot.border-disabled—spec/components/time-picker.md:33 /tokens/root.border-disabled

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