j3w1 / color.surface.inputVue · HTML · React · Astro

J3W1 / DESIGN SYSTEM

color.surface.input

Form-control fill.

Source revision 1faefcf014c8bf01a6b27308ea796da968773a81

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

Report an issue with this token

color.surface.input
--color-surface-input

default · approved

Resolved value
#000000
Status
approved
Consumption
use — Use within the role's documented scope and restrictions.
Decisions
None pending.
Source
tokens/semantic.tokens.json:78 /color/surface/input
Alias chain
color.primitive.ink.0
Used by aliases
No declared aliases depend on this role.

Provenance and restrictions

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

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
admin-form · contrast—invalid · color.surface.inputspec/components/admin-form.md:78 /contrast/8
data-table · contrast—— · color.surface.inputspec/components/data-table.md:67 /contrast/1
dialog · contrast—— · color.surface.inputspec/components/dialog.md:71 /contrast/9
number-field · contrast—— · color.surface.inputspec/components/number-field.md:60 /contrast/0
number-field · contrast—— · color.surface.inputspec/components/number-field.md:61 /contrast/1
number-field · contrast—— · color.surface.inputspec/components/number-field.md:67 /contrast/7
search-field · contrast—— · color.surface.inputspec/components/search-field.md:59 /contrast/0
search-field · contrast—— · color.surface.inputspec/components/search-field.md:60 /contrast/1
search-field · contrast—— · color.surface.inputspec/components/search-field.md:61 /contrast/2
search-field · contrast—— · color.surface.inputspec/components/search-field.md:64 /contrast/5
select · contrast—— · color.surface.inputspec/components/select.md:62 /contrast/0
switch · contrast—— · color.surface.inputspec/components/switch.md:54 /contrast/0
Shared rule · contrast—— · color.surface.inputspec/contrast.json:15 /pairs/11
Shared rule · contrast—— · color.surface.inputspec/contrast.json:44 /pairs/40
Shared rule · contrast—— · color.surface.inputspec/contrast.json:46 /pairs/42
admin-form · partfield.bg—spec/components/admin-form.md:43 /tokens/field.bg
avatar · partcontrol.bg—spec/components/avatar.md:29 /tokens/control.bg
button-group · partcontrol.bg—spec/components/button-group.md:29 /tokens/control.bg
chart · partcontrol.bg—spec/components/chart.md:29 /tokens/control.bg
checkbox · partbox.bg—spec/components/checkbox.md:33 /tokens/box.bg
combobox · partroot.bg—spec/components/combobox.md:35 /tokens/root.bg
command-palette · partcontrol.bg—spec/components/command-palette.md:32 /tokens/control.bg
compact-dashboard · partcontrol.bg—spec/components/compact-dashboard.md:31 /tokens/control.bg
data-table · partcheckbox.bg—spec/components/data-table.md:47 /tokens/checkbox.bg
date-picker · partroot.bg—spec/components/date-picker.md:31 /tokens/root.bg
description-list · partcontrol.bg—spec/components/description-list.md:28 /tokens/control.bg
dialog · partfield.bg—spec/components/dialog.md:50 /tokens/field.bg
disclosure · partcontrol.bg—spec/components/disclosure.md:30 /tokens/control.bg
editor-search · partcontrol.bg—spec/components/editor-search.md:30 /tokens/control.bg
error-state · partcontrol.bg—spec/components/error-state.md:31 /tokens/control.bg
field · partcontrol.bg—spec/components/field.md:24 /tokens/control.bg
fieldset · partfield.bg—spec/components/fieldset.md:25 /tokens/field.bg
file-browser · partcontrol.bg—spec/components/file-browser.md:32 /tokens/control.bg
filterable-table · partcheck.bg—spec/components/filterable-table.md:58 /tokens/check.bg
filterable-table · partsearch.bg—spec/components/filterable-table.md:36 /tokens/search.bg
kbd · partcontrol.bg—spec/components/kbd.md:27 /tokens/control.bg
multiselect · partcontrol.bg—spec/components/multiselect.md:31 /tokens/control.bg
number-field · partroot.bg—spec/components/number-field.md:30 /tokens/root.bg
popover · partcontrol.bg—spec/components/popover.md:30 /tokens/control.bg
radio-group · partbox.bg—spec/components/radio-group.md:31 /tokens/box.bg
range · partcontrol.bg—spec/components/range.md:29 /tokens/control.bg
repeater · partcontrol.bg—spec/components/repeater.md:30 /tokens/control.bg
search-field · partroot.bg—spec/components/search-field.md:31 /tokens/root.bg
segmented-control · partcontrol.bg—spec/components/segmented-control.md:30 /tokens/control.bg
select · partroot.bg—spec/components/select.md:33 /tokens/root.bg
settings-panel · partcontrol.bg—spec/components/settings-panel.md:39 /tokens/control.bg
skeleton · partcontrol.bg—spec/components/skeleton.md:29 /tokens/control.bg
switch · parttrack.bg—spec/components/switch.md:32 /tokens/track.bg
text-field · partroot.bg—spec/components/text-field.md:42 /tokens/root.bg
textarea · partroot.bg—spec/components/textarea.md:33 /tokens/root.bg
time-picker · partroot.bg—spec/components/time-picker.md:27 /tokens/root.bg
timeline · partcontrol.bg—spec/components/timeline.md:28 /tokens/control.bg
tree · partcontrol.bg—spec/components/tree.md:33 /tokens/control.bg
admin-form · statebgdefault · color.surface.inputspec/components/admin-form.md:66 /stateTokens/default/bg
checkbox · statebgdefault · color.surface.inputspec/components/checkbox.md:51 /stateTokens/default/bg
checkbox · statebgfocus-visible · color.surface.inputspec/components/checkbox.md:53 /stateTokens/focus-visible/bg
checkbox · statebginvalid · color.surface.inputspec/components/checkbox.md:57 /stateTokens/invalid/bg
checkbox · statebgrequired · color.surface.inputspec/components/checkbox.md:58 /stateTokens/required/bg
combobox · statebgdefault · color.surface.inputspec/components/combobox.md:65 /stateTokens/default/bg
combobox · statebgfocus-visible · color.surface.inputspec/components/combobox.md:67 /stateTokens/focus-visible/bg
combobox · statebginvalid · color.surface.inputspec/components/combobox.md:70 /stateTokens/invalid/bg
combobox · statebginvalid+focus-visible · color.surface.inputspec/components/combobox.md:71 /stateTokens/invalid+focus-visible/bg
date-picker · statebgdefault · color.surface.inputspec/components/date-picker.md:58 /stateTokens/default/bg
date-picker · statebgfocus-visible · color.surface.inputspec/components/date-picker.md:66 /stateTokens/focus-visible/bg
date-picker · statebginvalid · color.surface.inputspec/components/date-picker.md:71 /stateTokens/invalid/bg
date-picker · statebginvalid+focus-visible · color.surface.inputspec/components/date-picker.md:75 /stateTokens/invalid+focus-visible/bg
number-field · statebgdefault · color.surface.inputspec/components/number-field.md:53 /stateTokens/default/bg
number-field · statebgfocus-visible · color.surface.inputspec/components/number-field.md:55 /stateTokens/focus-visible/bg
number-field · statebginvalid · color.surface.inputspec/components/number-field.md:56 /stateTokens/invalid/bg
number-field · statebginvalid+focus-visible · color.surface.inputspec/components/number-field.md:57 /stateTokens/invalid+focus-visible/bg
radio-group · statebgdefault · color.surface.inputspec/components/radio-group.md:49 /stateTokens/default/bg
radio-group · statebgfocus-visible · color.surface.inputspec/components/radio-group.md:51 /stateTokens/focus-visible/bg
radio-group · statebginvalid · color.surface.inputspec/components/radio-group.md:54 /stateTokens/invalid/bg
radio-group · statebgrequired · color.surface.inputspec/components/radio-group.md:55 /stateTokens/required/bg
search-field · statebgdefault · color.surface.inputspec/components/search-field.md:52 /stateTokens/default/bg
search-field · statebgfocus-visible · color.surface.inputspec/components/search-field.md:54 /stateTokens/focus-visible/bg
search-field · statebgloading · color.surface.inputspec/components/search-field.md:56 /stateTokens/loading/bg
search-field · statebgno-results · color.surface.inputspec/components/search-field.md:57 /stateTokens/no-results/bg
search-field · statebgplaceholder-shown · color.surface.inputspec/components/search-field.md:55 /stateTokens/placeholder-shown/bg
select · statebgdefault · color.surface.inputspec/components/select.md:55 /stateTokens/default/bg
select · statebgfocus-visible · color.surface.inputspec/components/select.md:57 /stateTokens/focus-visible/bg
select · statebginvalid · color.surface.inputspec/components/select.md:59 /stateTokens/invalid/bg
select · statebginvalid+focus-visible · color.surface.inputspec/components/select.md:60 /stateTokens/invalid+focus-visible/bg
select · statebgrequired · color.surface.inputspec/components/select.md:58 /stateTokens/required/bg
settings-panel · statebgfocus-visible · color.surface.inputspec/components/settings-panel.md:55 /stateTokens/focus-visible/bg
settings-panel · statebginvalid · color.surface.inputspec/components/settings-panel.md:56 /stateTokens/invalid/bg
switch · statebgdefault · color.surface.inputspec/components/switch.md:48 /stateTokens/default/bg
switch · statebgfocus-visible · color.surface.inputspec/components/switch.md:50 /stateTokens/focus-visible/bg
text-field · statebgdefault · color.surface.inputspec/components/text-field.md:68 /stateTokens/default/bg
text-field · statebgfocus-visible · color.surface.inputspec/components/text-field.md:70 /stateTokens/focus-visible/bg
text-field · statebginvalid · color.surface.inputspec/components/text-field.md:72 /stateTokens/invalid/bg
text-field · statebginvalid+focus-visible · color.surface.inputspec/components/text-field.md:73 /stateTokens/invalid+focus-visible/bg
text-field · statebgplaceholder-shown · color.surface.inputspec/components/text-field.md:71 /stateTokens/placeholder-shown/bg
textarea · statebgdefault · color.surface.inputspec/components/textarea.md:57 /stateTokens/default/bg
textarea · statebgfocus-visible · color.surface.inputspec/components/textarea.md:59 /stateTokens/focus-visible/bg
textarea · statebginvalid · color.surface.inputspec/components/textarea.md:61 /stateTokens/invalid/bg
textarea · statebginvalid+focus-visible · color.surface.inputspec/components/textarea.md:62 /stateTokens/invalid+focus-visible/bg
textarea · statebgplaceholder-shown · color.surface.inputspec/components/textarea.md:60 /stateTokens/placeholder-shown/bg
time-picker · statebgdefault · color.surface.inputspec/components/time-picker.md:44 /stateTokens/default/bg
time-picker · statebgfocus-visible · color.surface.inputspec/components/time-picker.md:52 /stateTokens/focus-visible/bg
time-picker · statebginvalid · color.surface.inputspec/components/time-picker.md:57 /stateTokens/invalid/bg

