J3W1 / DESIGN SYSTEM

color.surface.default

Panels and cards.

Source revision 1faefcf014c8bf01a6b27308ea796da968773a81

Report an issue with this token

color.surface.default

--color-surface-default

default · approved

Resolved value: #100c0c
Status: approved
Consumption: use — Use within the role's documented scope and restrictions.
Decisions: None pending.
Source: tokens/semantic.tokens.json:50 /color/surface/default
Alias chain: color.primitive.ink.28
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 / kind	Part / variant	State / surface	Source declaration
admin-form · contrast	—	disabled · color.surface.default	spec/components/admin-form.md:82 `/contrast/12`
admin-form · contrast	—	invalid · color.surface.default	spec/components/admin-form.md:77 `/contrast/7`
admin-form · contrast	—	— · color.surface.default	spec/components/admin-form.md:70 `/contrast/0`
admin-form · contrast	—	— · color.surface.default	spec/components/admin-form.md:71 `/contrast/1`
admin-form · contrast	—	— · color.surface.default	spec/components/admin-form.md:80 `/contrast/10`
admin-form · contrast	—	— · color.surface.default	spec/components/admin-form.md:84 `/contrast/14`
admin-form · contrast	—	— · color.surface.default	spec/components/admin-form.md:85 `/contrast/15`
admin-form · contrast	—	— · color.surface.default	spec/components/admin-form.md:86 `/contrast/16`
admin-form · contrast	—	— · color.surface.default	spec/components/admin-form.md:72 `/contrast/2`
admin-form · contrast	—	— · color.surface.default	spec/components/admin-form.md:73 `/contrast/3`
admin-form · contrast	—	— · color.surface.default	spec/components/admin-form.md:79 `/contrast/9`
avatar · contrast	—	— · color.surface.default	spec/components/avatar.md:43 `/contrast/0`
avatar · contrast	—	— · color.surface.default	spec/components/avatar.md:46 `/contrast/1`
avatar · contrast	—	— · color.surface.default	spec/components/avatar.md:49 `/contrast/2`
badge · contrast	—	empty · color.surface.default	spec/components/badge.md:69 `/contrast/15`
badge · contrast	—	empty · color.surface.default	spec/components/badge.md:70 `/contrast/16`
badge · contrast	—	empty · color.surface.default	spec/components/badge.md:71 `/contrast/17`
badge · contrast	—	empty · color.surface.default	spec/components/badge.md:72 `/contrast/18`
badge · contrast	—	empty · color.surface.default	spec/components/badge.md:73 `/contrast/19`
badge · contrast	—	— · color.surface.default	spec/components/badge.md:64 `/contrast/10`
badge · contrast	—	— · color.surface.default	spec/components/badge.md:65 `/contrast/11`
badge · contrast	—	— · color.surface.default	spec/components/badge.md:66 `/contrast/12`
badge · contrast	—	— · color.surface.default	spec/components/badge.md:67 `/contrast/13`
badge · contrast	—	— · color.surface.default	spec/components/badge.md:68 `/contrast/14`
badge · contrast	—	— · color.surface.default	spec/components/badge.md:59 `/contrast/5`
badge · contrast	—	— · color.surface.default	spec/components/badge.md:60 `/contrast/6`
badge · contrast	—	— · color.surface.default	spec/components/badge.md:61 `/contrast/7`
badge · contrast	—	— · color.surface.default	spec/components/badge.md:62 `/contrast/8`
badge · contrast	—	— · color.surface.default	spec/components/badge.md:63 `/contrast/9`
breadcrumbs · contrast	—	— · color.surface.default	spec/components/breadcrumbs.md:45 `/contrast/0`
breadcrumbs · contrast	—	— · color.surface.default	spec/components/breadcrumbs.md:46 `/contrast/1`
button-group · contrast	—	— · color.surface.default	spec/components/button-group.md:48 `/contrast/0`
button-group · contrast	—	— · color.surface.default	spec/components/button-group.md:51 `/contrast/1`
button-group · contrast	—	— · color.surface.default	spec/components/button-group.md:54 `/contrast/2`
button · contrast	—	hover · color.surface.default	spec/components/button.md:71 `/contrast/4`
button · contrast	—	— · color.surface.default	spec/components/button.md:67 `/contrast/0`
card · contrast	—	— · color.surface.default	spec/components/card.md:50 `/contrast/0`
card · contrast	—	— · color.surface.default	spec/components/card.md:51 `/contrast/1`
card · contrast	—	— · color.surface.default	spec/components/card.md:54 `/contrast/4`
chart · contrast	—	— · color.surface.default	spec/components/chart.md:48 `/contrast/0`
chart · contrast	—	— · color.surface.default	spec/components/chart.md:51 `/contrast/1`
chart · contrast	—	— · color.surface.default	spec/components/chart.md:54 `/contrast/2`
checkbox · contrast	—	checked · color.surface.default	spec/components/checkbox.md:62 `/contrast/2`
checkbox · contrast	—	disabled · color.surface.default	spec/components/checkbox.md:65 `/contrast/5`
checkbox · contrast	—	— · color.surface.default	spec/components/checkbox.md:60 `/contrast/0`
checkbox · contrast	—	— · color.surface.default	spec/components/checkbox.md:61 `/contrast/1`
checkbox · contrast	—	— · color.surface.default	spec/components/checkbox.md:64 `/contrast/4`
chip · contrast	—	— · color.surface.default	spec/components/chip.md:54 `/contrast/0`
command-palette · contrast	—	— · color.surface.default	spec/components/command-palette.md:55 `/contrast/0`
command-palette · contrast	—	— · color.surface.default	spec/components/command-palette.md:58 `/contrast/1`
command-palette · contrast	—	— · color.surface.default	spec/components/command-palette.md:61 `/contrast/2`
compact-dashboard · contrast	—	— · color.surface.default	spec/components/compact-dashboard.md:49 `/contrast/0`
compact-dashboard · contrast	—	— · color.surface.default	spec/components/compact-dashboard.md:52 `/contrast/1`
compact-dashboard · contrast	—	— · color.surface.default	spec/components/compact-dashboard.md:55 `/contrast/2`
data-table · contrast	—	mixed · color.surface.default	spec/components/data-table.md:68 `/contrast/2`
data-table · contrast	—	— · color.surface.default	spec/components/data-table.md:66 `/contrast/0`
data-table · contrast	—	— · color.surface.default	spec/components/data-table.md:69 `/contrast/3`
data-table · contrast	—	— · color.surface.default	spec/components/data-table.md:70 `/contrast/4`
data-table · contrast	—	— · color.surface.default	spec/components/data-table.md:71 `/contrast/5`
description-list · contrast	—	— · color.surface.default	spec/components/description-list.md:43 `/contrast/0`
description-list · contrast	—	— · color.surface.default	spec/components/description-list.md:46 `/contrast/1`
description-list · contrast	—	— · color.surface.default	spec/components/description-list.md:49 `/contrast/2`
diagnostics · contrast	—	empty · color.surface.default	spec/components/diagnostics.md:94 `/contrast/21`
diagnostics · contrast	—	— · color.surface.default	spec/components/diagnostics.md:87 `/contrast/14`
diagnostics · contrast	—	— · color.surface.default	spec/components/diagnostics.md:88 `/contrast/15`
diagnostics · contrast	—	— · color.surface.default	spec/components/diagnostics.md:89 `/contrast/16`
diagnostics · contrast	—	— · color.surface.default	spec/components/diagnostics.md:90 `/contrast/17`
diagnostics · contrast	—	— · color.surface.default	spec/components/diagnostics.md:91 `/contrast/18`
disclosure · contrast	—	— · color.surface.default	spec/components/disclosure.md:50 `/contrast/0`
disclosure · contrast	—	— · color.surface.default	spec/components/disclosure.md:53 `/contrast/1`
disclosure · contrast	—	— · color.surface.default	spec/components/disclosure.md:56 `/contrast/2`
editor-search · contrast	—	— · color.surface.default	spec/components/editor-search.md:50 `/contrast/0`
editor-search · contrast	—	— · color.surface.default	spec/components/editor-search.md:53 `/contrast/1`
editor-search · contrast	—	— · color.surface.default	spec/components/editor-search.md:56 `/contrast/2`
empty-state · contrast	—	— · color.surface.default	spec/components/empty-state.md:35 `/contrast/0`
empty-state · contrast	—	— · color.surface.default	spec/components/empty-state.md:36 `/contrast/1`
empty-state · contrast	—	— · color.surface.default	spec/components/empty-state.md:37 `/contrast/2`
empty-state · contrast	—	— · color.surface.default	spec/components/empty-state.md:38 `/contrast/3`
error-state · contrast	—	— · color.surface.default	spec/components/error-state.md:52 `/contrast/0`
error-state · contrast	—	— · color.surface.default	spec/components/error-state.md:55 `/contrast/1`
error-state · contrast	—	— · color.surface.default	spec/components/error-state.md:58 `/contrast/2`
field · contrast	—	disabled · color.surface.default	spec/components/field.md:39 `/contrast/2`
field · contrast	—	— · color.surface.default	spec/components/field.md:37 `/contrast/0`
fieldset · contrast	—	disabled · color.surface.default	spec/components/fieldset.md:37 `/contrast/3`
fieldset · contrast	—	— · color.surface.default	spec/components/fieldset.md:34 `/contrast/0`
fieldset · contrast	—	— · color.surface.default	spec/components/fieldset.md:35 `/contrast/1`
fieldset · contrast	—	— · color.surface.default	spec/components/fieldset.md:36 `/contrast/2`
file-browser · contrast	—	— · color.surface.default	spec/components/file-browser.md:51 `/contrast/0`
file-browser · contrast	—	— · color.surface.default	spec/components/file-browser.md:54 `/contrast/1`
file-browser · contrast	—	— · color.surface.default	spec/components/file-browser.md:57 `/contrast/2`
filterable-table · contrast	—	— · color.surface.default	spec/components/filterable-table.md:90 `/contrast/10`
filterable-table · contrast	—	— · color.surface.default	spec/components/filterable-table.md:91 `/contrast/11`
filterable-table · contrast	—	— · color.surface.default	spec/components/filterable-table.md:92 `/contrast/12`
filterable-table · contrast	—	— · color.surface.default	spec/components/filterable-table.md:82 `/contrast/2`
filterable-table · contrast	—	— · color.surface.default	spec/components/filterable-table.md:83 `/contrast/3`
filterable-table · contrast	—	— · color.surface.default	spec/components/filterable-table.md:88 `/contrast/8`
filterable-table · contrast	—	— · color.surface.default	spec/components/filterable-table.md:89 `/contrast/9`
form-builder · contrast	—	— · color.surface.default	spec/components/form-builder.md:26 `/contrast/0`
form-builder · contrast	—	— · color.surface.default	spec/components/form-builder.md:27 `/contrast/1`
icon-button · contrast	—	toggled · color.surface.default	spec/components/icon-button.md:46 `/contrast/0`
icon-button · contrast	—	toggled · color.surface.default	spec/components/icon-button.md:47 `/contrast/1`
kbd · contrast	—	— · color.surface.default	spec/components/kbd.md:41 `/contrast/0`
kbd · contrast	—	— · color.surface.default	spec/components/kbd.md:44 `/contrast/1`
kbd · contrast	—	— · color.surface.default	spec/components/kbd.md:47 `/contrast/2`
link · contrast	—	— · color.surface.default	spec/components/link.md:43 `/contrast/1`
link · contrast	—	— · color.surface.default	spec/components/link.md:44 `/contrast/2`
list · contrast	—	disabled · color.surface.default	spec/components/list.md:59 `/contrast/2`
list · contrast	—	— · color.surface.default	spec/components/list.md:57 `/contrast/0`
list · contrast	—	— · color.surface.default	spec/components/list.md:60 `/contrast/3`
loading-indicator · contrast	—	— · color.surface.default	spec/components/loading-indicator.md:33 `/contrast/1`
loading-indicator · contrast	—	— · color.surface.default	spec/components/loading-indicator.md:34 `/contrast/2`
multiselect · contrast	—	— · color.surface.default	spec/components/multiselect.md:67 `/contrast/0`
multiselect · contrast	—	— · color.surface.default	spec/components/multiselect.md:70 `/contrast/1`
multiselect · contrast	—	— · color.surface.default	spec/components/multiselect.md:73 `/contrast/2`
number-field · contrast	—	— · color.surface.default	spec/components/number-field.md:63 `/contrast/3`
number-field · contrast	—	— · color.surface.default	spec/components/number-field.md:64 `/contrast/4`
pagination · contrast	—	disabled · color.surface.default	spec/components/pagination.md:47 `/contrast/1`
pagination · contrast	—	— · color.surface.default	spec/components/pagination.md:48 `/contrast/2`
popover · contrast	—	— · color.surface.default	spec/components/popover.md:48 `/contrast/0`
popover · contrast	—	— · color.surface.default	spec/components/popover.md:51 `/contrast/1`
popover · contrast	—	— · color.surface.default	spec/components/popover.md:54 `/contrast/2`
radio-group · contrast	—	checked · color.surface.default	spec/components/radio-group.md:59 `/contrast/2`
radio-group · contrast	—	disabled · color.surface.default	spec/components/radio-group.md:62 `/contrast/5`
radio-group · contrast	—	— · color.surface.default	spec/components/radio-group.md:57 `/contrast/0`
radio-group · contrast	—	— · color.surface.default	spec/components/radio-group.md:58 `/contrast/1`
radio-group · contrast	—	— · color.surface.default	spec/components/radio-group.md:61 `/contrast/4`
range · contrast	—	— · color.surface.default	spec/components/range.md:48 `/contrast/0`
range · contrast	—	— · color.surface.default	spec/components/range.md:51 `/contrast/1`
range · contrast	—	— · color.surface.default	spec/components/range.md:54 `/contrast/2`
repeater · contrast	—	— · color.surface.default	spec/components/repeater.md:49 `/contrast/0`
repeater · contrast	—	— · color.surface.default	spec/components/repeater.md:52 `/contrast/1`
repeater · contrast	—	— · color.surface.default	spec/components/repeater.md:55 `/contrast/2`
search-field · contrast	—	— · color.surface.default	spec/components/search-field.md:63 `/contrast/4`
segmented-control · contrast	—	— · color.surface.default	spec/components/segmented-control.md:68 `/contrast/0`
segmented-control · contrast	—	— · color.surface.default	spec/components/segmented-control.md:71 `/contrast/1`
segmented-control · contrast	—	— · color.surface.default	spec/components/segmented-control.md:74 `/contrast/2`
select · contrast	—	— · color.surface.default	spec/components/select.md:66 `/contrast/4`
select · contrast	—	— · color.surface.default	spec/components/select.md:67 `/contrast/5`
settings-panel · contrast	—	invalid · color.surface.default	spec/components/settings-panel.md:61 `/contrast/2`
settings-panel · contrast	—	— · color.surface.default	spec/components/settings-panel.md:59 `/contrast/0`
settings-panel · contrast	—	— · color.surface.default	spec/components/settings-panel.md:60 `/contrast/1`
settings-panel · contrast	—	— · color.surface.default	spec/components/settings-panel.md:62 `/contrast/3`
settings-panel · contrast	—	— · color.surface.default	spec/components/settings-panel.md:63 `/contrast/4`
settings-panel · contrast	—	— · color.surface.default	spec/components/settings-panel.md:64 `/contrast/5`
settings-panel · contrast	—	— · color.surface.default	spec/components/settings-panel.md:65 `/contrast/6`
settings-panel · contrast	—	— · color.surface.default	spec/components/settings-panel.md:66 `/contrast/7`
sidebar-nav · contrast	—	— · color.surface.default	spec/components/sidebar-nav.md:62 `/contrast/1`
sidebar-nav · contrast	—	— · color.surface.default	spec/components/sidebar-nav.md:63 `/contrast/2`
skeleton · contrast	—	— · color.surface.default	spec/components/skeleton.md:44 `/contrast/0`
skeleton · contrast	—	— · color.surface.default	spec/components/skeleton.md:47 `/contrast/1`
skeleton · contrast	—	— · color.surface.default	spec/components/skeleton.md:50 `/contrast/2`
switch · contrast	—	checked · color.surface.default	spec/components/switch.md:57 `/contrast/3`
switch · contrast	—	disabled · color.surface.default	spec/components/switch.md:61 `/contrast/7`
switch · contrast	—	— · color.surface.default	spec/components/switch.md:58 `/contrast/4`
switch · contrast	—	— · color.surface.default	spec/components/switch.md:59 `/contrast/5`
table · contrast	—	— · color.surface.default	spec/components/table.md:65 `/contrast/0`
table · contrast	—	— · color.surface.default	spec/components/table.md:67 `/contrast/2`
table · contrast	—	— · color.surface.default	spec/components/table.md:68 `/contrast/3`
table · contrast	—	— · color.surface.default	spec/components/table.md:69 `/contrast/4`
table · contrast	—	— · color.surface.default	spec/components/table.md:70 `/contrast/5`
tabs · contrast	—	disabled · color.surface.default	spec/components/tabs.md:52 `/contrast/1`
tabs · contrast	—	selected+container-inactive · color.surface.default	spec/components/tabs.md:51 `/contrast/0`
tabs · contrast	—	— · color.surface.default	spec/components/tabs.md:53 `/contrast/2`
text-field · contrast	—	— · color.surface.default	spec/components/text-field.md:76 `/contrast/0`
text-field · contrast	—	— · color.surface.default	spec/components/text-field.md:77 `/contrast/1`
textarea · contrast	—	— · color.surface.default	spec/components/textarea.md:65 `/contrast/0`
textarea · contrast	—	— · color.surface.default	spec/components/textarea.md:66 `/contrast/1`
timeline · contrast	—	— · color.surface.default	spec/components/timeline.md:44 `/contrast/0`
timeline · contrast	—	— · color.surface.default	spec/components/timeline.md:47 `/contrast/1`
timeline · contrast	—	— · color.surface.default	spec/components/timeline.md:50 `/contrast/2`
tree · contrast	—	— · color.surface.default	spec/components/tree.md:54 `/contrast/0`
tree · contrast	—	— · color.surface.default	spec/components/tree.md:57 `/contrast/1`
tree · contrast	—	— · color.surface.default	spec/components/tree.md:60 `/contrast/2`
wizard · contrast	—	— · color.surface.default	spec/components/wizard.md:63 `/contrast/1`
wizard · contrast	—	— · color.surface.default	spec/components/wizard.md:64 `/contrast/2`
wizard · contrast	—	— · color.surface.default	spec/components/wizard.md:65 `/contrast/3`
Shared rule · contrast	—	— · color.surface.default	spec/contrast.json:5 `/pairs/1`
Shared rule · contrast	—	— · color.surface.default	spec/contrast.json:17 `/pairs/13`
Shared rule · contrast	—	— · color.surface.default	spec/contrast.json:42 `/pairs/38`
Shared rule · contrast	—	— · color.surface.default	spec/contrast.json:45 `/pairs/41`
admin-form · part	root.bg	—	spec/components/admin-form.md:27 `/tokens/root.bg`
avatar · part	root.bg	—	spec/components/avatar.md:24 `/tokens/root.bg`
breadcrumbs · part	root.bg	—	spec/components/breadcrumbs.md:28 `/tokens/root.bg`
button-group · part	root.bg	—	spec/components/button-group.md:24 `/tokens/root.bg`
card · part	root.bg	—	spec/components/card.md:32 `/tokens/root.bg`
chart · part	root.bg	—	spec/components/chart.md:24 `/tokens/root.bg`
chip · part	root.bg	—	spec/components/chip.md:32 `/tokens/root.bg`
command-palette · part	root.bg	—	spec/components/command-palette.md:27 `/tokens/root.bg`
compact-dashboard · part	root.bg	—	spec/components/compact-dashboard.md:26 `/tokens/root.bg`
data-table · part	root.bg	—	spec/components/data-table.md:36 `/tokens/root.bg`
description-list · part	root.bg	—	spec/components/description-list.md:23 `/tokens/root.bg`
diagnostics · part	root.bg	—	spec/components/diagnostics.md:32 `/tokens/root.bg`
disclosure · part	root.bg	—	spec/components/disclosure.md:25 `/tokens/root.bg`
editor-search · part	root.bg	—	spec/components/editor-search.md:25 `/tokens/root.bg`
empty-state · part	root.bg	—	spec/components/empty-state.md:23 `/tokens/root.bg`
error-state · part	root.bg	—	spec/components/error-state.md:26 `/tokens/root.bg`
fieldset · part	root.bg	—	spec/components/fieldset.md:21 `/tokens/root.bg`
file-browser · part	root.bg	—	spec/components/file-browser.md:27 `/tokens/root.bg`
filterable-table · part	chip.bg	—	spec/components/filterable-table.md:45 `/tokens/chip.bg`
filterable-table · part	root.bg	—	spec/components/filterable-table.md:31 `/tokens/root.bg`
form-builder · part	root.bg	—	spec/components/form-builder.md:19 `/tokens/root.bg`
kbd · part	root.bg	—	spec/components/kbd.md:22 `/tokens/root.bg`
list · part	root.bg	—	spec/components/list.md:35 `/tokens/root.bg`
loading-indicator · part	block.bg · block	—	spec/components/loading-indicator.md:26 `/tokens/block.bg`
menu · part	button.bg	—	spec/components/menu.md:37 `/tokens/button.bg`
multiselect · part	root.bg	—	spec/components/multiselect.md:26 `/tokens/root.bg`
pagination · part	root.bg	—	spec/components/pagination.md:28 `/tokens/root.bg`
popover · part	root.bg	—	spec/components/popover.md:25 `/tokens/root.bg`
range · part	root.bg	—	spec/components/range.md:24 `/tokens/root.bg`
repeater · part	root.bg	—	spec/components/repeater.md:25 `/tokens/root.bg`
segmented-control · part	root.bg	—	spec/components/segmented-control.md:25 `/tokens/root.bg`
settings-panel · part	nav.bg	—	spec/components/settings-panel.md:29 `/tokens/nav.bg`
settings-panel · part	root.bg	—	spec/components/settings-panel.md:27 `/tokens/root.bg`
sidebar-nav · part	root.bg	—	spec/components/sidebar-nav.md:35 `/tokens/root.bg`
skeleton · part	root.bg	—	spec/components/skeleton.md:24 `/tokens/root.bg`
table · part	header.bg	—	spec/components/table.md:39 `/tokens/header.bg`
table · part	root.bg	—	spec/components/table.md:37 `/tokens/root.bg`
tabs · part	list.bg	—	spec/components/tabs.md:31 `/tokens/list.bg`
tabs · part	panel.bg	—	spec/components/tabs.md:41 `/tokens/panel.bg`
timeline · part	root.bg	—	spec/components/timeline.md:23 `/tokens/root.bg`
tree · part	root.bg	—	spec/components/tree.md:28 `/tokens/root.bg`
wizard · part	panel.bg	—	spec/components/wizard.md:39 `/tokens/panel.bg`
badge · prose	—	—	spec/components/badge.md:96 `body`
button · prose	—	—	spec/components/button.md:114 `body`
checkbox · prose	—	—	spec/components/checkbox.md:104 `body`
icon-button · prose	—	—	spec/components/icon-button.md:74 `body`
link · prose	—	—	spec/components/link.md:71 `body`
number-field · prose	—	—	spec/components/number-field.md:107 `body`
radio-group · prose	—	—	spec/components/radio-group.md:105 `body`
search-field · prose	—	—	spec/components/search-field.md:109 `body`
select · prose	—	—	spec/components/select.md:110 `body`
switch · prose	—	—	spec/components/switch.md:93 `body`
text-field · prose	—	—	spec/components/text-field.md:119 `body`
textarea · prose	—	—	spec/components/textarea.md:104 `body`
avatar · state	bg	default · color.surface.default	spec/components/avatar.md:40 `/stateTokens/default/bg`
breadcrumbs · state	bg	current · color.surface.default	spec/components/breadcrumbs.md:42 `/stateTokens/current/bg`
breadcrumbs · state	bg	default · color.surface.default	spec/components/breadcrumbs.md:39 `/stateTokens/default/bg`
breadcrumbs · state	bg	focus-visible · color.surface.default	spec/components/breadcrumbs.md:41 `/stateTokens/focus-visible/bg`
breadcrumbs · state	bg	truncated · color.surface.default	spec/components/breadcrumbs.md:43 `/stateTokens/truncated/bg`
button-group · state	bg	default · color.surface.default	spec/components/button-group.md:45 `/stateTokens/default/bg`
card · state	bg	default · color.surface.default	spec/components/card.md:44 `/stateTokens/default/bg`
card · state	bg	focus-visible · color.surface.default	spec/components/card.md:46 `/stateTokens/focus-visible/bg`
chart · state	bg	default · color.surface.default	spec/components/chart.md:45 `/stateTokens/default/bg`
chip · state	bg	default · color.surface.default	spec/components/chip.md:48 `/stateTokens/default/bg`
chip · state	bg	focus-visible · color.surface.default	spec/components/chip.md:50 `/stateTokens/focus-visible/bg`
command-palette · state	bg	default · color.surface.default	spec/components/command-palette.md:52 `/stateTokens/default/bg`
compact-dashboard · state	bg	default · color.surface.default	spec/components/compact-dashboard.md:46 `/stateTokens/default/bg`
data-table · state	bg	default · color.surface.default	spec/components/data-table.md:56 `/stateTokens/default/bg`
data-table · state	bg	empty · color.surface.default	spec/components/data-table.md:63 `/stateTokens/empty/bg`
data-table · state	bg	focus-visible · color.surface.default	spec/components/data-table.md:58 `/stateTokens/focus-visible/bg`
data-table · state	bg	loading · color.surface.default	spec/components/data-table.md:64 `/stateTokens/loading/bg`
data-table · state	bg	sorted · color.surface.default	spec/components/data-table.md:61 `/stateTokens/sorted/bg`
description-list · state	bg	default · color.surface.default	spec/components/description-list.md:40 `/stateTokens/default/bg`
diagnostics · state	bg	default · color.surface.default	spec/components/diagnostics.md:65 `/stateTokens/default/bg`
diagnostics · state	bg	empty · color.surface.default	spec/components/diagnostics.md:71 `/stateTokens/empty/bg`
diagnostics · state	bg	error · color.surface.default	spec/components/diagnostics.md:70 `/stateTokens/error/bg`
diagnostics · state	bg	focus-visible · color.surface.default	spec/components/diagnostics.md:67 `/stateTokens/focus-visible/bg`
disclosure · state	bg	default · color.surface.default	spec/components/disclosure.md:47 `/stateTokens/default/bg`
editor-search · state	bg	default · color.surface.default	spec/components/editor-search.md:47 `/stateTokens/default/bg`
empty-state · state	bg	default · color.surface.default	spec/components/empty-state.md:33 `/stateTokens/default/bg`
error-state · state	bg	default · color.surface.default	spec/components/error-state.md:49 `/stateTokens/default/bg`
field · state	bg	default · color.surface.default	spec/components/field.md:33 `/stateTokens/default/bg`
field · state	bg	invalid · color.surface.default	spec/components/field.md:35 `/stateTokens/invalid/bg`
field · state	bg	required · color.surface.default	spec/components/field.md:34 `/stateTokens/required/bg`
fieldset · state	bg	default · color.surface.default	spec/components/fieldset.md:32 `/stateTokens/default/bg`
file-browser · state	bg	default · color.surface.default	spec/components/file-browser.md:48 `/stateTokens/default/bg`
filterable-table · state	bg	default · color.surface.default	spec/components/filterable-table.md:74 `/stateTokens/default/bg`
filterable-table · state	bg	focus-visible · color.surface.default	spec/components/filterable-table.md:76 `/stateTokens/focus-visible/bg`
filterable-table · state	bg	no-results · color.surface.default	spec/components/filterable-table.md:78 `/stateTokens/no-results/bg`
form-builder · state	bg	default · color.surface.default	spec/components/form-builder.md:24 `/stateTokens/default/bg`
kbd · state	bg	default · color.surface.default	spec/components/kbd.md:38 `/stateTokens/default/bg`
list · state	bg	default · color.surface.default	spec/components/list.md:50 `/stateTokens/default/bg`
list · state	bg	focus-visible · color.surface.default	spec/components/list.md:52 `/stateTokens/focus-visible/bg`
menu · state	bg	closed · color.surface.default	spec/components/menu.md:61 `/stateTokens/closed/bg`
menu · state	bg	focus-visible · color.surface.default	spec/components/menu.md:59 `/stateTokens/focus-visible/bg`
multiselect · state	bg	default · color.surface.default	spec/components/multiselect.md:64 `/stateTokens/default/bg`
pagination · state	bg	default · color.surface.default	spec/components/pagination.md:41 `/stateTokens/default/bg`
pagination · state	bg	focus-visible · color.surface.default	spec/components/pagination.md:43 `/stateTokens/focus-visible/bg`
popover · state	bg	default · color.surface.default	spec/components/popover.md:45 `/stateTokens/default/bg`
range · state	bg	default · color.surface.default	spec/components/range.md:45 `/stateTokens/default/bg`
repeater · state	bg	default · color.surface.default	spec/components/repeater.md:46 `/stateTokens/default/bg`
segmented-control · state	bg	default · color.surface.default	spec/components/segmented-control.md:65 `/stateTokens/default/bg`
settings-panel · state	bg	default · color.surface.default	spec/components/settings-panel.md:54 `/stateTokens/default/bg`
sidebar-nav · state	bg	collapsed · color.surface.default	spec/components/sidebar-nav.md:59 `/stateTokens/collapsed/bg`
sidebar-nav · state	bg	current · color.surface.default	spec/components/sidebar-nav.md:55 `/stateTokens/current/bg`
sidebar-nav · state	bg	default · color.surface.default	spec/components/sidebar-nav.md:52 `/stateTokens/default/bg`
sidebar-nav · state	bg	expanded · color.surface.default	spec/components/sidebar-nav.md:58 `/stateTokens/expanded/bg`
sidebar-nav · state	bg	focus-visible · color.surface.default	spec/components/sidebar-nav.md:54 `/stateTokens/focus-visible/bg`
skeleton · state	bg	default · color.surface.default	spec/components/skeleton.md:41 `/stateTokens/default/bg`
table · state	bg	default · color.surface.default	spec/components/table.md:56 `/stateTokens/default/bg`
table · state	bg	empty · color.surface.default	spec/components/table.md:62 `/stateTokens/empty/bg`
table · state	bg	loading · color.surface.default	spec/components/table.md:63 `/stateTokens/loading/bg`
table · state	bg	sorted · color.surface.default	spec/components/table.md:61 `/stateTokens/sorted/bg`
tabs · state	bg	default · color.surface.default	spec/components/tabs.md:44 `/stateTokens/default/bg`
tabs · state	bg	focus-visible · color.surface.default	spec/components/tabs.md:46 `/stateTokens/focus-visible/bg`
tabs · state	bg	selected · color.surface.default	spec/components/tabs.md:47 `/stateTokens/selected/bg`
tabs · state	bg	selected+container-inactive · color.surface.default	spec/components/tabs.md:49 `/stateTokens/selected+container-inactive/bg`
tabs · state	bg	selected+focus-visible · color.surface.default	spec/components/tabs.md:48 `/stateTokens/selected+focus-visible/bg`
timeline · state	bg	default · color.surface.default	spec/components/timeline.md:41 `/stateTokens/default/bg`
tree · state	bg	default · color.surface.default	spec/components/tree.md:51 `/stateTokens/default/bg`

