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

J3W1 / DESIGN SYSTEM

color.text.disabled

Disabled control text.

Source revision 1faefcf014c8bf01a6b27308ea796da968773a81

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

Report an issue with this token

color.text.disabled
--color-text-disabled

default · approved

Resolved value
#8a5559
Status
approved
Consumption
use — Use within the role's documented scope and restrictions.
Decisions
None pending.
Source
tokens/semantic.tokens.json:156 /color/text/disabled
Alias chain
color.primitive.rose.300
Used by aliases
No declared aliases depend on this role.

Provenance and restrictions

{
  "status": "approved",
  "approval": {
    "decision": "D-003"
  }
}

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
admin-form · contrast—disabled · color.interaction.disabled.bgspec/components/admin-form.md:81 /contrast/11
admin-form · contrast—disabled · color.surface.defaultspec/components/admin-form.md:82 /contrast/12
button · contrast—disabled · color.interaction.disabled.bgspec/components/button.md:84 /contrast/17
checkbox · contrast—checked+disabled · color.interaction.disabled.bgspec/components/checkbox.md:66 /contrast/6
checkbox · contrast—disabled · color.surface.defaultspec/components/checkbox.md:65 /contrast/5
chip · contrast—disabled · color.interaction.disabled.bgspec/components/chip.md:55 /contrast/1
combobox · contrast—disabled · color.interaction.disabled.bgspec/components/combobox.md:77 /contrast/3
date-picker · contrast—disabled · color.interaction.disabled.bgspec/components/date-picker.md:88 /contrast/2
field · contrast—disabled · color.interaction.disabled.bgspec/components/field.md:40 /contrast/3
field · contrast—disabled · color.surface.defaultspec/components/field.md:39 /contrast/2
fieldset · contrast—disabled · color.interaction.disabled.bgspec/components/fieldset.md:38 /contrast/4
fieldset · contrast—disabled · color.surface.defaultspec/components/fieldset.md:37 /contrast/3
file-input · contrast—disabled · color.interaction.disabled.bgspec/components/file-input.md:68 /contrast/5
filterable-table · contrast—— · color.surface.defaultspec/components/filterable-table.md:89 /contrast/9
icon-button · contrast—disabled · color.interaction.disabled.bgspec/components/icon-button.md:48 /contrast/2
list · contrast—disabled · color.surface.defaultspec/components/list.md:59 /contrast/2
menu · contrast—disabled · color.surface.raisedspec/components/menu.md:66 /contrast/1
number-field · contrast—disabled · color.interaction.disabled.bgspec/components/number-field.md:65 /contrast/5
pagination · contrast—disabled · color.surface.defaultspec/components/pagination.md:47 /contrast/1
radio-group · contrast—disabled · color.interaction.disabled.bgspec/components/radio-group.md:63 /contrast/6
radio-group · contrast—disabled · color.surface.defaultspec/components/radio-group.md:62 /contrast/5
search-field · contrast—disabled · color.interaction.disabled.bgspec/components/search-field.md:65 /contrast/6
select · contrast—disabled · color.interaction.disabled.bgspec/components/select.md:68 /contrast/6
switch · contrast—disabled · color.interaction.disabled.bgspec/components/switch.md:60 /contrast/6
switch · contrast—disabled · color.surface.defaultspec/components/switch.md:61 /contrast/7
tabs · contrast—disabled · color.surface.defaultspec/components/tabs.md:52 /contrast/1
text-field · contrast—disabled · color.interaction.disabled.bgspec/components/text-field.md:78 /contrast/2
textarea · contrast—disabled · color.interaction.disabled.bgspec/components/textarea.md:67 /contrast/2
time-picker · contrast—disabled · color.interaction.disabled.bgspec/components/time-picker.md:66 /contrast/2
toolbar · contrast—disabled · color.surface.chromespec/components/toolbar.md:47 /contrast/0
wizard · contrast—disabled · color.surface.canvasspec/components/wizard.md:71 /contrast/9
Shared rule · contrast—— · color.surface.canvasspec/contrast.json:14 /pairs/10
admin-form · partdisabled.text—spec/components/admin-form.md:52 /tokens/disabled.text
button-group · partdependency.role-color-text-disabled—spec/components/button-group.md:34 /tokens/dependency.role-color-text-disabled
button · partroot.text-disabled—spec/components/button.md:56 /tokens/root.text-disabled
checkbox · partbox.glyph-disabled—spec/components/checkbox.md:44 /tokens/box.glyph-disabled
checkbox · parttext.disabled—spec/components/checkbox.md:46 /tokens/text.disabled
chip · partroot.text-disabled—spec/components/chip.md:38 /tokens/root.text-disabled
combobox · partinput.text-disabled—spec/components/combobox.md:45 /tokens/input.text-disabled
date-picker · partinput.text-disabled—spec/components/date-picker.md:43 /tokens/input.text-disabled
disclosure · partdependency.role-color-text-disabled—spec/components/disclosure.md:37 /tokens/dependency.role-color-text-disabled
error-state · partdependency.role-color-text-disabled—spec/components/error-state.md:39 /tokens/dependency.role-color-text-disabled
field · partcontrol.text-disabled—spec/components/field.md:27 /tokens/control.text-disabled
fieldset · partfield.text-disabled—spec/components/fieldset.md:29 /tokens/field.text-disabled
fieldset · partlegend.text-disabled—spec/components/fieldset.md:24 /tokens/legend.text-disabled
file-input · partbutton.text-disabled—spec/components/file-input.md:38 /tokens/button.text-disabled
filterable-table · partpagination.disabled—spec/components/filterable-table.md:72 /tokens/pagination.disabled
icon-button · partroot.text-disabled—spec/components/icon-button.md:34 /tokens/root.text-disabled
list · partrow.text-disabled—spec/components/list.md:41 /tokens/row.text-disabled
menu · partitem.text-disabled—spec/components/menu.md:48 /tokens/item.text-disabled
multiselect · partdependency.role-color-text-disabled—spec/components/multiselect.md:45 /tokens/dependency.role-color-text-disabled
number-field · partinput.text-disabled—spec/components/number-field.md:42 /tokens/input.text-disabled
pagination · partlink.text-disabled—spec/components/pagination.md:33 /tokens/link.text-disabled
radio-group · partbox.dot-disabled—spec/components/radio-group.md:42 /tokens/box.dot-disabled
radio-group · parttext.disabled—spec/components/radio-group.md:44 /tokens/text.disabled
range · partdependency.role-color-text-disabled—spec/components/range.md:35 /tokens/dependency.role-color-text-disabled
repeater · partdependency.role-color-text-disabled—spec/components/repeater.md:35 /tokens/dependency.role-color-text-disabled
search-field · partinput.text-disabled—spec/components/search-field.md:39 /tokens/input.text-disabled
segmented-control · partdependency.role-color-text-disabled—spec/components/segmented-control.md:45 /tokens/dependency.role-color-text-disabled
select · partcontrol.text-disabled—spec/components/select.md:43 /tokens/control.text-disabled
switch · partname.text-disabled—spec/components/switch.md:46 /tokens/name.text-disabled
switch · partthumb.bg-disabled—spec/components/switch.md:43 /tokens/thumb.bg-disabled
tabs · parttab.text-disabled—spec/components/tabs.md:35 /tokens/tab.text-disabled
text-field · partinput.text-disabled—spec/components/text-field.md:53 /tokens/input.text-disabled
textarea · partinput.text-disabled—spec/components/textarea.md:45 /tokens/input.text-disabled
time-picker · partinput.text-disabled—spec/components/time-picker.md:36 /tokens/input.text-disabled
toolbar · partbutton.text-disabled—spec/components/toolbar.md:35 /tokens/button.text-disabled
tree · partdependency.role-color-text-disabled—spec/components/tree.md:40 /tokens/dependency.role-color-text-disabled
wizard · partstep.text-disabled—spec/components/wizard.md:35 /tokens/step.text-disabled