Relevant contrast declarations

heritage-ansi · heritage

Resolved value
#0c0909
Status
heritage
Consumption
historical-only — Historical fidelity only; preserve all documented limitations and deprecations.
Decisions
None pending.
Source
tokens/profiles/heritage-ansi.tokens.json:136 /color/surface/input
Alias chain
color.primitive.ink.20
Used by aliases
No declared aliases depend on this role.

Provenance and restrictions

{
  "status": "heritage"
}

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
admin-form · contrast—invalid · color.surface.inputspec/components/admin-form.md:78 /contrast/8
data-table · contrast—— · color.surface.inputspec/components/data-table.md:67 /contrast/1
dialog · contrast—— · color.surface.inputspec/components/dialog.md:71 /contrast/9
number-field · contrast—— · color.surface.inputspec/components/number-field.md:60 /contrast/0
number-field · contrast—— · color.surface.inputspec/components/number-field.md:61 /contrast/1
number-field · contrast—— · color.surface.inputspec/components/number-field.md:67 /contrast/7
search-field · contrast—— · color.surface.inputspec/components/search-field.md:59 /contrast/0
search-field · contrast—— · color.surface.inputspec/components/search-field.md:60 /contrast/1
search-field · contrast—— · color.surface.inputspec/components/search-field.md:61 /contrast/2
search-field · contrast—— · color.surface.inputspec/components/search-field.md:64 /contrast/5
select · contrast—— · color.surface.inputspec/components/select.md:62 /contrast/0
switch · contrast—— · color.surface.inputspec/components/switch.md:54 /contrast/0
Shared rule · contrast—— · color.surface.inputspec/contrast.json:15 /pairs/11
Shared rule · contrast—— · color.surface.inputspec/contrast.json:44 /pairs/40
Shared rule · contrast—— · color.surface.inputspec/contrast.json:46 /pairs/42
admin-form · partfield.bg—spec/components/admin-form.md:43 /tokens/field.bg
avatar · partcontrol.bg—spec/components/avatar.md:29 /tokens/control.bg
button-group · partcontrol.bg—spec/components/button-group.md:29 /tokens/control.bg
chart · partcontrol.bg—spec/components/chart.md:29 /tokens/control.bg
checkbox · partbox.bg—spec/components/checkbox.md:33 /tokens/box.bg
combobox · partroot.bg—spec/components/combobox.md:35 /tokens/root.bg
command-palette · partcontrol.bg—spec/components/command-palette.md:32 /tokens/control.bg
compact-dashboard · partcontrol.bg—spec/components/compact-dashboard.md:31 /tokens/control.bg
data-table · partcheckbox.bg—spec/components/data-table.md:47 /tokens/checkbox.bg
date-picker · partroot.bg—spec/components/date-picker.md:31 /tokens/root.bg
description-list · partcontrol.bg—spec/components/description-list.md:28 /tokens/control.bg
dialog · partfield.bg—spec/components/dialog.md:50 /tokens/field.bg
disclosure · partcontrol.bg—spec/components/disclosure.md:30 /tokens/control.bg
editor-search · partcontrol.bg—spec/components/editor-search.md:30 /tokens/control.bg
error-state · partcontrol.bg—spec/components/error-state.md:31 /tokens/control.bg
field · partcontrol.bg—spec/components/field.md:24 /tokens/control.bg
fieldset · partfield.bg—spec/components/fieldset.md:25 /tokens/field.bg
file-browser · partcontrol.bg—spec/components/file-browser.md:32 /tokens/control.bg
filterable-table · partcheck.bg—spec/components/filterable-table.md:58 /tokens/check.bg
filterable-table · partsearch.bg—spec/components/filterable-table.md:36 /tokens/search.bg
kbd · partcontrol.bg—spec/components/kbd.md:27 /tokens/control.bg
multiselect · partcontrol.bg—spec/components/multiselect.md:31 /tokens/control.bg
number-field · partroot.bg—spec/components/number-field.md:30 /tokens/root.bg
popover · partcontrol.bg—spec/components/popover.md:30 /tokens/control.bg
radio-group · partbox.bg—spec/components/radio-group.md:31 /tokens/box.bg
range · partcontrol.bg—spec/components/range.md:29 /tokens/control.bg
repeater · partcontrol.bg—spec/components/repeater.md:30 /tokens/control.bg
search-field · partroot.bg—spec/components/search-field.md:31 /tokens/root.bg
segmented-control · partcontrol.bg—spec/components/segmented-control.md:30 /tokens/control.bg
select · partroot.bg—spec/components/select.md:33 /tokens/root.bg
settings-panel · partcontrol.bg—spec/components/settings-panel.md:39 /tokens/control.bg
skeleton · partcontrol.bg—spec/components/skeleton.md:29 /tokens/control.bg
switch · parttrack.bg—spec/components/switch.md:32 /tokens/track.bg
text-field · partroot.bg—spec/components/text-field.md:42 /tokens/root.bg
textarea · partroot.bg—spec/components/textarea.md:33 /tokens/root.bg
time-picker · partroot.bg—spec/components/time-picker.md:27 /tokens/root.bg
timeline · partcontrol.bg—spec/components/timeline.md:28 /tokens/control.bg
tree · partcontrol.bg—spec/components/tree.md:33 /tokens/control.bg
admin-form · statebgdefault · color.surface.inputspec/components/admin-form.md:66 /stateTokens/default/bg
checkbox · statebgdefault · color.surface.inputspec/components/checkbox.md:51 /stateTokens/default/bg
checkbox · statebgfocus-visible · color.surface.inputspec/components/checkbox.md:53 /stateTokens/focus-visible/bg
checkbox · statebginvalid · color.surface.inputspec/components/checkbox.md:57 /stateTokens/invalid/bg
checkbox · statebgrequired · color.surface.inputspec/components/checkbox.md:58 /stateTokens/required/bg
combobox · statebgdefault · color.surface.inputspec/components/combobox.md:65 /stateTokens/default/bg
combobox · statebgfocus-visible · color.surface.inputspec/components/combobox.md:67 /stateTokens/focus-visible/bg
combobox · statebginvalid · color.surface.inputspec/components/combobox.md:70 /stateTokens/invalid/bg
combobox · statebginvalid+focus-visible · color.surface.inputspec/components/combobox.md:71 /stateTokens/invalid+focus-visible/bg
date-picker · statebgdefault · color.surface.inputspec/components/date-picker.md:58 /stateTokens/default/bg
date-picker · statebgfocus-visible · color.surface.inputspec/components/date-picker.md:66 /stateTokens/focus-visible/bg
date-picker · statebginvalid · color.surface.inputspec/components/date-picker.md:71 /stateTokens/invalid/bg
date-picker · statebginvalid+focus-visible · color.surface.inputspec/components/date-picker.md:75 /stateTokens/invalid+focus-visible/bg
number-field · statebgdefault · color.surface.inputspec/components/number-field.md:53 /stateTokens/default/bg
number-field · statebgfocus-visible · color.surface.inputspec/components/number-field.md:55 /stateTokens/focus-visible/bg
number-field · statebginvalid · color.surface.inputspec/components/number-field.md:56 /stateTokens/invalid/bg
number-field · statebginvalid+focus-visible · color.surface.inputspec/components/number-field.md:57 /stateTokens/invalid+focus-visible/bg
radio-group · statebgdefault · color.surface.inputspec/components/radio-group.md:49 /stateTokens/default/bg
radio-group · statebgfocus-visible · color.surface.inputspec/components/radio-group.md:51 /stateTokens/focus-visible/bg
radio-group · statebginvalid · color.surface.inputspec/components/radio-group.md:54 /stateTokens/invalid/bg
radio-group · statebgrequired · color.surface.inputspec/components/radio-group.md:55 /stateTokens/required/bg
search-field · statebgdefault · color.surface.inputspec/components/search-field.md:52 /stateTokens/default/bg
search-field · statebgfocus-visible · color.surface.inputspec/components/search-field.md:54 /stateTokens/focus-visible/bg
search-field · statebgloading · color.surface.inputspec/components/search-field.md:56 /stateTokens/loading/bg
search-field · statebgno-results · color.surface.inputspec/components/search-field.md:57 /stateTokens/no-results/bg
search-field · statebgplaceholder-shown · color.surface.inputspec/components/search-field.md:55 /stateTokens/placeholder-shown/bg
select · statebgdefault · color.surface.inputspec/components/select.md:55 /stateTokens/default/bg
select · statebgfocus-visible · color.surface.inputspec/components/select.md:57 /stateTokens/focus-visible/bg
select · statebginvalid · color.surface.inputspec/components/select.md:59 /stateTokens/invalid/bg
select · statebginvalid+focus-visible · color.surface.inputspec/components/select.md:60 /stateTokens/invalid+focus-visible/bg
select · statebgrequired · color.surface.inputspec/components/select.md:58 /stateTokens/required/bg
settings-panel · statebgfocus-visible · color.surface.inputspec/components/settings-panel.md:55 /stateTokens/focus-visible/bg
settings-panel · statebginvalid · color.surface.inputspec/components/settings-panel.md:56 /stateTokens/invalid/bg
switch · statebgdefault · color.surface.inputspec/components/switch.md:48 /stateTokens/default/bg
switch · statebgfocus-visible · color.surface.inputspec/components/switch.md:50 /stateTokens/focus-visible/bg
text-field · statebgdefault · color.surface.inputspec/components/text-field.md:68 /stateTokens/default/bg
text-field · statebgfocus-visible · color.surface.inputspec/components/text-field.md:70 /stateTokens/focus-visible/bg
text-field · statebginvalid · color.surface.inputspec/components/text-field.md:72 /stateTokens/invalid/bg
text-field · statebginvalid+focus-visible · color.surface.inputspec/components/text-field.md:73 /stateTokens/invalid+focus-visible/bg
text-field · statebgplaceholder-shown · color.surface.inputspec/components/text-field.md:71 /stateTokens/placeholder-shown/bg
textarea · statebgdefault · color.surface.inputspec/components/textarea.md:57 /stateTokens/default/bg
textarea · statebgfocus-visible · color.surface.inputspec/components/textarea.md:59 /stateTokens/focus-visible/bg
textarea · statebginvalid · color.surface.inputspec/components/textarea.md:61 /stateTokens/invalid/bg
textarea · statebginvalid+focus-visible · color.surface.inputspec/components/textarea.md:62 /stateTokens/invalid+focus-visible/bg
textarea · statebgplaceholder-shown · color.surface.inputspec/components/textarea.md:60 /stateTokens/placeholder-shown/bg
time-picker · statebgdefault · color.surface.inputspec/components/time-picker.md:44 /stateTokens/default/bg
time-picker · statebgfocus-visible · color.surface.inputspec/components/time-picker.md:52 /stateTokens/focus-visible/bg
time-picker · statebginvalid · color.surface.inputspec/components/time-picker.md:57 /stateTokens/invalid/bg