Relevant contrast declarations

checked fill against the row (the glyph and the boundary carry the state): color.action.primary.bg on color.surface.default · spec/components/data-table.md:68 /contrast/2
primary fill against the panel (decorative; the label identifies the button): color.action.primary.bg on color.surface.default · spec/components/button.md:67 /contrast/0
action boundary on the panel surface: color.action.secondary.border on color.surface.default · spec/components/empty-state.md:37 /contrast/2
Back button and file-input button boundaries: color.action.secondary.border on color.surface.default · spec/components/admin-form.md:80 /contrast/10
Reset button boundary: color.action.secondary.border on color.surface.default · spec/components/settings-panel.md:64 /contrast/5
secondary border against the panel while hovered (the fill inside it measures 2.94:1): color.action.secondary.border on color.surface.default · spec/components/button.md:71 /contrast/4
action text on the panel surface: color.action.secondary.text on color.surface.default · spec/components/empty-state.md:36 /contrast/1
avatar default border: color.border.control on color.surface.default · spec/components/avatar.md:39 /stateTokens/default
button-group default border: color.border.control on color.surface.default · spec/components/button-group.md:44 /stateTokens/default
chart default border: color.border.control on color.surface.default · spec/components/chart.md:44 /stateTokens/default
checked box edge against the panel (the border stays border.control): color.border.control on color.surface.default · spec/components/checkbox.md:62 /contrast/2
checked radio edge against the panel (the border stays border.control): color.border.control on color.surface.default · spec/components/radio-group.md:59 /contrast/2
chip and checkbox boundaries: color.border.control on color.surface.default · spec/components/filterable-table.md:88 /contrast/8
chip default border: color.border.control on color.surface.default · spec/components/chip.md:48 /stateTokens/default
chip focus-visible border: color.border.control on color.surface.default · spec/components/chip.md:50 /stateTokens/focus-visible
command-palette default border: color.border.control on color.surface.default · spec/components/command-palette.md:51 /stateTokens/default
compact-dashboard default border: color.border.control on color.surface.default · spec/components/compact-dashboard.md:45 /stateTokens/default
control border on default surface: color.border.control on color.surface.default · spec/contrast.json:45 /pairs/41
control boundaries on the panel surface: color.border.control on color.surface.default · spec/components/settings-panel.md:63 /contrast/4
Control boundary: color.border.control on color.surface.default · spec/components/avatar.md:49 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/button-group.md:54 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/chart.md:54 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/command-palette.md:61 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/compact-dashboard.md:55 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/description-list.md:49 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/disclosure.md:56 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/editor-search.md:56 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/error-state.md:58 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/file-browser.md:57 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/kbd.md:47 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/multiselect.md:73 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/popover.md:54 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/range.md:54 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/repeater.md:55 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/segmented-control.md:74 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/skeleton.md:50 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/timeline.md:50 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/tree.md:60 /contrast/2
description-list default border: color.border.control on color.surface.default · spec/components/description-list.md:39 /stateTokens/default
diagnostics default border: color.border.control on color.surface.default · spec/components/diagnostics.md:65 /stateTokens/default
disclosure default border: color.border.control on color.surface.default · spec/components/disclosure.md:46 /stateTokens/default
editor-search default border: color.border.control on color.surface.default · spec/components/editor-search.md:46 /stateTokens/default
error-state default border: color.border.control on color.surface.default · spec/components/error-state.md:48 /stateTokens/default
file-browser default border: color.border.control on color.surface.default · spec/components/file-browser.md:47 /stateTokens/default
form-builder default border: color.border.control on color.surface.default · spec/components/form-builder.md:24 /stateTokens/default
kbd default border: color.border.control on color.surface.default · spec/components/kbd.md:37 /stateTokens/default
list default border: color.border.control on color.surface.default · spec/components/list.md:50 /stateTokens/default
menu closed border: color.border.control on color.surface.default · spec/components/menu.md:61 /stateTokens/closed
menu focus-visible border: color.border.control on color.surface.default · spec/components/menu.md:59 /stateTokens/focus-visible
multiselect default border: color.border.control on color.surface.default · spec/components/multiselect.md:63 /stateTokens/default
on track edge against the panel (the border stays border.control): color.border.control on color.surface.default · spec/components/switch.md:57 /contrast/3
popover default border: color.border.control on color.surface.default · spec/components/popover.md:44 /stateTokens/default
range default border: color.border.control on color.surface.default · spec/components/range.md:44 /stateTokens/default
repeater default border: color.border.control on color.surface.default · spec/components/repeater.md:45 /stateTokens/default
segmented-control default border: color.border.control on color.surface.default · spec/components/segmented-control.md:64 /stateTokens/default
skeleton default border: color.border.control on color.surface.default · spec/components/skeleton.md:40 /stateTokens/default
timeline default border: color.border.control on color.surface.default · spec/components/timeline.md:40 /stateTokens/default
tree default border: color.border.control on color.surface.default · spec/components/tree.md:50 /stateTokens/default
card edge (decorative; the card is not a control at rest): color.border.default on color.surface.default · spec/components/card.md:54 /contrast/4
panel edge (decorative): color.border.default on color.surface.default · spec/components/admin-form.md:85 /contrast/15
panel edge (decorative): color.border.default on color.surface.default · spec/components/settings-panel.md:65 /contrast/6
panel edge and toolbar separator (decorative): color.border.default on color.surface.default · spec/components/filterable-table.md:91 /contrast/11
resize handle at rest (decorative; keyboard resizing is a header action): color.border.default on color.surface.default · spec/components/data-table.md:71 /contrast/5
group border (decorative; the legend and spacing carry the grouping): color.border.divider on color.surface.default · spec/components/fieldset.md:34 /contrast/0
rail edge (decorative): color.border.divider on color.surface.default · spec/components/sidebar-nav.md:63 /contrast/2
row divider (decorative): color.border.divider on color.surface.default · spec/components/data-table.md:70 /contrast/4
row divider (decorative): color.border.divider on color.surface.default · spec/components/list.md:60 /contrast/3
row divider (decorative): color.border.divider on color.surface.default · spec/components/table.md:70 /contrast/5
row, toolbar and footer rules (decorative): color.border.divider on color.surface.default · spec/components/filterable-table.md:92 /contrast/12
sidebar, group and footer rules (decorative): color.border.divider on color.surface.default · spec/components/settings-panel.md:66 /contrast/7
step, row and footer rules (decorative): color.border.divider on color.surface.default · spec/components/admin-form.md:86 /contrast/16
tablist bottom rule (decorative): color.border.divider on color.surface.default · spec/components/tabs.md:53 /contrast/2
inactive indicator (decorative; the selected tab keeps aria-selected and bright text): color.border.selected-indicator-inactive on color.surface.default · spec/components/tabs.md:51 /contrast/0
current-section indicator bar: color.border.selected-indicator on color.surface.default · spec/components/settings-panel.md:62 /contrast/3
current-step indicator bar: color.border.selected-indicator on color.surface.default · spec/components/admin-form.md:79 /contrast/9
sidebar-nav current border: color.border.selected-indicator on color.surface.default · spec/components/sidebar-nav.md:55 /stateTokens/current
tabs selected border: color.border.selected-indicator on color.surface.default · spec/components/tabs.md:47 /stateTokens/selected
tabs selected+focus-visible border: color.border.selected-indicator on color.surface.default · spec/components/tabs.md:48 /stateTokens/selected+focus-visible
toggled border against the panel: color.border.selected-indicator on color.surface.default · spec/components/icon-button.md:46 /contrast/0
header rule (decorative; thead carries the structure): color.border.strong on color.surface.default · spec/components/table.md:69 /contrast/4
header rule (decorative): color.border.strong on color.surface.default · spec/components/data-table.md:69 /contrast/3
header rule (decorative): color.border.strong on color.surface.default · spec/components/filterable-table.md:90 /contrast/10
review header rule (decorative): color.border.strong on color.surface.default · spec/components/admin-form.md:84 /contrast/14
error glyph and count in the panel: color.diagnostic.error.text on color.surface.default · spec/components/diagnostics.md:87 /contrast/14
info glyph and count in the panel: color.diagnostic.info.text on color.surface.default · spec/components/diagnostics.md:89 /contrast/16
warning glyph and count in the panel: color.diagnostic.warning.text on color.surface.default · spec/components/diagnostics.md:88 /contrast/15
glyph (decorative): color.icon.decorative on color.surface.default · spec/components/empty-state.md:38 /contrast/3
group chevron (decorative; aria-expanded carries the state): color.icon.decorative on color.surface.default · spec/components/sidebar-nav.md:62 /contrast/1
card focus-visible outline: color.interaction.focus.ring-container on color.surface.default · spec/components/card.md:46 /stateTokens/focus-visible
breadcrumbs focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/breadcrumbs.md:41 /stateTokens/focus-visible
chip focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/chip.md:50 /stateTokens/focus-visible
data-table focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/data-table.md:58 /stateTokens/focus-visible
diagnostics focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/diagnostics.md:67 /stateTokens/focus-visible
filterable-table focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/filterable-table.md:76 /stateTokens/focus-visible
focus ring on default surface: color.interaction.focus.ring on color.surface.default · spec/contrast.json:42 /pairs/38
list focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/list.md:52 /stateTokens/focus-visible
menu focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/menu.md:59 /stateTokens/focus-visible
pagination focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/pagination.md:43 /stateTokens/focus-visible
ring on a sort button: color.interaction.focus.ring on color.surface.default · spec/components/table.md:68 /contrast/3
sidebar-nav focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/sidebar-nav.md:54 /stateTokens/focus-visible
tabs focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/tabs.md:46 /stateTokens/focus-visible
tabs selected+focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/tabs.md:48 /stateTokens/selected+focus-visible
toggled fill against the panel (decorative): color.interaction.selection.bg on color.surface.default · spec/components/icon-button.md:47 /contrast/1
danger outline border: color.status.danger.border on color.surface.default · spec/components/badge.md:64 /contrast/10
danger dot on the panel surface: color.status.danger.fill on color.surface.default · spec/components/badge.md:69 /contrast/15
danger outline text: color.status.danger.text on color.surface.default · spec/components/badge.md:59 /contrast/5
diagnostics error fg: color.status.danger.text on color.surface.default · spec/components/diagnostics.md:70 /stateTokens/error
field invalid fg: color.status.danger.text on color.surface.default · spec/components/field.md:35 /stateTokens/invalid
field messages on the panel surface: color.status.danger.text on color.surface.default · spec/components/admin-form.md:77 /contrast/7
field required fg: color.status.danger.text on color.surface.default · spec/components/field.md:34 /stateTokens/required
step message on the panel surface: color.status.danger.text on color.surface.default · spec/components/wizard.md:65 /contrast/3
validation message on the panel surface: color.status.danger.text on color.surface.default · spec/components/settings-panel.md:61 /contrast/2
validation message on the panel surface: color.status.danger.text on color.surface.default · spec/components/checkbox.md:64 /contrast/4
validation message on the panel surface: color.status.danger.text on color.surface.default · spec/components/number-field.md:63 /contrast/3
validation message on the panel surface: color.status.danger.text on color.surface.default · spec/components/radio-group.md:61 /contrast/4
validation message on the panel surface: color.status.danger.text on color.surface.default · spec/components/select.md:66 /contrast/4
validation message on the panel surface: color.status.danger.text on color.surface.default · spec/components/text-field.md:76 /contrast/0
validation message on the panel surface: color.status.danger.text on color.surface.default · spec/components/textarea.md:65 /contrast/0
info outline border: color.status.info.border on color.surface.default · spec/components/badge.md:67 /contrast/13
info dot on the panel surface: color.status.info.fill on color.surface.default · spec/components/badge.md:72 /contrast/18
info outline text: color.status.info.text on color.surface.default · spec/components/badge.md:62 /contrast/8
neutral outline border: color.status.neutral.border on color.surface.default · spec/components/badge.md:68 /contrast/14
neutral dot on the panel surface: color.status.neutral.fill on color.surface.default · spec/components/badge.md:73 /contrast/19
neutral outline text: color.status.neutral.text on color.surface.default · spec/components/badge.md:63 /contrast/9
success outline border: color.status.success.border on color.surface.default · spec/components/badge.md:66 /contrast/12
success dot on the panel surface: color.status.success.fill on color.surface.default · spec/components/badge.md:71 /contrast/17
complete-step check: color.status.success.text on color.surface.default · spec/components/admin-form.md:73 /contrast/3
success outline text: color.status.success.text on color.surface.default · spec/components/badge.md:61 /contrast/7
the ✓ of the empty message: color.status.success.text on color.surface.default · spec/components/diagnostics.md:94 /contrast/21
warning outline border: color.status.warning.border on color.surface.default · spec/components/badge.md:65 /contrast/11
warning dot on the panel surface: color.status.warning.fill on color.surface.default · spec/components/badge.md:70 /contrast/16
warning outline text: color.status.warning.text on color.surface.default · spec/components/badge.md:60 /contrast/6
accent text on default surface: color.text.accent on color.surface.default · spec/contrast.json:17 /pairs/13
breadcrumbs current fg: color.text.bright on color.surface.default · spec/components/breadcrumbs.md:42 /stateTokens/current
column headers, empty-state heading and current page: color.text.bright on color.surface.default · spec/components/filterable-table.md:82 /contrast/2
data-table sorted fg: color.text.bright on color.surface.default · spec/components/data-table.md:61 /stateTokens/sorted
field default fg: color.text.bright on color.surface.default · spec/components/field.md:33 /stateTokens/default
fieldset default fg: color.text.bright on color.surface.default · spec/components/fieldset.md:32 /stateTokens/default
header text: color.text.bright on color.surface.default · spec/components/data-table.md:66 /contrast/0
header text: color.text.bright on color.surface.default · spec/components/table.md:65 /contrast/0
heading on the panel surface: color.text.bright on color.surface.default · spec/components/empty-state.md:35 /contrast/0
legend on the panel surface: color.text.bright on color.surface.default · spec/components/checkbox.md:61 /contrast/1
legend on the panel surface: color.text.bright on color.surface.default · spec/components/radio-group.md:58 /contrast/1
panel title on the panel surface: color.text.bright on color.surface.default · spec/components/wizard.md:63 /contrast/1
sidebar-nav current fg: color.text.bright on color.surface.default · spec/components/sidebar-nav.md:55 /stateTokens/current
table sorted fg: color.text.bright on color.surface.default · spec/components/table.md:61 /stateTokens/sorted
tabs selected fg: color.text.bright on color.surface.default · spec/components/tabs.md:47 /stateTokens/selected
tabs selected+container-inactive fg: color.text.bright on color.surface.default · spec/components/tabs.md:49 /stateTokens/selected+container-inactive
tabs selected+focus-visible fg: color.text.bright on color.surface.default · spec/components/tabs.md:48 /stateTokens/selected+focus-visible
title on the card: color.text.bright on color.surface.default · spec/components/card.md:50 /contrast/0
title, labels and the current step on the panel surface: color.text.bright on color.surface.default · spec/components/admin-form.md:70 /contrast/0
title, legend and the current section on the panel surface: color.text.bright on color.surface.default · spec/components/settings-panel.md:59 /contrast/0
avatar default fg: color.text.default on color.surface.default · spec/components/avatar.md:39 /stateTokens/default
block label on the panel surface: color.text.default on color.surface.default · spec/components/loading-indicator.md:33 /contrast/1
breadcrumbs truncated fg: color.text.default on color.surface.default · spec/components/breadcrumbs.md:43 /stateTokens/truncated
button-group default fg: color.text.default on color.surface.default · spec/components/button-group.md:44 /stateTokens/default
card default fg: color.text.default on color.surface.default · spec/components/card.md:44 /stateTokens/default
card focus-visible fg: color.text.default on color.surface.default · spec/components/card.md:46 /stateTokens/focus-visible
chart default fg: color.text.default on color.surface.default · spec/components/chart.md:44 /stateTokens/default
chip default fg: color.text.default on color.surface.default · spec/components/chip.md:48 /stateTokens/default
chip focus-visible fg: color.text.default on color.surface.default · spec/components/chip.md:50 /stateTokens/focus-visible
command-palette default fg: color.text.default on color.surface.default · spec/components/command-palette.md:51 /stateTokens/default
compact-dashboard default fg: color.text.default on color.surface.default · spec/components/compact-dashboard.md:45 /stateTokens/default
data-table default fg: color.text.default on color.surface.default · spec/components/data-table.md:56 /stateTokens/default
data-table focus-visible fg: color.text.default on color.surface.default · spec/components/data-table.md:58 /stateTokens/focus-visible
default text on default surface: color.text.default on color.surface.default · spec/contrast.json:5 /pairs/1
description-list default fg: color.text.default on color.surface.default · spec/components/description-list.md:39 /stateTokens/default
diagnostics default fg: color.text.default on color.surface.default · spec/components/diagnostics.md:65 /stateTokens/default
diagnostics focus-visible fg: color.text.default on color.surface.default · spec/components/diagnostics.md:67 /stateTokens/focus-visible
disclosure default fg: color.text.default on color.surface.default · spec/components/disclosure.md:46 /stateTokens/default
Editor text: color.text.default on color.surface.default · spec/components/form-builder.md:26 /contrast/0
editor-search default fg: color.text.default on color.surface.default · spec/components/editor-search.md:46 /stateTokens/default
error-state default fg: color.text.default on color.surface.default · spec/components/error-state.md:48 /stateTokens/default
field labels inside the group: color.text.default on color.surface.default · spec/components/fieldset.md:35 /contrast/1
file-browser default fg: color.text.default on color.surface.default · spec/components/file-browser.md:47 /stateTokens/default
filterable-table default fg: color.text.default on color.surface.default · spec/components/filterable-table.md:74 /stateTokens/default
filterable-table focus-visible fg: color.text.default on color.surface.default · spec/components/filterable-table.md:76 /stateTokens/focus-visible
form-builder default fg: color.text.default on color.surface.default · spec/components/form-builder.md:24 /stateTokens/default
kbd default fg: color.text.default on color.surface.default · spec/components/kbd.md:37 /stateTokens/default
list default fg: color.text.default on color.surface.default · spec/components/list.md:50 /stateTokens/default
list focus-visible fg: color.text.default on color.surface.default · spec/components/list.md:52 /stateTokens/focus-visible
menu closed fg: color.text.default on color.surface.default · spec/components/menu.md:61 /stateTokens/closed
menu focus-visible fg: color.text.default on color.surface.default · spec/components/menu.md:59 /stateTokens/focus-visible
multiselect default fg: color.text.default on color.surface.default · spec/components/multiselect.md:63 /stateTokens/default
option text on the panel surface: color.text.default on color.surface.default · spec/components/checkbox.md:60 /contrast/0
option text on the panel surface: color.text.default on color.surface.default · spec/components/radio-group.md:57 /contrast/0
pagination default fg: color.text.default on color.surface.default · spec/components/pagination.md:41 /stateTokens/default
pagination focus-visible fg: color.text.default on color.surface.default · spec/components/pagination.md:43 /stateTokens/focus-visible
panel text on the panel surface: color.text.default on color.surface.default · spec/components/wizard.md:64 /contrast/2
popover default fg: color.text.default on color.surface.default · spec/components/popover.md:44 /stateTokens/default
Primary content: color.text.default on color.surface.default · spec/components/avatar.md:43 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/button-group.md:48 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/chart.md:48 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/command-palette.md:55 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/compact-dashboard.md:49 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/description-list.md:43 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/disclosure.md:50 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/editor-search.md:50 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/error-state.md:52 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/file-browser.md:51 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/kbd.md:41 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/multiselect.md:67 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/popover.md:48 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/range.md:48 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/repeater.md:49 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/segmented-control.md:68 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/skeleton.md:44 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/timeline.md:44 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/tree.md:54 /contrast/0
range default fg: color.text.default on color.surface.default · spec/components/range.md:44 /stateTokens/default
repeater default fg: color.text.default on color.surface.default · spec/components/repeater.md:45 /stateTokens/default
segmented-control default fg: color.text.default on color.surface.default · spec/components/segmented-control.md:64 /stateTokens/default
settings-panel default fg: color.text.default on color.surface.default · spec/components/settings-panel.md:54 /stateTokens/default
sidebar-nav collapsed fg: color.text.default on color.surface.default · spec/components/sidebar-nav.md:59 /stateTokens/collapsed
sidebar-nav default fg: color.text.default on color.surface.default · spec/components/sidebar-nav.md:52 /stateTokens/default
sidebar-nav expanded fg: color.text.default on color.surface.default · spec/components/sidebar-nav.md:58 /stateTokens/expanded
sidebar-nav focus-visible fg: color.text.default on color.surface.default · spec/components/sidebar-nav.md:54 /stateTokens/focus-visible
skeleton default fg: color.text.default on color.surface.default · spec/components/skeleton.md:40 /stateTokens/default
table default fg: color.text.default on color.surface.default · spec/components/table.md:56 /stateTokens/default
tabs default fg: color.text.default on color.surface.default · spec/components/tabs.md:44 /stateTokens/default
tabs focus-visible fg: color.text.default on color.surface.default · spec/components/tabs.md:46 /stateTokens/focus-visible
timeline default fg: color.text.default on color.surface.default · spec/components/timeline.md:40 /stateTokens/default
tree default fg: color.text.default on color.surface.default · spec/components/tree.md:50 /stateTokens/default
visible name on the panel surface: color.text.default on color.surface.default · spec/components/switch.md:58 /contrast/4
disabled label (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/field.md:39 /contrast/2
disabled labels and review keys (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/admin-form.md:82 /contrast/12
disabled legend and labels (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/fieldset.md:37 /contrast/3
disabled name (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/switch.md:61 /contrast/7
disabled option text (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/checkbox.md:65 /contrast/5
disabled option text (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/list.md:59 /contrast/2
disabled option text (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/radio-group.md:62 /contrast/5
disabled Prev link (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/filterable-table.md:89 /contrast/9
disabled previous/next (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/pagination.md:47 /contrast/1
disabled tab text (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/tabs.md:52 /contrast/1
link underline: color.text.link-underline on color.surface.default · spec/components/breadcrumbs.md:46 /contrast/1
underline on the panel: color.text.link-underline on color.surface.default · spec/components/link.md:43 /contrast/1
breadcrumb links on the panel surface: color.text.link on color.surface.default · spec/components/admin-form.md:72 /contrast/2
breadcrumbs default fg: color.text.link on color.surface.default · spec/components/breadcrumbs.md:39 /stateTokens/default
breadcrumbs focus-visible fg: color.text.link on color.surface.default · spec/components/breadcrumbs.md:41 /stateTokens/focus-visible
link text on the panel: color.text.link on color.surface.default · spec/components/link.md:44 /contrast/2
block glyph on the panel surface: color.text.muted on color.surface.default · spec/components/loading-indicator.md:34 /contrast/2
caption: color.text.muted on color.surface.default · spec/components/table.md:67 /contrast/2
count, chip remove glyph and empty-state text: color.text.muted on color.surface.default · spec/components/filterable-table.md:83 /contrast/3
data-table empty fg: color.text.muted on color.surface.default · spec/components/data-table.md:63 /stateTokens/empty
data-table loading fg: color.text.muted on color.surface.default · spec/components/data-table.md:64 /stateTokens/loading
Definition status: color.text.muted on color.surface.default · spec/components/form-builder.md:27 /contrast/1
diagnostics empty fg: color.text.muted on color.surface.default · spec/components/diagnostics.md:71 /stateTokens/empty
empty-state default fg: color.text.muted on color.surface.default · spec/components/empty-state.md:33 /stateTokens/default
filterable-table no-results fg: color.text.muted on color.surface.default · spec/components/filterable-table.md:78 /stateTokens/no-results
gap ellipsis on the panel surface: color.text.muted on color.surface.default · spec/components/pagination.md:48 /contrast/2
help and count on the panel surface: color.text.muted on color.surface.default · spec/components/textarea.md:66 /contrast/1
help and no-results status on the panel surface: color.text.muted on color.surface.default · spec/components/search-field.md:63 /contrast/4
help text inside the group: color.text.muted on color.surface.default · spec/components/fieldset.md:36 /contrast/2
help text on the panel surface: color.text.muted on color.surface.default · spec/components/field.md:37 /contrast/0
help text on the panel surface: color.text.muted on color.surface.default · spec/components/number-field.md:64 /contrast/4
help text on the panel surface: color.text.muted on color.surface.default · spec/components/select.md:67 /contrast/5
help text on the panel surface: color.text.muted on color.surface.default · spec/components/text-field.md:77 /contrast/1
help, affix and review keys on the panel surface: color.text.muted on color.surface.default · spec/components/admin-form.md:71 /contrast/1
lead and help text on the panel surface: color.text.muted on color.surface.default · spec/components/settings-panel.md:60 /contrast/1
location and rule code: color.text.muted on color.surface.default · spec/components/diagnostics.md:91 /contrast/18
metadata column on the list surface: color.text.muted on color.surface.default · spec/components/list.md:57 /contrast/0
metadata on the card: color.text.muted on color.surface.default · spec/components/card.md:51 /contrast/1
Off / On word on the panel surface: color.text.muted on color.surface.default · spec/components/switch.md:59 /contrast/5
remove glyph at rest: color.text.muted on color.surface.default · spec/components/chip.md:54 /contrast/0
separator on the panel surface: color.text.muted on color.surface.default · spec/components/breadcrumbs.md:45 /contrast/0
Supporting content: color.text.muted on color.surface.default · spec/components/avatar.md:46 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/button-group.md:51 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/chart.md:51 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/command-palette.md:58 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/compact-dashboard.md:52 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/description-list.md:46 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/disclosure.md:53 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/editor-search.md:53 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/error-state.md:55 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/file-browser.md:54 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/kbd.md:44 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/multiselect.md:70 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/popover.md:51 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/range.md:51 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/repeater.md:52 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/segmented-control.md:71 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/skeleton.md:47 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/timeline.md:47 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/tree.md:57 /contrast/1
table empty fg: color.text.muted on color.surface.default · spec/components/table.md:62 /stateTokens/empty
table loading fg: color.text.muted on color.surface.default · spec/components/table.md:63 /stateTokens/loading
hint glyph in the panel: color.text.subtle on color.surface.default · spec/components/diagnostics.md:90 /contrast/17

heritage-ansi · heritage

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

Provenance and restrictions

{
  "status": "heritage"
}

Declared component and port usage

Consumer / kind	Part / variant	State / surface	Source declaration
admin-form · contrast	—	disabled · color.surface.default	spec/components/admin-form.md:82 `/contrast/12`
admin-form · contrast	—	invalid · color.surface.default	spec/components/admin-form.md:77 `/contrast/7`
admin-form · contrast	—	— · color.surface.default	spec/components/admin-form.md:70 `/contrast/0`
admin-form · contrast	—	— · color.surface.default	spec/components/admin-form.md:71 `/contrast/1`
admin-form · contrast	—	— · color.surface.default	spec/components/admin-form.md:80 `/contrast/10`
admin-form · contrast	—	— · color.surface.default	spec/components/admin-form.md:84 `/contrast/14`
admin-form · contrast	—	— · color.surface.default	spec/components/admin-form.md:85 `/contrast/15`
admin-form · contrast	—	— · color.surface.default	spec/components/admin-form.md:86 `/contrast/16`
admin-form · contrast	—	— · color.surface.default	spec/components/admin-form.md:72 `/contrast/2`
admin-form · contrast	—	— · color.surface.default	spec/components/admin-form.md:73 `/contrast/3`
admin-form · contrast	—	— · color.surface.default	spec/components/admin-form.md:79 `/contrast/9`
avatar · contrast	—	— · color.surface.default	spec/components/avatar.md:43 `/contrast/0`
avatar · contrast	—	— · color.surface.default	spec/components/avatar.md:46 `/contrast/1`
avatar · contrast	—	— · color.surface.default	spec/components/avatar.md:49 `/contrast/2`
badge · contrast	—	empty · color.surface.default	spec/components/badge.md:69 `/contrast/15`
badge · contrast	—	empty · color.surface.default	spec/components/badge.md:70 `/contrast/16`
badge · contrast	—	empty · color.surface.default	spec/components/badge.md:71 `/contrast/17`
badge · contrast	—	empty · color.surface.default	spec/components/badge.md:72 `/contrast/18`
badge · contrast	—	empty · color.surface.default	spec/components/badge.md:73 `/contrast/19`
badge · contrast	—	— · color.surface.default	spec/components/badge.md:64 `/contrast/10`
badge · contrast	—	— · color.surface.default	spec/components/badge.md:65 `/contrast/11`
badge · contrast	—	— · color.surface.default	spec/components/badge.md:66 `/contrast/12`
badge · contrast	—	— · color.surface.default	spec/components/badge.md:67 `/contrast/13`
badge · contrast	—	— · color.surface.default	spec/components/badge.md:68 `/contrast/14`
badge · contrast	—	— · color.surface.default	spec/components/badge.md:59 `/contrast/5`
badge · contrast	—	— · color.surface.default	spec/components/badge.md:60 `/contrast/6`
badge · contrast	—	— · color.surface.default	spec/components/badge.md:61 `/contrast/7`
badge · contrast	—	— · color.surface.default	spec/components/badge.md:62 `/contrast/8`
badge · contrast	—	— · color.surface.default	spec/components/badge.md:63 `/contrast/9`
breadcrumbs · contrast	—	— · color.surface.default	spec/components/breadcrumbs.md:45 `/contrast/0`
breadcrumbs · contrast	—	— · color.surface.default	spec/components/breadcrumbs.md:46 `/contrast/1`
button-group · contrast	—	— · color.surface.default	spec/components/button-group.md:48 `/contrast/0`
button-group · contrast	—	— · color.surface.default	spec/components/button-group.md:51 `/contrast/1`
button-group · contrast	—	— · color.surface.default	spec/components/button-group.md:54 `/contrast/2`
button · contrast	—	hover · color.surface.default	spec/components/button.md:71 `/contrast/4`
button · contrast	—	— · color.surface.default	spec/components/button.md:67 `/contrast/0`
card · contrast	—	— · color.surface.default	spec/components/card.md:50 `/contrast/0`
card · contrast	—	— · color.surface.default	spec/components/card.md:51 `/contrast/1`
card · contrast	—	— · color.surface.default	spec/components/card.md:54 `/contrast/4`
chart · contrast	—	— · color.surface.default	spec/components/chart.md:48 `/contrast/0`
chart · contrast	—	— · color.surface.default	spec/components/chart.md:51 `/contrast/1`
chart · contrast	—	— · color.surface.default	spec/components/chart.md:54 `/contrast/2`
checkbox · contrast	—	checked · color.surface.default	spec/components/checkbox.md:62 `/contrast/2`
checkbox · contrast	—	disabled · color.surface.default	spec/components/checkbox.md:65 `/contrast/5`
checkbox · contrast	—	— · color.surface.default	spec/components/checkbox.md:60 `/contrast/0`
checkbox · contrast	—	— · color.surface.default	spec/components/checkbox.md:61 `/contrast/1`
checkbox · contrast	—	— · color.surface.default	spec/components/checkbox.md:64 `/contrast/4`
chip · contrast	—	— · color.surface.default	spec/components/chip.md:54 `/contrast/0`
command-palette · contrast	—	— · color.surface.default	spec/components/command-palette.md:55 `/contrast/0`
command-palette · contrast	—	— · color.surface.default	spec/components/command-palette.md:58 `/contrast/1`
command-palette · contrast	—	— · color.surface.default	spec/components/command-palette.md:61 `/contrast/2`
compact-dashboard · contrast	—	— · color.surface.default	spec/components/compact-dashboard.md:49 `/contrast/0`
compact-dashboard · contrast	—	— · color.surface.default	spec/components/compact-dashboard.md:52 `/contrast/1`
compact-dashboard · contrast	—	— · color.surface.default	spec/components/compact-dashboard.md:55 `/contrast/2`
data-table · contrast	—	mixed · color.surface.default	spec/components/data-table.md:68 `/contrast/2`
data-table · contrast	—	— · color.surface.default	spec/components/data-table.md:66 `/contrast/0`
data-table · contrast	—	— · color.surface.default	spec/components/data-table.md:69 `/contrast/3`
data-table · contrast	—	— · color.surface.default	spec/components/data-table.md:70 `/contrast/4`
data-table · contrast	—	— · color.surface.default	spec/components/data-table.md:71 `/contrast/5`
description-list · contrast	—	— · color.surface.default	spec/components/description-list.md:43 `/contrast/0`
description-list · contrast	—	— · color.surface.default	spec/components/description-list.md:46 `/contrast/1`
description-list · contrast	—	— · color.surface.default	spec/components/description-list.md:49 `/contrast/2`
diagnostics · contrast	—	empty · color.surface.default	spec/components/diagnostics.md:94 `/contrast/21`
diagnostics · contrast	—	— · color.surface.default	spec/components/diagnostics.md:87 `/contrast/14`
diagnostics · contrast	—	— · color.surface.default	spec/components/diagnostics.md:88 `/contrast/15`
diagnostics · contrast	—	— · color.surface.default	spec/components/diagnostics.md:89 `/contrast/16`
diagnostics · contrast	—	— · color.surface.default	spec/components/diagnostics.md:90 `/contrast/17`
diagnostics · contrast	—	— · color.surface.default	spec/components/diagnostics.md:91 `/contrast/18`
disclosure · contrast	—	— · color.surface.default	spec/components/disclosure.md:50 `/contrast/0`
disclosure · contrast	—	— · color.surface.default	spec/components/disclosure.md:53 `/contrast/1`
disclosure · contrast	—	— · color.surface.default	spec/components/disclosure.md:56 `/contrast/2`
editor-search · contrast	—	— · color.surface.default	spec/components/editor-search.md:50 `/contrast/0`
editor-search · contrast	—	— · color.surface.default	spec/components/editor-search.md:53 `/contrast/1`
editor-search · contrast	—	— · color.surface.default	spec/components/editor-search.md:56 `/contrast/2`
empty-state · contrast	—	— · color.surface.default	spec/components/empty-state.md:35 `/contrast/0`
empty-state · contrast	—	— · color.surface.default	spec/components/empty-state.md:36 `/contrast/1`
empty-state · contrast	—	— · color.surface.default	spec/components/empty-state.md:37 `/contrast/2`
empty-state · contrast	—	— · color.surface.default	spec/components/empty-state.md:38 `/contrast/3`
error-state · contrast	—	— · color.surface.default	spec/components/error-state.md:52 `/contrast/0`
error-state · contrast	—	— · color.surface.default	spec/components/error-state.md:55 `/contrast/1`
error-state · contrast	—	— · color.surface.default	spec/components/error-state.md:58 `/contrast/2`
field · contrast	—	disabled · color.surface.default	spec/components/field.md:39 `/contrast/2`
field · contrast	—	— · color.surface.default	spec/components/field.md:37 `/contrast/0`
fieldset · contrast	—	disabled · color.surface.default	spec/components/fieldset.md:37 `/contrast/3`
fieldset · contrast	—	— · color.surface.default	spec/components/fieldset.md:34 `/contrast/0`
fieldset · contrast	—	— · color.surface.default	spec/components/fieldset.md:35 `/contrast/1`
fieldset · contrast	—	— · color.surface.default	spec/components/fieldset.md:36 `/contrast/2`
file-browser · contrast	—	— · color.surface.default	spec/components/file-browser.md:51 `/contrast/0`
file-browser · contrast	—	— · color.surface.default	spec/components/file-browser.md:54 `/contrast/1`
file-browser · contrast	—	— · color.surface.default	spec/components/file-browser.md:57 `/contrast/2`
filterable-table · contrast	—	— · color.surface.default	spec/components/filterable-table.md:90 `/contrast/10`
filterable-table · contrast	—	— · color.surface.default	spec/components/filterable-table.md:91 `/contrast/11`
filterable-table · contrast	—	— · color.surface.default	spec/components/filterable-table.md:92 `/contrast/12`
filterable-table · contrast	—	— · color.surface.default	spec/components/filterable-table.md:82 `/contrast/2`
filterable-table · contrast	—	— · color.surface.default	spec/components/filterable-table.md:83 `/contrast/3`
filterable-table · contrast	—	— · color.surface.default	spec/components/filterable-table.md:88 `/contrast/8`
filterable-table · contrast	—	— · color.surface.default	spec/components/filterable-table.md:89 `/contrast/9`
form-builder · contrast	—	— · color.surface.default	spec/components/form-builder.md:26 `/contrast/0`
form-builder · contrast	—	— · color.surface.default	spec/components/form-builder.md:27 `/contrast/1`
icon-button · contrast	—	toggled · color.surface.default	spec/components/icon-button.md:46 `/contrast/0`
icon-button · contrast	—	toggled · color.surface.default	spec/components/icon-button.md:47 `/contrast/1`
kbd · contrast	—	— · color.surface.default	spec/components/kbd.md:41 `/contrast/0`
kbd · contrast	—	— · color.surface.default	spec/components/kbd.md:44 `/contrast/1`
kbd · contrast	—	— · color.surface.default	spec/components/kbd.md:47 `/contrast/2`
link · contrast	—	— · color.surface.default	spec/components/link.md:43 `/contrast/1`
link · contrast	—	— · color.surface.default	spec/components/link.md:44 `/contrast/2`
list · contrast	—	disabled · color.surface.default	spec/components/list.md:59 `/contrast/2`
list · contrast	—	— · color.surface.default	spec/components/list.md:57 `/contrast/0`
list · contrast	—	— · color.surface.default	spec/components/list.md:60 `/contrast/3`
loading-indicator · contrast	—	— · color.surface.default	spec/components/loading-indicator.md:33 `/contrast/1`
loading-indicator · contrast	—	— · color.surface.default	spec/components/loading-indicator.md:34 `/contrast/2`
multiselect · contrast	—	— · color.surface.default	spec/components/multiselect.md:67 `/contrast/0`
multiselect · contrast	—	— · color.surface.default	spec/components/multiselect.md:70 `/contrast/1`
multiselect · contrast	—	— · color.surface.default	spec/components/multiselect.md:73 `/contrast/2`
number-field · contrast	—	— · color.surface.default	spec/components/number-field.md:63 `/contrast/3`
number-field · contrast	—	— · color.surface.default	spec/components/number-field.md:64 `/contrast/4`
pagination · contrast	—	disabled · color.surface.default	spec/components/pagination.md:47 `/contrast/1`
pagination · contrast	—	— · color.surface.default	spec/components/pagination.md:48 `/contrast/2`
popover · contrast	—	— · color.surface.default	spec/components/popover.md:48 `/contrast/0`
popover · contrast	—	— · color.surface.default	spec/components/popover.md:51 `/contrast/1`
popover · contrast	—	— · color.surface.default	spec/components/popover.md:54 `/contrast/2`
radio-group · contrast	—	checked · color.surface.default	spec/components/radio-group.md:59 `/contrast/2`
radio-group · contrast	—	disabled · color.surface.default	spec/components/radio-group.md:62 `/contrast/5`
radio-group · contrast	—	— · color.surface.default	spec/components/radio-group.md:57 `/contrast/0`
radio-group · contrast	—	— · color.surface.default	spec/components/radio-group.md:58 `/contrast/1`
radio-group · contrast	—	— · color.surface.default	spec/components/radio-group.md:61 `/contrast/4`
range · contrast	—	— · color.surface.default	spec/components/range.md:48 `/contrast/0`
range · contrast	—	— · color.surface.default	spec/components/range.md:51 `/contrast/1`
range · contrast	—	— · color.surface.default	spec/components/range.md:54 `/contrast/2`
repeater · contrast	—	— · color.surface.default	spec/components/repeater.md:49 `/contrast/0`
repeater · contrast	—	— · color.surface.default	spec/components/repeater.md:52 `/contrast/1`
repeater · contrast	—	— · color.surface.default	spec/components/repeater.md:55 `/contrast/2`
search-field · contrast	—	— · color.surface.default	spec/components/search-field.md:63 `/contrast/4`
segmented-control · contrast	—	— · color.surface.default	spec/components/segmented-control.md:68 `/contrast/0`
segmented-control · contrast	—	— · color.surface.default	spec/components/segmented-control.md:71 `/contrast/1`
segmented-control · contrast	—	— · color.surface.default	spec/components/segmented-control.md:74 `/contrast/2`
select · contrast	—	— · color.surface.default	spec/components/select.md:66 `/contrast/4`
select · contrast	—	— · color.surface.default	spec/components/select.md:67 `/contrast/5`
settings-panel · contrast	—	invalid · color.surface.default	spec/components/settings-panel.md:61 `/contrast/2`
settings-panel · contrast	—	— · color.surface.default	spec/components/settings-panel.md:59 `/contrast/0`
settings-panel · contrast	—	— · color.surface.default	spec/components/settings-panel.md:60 `/contrast/1`
settings-panel · contrast	—	— · color.surface.default	spec/components/settings-panel.md:62 `/contrast/3`
settings-panel · contrast	—	— · color.surface.default	spec/components/settings-panel.md:63 `/contrast/4`
settings-panel · contrast	—	— · color.surface.default	spec/components/settings-panel.md:64 `/contrast/5`
settings-panel · contrast	—	— · color.surface.default	spec/components/settings-panel.md:65 `/contrast/6`
settings-panel · contrast	—	— · color.surface.default	spec/components/settings-panel.md:66 `/contrast/7`
sidebar-nav · contrast	—	— · color.surface.default	spec/components/sidebar-nav.md:62 `/contrast/1`
sidebar-nav · contrast	—	— · color.surface.default	spec/components/sidebar-nav.md:63 `/contrast/2`
skeleton · contrast	—	— · color.surface.default	spec/components/skeleton.md:44 `/contrast/0`
skeleton · contrast	—	— · color.surface.default	spec/components/skeleton.md:47 `/contrast/1`
skeleton · contrast	—	— · color.surface.default	spec/components/skeleton.md:50 `/contrast/2`
switch · contrast	—	checked · color.surface.default	spec/components/switch.md:57 `/contrast/3`
switch · contrast	—	disabled · color.surface.default	spec/components/switch.md:61 `/contrast/7`
switch · contrast	—	— · color.surface.default	spec/components/switch.md:58 `/contrast/4`
switch · contrast	—	— · color.surface.default	spec/components/switch.md:59 `/contrast/5`
table · contrast	—	— · color.surface.default	spec/components/table.md:65 `/contrast/0`
table · contrast	—	— · color.surface.default	spec/components/table.md:67 `/contrast/2`
table · contrast	—	— · color.surface.default	spec/components/table.md:68 `/contrast/3`
table · contrast	—	— · color.surface.default	spec/components/table.md:69 `/contrast/4`
table · contrast	—	— · color.surface.default	spec/components/table.md:70 `/contrast/5`
tabs · contrast	—	disabled · color.surface.default	spec/components/tabs.md:52 `/contrast/1`
tabs · contrast	—	selected+container-inactive · color.surface.default	spec/components/tabs.md:51 `/contrast/0`
tabs · contrast	—	— · color.surface.default	spec/components/tabs.md:53 `/contrast/2`
text-field · contrast	—	— · color.surface.default	spec/components/text-field.md:76 `/contrast/0`
text-field · contrast	—	— · color.surface.default	spec/components/text-field.md:77 `/contrast/1`
textarea · contrast	—	— · color.surface.default	spec/components/textarea.md:65 `/contrast/0`
textarea · contrast	—	— · color.surface.default	spec/components/textarea.md:66 `/contrast/1`
timeline · contrast	—	— · color.surface.default	spec/components/timeline.md:44 `/contrast/0`
timeline · contrast	—	— · color.surface.default	spec/components/timeline.md:47 `/contrast/1`
timeline · contrast	—	— · color.surface.default	spec/components/timeline.md:50 `/contrast/2`
tree · contrast	—	— · color.surface.default	spec/components/tree.md:54 `/contrast/0`
tree · contrast	—	— · color.surface.default	spec/components/tree.md:57 `/contrast/1`
tree · contrast	—	— · color.surface.default	spec/components/tree.md:60 `/contrast/2`
wizard · contrast	—	— · color.surface.default	spec/components/wizard.md:63 `/contrast/1`
wizard · contrast	—	— · color.surface.default	spec/components/wizard.md:64 `/contrast/2`
wizard · contrast	—	— · color.surface.default	spec/components/wizard.md:65 `/contrast/3`
Shared rule · contrast	—	— · color.surface.default	spec/contrast.json:5 `/pairs/1`
Shared rule · contrast	—	— · color.surface.default	spec/contrast.json:17 `/pairs/13`
Shared rule · contrast	—	— · color.surface.default	spec/contrast.json:42 `/pairs/38`
Shared rule · contrast	—	— · color.surface.default	spec/contrast.json:45 `/pairs/41`
admin-form · part	root.bg	—	spec/components/admin-form.md:27 `/tokens/root.bg`
avatar · part	root.bg	—	spec/components/avatar.md:24 `/tokens/root.bg`
breadcrumbs · part	root.bg	—	spec/components/breadcrumbs.md:28 `/tokens/root.bg`
button-group · part	root.bg	—	spec/components/button-group.md:24 `/tokens/root.bg`
card · part	root.bg	—	spec/components/card.md:32 `/tokens/root.bg`
chart · part	root.bg	—	spec/components/chart.md:24 `/tokens/root.bg`
chip · part	root.bg	—	spec/components/chip.md:32 `/tokens/root.bg`
command-palette · part	root.bg	—	spec/components/command-palette.md:27 `/tokens/root.bg`
compact-dashboard · part	root.bg	—	spec/components/compact-dashboard.md:26 `/tokens/root.bg`
data-table · part	root.bg	—	spec/components/data-table.md:36 `/tokens/root.bg`
description-list · part	root.bg	—	spec/components/description-list.md:23 `/tokens/root.bg`
diagnostics · part	root.bg	—	spec/components/diagnostics.md:32 `/tokens/root.bg`
disclosure · part	root.bg	—	spec/components/disclosure.md:25 `/tokens/root.bg`
editor-search · part	root.bg	—	spec/components/editor-search.md:25 `/tokens/root.bg`
empty-state · part	root.bg	—	spec/components/empty-state.md:23 `/tokens/root.bg`
error-state · part	root.bg	—	spec/components/error-state.md:26 `/tokens/root.bg`
fieldset · part	root.bg	—	spec/components/fieldset.md:21 `/tokens/root.bg`
file-browser · part	root.bg	—	spec/components/file-browser.md:27 `/tokens/root.bg`
filterable-table · part	chip.bg	—	spec/components/filterable-table.md:45 `/tokens/chip.bg`
filterable-table · part	root.bg	—	spec/components/filterable-table.md:31 `/tokens/root.bg`
form-builder · part	root.bg	—	spec/components/form-builder.md:19 `/tokens/root.bg`
kbd · part	root.bg	—	spec/components/kbd.md:22 `/tokens/root.bg`
list · part	root.bg	—	spec/components/list.md:35 `/tokens/root.bg`
loading-indicator · part	block.bg · block	—	spec/components/loading-indicator.md:26 `/tokens/block.bg`
menu · part	button.bg	—	spec/components/menu.md:37 `/tokens/button.bg`
multiselect · part	root.bg	—	spec/components/multiselect.md:26 `/tokens/root.bg`
pagination · part	root.bg	—	spec/components/pagination.md:28 `/tokens/root.bg`
popover · part	root.bg	—	spec/components/popover.md:25 `/tokens/root.bg`
range · part	root.bg	—	spec/components/range.md:24 `/tokens/root.bg`
repeater · part	root.bg	—	spec/components/repeater.md:25 `/tokens/root.bg`
segmented-control · part	root.bg	—	spec/components/segmented-control.md:25 `/tokens/root.bg`
settings-panel · part	nav.bg	—	spec/components/settings-panel.md:29 `/tokens/nav.bg`
settings-panel · part	root.bg	—	spec/components/settings-panel.md:27 `/tokens/root.bg`
sidebar-nav · part	root.bg	—	spec/components/sidebar-nav.md:35 `/tokens/root.bg`
skeleton · part	root.bg	—	spec/components/skeleton.md:24 `/tokens/root.bg`
table · part	header.bg	—	spec/components/table.md:39 `/tokens/header.bg`
table · part	root.bg	—	spec/components/table.md:37 `/tokens/root.bg`
tabs · part	list.bg	—	spec/components/tabs.md:31 `/tokens/list.bg`
tabs · part	panel.bg	—	spec/components/tabs.md:41 `/tokens/panel.bg`
timeline · part	root.bg	—	spec/components/timeline.md:23 `/tokens/root.bg`
tree · part	root.bg	—	spec/components/tree.md:28 `/tokens/root.bg`
wizard · part	panel.bg	—	spec/components/wizard.md:39 `/tokens/panel.bg`
badge · prose	—	—	spec/components/badge.md:96 `body`
button · prose	—	—	spec/components/button.md:114 `body`
checkbox · prose	—	—	spec/components/checkbox.md:104 `body`
icon-button · prose	—	—	spec/components/icon-button.md:74 `body`
link · prose	—	—	spec/components/link.md:71 `body`
number-field · prose	—	—	spec/components/number-field.md:107 `body`
radio-group · prose	—	—	spec/components/radio-group.md:105 `body`
search-field · prose	—	—	spec/components/search-field.md:109 `body`
select · prose	—	—	spec/components/select.md:110 `body`
switch · prose	—	—	spec/components/switch.md:93 `body`
text-field · prose	—	—	spec/components/text-field.md:119 `body`
textarea · prose	—	—	spec/components/textarea.md:104 `body`
avatar · state	bg	default · color.surface.default	spec/components/avatar.md:40 `/stateTokens/default/bg`
breadcrumbs · state	bg	current · color.surface.default	spec/components/breadcrumbs.md:42 `/stateTokens/current/bg`
breadcrumbs · state	bg	default · color.surface.default	spec/components/breadcrumbs.md:39 `/stateTokens/default/bg`
breadcrumbs · state	bg	focus-visible · color.surface.default	spec/components/breadcrumbs.md:41 `/stateTokens/focus-visible/bg`
breadcrumbs · state	bg	truncated · color.surface.default	spec/components/breadcrumbs.md:43 `/stateTokens/truncated/bg`
button-group · state	bg	default · color.surface.default	spec/components/button-group.md:45 `/stateTokens/default/bg`
card · state	bg	default · color.surface.default	spec/components/card.md:44 `/stateTokens/default/bg`
card · state	bg	focus-visible · color.surface.default	spec/components/card.md:46 `/stateTokens/focus-visible/bg`
chart · state	bg	default · color.surface.default	spec/components/chart.md:45 `/stateTokens/default/bg`
chip · state	bg	default · color.surface.default	spec/components/chip.md:48 `/stateTokens/default/bg`
chip · state	bg	focus-visible · color.surface.default	spec/components/chip.md:50 `/stateTokens/focus-visible/bg`
command-palette · state	bg	default · color.surface.default	spec/components/command-palette.md:52 `/stateTokens/default/bg`
compact-dashboard · state	bg	default · color.surface.default	spec/components/compact-dashboard.md:46 `/stateTokens/default/bg`
data-table · state	bg	default · color.surface.default	spec/components/data-table.md:56 `/stateTokens/default/bg`
data-table · state	bg	empty · color.surface.default	spec/components/data-table.md:63 `/stateTokens/empty/bg`
data-table · state	bg	focus-visible · color.surface.default	spec/components/data-table.md:58 `/stateTokens/focus-visible/bg`
data-table · state	bg	loading · color.surface.default	spec/components/data-table.md:64 `/stateTokens/loading/bg`
data-table · state	bg	sorted · color.surface.default	spec/components/data-table.md:61 `/stateTokens/sorted/bg`
description-list · state	bg	default · color.surface.default	spec/components/description-list.md:40 `/stateTokens/default/bg`
diagnostics · state	bg	default · color.surface.default	spec/components/diagnostics.md:65 `/stateTokens/default/bg`
diagnostics · state	bg	empty · color.surface.default	spec/components/diagnostics.md:71 `/stateTokens/empty/bg`
diagnostics · state	bg	error · color.surface.default	spec/components/diagnostics.md:70 `/stateTokens/error/bg`
diagnostics · state	bg	focus-visible · color.surface.default	spec/components/diagnostics.md:67 `/stateTokens/focus-visible/bg`
disclosure · state	bg	default · color.surface.default	spec/components/disclosure.md:47 `/stateTokens/default/bg`
editor-search · state	bg	default · color.surface.default	spec/components/editor-search.md:47 `/stateTokens/default/bg`
empty-state · state	bg	default · color.surface.default	spec/components/empty-state.md:33 `/stateTokens/default/bg`
error-state · state	bg	default · color.surface.default	spec/components/error-state.md:49 `/stateTokens/default/bg`
field · state	bg	default · color.surface.default	spec/components/field.md:33 `/stateTokens/default/bg`
field · state	bg	invalid · color.surface.default	spec/components/field.md:35 `/stateTokens/invalid/bg`
field · state	bg	required · color.surface.default	spec/components/field.md:34 `/stateTokens/required/bg`
fieldset · state	bg	default · color.surface.default	spec/components/fieldset.md:32 `/stateTokens/default/bg`
file-browser · state	bg	default · color.surface.default	spec/components/file-browser.md:48 `/stateTokens/default/bg`
filterable-table · state	bg	default · color.surface.default	spec/components/filterable-table.md:74 `/stateTokens/default/bg`
filterable-table · state	bg	focus-visible · color.surface.default	spec/components/filterable-table.md:76 `/stateTokens/focus-visible/bg`
filterable-table · state	bg	no-results · color.surface.default	spec/components/filterable-table.md:78 `/stateTokens/no-results/bg`
form-builder · state	bg	default · color.surface.default	spec/components/form-builder.md:24 `/stateTokens/default/bg`
kbd · state	bg	default · color.surface.default	spec/components/kbd.md:38 `/stateTokens/default/bg`
list · state	bg	default · color.surface.default	spec/components/list.md:50 `/stateTokens/default/bg`
list · state	bg	focus-visible · color.surface.default	spec/components/list.md:52 `/stateTokens/focus-visible/bg`
menu · state	bg	closed · color.surface.default	spec/components/menu.md:61 `/stateTokens/closed/bg`
menu · state	bg	focus-visible · color.surface.default	spec/components/menu.md:59 `/stateTokens/focus-visible/bg`
multiselect · state	bg	default · color.surface.default	spec/components/multiselect.md:64 `/stateTokens/default/bg`
pagination · state	bg	default · color.surface.default	spec/components/pagination.md:41 `/stateTokens/default/bg`
pagination · state	bg	focus-visible · color.surface.default	spec/components/pagination.md:43 `/stateTokens/focus-visible/bg`
popover · state	bg	default · color.surface.default	spec/components/popover.md:45 `/stateTokens/default/bg`
range · state	bg	default · color.surface.default	spec/components/range.md:45 `/stateTokens/default/bg`
repeater · state	bg	default · color.surface.default	spec/components/repeater.md:46 `/stateTokens/default/bg`
segmented-control · state	bg	default · color.surface.default	spec/components/segmented-control.md:65 `/stateTokens/default/bg`
settings-panel · state	bg	default · color.surface.default	spec/components/settings-panel.md:54 `/stateTokens/default/bg`
sidebar-nav · state	bg	collapsed · color.surface.default	spec/components/sidebar-nav.md:59 `/stateTokens/collapsed/bg`
sidebar-nav · state	bg	current · color.surface.default	spec/components/sidebar-nav.md:55 `/stateTokens/current/bg`
sidebar-nav · state	bg	default · color.surface.default	spec/components/sidebar-nav.md:52 `/stateTokens/default/bg`
sidebar-nav · state	bg	expanded · color.surface.default	spec/components/sidebar-nav.md:58 `/stateTokens/expanded/bg`
sidebar-nav · state	bg	focus-visible · color.surface.default	spec/components/sidebar-nav.md:54 `/stateTokens/focus-visible/bg`
skeleton · state	bg	default · color.surface.default	spec/components/skeleton.md:41 `/stateTokens/default/bg`
table · state	bg	default · color.surface.default	spec/components/table.md:56 `/stateTokens/default/bg`
table · state	bg	empty · color.surface.default	spec/components/table.md:62 `/stateTokens/empty/bg`
table · state	bg	loading · color.surface.default	spec/components/table.md:63 `/stateTokens/loading/bg`
table · state	bg	sorted · color.surface.default	spec/components/table.md:61 `/stateTokens/sorted/bg`
tabs · state	bg	default · color.surface.default	spec/components/tabs.md:44 `/stateTokens/default/bg`
tabs · state	bg	focus-visible · color.surface.default	spec/components/tabs.md:46 `/stateTokens/focus-visible/bg`
tabs · state	bg	selected · color.surface.default	spec/components/tabs.md:47 `/stateTokens/selected/bg`
tabs · state	bg	selected+container-inactive · color.surface.default	spec/components/tabs.md:49 `/stateTokens/selected+container-inactive/bg`
tabs · state	bg	selected+focus-visible · color.surface.default	spec/components/tabs.md:48 `/stateTokens/selected+focus-visible/bg`
timeline · state	bg	default · color.surface.default	spec/components/timeline.md:41 `/stateTokens/default/bg`
tree · state	bg	default · color.surface.default	spec/components/tree.md:51 `/stateTokens/default/bg`

Relevant contrast declarations

checked fill against the row (the glyph and the boundary carry the state): color.action.primary.bg on color.surface.default · spec/components/data-table.md:68 /contrast/2
primary fill against the panel (decorative; the label identifies the button): color.action.primary.bg on color.surface.default · spec/components/button.md:67 /contrast/0
action boundary on the panel surface: color.action.secondary.border on color.surface.default · spec/components/empty-state.md:37 /contrast/2
Back button and file-input button boundaries: color.action.secondary.border on color.surface.default · spec/components/admin-form.md:80 /contrast/10
Reset button boundary: color.action.secondary.border on color.surface.default · spec/components/settings-panel.md:64 /contrast/5
secondary border against the panel while hovered (the fill inside it measures 2.94:1): color.action.secondary.border on color.surface.default · spec/components/button.md:71 /contrast/4
action text on the panel surface: color.action.secondary.text on color.surface.default · spec/components/empty-state.md:36 /contrast/1
avatar default border: color.border.control on color.surface.default · spec/components/avatar.md:39 /stateTokens/default
button-group default border: color.border.control on color.surface.default · spec/components/button-group.md:44 /stateTokens/default
chart default border: color.border.control on color.surface.default · spec/components/chart.md:44 /stateTokens/default
checked box edge against the panel (the border stays border.control): color.border.control on color.surface.default · spec/components/checkbox.md:62 /contrast/2
checked radio edge against the panel (the border stays border.control): color.border.control on color.surface.default · spec/components/radio-group.md:59 /contrast/2
chip and checkbox boundaries: color.border.control on color.surface.default · spec/components/filterable-table.md:88 /contrast/8
chip default border: color.border.control on color.surface.default · spec/components/chip.md:48 /stateTokens/default
chip focus-visible border: color.border.control on color.surface.default · spec/components/chip.md:50 /stateTokens/focus-visible
command-palette default border: color.border.control on color.surface.default · spec/components/command-palette.md:51 /stateTokens/default
compact-dashboard default border: color.border.control on color.surface.default · spec/components/compact-dashboard.md:45 /stateTokens/default
control border on default surface: color.border.control on color.surface.default · spec/contrast.json:45 /pairs/41
control boundaries on the panel surface: color.border.control on color.surface.default · spec/components/settings-panel.md:63 /contrast/4
Control boundary: color.border.control on color.surface.default · spec/components/avatar.md:49 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/button-group.md:54 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/chart.md:54 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/command-palette.md:61 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/compact-dashboard.md:55 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/description-list.md:49 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/disclosure.md:56 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/editor-search.md:56 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/error-state.md:58 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/file-browser.md:57 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/kbd.md:47 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/multiselect.md:73 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/popover.md:54 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/range.md:54 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/repeater.md:55 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/segmented-control.md:74 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/skeleton.md:50 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/timeline.md:50 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/tree.md:60 /contrast/2
description-list default border: color.border.control on color.surface.default · spec/components/description-list.md:39 /stateTokens/default
diagnostics default border: color.border.control on color.surface.default · spec/components/diagnostics.md:65 /stateTokens/default
disclosure default border: color.border.control on color.surface.default · spec/components/disclosure.md:46 /stateTokens/default
editor-search default border: color.border.control on color.surface.default · spec/components/editor-search.md:46 /stateTokens/default
error-state default border: color.border.control on color.surface.default · spec/components/error-state.md:48 /stateTokens/default
file-browser default border: color.border.control on color.surface.default · spec/components/file-browser.md:47 /stateTokens/default
form-builder default border: color.border.control on color.surface.default · spec/components/form-builder.md:24 /stateTokens/default
kbd default border: color.border.control on color.surface.default · spec/components/kbd.md:37 /stateTokens/default
list default border: color.border.control on color.surface.default · spec/components/list.md:50 /stateTokens/default
menu closed border: color.border.control on color.surface.default · spec/components/menu.md:61 /stateTokens/closed
menu focus-visible border: color.border.control on color.surface.default · spec/components/menu.md:59 /stateTokens/focus-visible
multiselect default border: color.border.control on color.surface.default · spec/components/multiselect.md:63 /stateTokens/default
on track edge against the panel (the border stays border.control): color.border.control on color.surface.default · spec/components/switch.md:57 /contrast/3
popover default border: color.border.control on color.surface.default · spec/components/popover.md:44 /stateTokens/default
range default border: color.border.control on color.surface.default · spec/components/range.md:44 /stateTokens/default
repeater default border: color.border.control on color.surface.default · spec/components/repeater.md:45 /stateTokens/default
segmented-control default border: color.border.control on color.surface.default · spec/components/segmented-control.md:64 /stateTokens/default
skeleton default border: color.border.control on color.surface.default · spec/components/skeleton.md:40 /stateTokens/default
timeline default border: color.border.control on color.surface.default · spec/components/timeline.md:40 /stateTokens/default
tree default border: color.border.control on color.surface.default · spec/components/tree.md:50 /stateTokens/default
card edge (decorative; the card is not a control at rest): color.border.default on color.surface.default · spec/components/card.md:54 /contrast/4
panel edge (decorative): color.border.default on color.surface.default · spec/components/admin-form.md:85 /contrast/15
panel edge (decorative): color.border.default on color.surface.default · spec/components/settings-panel.md:65 /contrast/6
panel edge and toolbar separator (decorative): color.border.default on color.surface.default · spec/components/filterable-table.md:91 /contrast/11
resize handle at rest (decorative; keyboard resizing is a header action): color.border.default on color.surface.default · spec/components/data-table.md:71 /contrast/5
group border (decorative; the legend and spacing carry the grouping): color.border.divider on color.surface.default · spec/components/fieldset.md:34 /contrast/0
rail edge (decorative): color.border.divider on color.surface.default · spec/components/sidebar-nav.md:63 /contrast/2
row divider (decorative): color.border.divider on color.surface.default · spec/components/data-table.md:70 /contrast/4
row divider (decorative): color.border.divider on color.surface.default · spec/components/list.md:60 /contrast/3
row divider (decorative): color.border.divider on color.surface.default · spec/components/table.md:70 /contrast/5
row, toolbar and footer rules (decorative): color.border.divider on color.surface.default · spec/components/filterable-table.md:92 /contrast/12
sidebar, group and footer rules (decorative): color.border.divider on color.surface.default · spec/components/settings-panel.md:66 /contrast/7
step, row and footer rules (decorative): color.border.divider on color.surface.default · spec/components/admin-form.md:86 /contrast/16
tablist bottom rule (decorative): color.border.divider on color.surface.default · spec/components/tabs.md:53 /contrast/2
inactive indicator (decorative; the selected tab keeps aria-selected and bright text): color.border.selected-indicator-inactive on color.surface.default · spec/components/tabs.md:51 /contrast/0
current-section indicator bar: color.border.selected-indicator on color.surface.default · spec/components/settings-panel.md:62 /contrast/3
current-step indicator bar: color.border.selected-indicator on color.surface.default · spec/components/admin-form.md:79 /contrast/9
sidebar-nav current border: color.border.selected-indicator on color.surface.default · spec/components/sidebar-nav.md:55 /stateTokens/current
tabs selected border: color.border.selected-indicator on color.surface.default · spec/components/tabs.md:47 /stateTokens/selected
tabs selected+focus-visible border: color.border.selected-indicator on color.surface.default · spec/components/tabs.md:48 /stateTokens/selected+focus-visible
toggled border against the panel: color.border.selected-indicator on color.surface.default · spec/components/icon-button.md:46 /contrast/0
header rule (decorative; thead carries the structure): color.border.strong on color.surface.default · spec/components/table.md:69 /contrast/4
header rule (decorative): color.border.strong on color.surface.default · spec/components/data-table.md:69 /contrast/3
header rule (decorative): color.border.strong on color.surface.default · spec/components/filterable-table.md:90 /contrast/10
review header rule (decorative): color.border.strong on color.surface.default · spec/components/admin-form.md:84 /contrast/14
error glyph and count in the panel: color.diagnostic.error.text on color.surface.default · spec/components/diagnostics.md:87 /contrast/14
info glyph and count in the panel: color.diagnostic.info.text on color.surface.default · spec/components/diagnostics.md:89 /contrast/16
warning glyph and count in the panel: color.diagnostic.warning.text on color.surface.default · spec/components/diagnostics.md:88 /contrast/15
glyph (decorative): color.icon.decorative on color.surface.default · spec/components/empty-state.md:38 /contrast/3
group chevron (decorative; aria-expanded carries the state): color.icon.decorative on color.surface.default · spec/components/sidebar-nav.md:62 /contrast/1
card focus-visible outline: color.interaction.focus.ring-container on color.surface.default · spec/components/card.md:46 /stateTokens/focus-visible
breadcrumbs focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/breadcrumbs.md:41 /stateTokens/focus-visible
chip focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/chip.md:50 /stateTokens/focus-visible
data-table focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/data-table.md:58 /stateTokens/focus-visible
diagnostics focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/diagnostics.md:67 /stateTokens/focus-visible
filterable-table focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/filterable-table.md:76 /stateTokens/focus-visible
focus ring on default surface: color.interaction.focus.ring on color.surface.default · spec/contrast.json:42 /pairs/38
list focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/list.md:52 /stateTokens/focus-visible
menu focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/menu.md:59 /stateTokens/focus-visible
pagination focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/pagination.md:43 /stateTokens/focus-visible
ring on a sort button: color.interaction.focus.ring on color.surface.default · spec/components/table.md:68 /contrast/3
sidebar-nav focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/sidebar-nav.md:54 /stateTokens/focus-visible
tabs focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/tabs.md:46 /stateTokens/focus-visible
tabs selected+focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/tabs.md:48 /stateTokens/selected+focus-visible
toggled fill against the panel (decorative): color.interaction.selection.bg on color.surface.default · spec/components/icon-button.md:47 /contrast/1
danger outline border: color.status.danger.border on color.surface.default · spec/components/badge.md:64 /contrast/10
danger dot on the panel surface: color.status.danger.fill on color.surface.default · spec/components/badge.md:69 /contrast/15
danger outline text: color.status.danger.text on color.surface.default · spec/components/badge.md:59 /contrast/5
diagnostics error fg: color.status.danger.text on color.surface.default · spec/components/diagnostics.md:70 /stateTokens/error
field invalid fg: color.status.danger.text on color.surface.default · spec/components/field.md:35 /stateTokens/invalid
field messages on the panel surface: color.status.danger.text on color.surface.default · spec/components/admin-form.md:77 /contrast/7
field required fg: color.status.danger.text on color.surface.default · spec/components/field.md:34 /stateTokens/required
step message on the panel surface: color.status.danger.text on color.surface.default · spec/components/wizard.md:65 /contrast/3
validation message on the panel surface: color.status.danger.text on color.surface.default · spec/components/settings-panel.md:61 /contrast/2
validation message on the panel surface: color.status.danger.text on color.surface.default · spec/components/checkbox.md:64 /contrast/4
validation message on the panel surface: color.status.danger.text on color.surface.default · spec/components/number-field.md:63 /contrast/3
validation message on the panel surface: color.status.danger.text on color.surface.default · spec/components/radio-group.md:61 /contrast/4
validation message on the panel surface: color.status.danger.text on color.surface.default · spec/components/select.md:66 /contrast/4
validation message on the panel surface: color.status.danger.text on color.surface.default · spec/components/text-field.md:76 /contrast/0
validation message on the panel surface: color.status.danger.text on color.surface.default · spec/components/textarea.md:65 /contrast/0
info outline border: color.status.info.border on color.surface.default · spec/components/badge.md:67 /contrast/13
info dot on the panel surface: color.status.info.fill on color.surface.default · spec/components/badge.md:72 /contrast/18
info outline text: color.status.info.text on color.surface.default · spec/components/badge.md:62 /contrast/8
neutral outline border: color.status.neutral.border on color.surface.default · spec/components/badge.md:68 /contrast/14
neutral dot on the panel surface: color.status.neutral.fill on color.surface.default · spec/components/badge.md:73 /contrast/19
neutral outline text: color.status.neutral.text on color.surface.default · spec/components/badge.md:63 /contrast/9
success outline border: color.status.success.border on color.surface.default · spec/components/badge.md:66 /contrast/12
success dot on the panel surface: color.status.success.fill on color.surface.default · spec/components/badge.md:71 /contrast/17
complete-step check: color.status.success.text on color.surface.default · spec/components/admin-form.md:73 /contrast/3
success outline text: color.status.success.text on color.surface.default · spec/components/badge.md:61 /contrast/7
the ✓ of the empty message: color.status.success.text on color.surface.default · spec/components/diagnostics.md:94 /contrast/21
warning outline border: color.status.warning.border on color.surface.default · spec/components/badge.md:65 /contrast/11
warning dot on the panel surface: color.status.warning.fill on color.surface.default · spec/components/badge.md:70 /contrast/16
warning outline text: color.status.warning.text on color.surface.default · spec/components/badge.md:60 /contrast/6
accent text on default surface: color.text.accent on color.surface.default · spec/contrast.json:17 /pairs/13
breadcrumbs current fg: color.text.bright on color.surface.default · spec/components/breadcrumbs.md:42 /stateTokens/current
column headers, empty-state heading and current page: color.text.bright on color.surface.default · spec/components/filterable-table.md:82 /contrast/2
data-table sorted fg: color.text.bright on color.surface.default · spec/components/data-table.md:61 /stateTokens/sorted
field default fg: color.text.bright on color.surface.default · spec/components/field.md:33 /stateTokens/default
fieldset default fg: color.text.bright on color.surface.default · spec/components/fieldset.md:32 /stateTokens/default
header text: color.text.bright on color.surface.default · spec/components/data-table.md:66 /contrast/0
header text: color.text.bright on color.surface.default · spec/components/table.md:65 /contrast/0
heading on the panel surface: color.text.bright on color.surface.default · spec/components/empty-state.md:35 /contrast/0
legend on the panel surface: color.text.bright on color.surface.default · spec/components/checkbox.md:61 /contrast/1
legend on the panel surface: color.text.bright on color.surface.default · spec/components/radio-group.md:58 /contrast/1
panel title on the panel surface: color.text.bright on color.surface.default · spec/components/wizard.md:63 /contrast/1
sidebar-nav current fg: color.text.bright on color.surface.default · spec/components/sidebar-nav.md:55 /stateTokens/current
table sorted fg: color.text.bright on color.surface.default · spec/components/table.md:61 /stateTokens/sorted
tabs selected fg: color.text.bright on color.surface.default · spec/components/tabs.md:47 /stateTokens/selected
tabs selected+container-inactive fg: color.text.bright on color.surface.default · spec/components/tabs.md:49 /stateTokens/selected+container-inactive
tabs selected+focus-visible fg: color.text.bright on color.surface.default · spec/components/tabs.md:48 /stateTokens/selected+focus-visible
title on the card: color.text.bright on color.surface.default · spec/components/card.md:50 /contrast/0
title, labels and the current step on the panel surface: color.text.bright on color.surface.default · spec/components/admin-form.md:70 /contrast/0
title, legend and the current section on the panel surface: color.text.bright on color.surface.default · spec/components/settings-panel.md:59 /contrast/0
avatar default fg: color.text.default on color.surface.default · spec/components/avatar.md:39 /stateTokens/default
block label on the panel surface: color.text.default on color.surface.default · spec/components/loading-indicator.md:33 /contrast/1
breadcrumbs truncated fg: color.text.default on color.surface.default · spec/components/breadcrumbs.md:43 /stateTokens/truncated
button-group default fg: color.text.default on color.surface.default · spec/components/button-group.md:44 /stateTokens/default
card default fg: color.text.default on color.surface.default · spec/components/card.md:44 /stateTokens/default
card focus-visible fg: color.text.default on color.surface.default · spec/components/card.md:46 /stateTokens/focus-visible
chart default fg: color.text.default on color.surface.default · spec/components/chart.md:44 /stateTokens/default
chip default fg: color.text.default on color.surface.default · spec/components/chip.md:48 /stateTokens/default
chip focus-visible fg: color.text.default on color.surface.default · spec/components/chip.md:50 /stateTokens/focus-visible
command-palette default fg: color.text.default on color.surface.default · spec/components/command-palette.md:51 /stateTokens/default
compact-dashboard default fg: color.text.default on color.surface.default · spec/components/compact-dashboard.md:45 /stateTokens/default
data-table default fg: color.text.default on color.surface.default · spec/components/data-table.md:56 /stateTokens/default
data-table focus-visible fg: color.text.default on color.surface.default · spec/components/data-table.md:58 /stateTokens/focus-visible
default text on default surface: color.text.default on color.surface.default · spec/contrast.json:5 /pairs/1
description-list default fg: color.text.default on color.surface.default · spec/components/description-list.md:39 /stateTokens/default
diagnostics default fg: color.text.default on color.surface.default · spec/components/diagnostics.md:65 /stateTokens/default
diagnostics focus-visible fg: color.text.default on color.surface.default · spec/components/diagnostics.md:67 /stateTokens/focus-visible
disclosure default fg: color.text.default on color.surface.default · spec/components/disclosure.md:46 /stateTokens/default
Editor text: color.text.default on color.surface.default · spec/components/form-builder.md:26 /contrast/0
editor-search default fg: color.text.default on color.surface.default · spec/components/editor-search.md:46 /stateTokens/default
error-state default fg: color.text.default on color.surface.default · spec/components/error-state.md:48 /stateTokens/default
field labels inside the group: color.text.default on color.surface.default · spec/components/fieldset.md:35 /contrast/1
file-browser default fg: color.text.default on color.surface.default · spec/components/file-browser.md:47 /stateTokens/default
filterable-table default fg: color.text.default on color.surface.default · spec/components/filterable-table.md:74 /stateTokens/default
filterable-table focus-visible fg: color.text.default on color.surface.default · spec/components/filterable-table.md:76 /stateTokens/focus-visible
form-builder default fg: color.text.default on color.surface.default · spec/components/form-builder.md:24 /stateTokens/default
kbd default fg: color.text.default on color.surface.default · spec/components/kbd.md:37 /stateTokens/default
list default fg: color.text.default on color.surface.default · spec/components/list.md:50 /stateTokens/default
list focus-visible fg: color.text.default on color.surface.default · spec/components/list.md:52 /stateTokens/focus-visible
menu closed fg: color.text.default on color.surface.default · spec/components/menu.md:61 /stateTokens/closed
menu focus-visible fg: color.text.default on color.surface.default · spec/components/menu.md:59 /stateTokens/focus-visible
multiselect default fg: color.text.default on color.surface.default · spec/components/multiselect.md:63 /stateTokens/default
option text on the panel surface: color.text.default on color.surface.default · spec/components/checkbox.md:60 /contrast/0
option text on the panel surface: color.text.default on color.surface.default · spec/components/radio-group.md:57 /contrast/0
pagination default fg: color.text.default on color.surface.default · spec/components/pagination.md:41 /stateTokens/default
pagination focus-visible fg: color.text.default on color.surface.default · spec/components/pagination.md:43 /stateTokens/focus-visible
panel text on the panel surface: color.text.default on color.surface.default · spec/components/wizard.md:64 /contrast/2
popover default fg: color.text.default on color.surface.default · spec/components/popover.md:44 /stateTokens/default
Primary content: color.text.default on color.surface.default · spec/components/avatar.md:43 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/button-group.md:48 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/chart.md:48 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/command-palette.md:55 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/compact-dashboard.md:49 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/description-list.md:43 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/disclosure.md:50 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/editor-search.md:50 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/error-state.md:52 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/file-browser.md:51 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/kbd.md:41 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/multiselect.md:67 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/popover.md:48 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/range.md:48 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/repeater.md:49 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/segmented-control.md:68 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/skeleton.md:44 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/timeline.md:44 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/tree.md:54 /contrast/0
range default fg: color.text.default on color.surface.default · spec/components/range.md:44 /stateTokens/default
repeater default fg: color.text.default on color.surface.default · spec/components/repeater.md:45 /stateTokens/default
segmented-control default fg: color.text.default on color.surface.default · spec/components/segmented-control.md:64 /stateTokens/default
settings-panel default fg: color.text.default on color.surface.default · spec/components/settings-panel.md:54 /stateTokens/default
sidebar-nav collapsed fg: color.text.default on color.surface.default · spec/components/sidebar-nav.md:59 /stateTokens/collapsed
sidebar-nav default fg: color.text.default on color.surface.default · spec/components/sidebar-nav.md:52 /stateTokens/default
sidebar-nav expanded fg: color.text.default on color.surface.default · spec/components/sidebar-nav.md:58 /stateTokens/expanded
sidebar-nav focus-visible fg: color.text.default on color.surface.default · spec/components/sidebar-nav.md:54 /stateTokens/focus-visible
skeleton default fg: color.text.default on color.surface.default · spec/components/skeleton.md:40 /stateTokens/default
table default fg: color.text.default on color.surface.default · spec/components/table.md:56 /stateTokens/default
tabs default fg: color.text.default on color.surface.default · spec/components/tabs.md:44 /stateTokens/default
tabs focus-visible fg: color.text.default on color.surface.default · spec/components/tabs.md:46 /stateTokens/focus-visible
timeline default fg: color.text.default on color.surface.default · spec/components/timeline.md:40 /stateTokens/default
tree default fg: color.text.default on color.surface.default · spec/components/tree.md:50 /stateTokens/default
visible name on the panel surface: color.text.default on color.surface.default · spec/components/switch.md:58 /contrast/4
disabled label (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/field.md:39 /contrast/2
disabled labels and review keys (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/admin-form.md:82 /contrast/12
disabled legend and labels (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/fieldset.md:37 /contrast/3
disabled name (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/switch.md:61 /contrast/7
disabled option text (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/checkbox.md:65 /contrast/5
disabled option text (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/list.md:59 /contrast/2
disabled option text (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/radio-group.md:62 /contrast/5
disabled Prev link (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/filterable-table.md:89 /contrast/9
disabled previous/next (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/pagination.md:47 /contrast/1
disabled tab text (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/tabs.md:52 /contrast/1
link underline: color.text.link-underline on color.surface.default · spec/components/breadcrumbs.md:46 /contrast/1
underline on the panel: color.text.link-underline on color.surface.default · spec/components/link.md:43 /contrast/1
breadcrumb links on the panel surface: color.text.link on color.surface.default · spec/components/admin-form.md:72 /contrast/2
breadcrumbs default fg: color.text.link on color.surface.default · spec/components/breadcrumbs.md:39 /stateTokens/default
breadcrumbs focus-visible fg: color.text.link on color.surface.default · spec/components/breadcrumbs.md:41 /stateTokens/focus-visible
link text on the panel: color.text.link on color.surface.default · spec/components/link.md:44 /contrast/2
block glyph on the panel surface: color.text.muted on color.surface.default · spec/components/loading-indicator.md:34 /contrast/2
caption: color.text.muted on color.surface.default · spec/components/table.md:67 /contrast/2
count, chip remove glyph and empty-state text: color.text.muted on color.surface.default · spec/components/filterable-table.md:83 /contrast/3
data-table empty fg: color.text.muted on color.surface.default · spec/components/data-table.md:63 /stateTokens/empty
data-table loading fg: color.text.muted on color.surface.default · spec/components/data-table.md:64 /stateTokens/loading
Definition status: color.text.muted on color.surface.default · spec/components/form-builder.md:27 /contrast/1
diagnostics empty fg: color.text.muted on color.surface.default · spec/components/diagnostics.md:71 /stateTokens/empty
empty-state default fg: color.text.muted on color.surface.default · spec/components/empty-state.md:33 /stateTokens/default
filterable-table no-results fg: color.text.muted on color.surface.default · spec/components/filterable-table.md:78 /stateTokens/no-results
gap ellipsis on the panel surface: color.text.muted on color.surface.default · spec/components/pagination.md:48 /contrast/2
help and count on the panel surface: color.text.muted on color.surface.default · spec/components/textarea.md:66 /contrast/1
help and no-results status on the panel surface: color.text.muted on color.surface.default · spec/components/search-field.md:63 /contrast/4
help text inside the group: color.text.muted on color.surface.default · spec/components/fieldset.md:36 /contrast/2
help text on the panel surface: color.text.muted on color.surface.default · spec/components/field.md:37 /contrast/0
help text on the panel surface: color.text.muted on color.surface.default · spec/components/number-field.md:64 /contrast/4
help text on the panel surface: color.text.muted on color.surface.default · spec/components/select.md:67 /contrast/5
help text on the panel surface: color.text.muted on color.surface.default · spec/components/text-field.md:77 /contrast/1
help, affix and review keys on the panel surface: color.text.muted on color.surface.default · spec/components/admin-form.md:71 /contrast/1
lead and help text on the panel surface: color.text.muted on color.surface.default · spec/components/settings-panel.md:60 /contrast/1
location and rule code: color.text.muted on color.surface.default · spec/components/diagnostics.md:91 /contrast/18
metadata column on the list surface: color.text.muted on color.surface.default · spec/components/list.md:57 /contrast/0
metadata on the card: color.text.muted on color.surface.default · spec/components/card.md:51 /contrast/1
Off / On word on the panel surface: color.text.muted on color.surface.default · spec/components/switch.md:59 /contrast/5
remove glyph at rest: color.text.muted on color.surface.default · spec/components/chip.md:54 /contrast/0
separator on the panel surface: color.text.muted on color.surface.default · spec/components/breadcrumbs.md:45 /contrast/0
Supporting content: color.text.muted on color.surface.default · spec/components/avatar.md:46 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/button-group.md:51 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/chart.md:51 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/command-palette.md:58 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/compact-dashboard.md:52 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/description-list.md:46 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/disclosure.md:53 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/editor-search.md:53 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/error-state.md:55 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/file-browser.md:54 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/kbd.md:44 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/multiselect.md:70 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/popover.md:51 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/range.md:51 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/repeater.md:52 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/segmented-control.md:71 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/skeleton.md:47 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/timeline.md:47 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/tree.md:57 /contrast/1
table empty fg: color.text.muted on color.surface.default · spec/components/table.md:62 /stateTokens/empty
table loading fg: color.text.muted on color.surface.default · spec/components/table.md:63 /stateTokens/loading
hint glyph in the panel: color.text.subtle on color.surface.default · spec/components/diagnostics.md:90 /contrast/17

extended · proposed

Resolved value: #100c0c
Status: approved
Consumption: blocked — Proposed profile: preview only, not downstream delivery.
Decisions: None pending.
Source: tokens/semantic.tokens.json:50 /color/surface/default
Alias chain: color.primitive.ink.28
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 / kind	Part / variant	State / surface	Source declaration
admin-form · contrast	—	disabled · color.surface.default	spec/components/admin-form.md:82 `/contrast/12`
admin-form · contrast	—	invalid · color.surface.default	spec/components/admin-form.md:77 `/contrast/7`
admin-form · contrast	—	— · color.surface.default	spec/components/admin-form.md:70 `/contrast/0`
admin-form · contrast	—	— · color.surface.default	spec/components/admin-form.md:71 `/contrast/1`
admin-form · contrast	—	— · color.surface.default	spec/components/admin-form.md:80 `/contrast/10`
admin-form · contrast	—	— · color.surface.default	spec/components/admin-form.md:84 `/contrast/14`
admin-form · contrast	—	— · color.surface.default	spec/components/admin-form.md:85 `/contrast/15`
admin-form · contrast	—	— · color.surface.default	spec/components/admin-form.md:86 `/contrast/16`
admin-form · contrast	—	— · color.surface.default	spec/components/admin-form.md:72 `/contrast/2`
admin-form · contrast	—	— · color.surface.default	spec/components/admin-form.md:73 `/contrast/3`
admin-form · contrast	—	— · color.surface.default	spec/components/admin-form.md:79 `/contrast/9`
avatar · contrast	—	— · color.surface.default	spec/components/avatar.md:43 `/contrast/0`
avatar · contrast	—	— · color.surface.default	spec/components/avatar.md:46 `/contrast/1`
avatar · contrast	—	— · color.surface.default	spec/components/avatar.md:49 `/contrast/2`
badge · contrast	—	empty · color.surface.default	spec/components/badge.md:69 `/contrast/15`
badge · contrast	—	empty · color.surface.default	spec/components/badge.md:70 `/contrast/16`
badge · contrast	—	empty · color.surface.default	spec/components/badge.md:71 `/contrast/17`
badge · contrast	—	empty · color.surface.default	spec/components/badge.md:72 `/contrast/18`
badge · contrast	—	empty · color.surface.default	spec/components/badge.md:73 `/contrast/19`
badge · contrast	—	— · color.surface.default	spec/components/badge.md:64 `/contrast/10`
badge · contrast	—	— · color.surface.default	spec/components/badge.md:65 `/contrast/11`
badge · contrast	—	— · color.surface.default	spec/components/badge.md:66 `/contrast/12`
badge · contrast	—	— · color.surface.default	spec/components/badge.md:67 `/contrast/13`
badge · contrast	—	— · color.surface.default	spec/components/badge.md:68 `/contrast/14`
badge · contrast	—	— · color.surface.default	spec/components/badge.md:59 `/contrast/5`
badge · contrast	—	— · color.surface.default	spec/components/badge.md:60 `/contrast/6`
badge · contrast	—	— · color.surface.default	spec/components/badge.md:61 `/contrast/7`
badge · contrast	—	— · color.surface.default	spec/components/badge.md:62 `/contrast/8`
badge · contrast	—	— · color.surface.default	spec/components/badge.md:63 `/contrast/9`
breadcrumbs · contrast	—	— · color.surface.default	spec/components/breadcrumbs.md:45 `/contrast/0`
breadcrumbs · contrast	—	— · color.surface.default	spec/components/breadcrumbs.md:46 `/contrast/1`
button-group · contrast	—	— · color.surface.default	spec/components/button-group.md:48 `/contrast/0`
button-group · contrast	—	— · color.surface.default	spec/components/button-group.md:51 `/contrast/1`
button-group · contrast	—	— · color.surface.default	spec/components/button-group.md:54 `/contrast/2`
button · contrast	—	hover · color.surface.default	spec/components/button.md:71 `/contrast/4`
button · contrast	—	— · color.surface.default	spec/components/button.md:67 `/contrast/0`
card · contrast	—	— · color.surface.default	spec/components/card.md:50 `/contrast/0`
card · contrast	—	— · color.surface.default	spec/components/card.md:51 `/contrast/1`
card · contrast	—	— · color.surface.default	spec/components/card.md:54 `/contrast/4`
chart · contrast	—	— · color.surface.default	spec/components/chart.md:48 `/contrast/0`
chart · contrast	—	— · color.surface.default	spec/components/chart.md:51 `/contrast/1`
chart · contrast	—	— · color.surface.default	spec/components/chart.md:54 `/contrast/2`
checkbox · contrast	—	checked · color.surface.default	spec/components/checkbox.md:62 `/contrast/2`
checkbox · contrast	—	disabled · color.surface.default	spec/components/checkbox.md:65 `/contrast/5`
checkbox · contrast	—	— · color.surface.default	spec/components/checkbox.md:60 `/contrast/0`
checkbox · contrast	—	— · color.surface.default	spec/components/checkbox.md:61 `/contrast/1`
checkbox · contrast	—	— · color.surface.default	spec/components/checkbox.md:64 `/contrast/4`
chip · contrast	—	— · color.surface.default	spec/components/chip.md:54 `/contrast/0`
command-palette · contrast	—	— · color.surface.default	spec/components/command-palette.md:55 `/contrast/0`
command-palette · contrast	—	— · color.surface.default	spec/components/command-palette.md:58 `/contrast/1`
command-palette · contrast	—	— · color.surface.default	spec/components/command-palette.md:61 `/contrast/2`
compact-dashboard · contrast	—	— · color.surface.default	spec/components/compact-dashboard.md:49 `/contrast/0`
compact-dashboard · contrast	—	— · color.surface.default	spec/components/compact-dashboard.md:52 `/contrast/1`
compact-dashboard · contrast	—	— · color.surface.default	spec/components/compact-dashboard.md:55 `/contrast/2`
data-table · contrast	—	mixed · color.surface.default	spec/components/data-table.md:68 `/contrast/2`
data-table · contrast	—	— · color.surface.default	spec/components/data-table.md:66 `/contrast/0`
data-table · contrast	—	— · color.surface.default	spec/components/data-table.md:69 `/contrast/3`
data-table · contrast	—	— · color.surface.default	spec/components/data-table.md:70 `/contrast/4`
data-table · contrast	—	— · color.surface.default	spec/components/data-table.md:71 `/contrast/5`
description-list · contrast	—	— · color.surface.default	spec/components/description-list.md:43 `/contrast/0`
description-list · contrast	—	— · color.surface.default	spec/components/description-list.md:46 `/contrast/1`
description-list · contrast	—	— · color.surface.default	spec/components/description-list.md:49 `/contrast/2`
diagnostics · contrast	—	empty · color.surface.default	spec/components/diagnostics.md:94 `/contrast/21`
diagnostics · contrast	—	— · color.surface.default	spec/components/diagnostics.md:87 `/contrast/14`
diagnostics · contrast	—	— · color.surface.default	spec/components/diagnostics.md:88 `/contrast/15`
diagnostics · contrast	—	— · color.surface.default	spec/components/diagnostics.md:89 `/contrast/16`
diagnostics · contrast	—	— · color.surface.default	spec/components/diagnostics.md:90 `/contrast/17`
diagnostics · contrast	—	— · color.surface.default	spec/components/diagnostics.md:91 `/contrast/18`
disclosure · contrast	—	— · color.surface.default	spec/components/disclosure.md:50 `/contrast/0`
disclosure · contrast	—	— · color.surface.default	spec/components/disclosure.md:53 `/contrast/1`
disclosure · contrast	—	— · color.surface.default	spec/components/disclosure.md:56 `/contrast/2`
editor-search · contrast	—	— · color.surface.default	spec/components/editor-search.md:50 `/contrast/0`
editor-search · contrast	—	— · color.surface.default	spec/components/editor-search.md:53 `/contrast/1`
editor-search · contrast	—	— · color.surface.default	spec/components/editor-search.md:56 `/contrast/2`
empty-state · contrast	—	— · color.surface.default	spec/components/empty-state.md:35 `/contrast/0`
empty-state · contrast	—	— · color.surface.default	spec/components/empty-state.md:36 `/contrast/1`
empty-state · contrast	—	— · color.surface.default	spec/components/empty-state.md:37 `/contrast/2`
empty-state · contrast	—	— · color.surface.default	spec/components/empty-state.md:38 `/contrast/3`
error-state · contrast	—	— · color.surface.default	spec/components/error-state.md:52 `/contrast/0`
error-state · contrast	—	— · color.surface.default	spec/components/error-state.md:55 `/contrast/1`
error-state · contrast	—	— · color.surface.default	spec/components/error-state.md:58 `/contrast/2`
field · contrast	—	disabled · color.surface.default	spec/components/field.md:39 `/contrast/2`
field · contrast	—	— · color.surface.default	spec/components/field.md:37 `/contrast/0`
fieldset · contrast	—	disabled · color.surface.default	spec/components/fieldset.md:37 `/contrast/3`
fieldset · contrast	—	— · color.surface.default	spec/components/fieldset.md:34 `/contrast/0`
fieldset · contrast	—	— · color.surface.default	spec/components/fieldset.md:35 `/contrast/1`
fieldset · contrast	—	— · color.surface.default	spec/components/fieldset.md:36 `/contrast/2`
file-browser · contrast	—	— · color.surface.default	spec/components/file-browser.md:51 `/contrast/0`
file-browser · contrast	—	— · color.surface.default	spec/components/file-browser.md:54 `/contrast/1`
file-browser · contrast	—	— · color.surface.default	spec/components/file-browser.md:57 `/contrast/2`
filterable-table · contrast	—	— · color.surface.default	spec/components/filterable-table.md:90 `/contrast/10`
filterable-table · contrast	—	— · color.surface.default	spec/components/filterable-table.md:91 `/contrast/11`
filterable-table · contrast	—	— · color.surface.default	spec/components/filterable-table.md:92 `/contrast/12`
filterable-table · contrast	—	— · color.surface.default	spec/components/filterable-table.md:82 `/contrast/2`
filterable-table · contrast	—	— · color.surface.default	spec/components/filterable-table.md:83 `/contrast/3`
filterable-table · contrast	—	— · color.surface.default	spec/components/filterable-table.md:88 `/contrast/8`
filterable-table · contrast	—	— · color.surface.default	spec/components/filterable-table.md:89 `/contrast/9`
form-builder · contrast	—	— · color.surface.default	spec/components/form-builder.md:26 `/contrast/0`
form-builder · contrast	—	— · color.surface.default	spec/components/form-builder.md:27 `/contrast/1`
icon-button · contrast	—	toggled · color.surface.default	spec/components/icon-button.md:46 `/contrast/0`
icon-button · contrast	—	toggled · color.surface.default	spec/components/icon-button.md:47 `/contrast/1`
kbd · contrast	—	— · color.surface.default	spec/components/kbd.md:41 `/contrast/0`
kbd · contrast	—	— · color.surface.default	spec/components/kbd.md:44 `/contrast/1`
kbd · contrast	—	— · color.surface.default	spec/components/kbd.md:47 `/contrast/2`
link · contrast	—	— · color.surface.default	spec/components/link.md:43 `/contrast/1`
link · contrast	—	— · color.surface.default	spec/components/link.md:44 `/contrast/2`
list · contrast	—	disabled · color.surface.default	spec/components/list.md:59 `/contrast/2`
list · contrast	—	— · color.surface.default	spec/components/list.md:57 `/contrast/0`
list · contrast	—	— · color.surface.default	spec/components/list.md:60 `/contrast/3`
loading-indicator · contrast	—	— · color.surface.default	spec/components/loading-indicator.md:33 `/contrast/1`
loading-indicator · contrast	—	— · color.surface.default	spec/components/loading-indicator.md:34 `/contrast/2`
multiselect · contrast	—	— · color.surface.default	spec/components/multiselect.md:67 `/contrast/0`
multiselect · contrast	—	— · color.surface.default	spec/components/multiselect.md:70 `/contrast/1`
multiselect · contrast	—	— · color.surface.default	spec/components/multiselect.md:73 `/contrast/2`
number-field · contrast	—	— · color.surface.default	spec/components/number-field.md:63 `/contrast/3`
number-field · contrast	—	— · color.surface.default	spec/components/number-field.md:64 `/contrast/4`
pagination · contrast	—	disabled · color.surface.default	spec/components/pagination.md:47 `/contrast/1`
pagination · contrast	—	— · color.surface.default	spec/components/pagination.md:48 `/contrast/2`
popover · contrast	—	— · color.surface.default	spec/components/popover.md:48 `/contrast/0`
popover · contrast	—	— · color.surface.default	spec/components/popover.md:51 `/contrast/1`
popover · contrast	—	— · color.surface.default	spec/components/popover.md:54 `/contrast/2`
radio-group · contrast	—	checked · color.surface.default	spec/components/radio-group.md:59 `/contrast/2`
radio-group · contrast	—	disabled · color.surface.default	spec/components/radio-group.md:62 `/contrast/5`
radio-group · contrast	—	— · color.surface.default	spec/components/radio-group.md:57 `/contrast/0`
radio-group · contrast	—	— · color.surface.default	spec/components/radio-group.md:58 `/contrast/1`
radio-group · contrast	—	— · color.surface.default	spec/components/radio-group.md:61 `/contrast/4`
range · contrast	—	— · color.surface.default	spec/components/range.md:48 `/contrast/0`
range · contrast	—	— · color.surface.default	spec/components/range.md:51 `/contrast/1`
range · contrast	—	— · color.surface.default	spec/components/range.md:54 `/contrast/2`
repeater · contrast	—	— · color.surface.default	spec/components/repeater.md:49 `/contrast/0`
repeater · contrast	—	— · color.surface.default	spec/components/repeater.md:52 `/contrast/1`
repeater · contrast	—	— · color.surface.default	spec/components/repeater.md:55 `/contrast/2`
search-field · contrast	—	— · color.surface.default	spec/components/search-field.md:63 `/contrast/4`
segmented-control · contrast	—	— · color.surface.default	spec/components/segmented-control.md:68 `/contrast/0`
segmented-control · contrast	—	— · color.surface.default	spec/components/segmented-control.md:71 `/contrast/1`
segmented-control · contrast	—	— · color.surface.default	spec/components/segmented-control.md:74 `/contrast/2`
select · contrast	—	— · color.surface.default	spec/components/select.md:66 `/contrast/4`
select · contrast	—	— · color.surface.default	spec/components/select.md:67 `/contrast/5`
settings-panel · contrast	—	invalid · color.surface.default	spec/components/settings-panel.md:61 `/contrast/2`
settings-panel · contrast	—	— · color.surface.default	spec/components/settings-panel.md:59 `/contrast/0`
settings-panel · contrast	—	— · color.surface.default	spec/components/settings-panel.md:60 `/contrast/1`
settings-panel · contrast	—	— · color.surface.default	spec/components/settings-panel.md:62 `/contrast/3`
settings-panel · contrast	—	— · color.surface.default	spec/components/settings-panel.md:63 `/contrast/4`
settings-panel · contrast	—	— · color.surface.default	spec/components/settings-panel.md:64 `/contrast/5`
settings-panel · contrast	—	— · color.surface.default	spec/components/settings-panel.md:65 `/contrast/6`
settings-panel · contrast	—	— · color.surface.default	spec/components/settings-panel.md:66 `/contrast/7`
sidebar-nav · contrast	—	— · color.surface.default	spec/components/sidebar-nav.md:62 `/contrast/1`
sidebar-nav · contrast	—	— · color.surface.default	spec/components/sidebar-nav.md:63 `/contrast/2`
skeleton · contrast	—	— · color.surface.default	spec/components/skeleton.md:44 `/contrast/0`
skeleton · contrast	—	— · color.surface.default	spec/components/skeleton.md:47 `/contrast/1`
skeleton · contrast	—	— · color.surface.default	spec/components/skeleton.md:50 `/contrast/2`
switch · contrast	—	checked · color.surface.default	spec/components/switch.md:57 `/contrast/3`
switch · contrast	—	disabled · color.surface.default	spec/components/switch.md:61 `/contrast/7`
switch · contrast	—	— · color.surface.default	spec/components/switch.md:58 `/contrast/4`
switch · contrast	—	— · color.surface.default	spec/components/switch.md:59 `/contrast/5`
table · contrast	—	— · color.surface.default	spec/components/table.md:65 `/contrast/0`
table · contrast	—	— · color.surface.default	spec/components/table.md:67 `/contrast/2`
table · contrast	—	— · color.surface.default	spec/components/table.md:68 `/contrast/3`
table · contrast	—	— · color.surface.default	spec/components/table.md:69 `/contrast/4`
table · contrast	—	— · color.surface.default	spec/components/table.md:70 `/contrast/5`
tabs · contrast	—	disabled · color.surface.default	spec/components/tabs.md:52 `/contrast/1`
tabs · contrast	—	selected+container-inactive · color.surface.default	spec/components/tabs.md:51 `/contrast/0`
tabs · contrast	—	— · color.surface.default	spec/components/tabs.md:53 `/contrast/2`
text-field · contrast	—	— · color.surface.default	spec/components/text-field.md:76 `/contrast/0`
text-field · contrast	—	— · color.surface.default	spec/components/text-field.md:77 `/contrast/1`
textarea · contrast	—	— · color.surface.default	spec/components/textarea.md:65 `/contrast/0`
textarea · contrast	—	— · color.surface.default	spec/components/textarea.md:66 `/contrast/1`
timeline · contrast	—	— · color.surface.default	spec/components/timeline.md:44 `/contrast/0`
timeline · contrast	—	— · color.surface.default	spec/components/timeline.md:47 `/contrast/1`
timeline · contrast	—	— · color.surface.default	spec/components/timeline.md:50 `/contrast/2`
tree · contrast	—	— · color.surface.default	spec/components/tree.md:54 `/contrast/0`
tree · contrast	—	— · color.surface.default	spec/components/tree.md:57 `/contrast/1`
tree · contrast	—	— · color.surface.default	spec/components/tree.md:60 `/contrast/2`
wizard · contrast	—	— · color.surface.default	spec/components/wizard.md:63 `/contrast/1`
wizard · contrast	—	— · color.surface.default	spec/components/wizard.md:64 `/contrast/2`
wizard · contrast	—	— · color.surface.default	spec/components/wizard.md:65 `/contrast/3`
Shared rule · contrast	—	— · color.surface.default	spec/contrast.json:5 `/pairs/1`
Shared rule · contrast	—	— · color.surface.default	spec/contrast.json:17 `/pairs/13`
Shared rule · contrast	—	— · color.surface.default	spec/contrast.json:42 `/pairs/38`
Shared rule · contrast	—	— · color.surface.default	spec/contrast.json:45 `/pairs/41`
admin-form · part	root.bg	—	spec/components/admin-form.md:27 `/tokens/root.bg`
avatar · part	root.bg	—	spec/components/avatar.md:24 `/tokens/root.bg`
breadcrumbs · part	root.bg	—	spec/components/breadcrumbs.md:28 `/tokens/root.bg`
button-group · part	root.bg	—	spec/components/button-group.md:24 `/tokens/root.bg`
card · part	root.bg	—	spec/components/card.md:32 `/tokens/root.bg`
chart · part	root.bg	—	spec/components/chart.md:24 `/tokens/root.bg`
chip · part	root.bg	—	spec/components/chip.md:32 `/tokens/root.bg`
command-palette · part	root.bg	—	spec/components/command-palette.md:27 `/tokens/root.bg`
compact-dashboard · part	root.bg	—	spec/components/compact-dashboard.md:26 `/tokens/root.bg`
data-table · part	root.bg	—	spec/components/data-table.md:36 `/tokens/root.bg`
description-list · part	root.bg	—	spec/components/description-list.md:23 `/tokens/root.bg`
diagnostics · part	root.bg	—	spec/components/diagnostics.md:32 `/tokens/root.bg`
disclosure · part	root.bg	—	spec/components/disclosure.md:25 `/tokens/root.bg`
editor-search · part	root.bg	—	spec/components/editor-search.md:25 `/tokens/root.bg`
empty-state · part	root.bg	—	spec/components/empty-state.md:23 `/tokens/root.bg`
error-state · part	root.bg	—	spec/components/error-state.md:26 `/tokens/root.bg`
fieldset · part	root.bg	—	spec/components/fieldset.md:21 `/tokens/root.bg`
file-browser · part	root.bg	—	spec/components/file-browser.md:27 `/tokens/root.bg`
filterable-table · part	chip.bg	—	spec/components/filterable-table.md:45 `/tokens/chip.bg`
filterable-table · part	root.bg	—	spec/components/filterable-table.md:31 `/tokens/root.bg`
form-builder · part	root.bg	—	spec/components/form-builder.md:19 `/tokens/root.bg`
kbd · part	root.bg	—	spec/components/kbd.md:22 `/tokens/root.bg`
list · part	root.bg	—	spec/components/list.md:35 `/tokens/root.bg`
loading-indicator · part	block.bg · block	—	spec/components/loading-indicator.md:26 `/tokens/block.bg`
menu · part	button.bg	—	spec/components/menu.md:37 `/tokens/button.bg`
multiselect · part	root.bg	—	spec/components/multiselect.md:26 `/tokens/root.bg`
pagination · part	root.bg	—	spec/components/pagination.md:28 `/tokens/root.bg`
popover · part	root.bg	—	spec/components/popover.md:25 `/tokens/root.bg`
range · part	root.bg	—	spec/components/range.md:24 `/tokens/root.bg`
repeater · part	root.bg	—	spec/components/repeater.md:25 `/tokens/root.bg`
segmented-control · part	root.bg	—	spec/components/segmented-control.md:25 `/tokens/root.bg`
settings-panel · part	nav.bg	—	spec/components/settings-panel.md:29 `/tokens/nav.bg`
settings-panel · part	root.bg	—	spec/components/settings-panel.md:27 `/tokens/root.bg`
sidebar-nav · part	root.bg	—	spec/components/sidebar-nav.md:35 `/tokens/root.bg`
skeleton · part	root.bg	—	spec/components/skeleton.md:24 `/tokens/root.bg`
table · part	header.bg	—	spec/components/table.md:39 `/tokens/header.bg`
table · part	root.bg	—	spec/components/table.md:37 `/tokens/root.bg`
tabs · part	list.bg	—	spec/components/tabs.md:31 `/tokens/list.bg`
tabs · part	panel.bg	—	spec/components/tabs.md:41 `/tokens/panel.bg`
timeline · part	root.bg	—	spec/components/timeline.md:23 `/tokens/root.bg`
tree · part	root.bg	—	spec/components/tree.md:28 `/tokens/root.bg`
wizard · part	panel.bg	—	spec/components/wizard.md:39 `/tokens/panel.bg`
badge · prose	—	—	spec/components/badge.md:96 `body`
button · prose	—	—	spec/components/button.md:114 `body`
checkbox · prose	—	—	spec/components/checkbox.md:104 `body`
icon-button · prose	—	—	spec/components/icon-button.md:74 `body`
link · prose	—	—	spec/components/link.md:71 `body`
number-field · prose	—	—	spec/components/number-field.md:107 `body`
radio-group · prose	—	—	spec/components/radio-group.md:105 `body`
search-field · prose	—	—	spec/components/search-field.md:109 `body`
select · prose	—	—	spec/components/select.md:110 `body`
switch · prose	—	—	spec/components/switch.md:93 `body`
text-field · prose	—	—	spec/components/text-field.md:119 `body`
textarea · prose	—	—	spec/components/textarea.md:104 `body`
avatar · state	bg	default · color.surface.default	spec/components/avatar.md:40 `/stateTokens/default/bg`
breadcrumbs · state	bg	current · color.surface.default	spec/components/breadcrumbs.md:42 `/stateTokens/current/bg`
breadcrumbs · state	bg	default · color.surface.default	spec/components/breadcrumbs.md:39 `/stateTokens/default/bg`
breadcrumbs · state	bg	focus-visible · color.surface.default	spec/components/breadcrumbs.md:41 `/stateTokens/focus-visible/bg`
breadcrumbs · state	bg	truncated · color.surface.default	spec/components/breadcrumbs.md:43 `/stateTokens/truncated/bg`
button-group · state	bg	default · color.surface.default	spec/components/button-group.md:45 `/stateTokens/default/bg`
card · state	bg	default · color.surface.default	spec/components/card.md:44 `/stateTokens/default/bg`
card · state	bg	focus-visible · color.surface.default	spec/components/card.md:46 `/stateTokens/focus-visible/bg`
chart · state	bg	default · color.surface.default	spec/components/chart.md:45 `/stateTokens/default/bg`
chip · state	bg	default · color.surface.default	spec/components/chip.md:48 `/stateTokens/default/bg`
chip · state	bg	focus-visible · color.surface.default	spec/components/chip.md:50 `/stateTokens/focus-visible/bg`
command-palette · state	bg	default · color.surface.default	spec/components/command-palette.md:52 `/stateTokens/default/bg`
compact-dashboard · state	bg	default · color.surface.default	spec/components/compact-dashboard.md:46 `/stateTokens/default/bg`
data-table · state	bg	default · color.surface.default	spec/components/data-table.md:56 `/stateTokens/default/bg`
data-table · state	bg	empty · color.surface.default	spec/components/data-table.md:63 `/stateTokens/empty/bg`
data-table · state	bg	focus-visible · color.surface.default	spec/components/data-table.md:58 `/stateTokens/focus-visible/bg`
data-table · state	bg	loading · color.surface.default	spec/components/data-table.md:64 `/stateTokens/loading/bg`
data-table · state	bg	sorted · color.surface.default	spec/components/data-table.md:61 `/stateTokens/sorted/bg`
description-list · state	bg	default · color.surface.default	spec/components/description-list.md:40 `/stateTokens/default/bg`
diagnostics · state	bg	default · color.surface.default	spec/components/diagnostics.md:65 `/stateTokens/default/bg`
diagnostics · state	bg	empty · color.surface.default	spec/components/diagnostics.md:71 `/stateTokens/empty/bg`
diagnostics · state	bg	error · color.surface.default	spec/components/diagnostics.md:70 `/stateTokens/error/bg`
diagnostics · state	bg	focus-visible · color.surface.default	spec/components/diagnostics.md:67 `/stateTokens/focus-visible/bg`
disclosure · state	bg	default · color.surface.default	spec/components/disclosure.md:47 `/stateTokens/default/bg`
editor-search · state	bg	default · color.surface.default	spec/components/editor-search.md:47 `/stateTokens/default/bg`
empty-state · state	bg	default · color.surface.default	spec/components/empty-state.md:33 `/stateTokens/default/bg`
error-state · state	bg	default · color.surface.default	spec/components/error-state.md:49 `/stateTokens/default/bg`
field · state	bg	default · color.surface.default	spec/components/field.md:33 `/stateTokens/default/bg`
field · state	bg	invalid · color.surface.default	spec/components/field.md:35 `/stateTokens/invalid/bg`
field · state	bg	required · color.surface.default	spec/components/field.md:34 `/stateTokens/required/bg`
fieldset · state	bg	default · color.surface.default	spec/components/fieldset.md:32 `/stateTokens/default/bg`
file-browser · state	bg	default · color.surface.default	spec/components/file-browser.md:48 `/stateTokens/default/bg`
filterable-table · state	bg	default · color.surface.default	spec/components/filterable-table.md:74 `/stateTokens/default/bg`
filterable-table · state	bg	focus-visible · color.surface.default	spec/components/filterable-table.md:76 `/stateTokens/focus-visible/bg`
filterable-table · state	bg	no-results · color.surface.default	spec/components/filterable-table.md:78 `/stateTokens/no-results/bg`
form-builder · state	bg	default · color.surface.default	spec/components/form-builder.md:24 `/stateTokens/default/bg`
kbd · state	bg	default · color.surface.default	spec/components/kbd.md:38 `/stateTokens/default/bg`
list · state	bg	default · color.surface.default	spec/components/list.md:50 `/stateTokens/default/bg`
list · state	bg	focus-visible · color.surface.default	spec/components/list.md:52 `/stateTokens/focus-visible/bg`
menu · state	bg	closed · color.surface.default	spec/components/menu.md:61 `/stateTokens/closed/bg`
menu · state	bg	focus-visible · color.surface.default	spec/components/menu.md:59 `/stateTokens/focus-visible/bg`
multiselect · state	bg	default · color.surface.default	spec/components/multiselect.md:64 `/stateTokens/default/bg`
pagination · state	bg	default · color.surface.default	spec/components/pagination.md:41 `/stateTokens/default/bg`
pagination · state	bg	focus-visible · color.surface.default	spec/components/pagination.md:43 `/stateTokens/focus-visible/bg`
popover · state	bg	default · color.surface.default	spec/components/popover.md:45 `/stateTokens/default/bg`
range · state	bg	default · color.surface.default	spec/components/range.md:45 `/stateTokens/default/bg`
repeater · state	bg	default · color.surface.default	spec/components/repeater.md:46 `/stateTokens/default/bg`
segmented-control · state	bg	default · color.surface.default	spec/components/segmented-control.md:65 `/stateTokens/default/bg`
settings-panel · state	bg	default · color.surface.default	spec/components/settings-panel.md:54 `/stateTokens/default/bg`
sidebar-nav · state	bg	collapsed · color.surface.default	spec/components/sidebar-nav.md:59 `/stateTokens/collapsed/bg`
sidebar-nav · state	bg	current · color.surface.default	spec/components/sidebar-nav.md:55 `/stateTokens/current/bg`
sidebar-nav · state	bg	default · color.surface.default	spec/components/sidebar-nav.md:52 `/stateTokens/default/bg`
sidebar-nav · state	bg	expanded · color.surface.default	spec/components/sidebar-nav.md:58 `/stateTokens/expanded/bg`
sidebar-nav · state	bg	focus-visible · color.surface.default	spec/components/sidebar-nav.md:54 `/stateTokens/focus-visible/bg`
skeleton · state	bg	default · color.surface.default	spec/components/skeleton.md:41 `/stateTokens/default/bg`
table · state	bg	default · color.surface.default	spec/components/table.md:56 `/stateTokens/default/bg`
table · state	bg	empty · color.surface.default	spec/components/table.md:62 `/stateTokens/empty/bg`
table · state	bg	loading · color.surface.default	spec/components/table.md:63 `/stateTokens/loading/bg`
table · state	bg	sorted · color.surface.default	spec/components/table.md:61 `/stateTokens/sorted/bg`
tabs · state	bg	default · color.surface.default	spec/components/tabs.md:44 `/stateTokens/default/bg`
tabs · state	bg	focus-visible · color.surface.default	spec/components/tabs.md:46 `/stateTokens/focus-visible/bg`
tabs · state	bg	selected · color.surface.default	spec/components/tabs.md:47 `/stateTokens/selected/bg`
tabs · state	bg	selected+container-inactive · color.surface.default	spec/components/tabs.md:49 `/stateTokens/selected+container-inactive/bg`
tabs · state	bg	selected+focus-visible · color.surface.default	spec/components/tabs.md:48 `/stateTokens/selected+focus-visible/bg`
timeline · state	bg	default · color.surface.default	spec/components/timeline.md:41 `/stateTokens/default/bg`
tree · state	bg	default · color.surface.default	spec/components/tree.md:51 `/stateTokens/default/bg`

Relevant contrast declarations

checked fill against the row (the glyph and the boundary carry the state): color.action.primary.bg on color.surface.default · spec/components/data-table.md:68 /contrast/2
primary fill against the panel (decorative; the label identifies the button): color.action.primary.bg on color.surface.default · spec/components/button.md:67 /contrast/0
action boundary on the panel surface: color.action.secondary.border on color.surface.default · spec/components/empty-state.md:37 /contrast/2
Back button and file-input button boundaries: color.action.secondary.border on color.surface.default · spec/components/admin-form.md:80 /contrast/10
Reset button boundary: color.action.secondary.border on color.surface.default · spec/components/settings-panel.md:64 /contrast/5
secondary border against the panel while hovered (the fill inside it measures 2.94:1): color.action.secondary.border on color.surface.default · spec/components/button.md:71 /contrast/4
action text on the panel surface: color.action.secondary.text on color.surface.default · spec/components/empty-state.md:36 /contrast/1
avatar default border: color.border.control on color.surface.default · spec/components/avatar.md:39 /stateTokens/default
button-group default border: color.border.control on color.surface.default · spec/components/button-group.md:44 /stateTokens/default
chart default border: color.border.control on color.surface.default · spec/components/chart.md:44 /stateTokens/default
checked box edge against the panel (the border stays border.control): color.border.control on color.surface.default · spec/components/checkbox.md:62 /contrast/2
checked radio edge against the panel (the border stays border.control): color.border.control on color.surface.default · spec/components/radio-group.md:59 /contrast/2
chip and checkbox boundaries: color.border.control on color.surface.default · spec/components/filterable-table.md:88 /contrast/8
chip default border: color.border.control on color.surface.default · spec/components/chip.md:48 /stateTokens/default
chip focus-visible border: color.border.control on color.surface.default · spec/components/chip.md:50 /stateTokens/focus-visible
command-palette default border: color.border.control on color.surface.default · spec/components/command-palette.md:51 /stateTokens/default
compact-dashboard default border: color.border.control on color.surface.default · spec/components/compact-dashboard.md:45 /stateTokens/default
control border on default surface: color.border.control on color.surface.default · spec/contrast.json:45 /pairs/41
control boundaries on the panel surface: color.border.control on color.surface.default · spec/components/settings-panel.md:63 /contrast/4
Control boundary: color.border.control on color.surface.default · spec/components/avatar.md:49 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/button-group.md:54 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/chart.md:54 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/command-palette.md:61 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/compact-dashboard.md:55 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/description-list.md:49 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/disclosure.md:56 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/editor-search.md:56 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/error-state.md:58 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/file-browser.md:57 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/kbd.md:47 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/multiselect.md:73 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/popover.md:54 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/range.md:54 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/repeater.md:55 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/segmented-control.md:74 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/skeleton.md:50 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/timeline.md:50 /contrast/2
Control boundary: color.border.control on color.surface.default · spec/components/tree.md:60 /contrast/2
description-list default border: color.border.control on color.surface.default · spec/components/description-list.md:39 /stateTokens/default
diagnostics default border: color.border.control on color.surface.default · spec/components/diagnostics.md:65 /stateTokens/default
disclosure default border: color.border.control on color.surface.default · spec/components/disclosure.md:46 /stateTokens/default
editor-search default border: color.border.control on color.surface.default · spec/components/editor-search.md:46 /stateTokens/default
error-state default border: color.border.control on color.surface.default · spec/components/error-state.md:48 /stateTokens/default
file-browser default border: color.border.control on color.surface.default · spec/components/file-browser.md:47 /stateTokens/default
form-builder default border: color.border.control on color.surface.default · spec/components/form-builder.md:24 /stateTokens/default
kbd default border: color.border.control on color.surface.default · spec/components/kbd.md:37 /stateTokens/default
list default border: color.border.control on color.surface.default · spec/components/list.md:50 /stateTokens/default
menu closed border: color.border.control on color.surface.default · spec/components/menu.md:61 /stateTokens/closed
menu focus-visible border: color.border.control on color.surface.default · spec/components/menu.md:59 /stateTokens/focus-visible
multiselect default border: color.border.control on color.surface.default · spec/components/multiselect.md:63 /stateTokens/default
on track edge against the panel (the border stays border.control): color.border.control on color.surface.default · spec/components/switch.md:57 /contrast/3
popover default border: color.border.control on color.surface.default · spec/components/popover.md:44 /stateTokens/default
range default border: color.border.control on color.surface.default · spec/components/range.md:44 /stateTokens/default
repeater default border: color.border.control on color.surface.default · spec/components/repeater.md:45 /stateTokens/default
segmented-control default border: color.border.control on color.surface.default · spec/components/segmented-control.md:64 /stateTokens/default
skeleton default border: color.border.control on color.surface.default · spec/components/skeleton.md:40 /stateTokens/default
timeline default border: color.border.control on color.surface.default · spec/components/timeline.md:40 /stateTokens/default
tree default border: color.border.control on color.surface.default · spec/components/tree.md:50 /stateTokens/default
card edge (decorative; the card is not a control at rest): color.border.default on color.surface.default · spec/components/card.md:54 /contrast/4
panel edge (decorative): color.border.default on color.surface.default · spec/components/admin-form.md:85 /contrast/15
panel edge (decorative): color.border.default on color.surface.default · spec/components/settings-panel.md:65 /contrast/6
panel edge and toolbar separator (decorative): color.border.default on color.surface.default · spec/components/filterable-table.md:91 /contrast/11
resize handle at rest (decorative; keyboard resizing is a header action): color.border.default on color.surface.default · spec/components/data-table.md:71 /contrast/5
group border (decorative; the legend and spacing carry the grouping): color.border.divider on color.surface.default · spec/components/fieldset.md:34 /contrast/0
rail edge (decorative): color.border.divider on color.surface.default · spec/components/sidebar-nav.md:63 /contrast/2
row divider (decorative): color.border.divider on color.surface.default · spec/components/data-table.md:70 /contrast/4
row divider (decorative): color.border.divider on color.surface.default · spec/components/list.md:60 /contrast/3
row divider (decorative): color.border.divider on color.surface.default · spec/components/table.md:70 /contrast/5
row, toolbar and footer rules (decorative): color.border.divider on color.surface.default · spec/components/filterable-table.md:92 /contrast/12
sidebar, group and footer rules (decorative): color.border.divider on color.surface.default · spec/components/settings-panel.md:66 /contrast/7
step, row and footer rules (decorative): color.border.divider on color.surface.default · spec/components/admin-form.md:86 /contrast/16
tablist bottom rule (decorative): color.border.divider on color.surface.default · spec/components/tabs.md:53 /contrast/2
inactive indicator (decorative; the selected tab keeps aria-selected and bright text): color.border.selected-indicator-inactive on color.surface.default · spec/components/tabs.md:51 /contrast/0
current-section indicator bar: color.border.selected-indicator on color.surface.default · spec/components/settings-panel.md:62 /contrast/3
current-step indicator bar: color.border.selected-indicator on color.surface.default · spec/components/admin-form.md:79 /contrast/9
sidebar-nav current border: color.border.selected-indicator on color.surface.default · spec/components/sidebar-nav.md:55 /stateTokens/current
tabs selected border: color.border.selected-indicator on color.surface.default · spec/components/tabs.md:47 /stateTokens/selected
tabs selected+focus-visible border: color.border.selected-indicator on color.surface.default · spec/components/tabs.md:48 /stateTokens/selected+focus-visible
toggled border against the panel: color.border.selected-indicator on color.surface.default · spec/components/icon-button.md:46 /contrast/0
header rule (decorative; thead carries the structure): color.border.strong on color.surface.default · spec/components/table.md:69 /contrast/4
header rule (decorative): color.border.strong on color.surface.default · spec/components/data-table.md:69 /contrast/3
header rule (decorative): color.border.strong on color.surface.default · spec/components/filterable-table.md:90 /contrast/10
review header rule (decorative): color.border.strong on color.surface.default · spec/components/admin-form.md:84 /contrast/14
error glyph and count in the panel: color.diagnostic.error.text on color.surface.default · spec/components/diagnostics.md:87 /contrast/14
info glyph and count in the panel: color.diagnostic.info.text on color.surface.default · spec/components/diagnostics.md:89 /contrast/16
warning glyph and count in the panel: color.diagnostic.warning.text on color.surface.default · spec/components/diagnostics.md:88 /contrast/15
glyph (decorative): color.icon.decorative on color.surface.default · spec/components/empty-state.md:38 /contrast/3
group chevron (decorative; aria-expanded carries the state): color.icon.decorative on color.surface.default · spec/components/sidebar-nav.md:62 /contrast/1
card focus-visible outline: color.interaction.focus.ring-container on color.surface.default · spec/components/card.md:46 /stateTokens/focus-visible
breadcrumbs focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/breadcrumbs.md:41 /stateTokens/focus-visible
chip focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/chip.md:50 /stateTokens/focus-visible
data-table focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/data-table.md:58 /stateTokens/focus-visible
diagnostics focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/diagnostics.md:67 /stateTokens/focus-visible
filterable-table focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/filterable-table.md:76 /stateTokens/focus-visible
focus ring on default surface: color.interaction.focus.ring on color.surface.default · spec/contrast.json:42 /pairs/38
list focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/list.md:52 /stateTokens/focus-visible
menu focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/menu.md:59 /stateTokens/focus-visible
pagination focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/pagination.md:43 /stateTokens/focus-visible
ring on a sort button: color.interaction.focus.ring on color.surface.default · spec/components/table.md:68 /contrast/3
sidebar-nav focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/sidebar-nav.md:54 /stateTokens/focus-visible
tabs focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/tabs.md:46 /stateTokens/focus-visible
tabs selected+focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/tabs.md:48 /stateTokens/selected+focus-visible
toggled fill against the panel (decorative): color.interaction.selection.bg on color.surface.default · spec/components/icon-button.md:47 /contrast/1
danger outline border: color.status.danger.border on color.surface.default · spec/components/badge.md:64 /contrast/10
danger dot on the panel surface: color.status.danger.fill on color.surface.default · spec/components/badge.md:69 /contrast/15
danger outline text: color.status.danger.text on color.surface.default · spec/components/badge.md:59 /contrast/5
diagnostics error fg: color.status.danger.text on color.surface.default · spec/components/diagnostics.md:70 /stateTokens/error
field invalid fg: color.status.danger.text on color.surface.default · spec/components/field.md:35 /stateTokens/invalid
field messages on the panel surface: color.status.danger.text on color.surface.default · spec/components/admin-form.md:77 /contrast/7
field required fg: color.status.danger.text on color.surface.default · spec/components/field.md:34 /stateTokens/required
step message on the panel surface: color.status.danger.text on color.surface.default · spec/components/wizard.md:65 /contrast/3
validation message on the panel surface: color.status.danger.text on color.surface.default · spec/components/settings-panel.md:61 /contrast/2
validation message on the panel surface: color.status.danger.text on color.surface.default · spec/components/checkbox.md:64 /contrast/4
validation message on the panel surface: color.status.danger.text on color.surface.default · spec/components/number-field.md:63 /contrast/3
validation message on the panel surface: color.status.danger.text on color.surface.default · spec/components/radio-group.md:61 /contrast/4
validation message on the panel surface: color.status.danger.text on color.surface.default · spec/components/select.md:66 /contrast/4
validation message on the panel surface: color.status.danger.text on color.surface.default · spec/components/text-field.md:76 /contrast/0
validation message on the panel surface: color.status.danger.text on color.surface.default · spec/components/textarea.md:65 /contrast/0
info outline border: color.status.info.border on color.surface.default · spec/components/badge.md:67 /contrast/13
info dot on the panel surface: color.status.info.fill on color.surface.default · spec/components/badge.md:72 /contrast/18
info outline text: color.status.info.text on color.surface.default · spec/components/badge.md:62 /contrast/8
neutral outline border: color.status.neutral.border on color.surface.default · spec/components/badge.md:68 /contrast/14
neutral dot on the panel surface: color.status.neutral.fill on color.surface.default · spec/components/badge.md:73 /contrast/19
neutral outline text: color.status.neutral.text on color.surface.default · spec/components/badge.md:63 /contrast/9
success outline border: color.status.success.border on color.surface.default · spec/components/badge.md:66 /contrast/12
success dot on the panel surface: color.status.success.fill on color.surface.default · spec/components/badge.md:71 /contrast/17
complete-step check: color.status.success.text on color.surface.default · spec/components/admin-form.md:73 /contrast/3
success outline text: color.status.success.text on color.surface.default · spec/components/badge.md:61 /contrast/7
the ✓ of the empty message: color.status.success.text on color.surface.default · spec/components/diagnostics.md:94 /contrast/21
warning outline border: color.status.warning.border on color.surface.default · spec/components/badge.md:65 /contrast/11
warning dot on the panel surface: color.status.warning.fill on color.surface.default · spec/components/badge.md:70 /contrast/16
warning outline text: color.status.warning.text on color.surface.default · spec/components/badge.md:60 /contrast/6
accent text on default surface: color.text.accent on color.surface.default · spec/contrast.json:17 /pairs/13
breadcrumbs current fg: color.text.bright on color.surface.default · spec/components/breadcrumbs.md:42 /stateTokens/current
column headers, empty-state heading and current page: color.text.bright on color.surface.default · spec/components/filterable-table.md:82 /contrast/2
data-table sorted fg: color.text.bright on color.surface.default · spec/components/data-table.md:61 /stateTokens/sorted
field default fg: color.text.bright on color.surface.default · spec/components/field.md:33 /stateTokens/default
fieldset default fg: color.text.bright on color.surface.default · spec/components/fieldset.md:32 /stateTokens/default
header text: color.text.bright on color.surface.default · spec/components/data-table.md:66 /contrast/0
header text: color.text.bright on color.surface.default · spec/components/table.md:65 /contrast/0
heading on the panel surface: color.text.bright on color.surface.default · spec/components/empty-state.md:35 /contrast/0
legend on the panel surface: color.text.bright on color.surface.default · spec/components/checkbox.md:61 /contrast/1
legend on the panel surface: color.text.bright on color.surface.default · spec/components/radio-group.md:58 /contrast/1
panel title on the panel surface: color.text.bright on color.surface.default · spec/components/wizard.md:63 /contrast/1
sidebar-nav current fg: color.text.bright on color.surface.default · spec/components/sidebar-nav.md:55 /stateTokens/current
table sorted fg: color.text.bright on color.surface.default · spec/components/table.md:61 /stateTokens/sorted
tabs selected fg: color.text.bright on color.surface.default · spec/components/tabs.md:47 /stateTokens/selected
tabs selected+container-inactive fg: color.text.bright on color.surface.default · spec/components/tabs.md:49 /stateTokens/selected+container-inactive
tabs selected+focus-visible fg: color.text.bright on color.surface.default · spec/components/tabs.md:48 /stateTokens/selected+focus-visible
title on the card: color.text.bright on color.surface.default · spec/components/card.md:50 /contrast/0
title, labels and the current step on the panel surface: color.text.bright on color.surface.default · spec/components/admin-form.md:70 /contrast/0
title, legend and the current section on the panel surface: color.text.bright on color.surface.default · spec/components/settings-panel.md:59 /contrast/0
avatar default fg: color.text.default on color.surface.default · spec/components/avatar.md:39 /stateTokens/default
block label on the panel surface: color.text.default on color.surface.default · spec/components/loading-indicator.md:33 /contrast/1
breadcrumbs truncated fg: color.text.default on color.surface.default · spec/components/breadcrumbs.md:43 /stateTokens/truncated
button-group default fg: color.text.default on color.surface.default · spec/components/button-group.md:44 /stateTokens/default
card default fg: color.text.default on color.surface.default · spec/components/card.md:44 /stateTokens/default
card focus-visible fg: color.text.default on color.surface.default · spec/components/card.md:46 /stateTokens/focus-visible
chart default fg: color.text.default on color.surface.default · spec/components/chart.md:44 /stateTokens/default
chip default fg: color.text.default on color.surface.default · spec/components/chip.md:48 /stateTokens/default
chip focus-visible fg: color.text.default on color.surface.default · spec/components/chip.md:50 /stateTokens/focus-visible
command-palette default fg: color.text.default on color.surface.default · spec/components/command-palette.md:51 /stateTokens/default
compact-dashboard default fg: color.text.default on color.surface.default · spec/components/compact-dashboard.md:45 /stateTokens/default
data-table default fg: color.text.default on color.surface.default · spec/components/data-table.md:56 /stateTokens/default
data-table focus-visible fg: color.text.default on color.surface.default · spec/components/data-table.md:58 /stateTokens/focus-visible
default text on default surface: color.text.default on color.surface.default · spec/contrast.json:5 /pairs/1
description-list default fg: color.text.default on color.surface.default · spec/components/description-list.md:39 /stateTokens/default
diagnostics default fg: color.text.default on color.surface.default · spec/components/diagnostics.md:65 /stateTokens/default
diagnostics focus-visible fg: color.text.default on color.surface.default · spec/components/diagnostics.md:67 /stateTokens/focus-visible
disclosure default fg: color.text.default on color.surface.default · spec/components/disclosure.md:46 /stateTokens/default
Editor text: color.text.default on color.surface.default · spec/components/form-builder.md:26 /contrast/0
editor-search default fg: color.text.default on color.surface.default · spec/components/editor-search.md:46 /stateTokens/default
error-state default fg: color.text.default on color.surface.default · spec/components/error-state.md:48 /stateTokens/default
field labels inside the group: color.text.default on color.surface.default · spec/components/fieldset.md:35 /contrast/1
file-browser default fg: color.text.default on color.surface.default · spec/components/file-browser.md:47 /stateTokens/default
filterable-table default fg: color.text.default on color.surface.default · spec/components/filterable-table.md:74 /stateTokens/default
filterable-table focus-visible fg: color.text.default on color.surface.default · spec/components/filterable-table.md:76 /stateTokens/focus-visible
form-builder default fg: color.text.default on color.surface.default · spec/components/form-builder.md:24 /stateTokens/default
kbd default fg: color.text.default on color.surface.default · spec/components/kbd.md:37 /stateTokens/default
list default fg: color.text.default on color.surface.default · spec/components/list.md:50 /stateTokens/default
list focus-visible fg: color.text.default on color.surface.default · spec/components/list.md:52 /stateTokens/focus-visible
menu closed fg: color.text.default on color.surface.default · spec/components/menu.md:61 /stateTokens/closed
menu focus-visible fg: color.text.default on color.surface.default · spec/components/menu.md:59 /stateTokens/focus-visible
multiselect default fg: color.text.default on color.surface.default · spec/components/multiselect.md:63 /stateTokens/default
option text on the panel surface: color.text.default on color.surface.default · spec/components/checkbox.md:60 /contrast/0
option text on the panel surface: color.text.default on color.surface.default · spec/components/radio-group.md:57 /contrast/0
pagination default fg: color.text.default on color.surface.default · spec/components/pagination.md:41 /stateTokens/default
pagination focus-visible fg: color.text.default on color.surface.default · spec/components/pagination.md:43 /stateTokens/focus-visible
panel text on the panel surface: color.text.default on color.surface.default · spec/components/wizard.md:64 /contrast/2
popover default fg: color.text.default on color.surface.default · spec/components/popover.md:44 /stateTokens/default
Primary content: color.text.default on color.surface.default · spec/components/avatar.md:43 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/button-group.md:48 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/chart.md:48 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/command-palette.md:55 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/compact-dashboard.md:49 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/description-list.md:43 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/disclosure.md:50 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/editor-search.md:50 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/error-state.md:52 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/file-browser.md:51 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/kbd.md:41 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/multiselect.md:67 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/popover.md:48 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/range.md:48 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/repeater.md:49 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/segmented-control.md:68 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/skeleton.md:44 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/timeline.md:44 /contrast/0
Primary content: color.text.default on color.surface.default · spec/components/tree.md:54 /contrast/0
range default fg: color.text.default on color.surface.default · spec/components/range.md:44 /stateTokens/default
repeater default fg: color.text.default on color.surface.default · spec/components/repeater.md:45 /stateTokens/default
segmented-control default fg: color.text.default on color.surface.default · spec/components/segmented-control.md:64 /stateTokens/default
settings-panel default fg: color.text.default on color.surface.default · spec/components/settings-panel.md:54 /stateTokens/default
sidebar-nav collapsed fg: color.text.default on color.surface.default · spec/components/sidebar-nav.md:59 /stateTokens/collapsed
sidebar-nav default fg: color.text.default on color.surface.default · spec/components/sidebar-nav.md:52 /stateTokens/default
sidebar-nav expanded fg: color.text.default on color.surface.default · spec/components/sidebar-nav.md:58 /stateTokens/expanded
sidebar-nav focus-visible fg: color.text.default on color.surface.default · spec/components/sidebar-nav.md:54 /stateTokens/focus-visible
skeleton default fg: color.text.default on color.surface.default · spec/components/skeleton.md:40 /stateTokens/default
table default fg: color.text.default on color.surface.default · spec/components/table.md:56 /stateTokens/default
tabs default fg: color.text.default on color.surface.default · spec/components/tabs.md:44 /stateTokens/default
tabs focus-visible fg: color.text.default on color.surface.default · spec/components/tabs.md:46 /stateTokens/focus-visible
timeline default fg: color.text.default on color.surface.default · spec/components/timeline.md:40 /stateTokens/default
tree default fg: color.text.default on color.surface.default · spec/components/tree.md:50 /stateTokens/default
visible name on the panel surface: color.text.default on color.surface.default · spec/components/switch.md:58 /contrast/4
disabled label (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/field.md:39 /contrast/2
disabled labels and review keys (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/admin-form.md:82 /contrast/12
disabled legend and labels (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/fieldset.md:37 /contrast/3
disabled name (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/switch.md:61 /contrast/7
disabled option text (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/checkbox.md:65 /contrast/5
disabled option text (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/list.md:59 /contrast/2
disabled option text (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/radio-group.md:62 /contrast/5
disabled Prev link (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/filterable-table.md:89 /contrast/9
disabled previous/next (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/pagination.md:47 /contrast/1
disabled tab text (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/tabs.md:52 /contrast/1
link underline: color.text.link-underline on color.surface.default · spec/components/breadcrumbs.md:46 /contrast/1
underline on the panel: color.text.link-underline on color.surface.default · spec/components/link.md:43 /contrast/1
breadcrumb links on the panel surface: color.text.link on color.surface.default · spec/components/admin-form.md:72 /contrast/2
breadcrumbs default fg: color.text.link on color.surface.default · spec/components/breadcrumbs.md:39 /stateTokens/default
breadcrumbs focus-visible fg: color.text.link on color.surface.default · spec/components/breadcrumbs.md:41 /stateTokens/focus-visible
link text on the panel: color.text.link on color.surface.default · spec/components/link.md:44 /contrast/2
block glyph on the panel surface: color.text.muted on color.surface.default · spec/components/loading-indicator.md:34 /contrast/2
caption: color.text.muted on color.surface.default · spec/components/table.md:67 /contrast/2
count, chip remove glyph and empty-state text: color.text.muted on color.surface.default · spec/components/filterable-table.md:83 /contrast/3
data-table empty fg: color.text.muted on color.surface.default · spec/components/data-table.md:63 /stateTokens/empty
data-table loading fg: color.text.muted on color.surface.default · spec/components/data-table.md:64 /stateTokens/loading
Definition status: color.text.muted on color.surface.default · spec/components/form-builder.md:27 /contrast/1
diagnostics empty fg: color.text.muted on color.surface.default · spec/components/diagnostics.md:71 /stateTokens/empty
empty-state default fg: color.text.muted on color.surface.default · spec/components/empty-state.md:33 /stateTokens/default
filterable-table no-results fg: color.text.muted on color.surface.default · spec/components/filterable-table.md:78 /stateTokens/no-results
gap ellipsis on the panel surface: color.text.muted on color.surface.default · spec/components/pagination.md:48 /contrast/2
help and count on the panel surface: color.text.muted on color.surface.default · spec/components/textarea.md:66 /contrast/1
help and no-results status on the panel surface: color.text.muted on color.surface.default · spec/components/search-field.md:63 /contrast/4
help text inside the group: color.text.muted on color.surface.default · spec/components/fieldset.md:36 /contrast/2
help text on the panel surface: color.text.muted on color.surface.default · spec/components/field.md:37 /contrast/0
help text on the panel surface: color.text.muted on color.surface.default · spec/components/number-field.md:64 /contrast/4
help text on the panel surface: color.text.muted on color.surface.default · spec/components/select.md:67 /contrast/5
help text on the panel surface: color.text.muted on color.surface.default · spec/components/text-field.md:77 /contrast/1
help, affix and review keys on the panel surface: color.text.muted on color.surface.default · spec/components/admin-form.md:71 /contrast/1
lead and help text on the panel surface: color.text.muted on color.surface.default · spec/components/settings-panel.md:60 /contrast/1
location and rule code: color.text.muted on color.surface.default · spec/components/diagnostics.md:91 /contrast/18
metadata column on the list surface: color.text.muted on color.surface.default · spec/components/list.md:57 /contrast/0
metadata on the card: color.text.muted on color.surface.default · spec/components/card.md:51 /contrast/1
Off / On word on the panel surface: color.text.muted on color.surface.default · spec/components/switch.md:59 /contrast/5
remove glyph at rest: color.text.muted on color.surface.default · spec/components/chip.md:54 /contrast/0
separator on the panel surface: color.text.muted on color.surface.default · spec/components/breadcrumbs.md:45 /contrast/0
Supporting content: color.text.muted on color.surface.default · spec/components/avatar.md:46 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/button-group.md:51 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/chart.md:51 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/command-palette.md:58 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/compact-dashboard.md:52 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/description-list.md:46 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/disclosure.md:53 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/editor-search.md:53 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/error-state.md:55 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/file-browser.md:54 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/kbd.md:44 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/multiselect.md:70 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/popover.md:51 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/range.md:51 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/repeater.md:52 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/segmented-control.md:71 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/skeleton.md:47 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/timeline.md:47 /contrast/1
Supporting content: color.text.muted on color.surface.default · spec/components/tree.md:57 /contrast/1
table empty fg: color.text.muted on color.surface.default · spec/components/table.md:62 /stateTokens/empty
table loading fg: color.text.muted on color.surface.default · spec/components/table.md:63 /stateTokens/loading
hint glyph in the panel: color.text.subtle on color.surface.default · spec/components/diagnostics.md:90 /contrast/17