Relevant contrast declarations

heritage-ansi · heritage

Resolved value
#8a5559
Status
approved
Consumption
historical-only — Historical fidelity only; preserve all documented limitations and deprecations.
Decisions
None pending.
Source
tokens/semantic.tokens.json:156 /color/text/disabled
Alias chain
color.primitive.rose.300
Used by aliases
No declared aliases depend on this role.

Provenance and restrictions

{
  "status": "approved",
  "approval": {
    "decision": "D-003"
  }
}

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
admin-form · contrast—disabled · color.interaction.disabled.bgspec/components/admin-form.md:81 /contrast/11
admin-form · contrast—disabled · color.surface.defaultspec/components/admin-form.md:82 /contrast/12
button · contrast—disabled · color.interaction.disabled.bgspec/components/button.md:84 /contrast/17
checkbox · contrast—checked+disabled · color.interaction.disabled.bgspec/components/checkbox.md:66 /contrast/6
checkbox · contrast—disabled · color.surface.defaultspec/components/checkbox.md:65 /contrast/5
chip · contrast—disabled · color.interaction.disabled.bgspec/components/chip.md:55 /contrast/1
combobox · contrast—disabled · color.interaction.disabled.bgspec/components/combobox.md:77 /contrast/3
date-picker · contrast—disabled · color.interaction.disabled.bgspec/components/date-picker.md:88 /contrast/2
field · contrast—disabled · color.interaction.disabled.bgspec/components/field.md:40 /contrast/3
field · contrast—disabled · color.surface.defaultspec/components/field.md:39 /contrast/2
fieldset · contrast—disabled · color.interaction.disabled.bgspec/components/fieldset.md:38 /contrast/4
fieldset · contrast—disabled · color.surface.defaultspec/components/fieldset.md:37 /contrast/3
file-input · contrast—disabled · color.interaction.disabled.bgspec/components/file-input.md:68 /contrast/5
filterable-table · contrast—— · color.surface.defaultspec/components/filterable-table.md:89 /contrast/9
icon-button · contrast—disabled · color.interaction.disabled.bgspec/components/icon-button.md:48 /contrast/2
list · contrast—disabled · color.surface.defaultspec/components/list.md:59 /contrast/2
menu · contrast—disabled · color.surface.raisedspec/components/menu.md:66 /contrast/1
number-field · contrast—disabled · color.interaction.disabled.bgspec/components/number-field.md:65 /contrast/5
pagination · contrast—disabled · color.surface.defaultspec/components/pagination.md:47 /contrast/1
radio-group · contrast—disabled · color.interaction.disabled.bgspec/components/radio-group.md:63 /contrast/6
radio-group · contrast—disabled · color.surface.defaultspec/components/radio-group.md:62 /contrast/5
search-field · contrast—disabled · color.interaction.disabled.bgspec/components/search-field.md:65 /contrast/6
select · contrast—disabled · color.interaction.disabled.bgspec/components/select.md:68 /contrast/6
switch · contrast—disabled · color.interaction.disabled.bgspec/components/switch.md:60 /contrast/6
switch · contrast—disabled · color.surface.defaultspec/components/switch.md:61 /contrast/7
tabs · contrast—disabled · color.surface.defaultspec/components/tabs.md:52 /contrast/1
text-field · contrast—disabled · color.interaction.disabled.bgspec/components/text-field.md:78 /contrast/2
textarea · contrast—disabled · color.interaction.disabled.bgspec/components/textarea.md:67 /contrast/2
time-picker · contrast—disabled · color.interaction.disabled.bgspec/components/time-picker.md:66 /contrast/2
toolbar · contrast—disabled · color.surface.chromespec/components/toolbar.md:47 /contrast/0
wizard · contrast—disabled · color.surface.canvasspec/components/wizard.md:71 /contrast/9
Shared rule · contrast—— · color.surface.canvasspec/contrast.json:14 /pairs/10
admin-form · partdisabled.text—spec/components/admin-form.md:52 /tokens/disabled.text
button-group · partdependency.role-color-text-disabled—spec/components/button-group.md:34 /tokens/dependency.role-color-text-disabled
button · partroot.text-disabled—spec/components/button.md:56 /tokens/root.text-disabled
checkbox · partbox.glyph-disabled—spec/components/checkbox.md:44 /tokens/box.glyph-disabled
checkbox · parttext.disabled—spec/components/checkbox.md:46 /tokens/text.disabled
chip · partroot.text-disabled—spec/components/chip.md:38 /tokens/root.text-disabled
combobox · partinput.text-disabled—spec/components/combobox.md:45 /tokens/input.text-disabled
date-picker · partinput.text-disabled—spec/components/date-picker.md:43 /tokens/input.text-disabled
disclosure · partdependency.role-color-text-disabled—spec/components/disclosure.md:37 /tokens/dependency.role-color-text-disabled
error-state · partdependency.role-color-text-disabled—spec/components/error-state.md:39 /tokens/dependency.role-color-text-disabled
field · partcontrol.text-disabled—spec/components/field.md:27 /tokens/control.text-disabled
fieldset · partfield.text-disabled—spec/components/fieldset.md:29 /tokens/field.text-disabled
fieldset · partlegend.text-disabled—spec/components/fieldset.md:24 /tokens/legend.text-disabled
file-input · partbutton.text-disabled—spec/components/file-input.md:38 /tokens/button.text-disabled
filterable-table · partpagination.disabled—spec/components/filterable-table.md:72 /tokens/pagination.disabled
icon-button · partroot.text-disabled—spec/components/icon-button.md:34 /tokens/root.text-disabled
list · partrow.text-disabled—spec/components/list.md:41 /tokens/row.text-disabled
menu · partitem.text-disabled—spec/components/menu.md:48 /tokens/item.text-disabled
multiselect · partdependency.role-color-text-disabled—spec/components/multiselect.md:45 /tokens/dependency.role-color-text-disabled
number-field · partinput.text-disabled—spec/components/number-field.md:42 /tokens/input.text-disabled
pagination · partlink.text-disabled—spec/components/pagination.md:33 /tokens/link.text-disabled
radio-group · partbox.dot-disabled—spec/components/radio-group.md:42 /tokens/box.dot-disabled
radio-group · parttext.disabled—spec/components/radio-group.md:44 /tokens/text.disabled
range · partdependency.role-color-text-disabled—spec/components/range.md:35 /tokens/dependency.role-color-text-disabled
repeater · partdependency.role-color-text-disabled—spec/components/repeater.md:35 /tokens/dependency.role-color-text-disabled
search-field · partinput.text-disabled—spec/components/search-field.md:39 /tokens/input.text-disabled
segmented-control · partdependency.role-color-text-disabled—spec/components/segmented-control.md:45 /tokens/dependency.role-color-text-disabled
select · partcontrol.text-disabled—spec/components/select.md:43 /tokens/control.text-disabled
switch · partname.text-disabled—spec/components/switch.md:46 /tokens/name.text-disabled
switch · partthumb.bg-disabled—spec/components/switch.md:43 /tokens/thumb.bg-disabled
tabs · parttab.text-disabled—spec/components/tabs.md:35 /tokens/tab.text-disabled
text-field · partinput.text-disabled—spec/components/text-field.md:53 /tokens/input.text-disabled
textarea · partinput.text-disabled—spec/components/textarea.md:45 /tokens/input.text-disabled
time-picker · partinput.text-disabled—spec/components/time-picker.md:36 /tokens/input.text-disabled
toolbar · partbutton.text-disabled—spec/components/toolbar.md:35 /tokens/button.text-disabled
tree · partdependency.role-color-text-disabled—spec/components/tree.md:40 /tokens/dependency.role-color-text-disabled
wizard · partstep.text-disabled—spec/components/wizard.md:35 /tokens/step.text-disabled

