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

J3W1 / DESIGN SYSTEM

color.border.control

Form-control boundary (4.45:1, meets the 3:1 non-text minimum).

Source revision 1faefcf014c8bf01a6b27308ea796da968773a81

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

Report an issue with this token

color.border.control
--color-border-control

default · approved

Resolved value
#a3676b
Status
proposed
Consumption
use-and-report — Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.
Decisions
D-007
Source
tokens/semantic.tokens.json:248 /color/border/control
Alias chain
color.primitive.rose.350
Used by aliases
No declared aliases depend on this role.

Provenance and restrictions

{
  "status": "proposed",
  "approval": {
    "decision": "D-007"
  }
}

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
avatar · contrast—— · color.surface.defaultspec/components/avatar.md:49 /contrast/2
button-group · contrast—— · color.surface.defaultspec/components/button-group.md:54 /contrast/2
chart · contrast—— · color.surface.defaultspec/components/chart.md:54 /contrast/2
checkbox · contrast—checked · color.surface.defaultspec/components/checkbox.md:62 /contrast/2
command-palette · contrast—— · color.surface.defaultspec/components/command-palette.md:61 /contrast/2
compact-dashboard · contrast—— · color.surface.defaultspec/components/compact-dashboard.md:55 /contrast/2
data-table · contrast—— · color.surface.inputspec/components/data-table.md:67 /contrast/1
description-list · contrast—— · color.surface.defaultspec/components/description-list.md:49 /contrast/2
dialog · contrast—— · color.surface.overlayspec/components/dialog.md:72 /contrast/10
disclosure · contrast—— · color.surface.defaultspec/components/disclosure.md:56 /contrast/2
editor-search · contrast—— · color.surface.defaultspec/components/editor-search.md:56 /contrast/2
error-state · contrast—— · color.surface.defaultspec/components/error-state.md:58 /contrast/2
file-browser · contrast—— · color.surface.defaultspec/components/file-browser.md:57 /contrast/2
filterable-table · contrast—— · color.surface.chromespec/components/filterable-table.md:81 /contrast/1
filterable-table · contrast—— · color.surface.defaultspec/components/filterable-table.md:88 /contrast/8
kbd · contrast—— · color.surface.defaultspec/components/kbd.md:47 /contrast/2
multiselect · contrast—— · color.surface.defaultspec/components/multiselect.md:73 /contrast/2
popover · contrast—— · color.surface.defaultspec/components/popover.md:54 /contrast/2
radio-group · contrast—checked · color.surface.defaultspec/components/radio-group.md:59 /contrast/2
range · contrast—— · color.surface.defaultspec/components/range.md:54 /contrast/2
repeater · contrast—— · color.surface.defaultspec/components/repeater.md:55 /contrast/2
segmented-control · contrast—— · color.surface.defaultspec/components/segmented-control.md:74 /contrast/2
settings-panel · contrast—— · color.surface.defaultspec/components/settings-panel.md:63 /contrast/4
skeleton · contrast—— · color.surface.defaultspec/components/skeleton.md:50 /contrast/2
switch · contrast—checked · color.surface.defaultspec/components/switch.md:57 /contrast/3
timeline · contrast—— · color.surface.defaultspec/components/timeline.md:50 /contrast/2
tooltip · contrast—— · color.surface.raisedspec/components/tooltip.md:44 /contrast/1
tree · contrast—— · color.surface.defaultspec/components/tree.md:60 /contrast/2
Shared rule · contrast—— · color.surface.defaultspec/contrast.json:45 /pairs/41
Shared rule · contrast—— · color.surface.inputspec/contrast.json:44 /pairs/40
admin-form · partfield.border—spec/components/admin-form.md:44 /tokens/field.border
avatar · partroot.border—spec/components/avatar.md:26 /tokens/root.border
button-group · partroot.border—spec/components/button-group.md:26 /tokens/root.border
card · partroot.border-hover—spec/components/card.md:35 /tokens/root.border-hover
chart · partroot.border—spec/components/chart.md:26 /tokens/root.border
checkbox · partbox.border—spec/components/checkbox.md:34 /tokens/box.border
chip · partroot.border—spec/components/chip.md:33 /tokens/root.border
code-editor · partfold.border—spec/components/code-editor.md:51 /tokens/fold.border
code-editor · partroot.border—spec/components/code-editor.md:35 /tokens/root.border
combobox · partroot.border—spec/components/combobox.md:36 /tokens/root.border
command-palette · partroot.border—spec/components/command-palette.md:29 /tokens/root.border
compact-dashboard · partroot.border—spec/components/compact-dashboard.md:28 /tokens/root.border
data-table · partcheckbox.border—spec/components/data-table.md:48 /tokens/checkbox.border
date-picker · partroot.border—spec/components/date-picker.md:32 /tokens/root.border
description-list · partroot.border—spec/components/description-list.md:25 /tokens/root.border
diagnostics · partroot.border—spec/components/diagnostics.md:33 /tokens/root.border
dialog · partfield.border—spec/components/dialog.md:51 /tokens/field.border
diff-view · partroot.border—spec/components/diff-view.md:37 /tokens/root.border
disclosure · partroot.border—spec/components/disclosure.md:27 /tokens/root.border
editor-search · partroot.border—spec/components/editor-search.md:27 /tokens/root.border
error-state · partroot.border—spec/components/error-state.md:28 /tokens/root.border
field · partcontrol.border—spec/components/field.md:25 /tokens/control.border
fieldset · partfield.border—spec/components/fieldset.md:26 /tokens/field.border
file-browser · partroot.border—spec/components/file-browser.md:29 /tokens/root.border
filterable-table · partcheck.border—spec/components/filterable-table.md:59 /tokens/check.border
filterable-table · partchip.border—spec/components/filterable-table.md:46 /tokens/chip.border
filterable-table · partfilter.border—spec/components/filterable-table.md:42 /tokens/filter.border
filterable-table · partsearch.border—spec/components/filterable-table.md:37 /tokens/search.border
form-builder · partroot.border—spec/components/form-builder.md:21 /tokens/root.border
kbd · partroot.border—spec/components/kbd.md:24 /tokens/root.border
list · partroot.border—spec/components/list.md:36 /tokens/root.border
menu · partbutton.border—spec/components/menu.md:38 /tokens/button.border
multiselect · partroot.border—spec/components/multiselect.md:28 /tokens/root.border
number-field · partroot.border—spec/components/number-field.md:31 /tokens/root.border
popover · partroot.border—spec/components/popover.md:27 /tokens/root.border
progress · parttrack.border—spec/components/progress.md:29 /tokens/track.border
radio-group · partbox.border—spec/components/radio-group.md:32 /tokens/box.border
range · partroot.border—spec/components/range.md:26 /tokens/root.border
repeater · partroot.border—spec/components/repeater.md:27 /tokens/root.border
search-field · partroot.border—spec/components/search-field.md:32 /tokens/root.border
segmented-control · partroot.border—spec/components/segmented-control.md:27 /tokens/root.border
select · partroot.border—spec/components/select.md:34 /tokens/root.border
settings-panel · partcontrol.border—spec/components/settings-panel.md:40 /tokens/control.border
skeleton · partroot.border—spec/components/skeleton.md:26 /tokens/root.border
switch · parttrack.border—spec/components/switch.md:33 /tokens/track.border
terminal · partroot.border—spec/components/terminal.md:34 /tokens/root.border
text-field · partroot.border—spec/components/text-field.md:43 /tokens/root.border
textarea · partroot.border—spec/components/textarea.md:34 /tokens/root.border
time-picker · partroot.border—spec/components/time-picker.md:28 /tokens/root.border
timeline · partroot.border—spec/components/timeline.md:25 /tokens/root.border
tooltip · partshortcut.border—spec/components/tooltip.md:32 /tokens/shortcut.border
tree · partroot.border—spec/components/tree.md:30 /tokens/root.border
admin-form · stateborderdefault · color.surface.inputspec/components/admin-form.md:66 /stateTokens/default/border
avatar · stateborderdefault · color.surface.defaultspec/components/avatar.md:41 /stateTokens/default/border
button-group · stateborderdefault · color.surface.defaultspec/components/button-group.md:46 /stateTokens/default/border
card · stateborderhover · color.interaction.hover.bgspec/components/card.md:45 /stateTokens/hover/border
chart · stateborderdefault · color.surface.defaultspec/components/chart.md:46 /stateTokens/default/border
checkbox · stateborderdefault · color.surface.inputspec/components/checkbox.md:51 /stateTokens/default/border
checkbox · stateborderfocus-visible · color.surface.inputspec/components/checkbox.md:53 /stateTokens/focus-visible/border
checkbox · stateborderhover · color.interaction.hover.bgspec/components/checkbox.md:52 /stateTokens/hover/border
checkbox · stateborderrequired · color.surface.inputspec/components/checkbox.md:58 /stateTokens/required/border
chip · stateborderdefault · color.surface.defaultspec/components/chip.md:48 /stateTokens/default/border
chip · stateborderfocus-visible · color.surface.defaultspec/components/chip.md:50 /stateTokens/focus-visible/border
chip · stateborderhover · color.interaction.hover.bgspec/components/chip.md:49 /stateTokens/hover/border
code-editor · stateborderdefault · color.code.bgspec/components/code-editor.md:70 /stateTokens/default/border
combobox · stateborderdefault · color.surface.inputspec/components/combobox.md:65 /stateTokens/default/border
command-palette · stateborderdefault · color.surface.defaultspec/components/command-palette.md:53 /stateTokens/default/border
compact-dashboard · stateborderdefault · color.surface.defaultspec/components/compact-dashboard.md:47 /stateTokens/default/border
date-picker · stateborderdefault · color.surface.inputspec/components/date-picker.md:59 /stateTokens/default/border
date-picker · stateborderhover · color.interaction.hover.bgspec/components/date-picker.md:63 /stateTokens/hover/border
description-list · stateborderdefault · color.surface.defaultspec/components/description-list.md:41 /stateTokens/default/border
diagnostics · stateborderdefault · color.surface.defaultspec/components/diagnostics.md:65 /stateTokens/default/border
diff-view · stateborderdefault · color.code.bgspec/components/diff-view.md:63 /stateTokens/default/border
disclosure · stateborderdefault · color.surface.defaultspec/components/disclosure.md:48 /stateTokens/default/border
editor-search · stateborderdefault · color.surface.defaultspec/components/editor-search.md:48 /stateTokens/default/border
error-state · stateborderdefault · color.surface.defaultspec/components/error-state.md:50 /stateTokens/default/border
file-browser · stateborderdefault · color.surface.defaultspec/components/file-browser.md:49 /stateTokens/default/border
form-builder · stateborderdefault · color.surface.defaultspec/components/form-builder.md:24 /stateTokens/default/border
kbd · stateborderdefault · color.surface.defaultspec/components/kbd.md:39 /stateTokens/default/border
list · stateborderdefault · color.surface.defaultspec/components/list.md:50 /stateTokens/default/border
menu · stateborderclosed · color.surface.defaultspec/components/menu.md:61 /stateTokens/closed/border
menu · stateborderfocus-visible · color.surface.defaultspec/components/menu.md:59 /stateTokens/focus-visible/border
multiselect · stateborderdefault · color.surface.defaultspec/components/multiselect.md:65 /stateTokens/default/border
number-field · stateborderdefault · color.surface.inputspec/components/number-field.md:53 /stateTokens/default/border
number-field · stateborderhover · color.interaction.hover.bgspec/components/number-field.md:54 /stateTokens/hover/border
popover · stateborderdefault · color.surface.defaultspec/components/popover.md:46 /stateTokens/default/border
progress · stateborderdefault · color.surface.canvasspec/components/progress.md:39 /stateTokens/default/border
radio-group · stateborderdefault · color.surface.inputspec/components/radio-group.md:49 /stateTokens/default/border
radio-group · stateborderfocus-visible · color.surface.inputspec/components/radio-group.md:51 /stateTokens/focus-visible/border
radio-group · stateborderhover · color.interaction.hover.bgspec/components/radio-group.md:50 /stateTokens/hover/border
radio-group · stateborderrequired · color.surface.inputspec/components/radio-group.md:55 /stateTokens/required/border
range · stateborderdefault · color.surface.defaultspec/components/range.md:46 /stateTokens/default/border
repeater · stateborderdefault · color.surface.defaultspec/components/repeater.md:47 /stateTokens/default/border
search-field · stateborderdefault · color.surface.inputspec/components/search-field.md:52 /stateTokens/default/border
search-field · stateborderhover · color.interaction.hover.bgspec/components/search-field.md:53 /stateTokens/hover/border
search-field · stateborderloading · color.surface.inputspec/components/search-field.md:56 /stateTokens/loading/border
search-field · stateborderno-results · color.surface.inputspec/components/search-field.md:57 /stateTokens/no-results/border
search-field · stateborderplaceholder-shown · color.surface.inputspec/components/search-field.md:55 /stateTokens/placeholder-shown/border
segmented-control · stateborderdefault · color.surface.defaultspec/components/segmented-control.md:66 /stateTokens/default/border
select · stateborderdefault · color.surface.inputspec/components/select.md:55 /stateTokens/default/border
select · stateborderhover · color.interaction.hover.bgspec/components/select.md:56 /stateTokens/hover/border
select · stateborderrequired · color.surface.inputspec/components/select.md:58 /stateTokens/required/border
settings-panel · stateborderfocus-visible · color.surface.inputspec/components/settings-panel.md:55 /stateTokens/focus-visible/border
skeleton · stateborderdefault · color.surface.defaultspec/components/skeleton.md:42 /stateTokens/default/border
switch · stateborderdefault · color.surface.inputspec/components/switch.md:48 /stateTokens/default/border
switch · stateborderfocus-visible · color.surface.inputspec/components/switch.md:50 /stateTokens/focus-visible/border
switch · stateborderhover · color.interaction.hover.bgspec/components/switch.md:49 /stateTokens/hover/border
terminal · stateborderdefault · color.terminal.bgspec/components/terminal.md:67 /stateTokens/default/border
text-field · stateborderdefault · color.surface.inputspec/components/text-field.md:68 /stateTokens/default/border
text-field · stateborderhover · color.interaction.hover.bgspec/components/text-field.md:69 /stateTokens/hover/border
text-field · stateborderplaceholder-shown · color.surface.inputspec/components/text-field.md:71 /stateTokens/placeholder-shown/border
textarea · stateborderdefault · color.surface.inputspec/components/textarea.md:57 /stateTokens/default/border
textarea · stateborderhover · color.interaction.hover.bgspec/components/textarea.md:58 /stateTokens/hover/border
textarea · stateborderplaceholder-shown · color.surface.inputspec/components/textarea.md:60 /stateTokens/placeholder-shown/border
time-picker · stateborderdefault · color.surface.inputspec/components/time-picker.md:45 /stateTokens/default/border
time-picker · stateborderhover · color.interaction.hover.bgspec/components/time-picker.md:49 /stateTokens/hover/border
timeline · stateborderdefault · color.surface.defaultspec/components/timeline.md:42 /stateTokens/default/border
tree · stateborderdefault · color.surface.defaultspec/components/tree.md:52 /stateTokens/default/border