Relevant contrast declarations

extended · proposed

Resolved value
#000000
Status
approved
Consumption
blocked — Proposed profile: preview only, not downstream delivery.
Decisions
None pending.
Source
tokens/semantic.tokens.json:78 /color/surface/input
Alias chain
color.primitive.ink.0
Used by aliases
No declared aliases depend on this role.

Provenance and restrictions

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

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
admin-form · contrast—invalid · color.surface.inputspec/components/admin-form.md:78 /contrast/8
data-table · contrast—— · color.surface.inputspec/components/data-table.md:67 /contrast/1
dialog · contrast—— · color.surface.inputspec/components/dialog.md:71 /contrast/9
number-field · contrast—— · color.surface.inputspec/components/number-field.md:60 /contrast/0
number-field · contrast—— · color.surface.inputspec/components/number-field.md:61 /contrast/1
number-field · contrast—— · color.surface.inputspec/components/number-field.md:67 /contrast/7
search-field · contrast—— · color.surface.inputspec/components/search-field.md:59 /contrast/0
search-field · contrast—— · color.surface.inputspec/components/search-field.md:60 /contrast/1
search-field · contrast—— · color.surface.inputspec/components/search-field.md:61 /contrast/2
search-field · contrast—— · color.surface.inputspec/components/search-field.md:64 /contrast/5
select · contrast—— · color.surface.inputspec/components/select.md:62 /contrast/0
switch · contrast—— · color.surface.inputspec/components/switch.md:54 /contrast/0
Shared rule · contrast—— · color.surface.inputspec/contrast.json:15 /pairs/11
Shared rule · contrast—— · color.surface.inputspec/contrast.json:44 /pairs/40
Shared rule · contrast—— · color.surface.inputspec/contrast.json:46 /pairs/42
admin-form · partfield.bg—spec/components/admin-form.md:43 /tokens/field.bg
avatar · partcontrol.bg—spec/components/avatar.md:29 /tokens/control.bg
button-group · partcontrol.bg—spec/components/button-group.md:29 /tokens/control.bg
chart · partcontrol.bg—spec/components/chart.md:29 /tokens/control.bg
checkbox · partbox.bg—spec/components/checkbox.md:33 /tokens/box.bg
combobox · partroot.bg—spec/components/combobox.md:35 /tokens/root.bg
command-palette · partcontrol.bg—spec/components/command-palette.md:32 /tokens/control.bg
compact-dashboard · partcontrol.bg—spec/components/compact-dashboard.md:31 /tokens/control.bg
data-table · partcheckbox.bg—spec/components/data-table.md:47 /tokens/checkbox.bg
date-picker · partroot.bg—spec/components/date-picker.md:31 /tokens/root.bg
description-list · partcontrol.bg—spec/components/description-list.md:28 /tokens/control.bg
dialog · partfield.bg—spec/components/dialog.md:50 /tokens/field.bg
disclosure · partcontrol.bg—spec/components/disclosure.md:30 /tokens/control.bg
editor-search · partcontrol.bg—spec/components/editor-search.md:30 /tokens/control.bg
error-state · partcontrol.bg—spec/components/error-state.md:31 /tokens/control.bg
field · partcontrol.bg—spec/components/field.md:24 /tokens/control.bg
fieldset · partfield.bg—spec/components/fieldset.md:25 /tokens/field.bg
file-browser · partcontrol.bg—spec/components/file-browser.md:32 /tokens/control.bg
filterable-table · partcheck.bg—spec/components/filterable-table.md:58 /tokens/check.bg
filterable-table · partsearch.bg—spec/components/filterable-table.md:36 /tokens/search.bg
kbd · partcontrol.bg—spec/components/kbd.md:27 /tokens/control.bg
multiselect · partcontrol.bg—spec/components/multiselect.md:31 /tokens/control.bg
number-field · partroot.bg—spec/components/number-field.md:30 /tokens/root.bg
popover · partcontrol.bg—spec/components/popover.md:30 /tokens/control.bg
radio-group · partbox.bg—spec/components/radio-group.md:31 /tokens/box.bg
range · partcontrol.bg—spec/components/range.md:29 /tokens/control.bg
repeater · partcontrol.bg—spec/components/repeater.md:30 /tokens/control.bg
search-field · partroot.bg—spec/components/search-field.md:31 /tokens/root.bg
segmented-control · partcontrol.bg—spec/components/segmented-control.md:30 /tokens/control.bg
select · partroot.bg—spec/components/select.md:33 /tokens/root.bg
settings-panel · partcontrol.bg—spec/components/settings-panel.md:39 /tokens/control.bg
skeleton · partcontrol.bg—spec/components/skeleton.md:29 /tokens/control.bg
switch · parttrack.bg—spec/components/switch.md:32 /tokens/track.bg
text-field · partroot.bg—spec/components/text-field.md:42 /tokens/root.bg
textarea · partroot.bg—spec/components/textarea.md:33 /tokens/root.bg
time-picker · partroot.bg—spec/components/time-picker.md:27 /tokens/root.bg
timeline · partcontrol.bg—spec/components/timeline.md:28 /tokens/control.bg
tree · partcontrol.bg—spec/components/tree.md:33 /tokens/control.bg
admin-form · statebgdefault · color.surface.inputspec/components/admin-form.md:66 /stateTokens/default/bg
checkbox · statebgdefault · color.surface.inputspec/components/checkbox.md:51 /stateTokens/default/bg
checkbox · statebgfocus-visible · color.surface.inputspec/components/checkbox.md:53 /stateTokens/focus-visible/bg
checkbox · statebginvalid · color.surface.inputspec/components/checkbox.md:57 /stateTokens/invalid/bg
checkbox · statebgrequired · color.surface.inputspec/components/checkbox.md:58 /stateTokens/required/bg
combobox · statebgdefault · color.surface.inputspec/components/combobox.md:65 /stateTokens/default/bg
combobox · statebgfocus-visible · color.surface.inputspec/components/combobox.md:67 /stateTokens/focus-visible/bg
combobox · statebginvalid · color.surface.inputspec/components/combobox.md:70 /stateTokens/invalid/bg
combobox · statebginvalid+focus-visible · color.surface.inputspec/components/combobox.md:71 /stateTokens/invalid+focus-visible/bg
date-picker · statebgdefault · color.surface.inputspec/components/date-picker.md:58 /stateTokens/default/bg
date-picker · statebgfocus-visible · color.surface.inputspec/components/date-picker.md:66 /stateTokens/focus-visible/bg
date-picker · statebginvalid · color.surface.inputspec/components/date-picker.md:71 /stateTokens/invalid/bg
date-picker · statebginvalid+focus-visible · color.surface.inputspec/components/date-picker.md:75 /stateTokens/invalid+focus-visible/bg
number-field · statebgdefault · color.surface.inputspec/components/number-field.md:53 /stateTokens/default/bg
number-field · statebgfocus-visible · color.surface.inputspec/components/number-field.md:55 /stateTokens/focus-visible/bg
number-field · statebginvalid · color.surface.inputspec/components/number-field.md:56 /stateTokens/invalid/bg
number-field · statebginvalid+focus-visible · color.surface.inputspec/components/number-field.md:57 /stateTokens/invalid+focus-visible/bg
radio-group · statebgdefault · color.surface.inputspec/components/radio-group.md:49 /stateTokens/default/bg
radio-group · statebgfocus-visible · color.surface.inputspec/components/radio-group.md:51 /stateTokens/focus-visible/bg
radio-group · statebginvalid · color.surface.inputspec/components/radio-group.md:54 /stateTokens/invalid/bg
radio-group · statebgrequired · color.surface.inputspec/components/radio-group.md:55 /stateTokens/required/bg
search-field · statebgdefault · color.surface.inputspec/components/search-field.md:52 /stateTokens/default/bg
search-field · statebgfocus-visible · color.surface.inputspec/components/search-field.md:54 /stateTokens/focus-visible/bg
search-field · statebgloading · color.surface.inputspec/components/search-field.md:56 /stateTokens/loading/bg
search-field · statebgno-results · color.surface.inputspec/components/search-field.md:57 /stateTokens/no-results/bg
search-field · statebgplaceholder-shown · color.surface.inputspec/components/search-field.md:55 /stateTokens/placeholder-shown/bg
select · statebgdefault · color.surface.inputspec/components/select.md:55 /stateTokens/default/bg
select · statebgfocus-visible · color.surface.inputspec/components/select.md:57 /stateTokens/focus-visible/bg
select · statebginvalid · color.surface.inputspec/components/select.md:59 /stateTokens/invalid/bg
select · statebginvalid+focus-visible · color.surface.inputspec/components/select.md:60 /stateTokens/invalid+focus-visible/bg
select · statebgrequired · color.surface.inputspec/components/select.md:58 /stateTokens/required/bg
settings-panel · statebgfocus-visible · color.surface.inputspec/components/settings-panel.md:55 /stateTokens/focus-visible/bg
settings-panel · statebginvalid · color.surface.inputspec/components/settings-panel.md:56 /stateTokens/invalid/bg
switch · statebgdefault · color.surface.inputspec/components/switch.md:48 /stateTokens/default/bg
switch · statebgfocus-visible · color.surface.inputspec/components/switch.md:50 /stateTokens/focus-visible/bg
text-field · statebgdefault · color.surface.inputspec/components/text-field.md:68 /stateTokens/default/bg
text-field · statebgfocus-visible · color.surface.inputspec/components/text-field.md:70 /stateTokens/focus-visible/bg
text-field · statebginvalid · color.surface.inputspec/components/text-field.md:72 /stateTokens/invalid/bg
text-field · statebginvalid+focus-visible · color.surface.inputspec/components/text-field.md:73 /stateTokens/invalid+focus-visible/bg
text-field · statebgplaceholder-shown · color.surface.inputspec/components/text-field.md:71 /stateTokens/placeholder-shown/bg
textarea · statebgdefault · color.surface.inputspec/components/textarea.md:57 /stateTokens/default/bg
textarea · statebgfocus-visible · color.surface.inputspec/components/textarea.md:59 /stateTokens/focus-visible/bg
textarea · statebginvalid · color.surface.inputspec/components/textarea.md:61 /stateTokens/invalid/bg
textarea · statebginvalid+focus-visible · color.surface.inputspec/components/textarea.md:62 /stateTokens/invalid+focus-visible/bg
textarea · statebgplaceholder-shown · color.surface.inputspec/components/textarea.md:60 /stateTokens/placeholder-shown/bg
time-picker · statebgdefault · color.surface.inputspec/components/time-picker.md:44 /stateTokens/default/bg
time-picker · statebgfocus-visible · color.surface.inputspec/components/time-picker.md:52 /stateTokens/focus-visible/bg
time-picker · statebginvalid · color.surface.inputspec/components/time-picker.md:57 /stateTokens/invalid/bg

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