Relevant contrast declarations

extended · proposed

Resolved value
#8a5559
Status
approved
Consumption
blocked — Proposed profile: preview only, not downstream delivery.
Decisions
None pending.
Source
tokens/semantic.tokens.json:156 /color/text/disabled
Alias chain
color.primitive.rose.300
Used by aliases
No declared aliases depend on this role.

Provenance and restrictions

{
  "status": "approved",
  "approval": {
    "decision": "D-003"
  }
}

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
admin-form · contrast—disabled · color.interaction.disabled.bgspec/components/admin-form.md:81 /contrast/11
admin-form · contrast—disabled · color.surface.defaultspec/components/admin-form.md:82 /contrast/12
button · contrast—disabled · color.interaction.disabled.bgspec/components/button.md:84 /contrast/17
checkbox · contrast—checked+disabled · color.interaction.disabled.bgspec/components/checkbox.md:66 /contrast/6
checkbox · contrast—disabled · color.surface.defaultspec/components/checkbox.md:65 /contrast/5
chip · contrast—disabled · color.interaction.disabled.bgspec/components/chip.md:55 /contrast/1
combobox · contrast—disabled · color.interaction.disabled.bgspec/components/combobox.md:77 /contrast/3
date-picker · contrast—disabled · color.interaction.disabled.bgspec/components/date-picker.md:88 /contrast/2
field · contrast—disabled · color.interaction.disabled.bgspec/components/field.md:40 /contrast/3
field · contrast—disabled · color.surface.defaultspec/components/field.md:39 /contrast/2
fieldset · contrast—disabled · color.interaction.disabled.bgspec/components/fieldset.md:38 /contrast/4
fieldset · contrast—disabled · color.surface.defaultspec/components/fieldset.md:37 /contrast/3
file-input · contrast—disabled · color.interaction.disabled.bgspec/components/file-input.md:68 /contrast/5
filterable-table · contrast—— · color.surface.defaultspec/components/filterable-table.md:89 /contrast/9
icon-button · contrast—disabled · color.interaction.disabled.bgspec/components/icon-button.md:48 /contrast/2
list · contrast—disabled · color.surface.defaultspec/components/list.md:59 /contrast/2
menu · contrast—disabled · color.surface.raisedspec/components/menu.md:66 /contrast/1
number-field · contrast—disabled · color.interaction.disabled.bgspec/components/number-field.md:65 /contrast/5
pagination · contrast—disabled · color.surface.defaultspec/components/pagination.md:47 /contrast/1
radio-group · contrast—disabled · color.interaction.disabled.bgspec/components/radio-group.md:63 /contrast/6
radio-group · contrast—disabled · color.surface.defaultspec/components/radio-group.md:62 /contrast/5
search-field · contrast—disabled · color.interaction.disabled.bgspec/components/search-field.md:65 /contrast/6
select · contrast—disabled · color.interaction.disabled.bgspec/components/select.md:68 /contrast/6
switch · contrast—disabled · color.interaction.disabled.bgspec/components/switch.md:60 /contrast/6
switch · contrast—disabled · color.surface.defaultspec/components/switch.md:61 /contrast/7
tabs · contrast—disabled · color.surface.defaultspec/components/tabs.md:52 /contrast/1
text-field · contrast—disabled · color.interaction.disabled.bgspec/components/text-field.md:78 /contrast/2
textarea · contrast—disabled · color.interaction.disabled.bgspec/components/textarea.md:67 /contrast/2
time-picker · contrast—disabled · color.interaction.disabled.bgspec/components/time-picker.md:66 /contrast/2
toolbar · contrast—disabled · color.surface.chromespec/components/toolbar.md:47 /contrast/0
wizard · contrast—disabled · color.surface.canvasspec/components/wizard.md:71 /contrast/9
Shared rule · contrast—— · color.surface.canvasspec/contrast.json:14 /pairs/10
admin-form · partdisabled.text—spec/components/admin-form.md:52 /tokens/disabled.text
button-group · partdependency.role-color-text-disabled—spec/components/button-group.md:34 /tokens/dependency.role-color-text-disabled
button · partroot.text-disabled—spec/components/button.md:56 /tokens/root.text-disabled
checkbox · partbox.glyph-disabled—spec/components/checkbox.md:44 /tokens/box.glyph-disabled
checkbox · parttext.disabled—spec/components/checkbox.md:46 /tokens/text.disabled
chip · partroot.text-disabled—spec/components/chip.md:38 /tokens/root.text-disabled
combobox · partinput.text-disabled—spec/components/combobox.md:45 /tokens/input.text-disabled
date-picker · partinput.text-disabled—spec/components/date-picker.md:43 /tokens/input.text-disabled
disclosure · partdependency.role-color-text-disabled—spec/components/disclosure.md:37 /tokens/dependency.role-color-text-disabled
error-state · partdependency.role-color-text-disabled—spec/components/error-state.md:39 /tokens/dependency.role-color-text-disabled
field · partcontrol.text-disabled—spec/components/field.md:27 /tokens/control.text-disabled
fieldset · partfield.text-disabled—spec/components/fieldset.md:29 /tokens/field.text-disabled
fieldset · partlegend.text-disabled—spec/components/fieldset.md:24 /tokens/legend.text-disabled
file-input · partbutton.text-disabled—spec/components/file-input.md:38 /tokens/button.text-disabled
filterable-table · partpagination.disabled—spec/components/filterable-table.md:72 /tokens/pagination.disabled
icon-button · partroot.text-disabled—spec/components/icon-button.md:34 /tokens/root.text-disabled
list · partrow.text-disabled—spec/components/list.md:41 /tokens/row.text-disabled
menu · partitem.text-disabled—spec/components/menu.md:48 /tokens/item.text-disabled
multiselect · partdependency.role-color-text-disabled—spec/components/multiselect.md:45 /tokens/dependency.role-color-text-disabled
number-field · partinput.text-disabled—spec/components/number-field.md:42 /tokens/input.text-disabled
pagination · partlink.text-disabled—spec/components/pagination.md:33 /tokens/link.text-disabled
radio-group · partbox.dot-disabled—spec/components/radio-group.md:42 /tokens/box.dot-disabled
radio-group · parttext.disabled—spec/components/radio-group.md:44 /tokens/text.disabled
range · partdependency.role-color-text-disabled—spec/components/range.md:35 /tokens/dependency.role-color-text-disabled
repeater · partdependency.role-color-text-disabled—spec/components/repeater.md:35 /tokens/dependency.role-color-text-disabled
search-field · partinput.text-disabled—spec/components/search-field.md:39 /tokens/input.text-disabled
segmented-control · partdependency.role-color-text-disabled—spec/components/segmented-control.md:45 /tokens/dependency.role-color-text-disabled
select · partcontrol.text-disabled—spec/components/select.md:43 /tokens/control.text-disabled
switch · partname.text-disabled—spec/components/switch.md:46 /tokens/name.text-disabled
switch · partthumb.bg-disabled—spec/components/switch.md:43 /tokens/thumb.bg-disabled
tabs · parttab.text-disabled—spec/components/tabs.md:35 /tokens/tab.text-disabled
text-field · partinput.text-disabled—spec/components/text-field.md:53 /tokens/input.text-disabled
textarea · partinput.text-disabled—spec/components/textarea.md:45 /tokens/input.text-disabled
time-picker · partinput.text-disabled—spec/components/time-picker.md:36 /tokens/input.text-disabled
toolbar · partbutton.text-disabled—spec/components/toolbar.md:35 /tokens/button.text-disabled
tree · partdependency.role-color-text-disabled—spec/components/tree.md:40 /tokens/dependency.role-color-text-disabled
wizard · partstep.text-disabled—spec/components/wizard.md:35 /tokens/step.text-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