Relevant contrast declarations

heritage-ansi · heritage

Resolved value
#a3676b
Status
proposed
Consumption
historical-only — Historical fidelity only; preserve all documented limitations and deprecations.
Decisions
D-007
Source
tokens/semantic.tokens.json:248 /color/border/control
Alias chain
color.primitive.rose.350
Used by aliases
No declared aliases depend on this role.

Provenance and restrictions

{
  "status": "proposed",
  "approval": {
    "decision": "D-007"
  }
}

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
avatar · contrast—— · color.surface.defaultspec/components/avatar.md:49 /contrast/2
button-group · contrast—— · color.surface.defaultspec/components/button-group.md:54 /contrast/2
chart · contrast—— · color.surface.defaultspec/components/chart.md:54 /contrast/2
checkbox · contrast—checked · color.surface.defaultspec/components/checkbox.md:62 /contrast/2
command-palette · contrast—— · color.surface.defaultspec/components/command-palette.md:61 /contrast/2
compact-dashboard · contrast—— · color.surface.defaultspec/components/compact-dashboard.md:55 /contrast/2
data-table · contrast—— · color.surface.inputspec/components/data-table.md:67 /contrast/1
description-list · contrast—— · color.surface.defaultspec/components/description-list.md:49 /contrast/2
dialog · contrast—— · color.surface.overlayspec/components/dialog.md:72 /contrast/10
disclosure · contrast—— · color.surface.defaultspec/components/disclosure.md:56 /contrast/2
editor-search · contrast—— · color.surface.defaultspec/components/editor-search.md:56 /contrast/2
error-state · contrast—— · color.surface.defaultspec/components/error-state.md:58 /contrast/2
file-browser · contrast—— · color.surface.defaultspec/components/file-browser.md:57 /contrast/2
filterable-table · contrast—— · color.surface.chromespec/components/filterable-table.md:81 /contrast/1
filterable-table · contrast—— · color.surface.defaultspec/components/filterable-table.md:88 /contrast/8
kbd · contrast—— · color.surface.defaultspec/components/kbd.md:47 /contrast/2
multiselect · contrast—— · color.surface.defaultspec/components/multiselect.md:73 /contrast/2
popover · contrast—— · color.surface.defaultspec/components/popover.md:54 /contrast/2
radio-group · contrast—checked · color.surface.defaultspec/components/radio-group.md:59 /contrast/2
range · contrast—— · color.surface.defaultspec/components/range.md:54 /contrast/2
repeater · contrast—— · color.surface.defaultspec/components/repeater.md:55 /contrast/2
segmented-control · contrast—— · color.surface.defaultspec/components/segmented-control.md:74 /contrast/2
settings-panel · contrast—— · color.surface.defaultspec/components/settings-panel.md:63 /contrast/4
skeleton · contrast—— · color.surface.defaultspec/components/skeleton.md:50 /contrast/2
switch · contrast—checked · color.surface.defaultspec/components/switch.md:57 /contrast/3
timeline · contrast—— · color.surface.defaultspec/components/timeline.md:50 /contrast/2
tooltip · contrast—— · color.surface.raisedspec/components/tooltip.md:44 /contrast/1
tree · contrast—— · color.surface.defaultspec/components/tree.md:60 /contrast/2
Shared rule · contrast—— · color.surface.defaultspec/contrast.json:45 /pairs/41
Shared rule · contrast—— · color.surface.inputspec/contrast.json:44 /pairs/40
admin-form · partfield.border—spec/components/admin-form.md:44 /tokens/field.border
avatar · partroot.border—spec/components/avatar.md:26 /tokens/root.border
button-group · partroot.border—spec/components/button-group.md:26 /tokens/root.border
card · partroot.border-hover—spec/components/card.md:35 /tokens/root.border-hover
chart · partroot.border—spec/components/chart.md:26 /tokens/root.border
checkbox · partbox.border—spec/components/checkbox.md:34 /tokens/box.border
chip · partroot.border—spec/components/chip.md:33 /tokens/root.border
code-editor · partfold.border—spec/components/code-editor.md:51 /tokens/fold.border
code-editor · partroot.border—spec/components/code-editor.md:35 /tokens/root.border
combobox · partroot.border—spec/components/combobox.md:36 /tokens/root.border
command-palette · partroot.border—spec/components/command-palette.md:29 /tokens/root.border
compact-dashboard · partroot.border—spec/components/compact-dashboard.md:28 /tokens/root.border
data-table · partcheckbox.border—spec/components/data-table.md:48 /tokens/checkbox.border
date-picker · partroot.border—spec/components/date-picker.md:32 /tokens/root.border
description-list · partroot.border—spec/components/description-list.md:25 /tokens/root.border
diagnostics · partroot.border—spec/components/diagnostics.md:33 /tokens/root.border
dialog · partfield.border—spec/components/dialog.md:51 /tokens/field.border
diff-view · partroot.border—spec/components/diff-view.md:37 /tokens/root.border
disclosure · partroot.border—spec/components/disclosure.md:27 /tokens/root.border
editor-search · partroot.border—spec/components/editor-search.md:27 /tokens/root.border
error-state · partroot.border—spec/components/error-state.md:28 /tokens/root.border
field · partcontrol.border—spec/components/field.md:25 /tokens/control.border
fieldset · partfield.border—spec/components/fieldset.md:26 /tokens/field.border
file-browser · partroot.border—spec/components/file-browser.md:29 /tokens/root.border
filterable-table · partcheck.border—spec/components/filterable-table.md:59 /tokens/check.border
filterable-table · partchip.border—spec/components/filterable-table.md:46 /tokens/chip.border
filterable-table · partfilter.border—spec/components/filterable-table.md:42 /tokens/filter.border
filterable-table · partsearch.border—spec/components/filterable-table.md:37 /tokens/search.border
form-builder · partroot.border—spec/components/form-builder.md:21 /tokens/root.border
kbd · partroot.border—spec/components/kbd.md:24 /tokens/root.border
list · partroot.border—spec/components/list.md:36 /tokens/root.border
menu · partbutton.border—spec/components/menu.md:38 /tokens/button.border
multiselect · partroot.border—spec/components/multiselect.md:28 /tokens/root.border
number-field · partroot.border—spec/components/number-field.md:31 /tokens/root.border
popover · partroot.border—spec/components/popover.md:27 /tokens/root.border
progress · parttrack.border—spec/components/progress.md:29 /tokens/track.border
radio-group · partbox.border—spec/components/radio-group.md:32 /tokens/box.border
range · partroot.border—spec/components/range.md:26 /tokens/root.border
repeater · partroot.border—spec/components/repeater.md:27 /tokens/root.border
search-field · partroot.border—spec/components/search-field.md:32 /tokens/root.border
segmented-control · partroot.border—spec/components/segmented-control.md:27 /tokens/root.border
select · partroot.border—spec/components/select.md:34 /tokens/root.border
settings-panel · partcontrol.border—spec/components/settings-panel.md:40 /tokens/control.border
skeleton · partroot.border—spec/components/skeleton.md:26 /tokens/root.border
switch · parttrack.border—spec/components/switch.md:33 /tokens/track.border
terminal · partroot.border—spec/components/terminal.md:34 /tokens/root.border
text-field · partroot.border—spec/components/text-field.md:43 /tokens/root.border
textarea · partroot.border—spec/components/textarea.md:34 /tokens/root.border
time-picker · partroot.border—spec/components/time-picker.md:28 /tokens/root.border
timeline · partroot.border—spec/components/timeline.md:25 /tokens/root.border
tooltip · partshortcut.border—spec/components/tooltip.md:32 /tokens/shortcut.border
tree · partroot.border—spec/components/tree.md:30 /tokens/root.border
admin-form · stateborderdefault · color.surface.inputspec/components/admin-form.md:66 /stateTokens/default/border
avatar · stateborderdefault · color.surface.defaultspec/components/avatar.md:41 /stateTokens/default/border
button-group · stateborderdefault · color.surface.defaultspec/components/button-group.md:46 /stateTokens/default/border
card · stateborderhover · color.interaction.hover.bgspec/components/card.md:45 /stateTokens/hover/border
chart · stateborderdefault · color.surface.defaultspec/components/chart.md:46 /stateTokens/default/border
checkbox · stateborderdefault · color.surface.inputspec/components/checkbox.md:51 /stateTokens/default/border
checkbox · stateborderfocus-visible · color.surface.inputspec/components/checkbox.md:53 /stateTokens/focus-visible/border
checkbox · stateborderhover · color.interaction.hover.bgspec/components/checkbox.md:52 /stateTokens/hover/border
checkbox · stateborderrequired · color.surface.inputspec/components/checkbox.md:58 /stateTokens/required/border
chip · stateborderdefault · color.surface.defaultspec/components/chip.md:48 /stateTokens/default/border
chip · stateborderfocus-visible · color.surface.defaultspec/components/chip.md:50 /stateTokens/focus-visible/border
chip · stateborderhover · color.interaction.hover.bgspec/components/chip.md:49 /stateTokens/hover/border
code-editor · stateborderdefault · color.code.bgspec/components/code-editor.md:70 /stateTokens/default/border
combobox · stateborderdefault · color.surface.inputspec/components/combobox.md:65 /stateTokens/default/border
command-palette · stateborderdefault · color.surface.defaultspec/components/command-palette.md:53 /stateTokens/default/border
compact-dashboard · stateborderdefault · color.surface.defaultspec/components/compact-dashboard.md:47 /stateTokens/default/border
date-picker · stateborderdefault · color.surface.inputspec/components/date-picker.md:59 /stateTokens/default/border
date-picker · stateborderhover · color.interaction.hover.bgspec/components/date-picker.md:63 /stateTokens/hover/border
description-list · stateborderdefault · color.surface.defaultspec/components/description-list.md:41 /stateTokens/default/border
diagnostics · stateborderdefault · color.surface.defaultspec/components/diagnostics.md:65 /stateTokens/default/border
diff-view · stateborderdefault · color.code.bgspec/components/diff-view.md:63 /stateTokens/default/border
disclosure · stateborderdefault · color.surface.defaultspec/components/disclosure.md:48 /stateTokens/default/border
editor-search · stateborderdefault · color.surface.defaultspec/components/editor-search.md:48 /stateTokens/default/border
error-state · stateborderdefault · color.surface.defaultspec/components/error-state.md:50 /stateTokens/default/border
file-browser · stateborderdefault · color.surface.defaultspec/components/file-browser.md:49 /stateTokens/default/border
form-builder · stateborderdefault · color.surface.defaultspec/components/form-builder.md:24 /stateTokens/default/border
kbd · stateborderdefault · color.surface.defaultspec/components/kbd.md:39 /stateTokens/default/border
list · stateborderdefault · color.surface.defaultspec/components/list.md:50 /stateTokens/default/border
menu · stateborderclosed · color.surface.defaultspec/components/menu.md:61 /stateTokens/closed/border
menu · stateborderfocus-visible · color.surface.defaultspec/components/menu.md:59 /stateTokens/focus-visible/border
multiselect · stateborderdefault · color.surface.defaultspec/components/multiselect.md:65 /stateTokens/default/border
number-field · stateborderdefault · color.surface.inputspec/components/number-field.md:53 /stateTokens/default/border
number-field · stateborderhover · color.interaction.hover.bgspec/components/number-field.md:54 /stateTokens/hover/border
popover · stateborderdefault · color.surface.defaultspec/components/popover.md:46 /stateTokens/default/border
progress · stateborderdefault · color.surface.canvasspec/components/progress.md:39 /stateTokens/default/border
radio-group · stateborderdefault · color.surface.inputspec/components/radio-group.md:49 /stateTokens/default/border
radio-group · stateborderfocus-visible · color.surface.inputspec/components/radio-group.md:51 /stateTokens/focus-visible/border
radio-group · stateborderhover · color.interaction.hover.bgspec/components/radio-group.md:50 /stateTokens/hover/border
radio-group · stateborderrequired · color.surface.inputspec/components/radio-group.md:55 /stateTokens/required/border
range · stateborderdefault · color.surface.defaultspec/components/range.md:46 /stateTokens/default/border
repeater · stateborderdefault · color.surface.defaultspec/components/repeater.md:47 /stateTokens/default/border
search-field · stateborderdefault · color.surface.inputspec/components/search-field.md:52 /stateTokens/default/border
search-field · stateborderhover · color.interaction.hover.bgspec/components/search-field.md:53 /stateTokens/hover/border
search-field · stateborderloading · color.surface.inputspec/components/search-field.md:56 /stateTokens/loading/border
search-field · stateborderno-results · color.surface.inputspec/components/search-field.md:57 /stateTokens/no-results/border
search-field · stateborderplaceholder-shown · color.surface.inputspec/components/search-field.md:55 /stateTokens/placeholder-shown/border
segmented-control · stateborderdefault · color.surface.defaultspec/components/segmented-control.md:66 /stateTokens/default/border
select · stateborderdefault · color.surface.inputspec/components/select.md:55 /stateTokens/default/border
select · stateborderhover · color.interaction.hover.bgspec/components/select.md:56 /stateTokens/hover/border
select · stateborderrequired · color.surface.inputspec/components/select.md:58 /stateTokens/required/border
settings-panel · stateborderfocus-visible · color.surface.inputspec/components/settings-panel.md:55 /stateTokens/focus-visible/border
skeleton · stateborderdefault · color.surface.defaultspec/components/skeleton.md:42 /stateTokens/default/border
switch · stateborderdefault · color.surface.inputspec/components/switch.md:48 /stateTokens/default/border
switch · stateborderfocus-visible · color.surface.inputspec/components/switch.md:50 /stateTokens/focus-visible/border
switch · stateborderhover · color.interaction.hover.bgspec/components/switch.md:49 /stateTokens/hover/border
terminal · stateborderdefault · color.terminal.bgspec/components/terminal.md:67 /stateTokens/default/border
text-field · stateborderdefault · color.surface.inputspec/components/text-field.md:68 /stateTokens/default/border
text-field · stateborderhover · color.interaction.hover.bgspec/components/text-field.md:69 /stateTokens/hover/border
text-field · stateborderplaceholder-shown · color.surface.inputspec/components/text-field.md:71 /stateTokens/placeholder-shown/border
textarea · stateborderdefault · color.surface.inputspec/components/textarea.md:57 /stateTokens/default/border
textarea · stateborderhover · color.interaction.hover.bgspec/components/textarea.md:58 /stateTokens/hover/border
textarea · stateborderplaceholder-shown · color.surface.inputspec/components/textarea.md:60 /stateTokens/placeholder-shown/border
time-picker · stateborderdefault · color.surface.inputspec/components/time-picker.md:45 /stateTokens/default/border
time-picker · stateborderhover · color.interaction.hover.bgspec/components/time-picker.md:49 /stateTokens/hover/border
timeline · stateborderdefault · color.surface.defaultspec/components/timeline.md:42 /stateTokens/default/border
tree · stateborderdefault · color.surface.defaultspec/components/tree.md:52 /stateTokens/default/border

Relevant contrast declarations

extended · proposed

Resolved value
#a3676b
Status
proposed
Consumption
blocked — Proposed profile: preview only, not downstream delivery.
Decisions
D-007
Source
tokens/semantic.tokens.json:248 /color/border/control
Alias chain
color.primitive.rose.350
Used by aliases
No declared aliases depend on this role.

Provenance and restrictions

{
  "status": "proposed",
  "approval": {
    "decision": "D-007"
  }
}

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
avatar · contrast—— · color.surface.defaultspec/components/avatar.md:49 /contrast/2
button-group · contrast—— · color.surface.defaultspec/components/button-group.md:54 /contrast/2
chart · contrast—— · color.surface.defaultspec/components/chart.md:54 /contrast/2
checkbox · contrast—checked · color.surface.defaultspec/components/checkbox.md:62 /contrast/2
command-palette · contrast—— · color.surface.defaultspec/components/command-palette.md:61 /contrast/2
compact-dashboard · contrast—— · color.surface.defaultspec/components/compact-dashboard.md:55 /contrast/2
data-table · contrast—— · color.surface.inputspec/components/data-table.md:67 /contrast/1
description-list · contrast—— · color.surface.defaultspec/components/description-list.md:49 /contrast/2
dialog · contrast—— · color.surface.overlayspec/components/dialog.md:72 /contrast/10
disclosure · contrast—— · color.surface.defaultspec/components/disclosure.md:56 /contrast/2
editor-search · contrast—— · color.surface.defaultspec/components/editor-search.md:56 /contrast/2
error-state · contrast—— · color.surface.defaultspec/components/error-state.md:58 /contrast/2
file-browser · contrast—— · color.surface.defaultspec/components/file-browser.md:57 /contrast/2
filterable-table · contrast—— · color.surface.chromespec/components/filterable-table.md:81 /contrast/1
filterable-table · contrast—— · color.surface.defaultspec/components/filterable-table.md:88 /contrast/8
kbd · contrast—— · color.surface.defaultspec/components/kbd.md:47 /contrast/2
multiselect · contrast—— · color.surface.defaultspec/components/multiselect.md:73 /contrast/2
popover · contrast—— · color.surface.defaultspec/components/popover.md:54 /contrast/2
radio-group · contrast—checked · color.surface.defaultspec/components/radio-group.md:59 /contrast/2
range · contrast—— · color.surface.defaultspec/components/range.md:54 /contrast/2
repeater · contrast—— · color.surface.defaultspec/components/repeater.md:55 /contrast/2
segmented-control · contrast—— · color.surface.defaultspec/components/segmented-control.md:74 /contrast/2
settings-panel · contrast—— · color.surface.defaultspec/components/settings-panel.md:63 /contrast/4
skeleton · contrast—— · color.surface.defaultspec/components/skeleton.md:50 /contrast/2
switch · contrast—checked · color.surface.defaultspec/components/switch.md:57 /contrast/3
timeline · contrast—— · color.surface.defaultspec/components/timeline.md:50 /contrast/2
tooltip · contrast—— · color.surface.raisedspec/components/tooltip.md:44 /contrast/1
tree · contrast—— · color.surface.defaultspec/components/tree.md:60 /contrast/2
Shared rule · contrast—— · color.surface.defaultspec/contrast.json:45 /pairs/41
Shared rule · contrast—— · color.surface.inputspec/contrast.json:44 /pairs/40
admin-form · partfield.border—spec/components/admin-form.md:44 /tokens/field.border
avatar · partroot.border—spec/components/avatar.md:26 /tokens/root.border
button-group · partroot.border—spec/components/button-group.md:26 /tokens/root.border
card · partroot.border-hover—spec/components/card.md:35 /tokens/root.border-hover
chart · partroot.border—spec/components/chart.md:26 /tokens/root.border
checkbox · partbox.border—spec/components/checkbox.md:34 /tokens/box.border
chip · partroot.border—spec/components/chip.md:33 /tokens/root.border
code-editor · partfold.border—spec/components/code-editor.md:51 /tokens/fold.border
code-editor · partroot.border—spec/components/code-editor.md:35 /tokens/root.border
combobox · partroot.border—spec/components/combobox.md:36 /tokens/root.border
command-palette · partroot.border—spec/components/command-palette.md:29 /tokens/root.border
compact-dashboard · partroot.border—spec/components/compact-dashboard.md:28 /tokens/root.border
data-table · partcheckbox.border—spec/components/data-table.md:48 /tokens/checkbox.border
date-picker · partroot.border—spec/components/date-picker.md:32 /tokens/root.border
description-list · partroot.border—spec/components/description-list.md:25 /tokens/root.border
diagnostics · partroot.border—spec/components/diagnostics.md:33 /tokens/root.border
dialog · partfield.border—spec/components/dialog.md:51 /tokens/field.border
diff-view · partroot.border—spec/components/diff-view.md:37 /tokens/root.border
disclosure · partroot.border—spec/components/disclosure.md:27 /tokens/root.border
editor-search · partroot.border—spec/components/editor-search.md:27 /tokens/root.border
error-state · partroot.border—spec/components/error-state.md:28 /tokens/root.border
field · partcontrol.border—spec/components/field.md:25 /tokens/control.border
fieldset · partfield.border—spec/components/fieldset.md:26 /tokens/field.border
file-browser · partroot.border—spec/components/file-browser.md:29 /tokens/root.border
filterable-table · partcheck.border—spec/components/filterable-table.md:59 /tokens/check.border
filterable-table · partchip.border—spec/components/filterable-table.md:46 /tokens/chip.border
filterable-table · partfilter.border—spec/components/filterable-table.md:42 /tokens/filter.border
filterable-table · partsearch.border—spec/components/filterable-table.md:37 /tokens/search.border
form-builder · partroot.border—spec/components/form-builder.md:21 /tokens/root.border
kbd · partroot.border—spec/components/kbd.md:24 /tokens/root.border
list · partroot.border—spec/components/list.md:36 /tokens/root.border
menu · partbutton.border—spec/components/menu.md:38 /tokens/button.border
multiselect · partroot.border—spec/components/multiselect.md:28 /tokens/root.border
number-field · partroot.border—spec/components/number-field.md:31 /tokens/root.border
popover · partroot.border—spec/components/popover.md:27 /tokens/root.border
progress · parttrack.border—spec/components/progress.md:29 /tokens/track.border
radio-group · partbox.border—spec/components/radio-group.md:32 /tokens/box.border
range · partroot.border—spec/components/range.md:26 /tokens/root.border
repeater · partroot.border—spec/components/repeater.md:27 /tokens/root.border
search-field · partroot.border—spec/components/search-field.md:32 /tokens/root.border
segmented-control · partroot.border—spec/components/segmented-control.md:27 /tokens/root.border
select · partroot.border—spec/components/select.md:34 /tokens/root.border
settings-panel · partcontrol.border—spec/components/settings-panel.md:40 /tokens/control.border
skeleton · partroot.border—spec/components/skeleton.md:26 /tokens/root.border
switch · parttrack.border—spec/components/switch.md:33 /tokens/track.border
terminal · partroot.border—spec/components/terminal.md:34 /tokens/root.border
text-field · partroot.border—spec/components/text-field.md:43 /tokens/root.border
textarea · partroot.border—spec/components/textarea.md:34 /tokens/root.border
time-picker · partroot.border—spec/components/time-picker.md:28 /tokens/root.border
timeline · partroot.border—spec/components/timeline.md:25 /tokens/root.border
tooltip · partshortcut.border—spec/components/tooltip.md:32 /tokens/shortcut.border
tree · partroot.border—spec/components/tree.md:30 /tokens/root.border
admin-form · stateborderdefault · color.surface.inputspec/components/admin-form.md:66 /stateTokens/default/border
avatar · stateborderdefault · color.surface.defaultspec/components/avatar.md:41 /stateTokens/default/border
button-group · stateborderdefault · color.surface.defaultspec/components/button-group.md:46 /stateTokens/default/border
card · stateborderhover · color.interaction.hover.bgspec/components/card.md:45 /stateTokens/hover/border
chart · stateborderdefault · color.surface.defaultspec/components/chart.md:46 /stateTokens/default/border
checkbox · stateborderdefault · color.surface.inputspec/components/checkbox.md:51 /stateTokens/default/border
checkbox · stateborderfocus-visible · color.surface.inputspec/components/checkbox.md:53 /stateTokens/focus-visible/border
checkbox · stateborderhover · color.interaction.hover.bgspec/components/checkbox.md:52 /stateTokens/hover/border
checkbox · stateborderrequired · color.surface.inputspec/components/checkbox.md:58 /stateTokens/required/border
chip · stateborderdefault · color.surface.defaultspec/components/chip.md:48 /stateTokens/default/border
chip · stateborderfocus-visible · color.surface.defaultspec/components/chip.md:50 /stateTokens/focus-visible/border
chip · stateborderhover · color.interaction.hover.bgspec/components/chip.md:49 /stateTokens/hover/border
code-editor · stateborderdefault · color.code.bgspec/components/code-editor.md:70 /stateTokens/default/border
combobox · stateborderdefault · color.surface.inputspec/components/combobox.md:65 /stateTokens/default/border
command-palette · stateborderdefault · color.surface.defaultspec/components/command-palette.md:53 /stateTokens/default/border
compact-dashboard · stateborderdefault · color.surface.defaultspec/components/compact-dashboard.md:47 /stateTokens/default/border
date-picker · stateborderdefault · color.surface.inputspec/components/date-picker.md:59 /stateTokens/default/border
date-picker · stateborderhover · color.interaction.hover.bgspec/components/date-picker.md:63 /stateTokens/hover/border
description-list · stateborderdefault · color.surface.defaultspec/components/description-list.md:41 /stateTokens/default/border
diagnostics · stateborderdefault · color.surface.defaultspec/components/diagnostics.md:65 /stateTokens/default/border
diff-view · stateborderdefault · color.code.bgspec/components/diff-view.md:63 /stateTokens/default/border
disclosure · stateborderdefault · color.surface.defaultspec/components/disclosure.md:48 /stateTokens/default/border
editor-search · stateborderdefault · color.surface.defaultspec/components/editor-search.md:48 /stateTokens/default/border
error-state · stateborderdefault · color.surface.defaultspec/components/error-state.md:50 /stateTokens/default/border
file-browser · stateborderdefault · color.surface.defaultspec/components/file-browser.md:49 /stateTokens/default/border
form-builder · stateborderdefault · color.surface.defaultspec/components/form-builder.md:24 /stateTokens/default/border
kbd · stateborderdefault · color.surface.defaultspec/components/kbd.md:39 /stateTokens/default/border
list · stateborderdefault · color.surface.defaultspec/components/list.md:50 /stateTokens/default/border
menu · stateborderclosed · color.surface.defaultspec/components/menu.md:61 /stateTokens/closed/border
menu · stateborderfocus-visible · color.surface.defaultspec/components/menu.md:59 /stateTokens/focus-visible/border
multiselect · stateborderdefault · color.surface.defaultspec/components/multiselect.md:65 /stateTokens/default/border
number-field · stateborderdefault · color.surface.inputspec/components/number-field.md:53 /stateTokens/default/border
number-field · stateborderhover · color.interaction.hover.bgspec/components/number-field.md:54 /stateTokens/hover/border
popover · stateborderdefault · color.surface.defaultspec/components/popover.md:46 /stateTokens/default/border
progress · stateborderdefault · color.surface.canvasspec/components/progress.md:39 /stateTokens/default/border
radio-group · stateborderdefault · color.surface.inputspec/components/radio-group.md:49 /stateTokens/default/border
radio-group · stateborderfocus-visible · color.surface.inputspec/components/radio-group.md:51 /stateTokens/focus-visible/border
radio-group · stateborderhover · color.interaction.hover.bgspec/components/radio-group.md:50 /stateTokens/hover/border
radio-group · stateborderrequired · color.surface.inputspec/components/radio-group.md:55 /stateTokens/required/border
range · stateborderdefault · color.surface.defaultspec/components/range.md:46 /stateTokens/default/border
repeater · stateborderdefault · color.surface.defaultspec/components/repeater.md:47 /stateTokens/default/border
search-field · stateborderdefault · color.surface.inputspec/components/search-field.md:52 /stateTokens/default/border
search-field · stateborderhover · color.interaction.hover.bgspec/components/search-field.md:53 /stateTokens/hover/border
search-field · stateborderloading · color.surface.inputspec/components/search-field.md:56 /stateTokens/loading/border
search-field · stateborderno-results · color.surface.inputspec/components/search-field.md:57 /stateTokens/no-results/border
search-field · stateborderplaceholder-shown · color.surface.inputspec/components/search-field.md:55 /stateTokens/placeholder-shown/border
segmented-control · stateborderdefault · color.surface.defaultspec/components/segmented-control.md:66 /stateTokens/default/border
select · stateborderdefault · color.surface.inputspec/components/select.md:55 /stateTokens/default/border
select · stateborderhover · color.interaction.hover.bgspec/components/select.md:56 /stateTokens/hover/border
select · stateborderrequired · color.surface.inputspec/components/select.md:58 /stateTokens/required/border
settings-panel · stateborderfocus-visible · color.surface.inputspec/components/settings-panel.md:55 /stateTokens/focus-visible/border
skeleton · stateborderdefault · color.surface.defaultspec/components/skeleton.md:42 /stateTokens/default/border
switch · stateborderdefault · color.surface.inputspec/components/switch.md:48 /stateTokens/default/border
switch · stateborderfocus-visible · color.surface.inputspec/components/switch.md:50 /stateTokens/focus-visible/border
switch · stateborderhover · color.interaction.hover.bgspec/components/switch.md:49 /stateTokens/hover/border
terminal · stateborderdefault · color.terminal.bgspec/components/terminal.md:67 /stateTokens/default/border
text-field · stateborderdefault · color.surface.inputspec/components/text-field.md:68 /stateTokens/default/border
text-field · stateborderhover · color.interaction.hover.bgspec/components/text-field.md:69 /stateTokens/hover/border
text-field · stateborderplaceholder-shown · color.surface.inputspec/components/text-field.md:71 /stateTokens/placeholder-shown/border
textarea · stateborderdefault · color.surface.inputspec/components/textarea.md:57 /stateTokens/default/border
textarea · stateborderhover · color.interaction.hover.bgspec/components/textarea.md:58 /stateTokens/hover/border
textarea · stateborderplaceholder-shown · color.surface.inputspec/components/textarea.md:60 /stateTokens/placeholder-shown/border
time-picker · stateborderdefault · color.surface.inputspec/components/time-picker.md:45 /stateTokens/default/border
time-picker · stateborderhover · color.interaction.hover.bgspec/components/time-picker.md:49 /stateTokens/hover/border
timeline · stateborderdefault · color.surface.defaultspec/components/timeline.md:42 /stateTokens/default/border
tree · stateborderdefault · color.surface.defaultspec/components/tree.md:52 /stateTokens/default/border

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