J3W1 / DESIGN SYSTEM
color.border.divider
Hairline between rows and sections.
Source revision 1faefcf014c8bf01a6b27308ea796da968773a81
Find related usage · Specification anchor · Measured contrast report (default profile)
Report an issue with this token
color.border.divider--color-border-dividerdefault · approved
Provenance and restrictions
{
"status": "proposed",
"approval": {
"decision": "D-008"
}
}Declared component and port usage
Relevant contrast declarations
- block edge (decorative): color.border.divider on color.surface.canvas · spec/components/loading-indicator.md:35
/contrast/3 - container edge (decorative): color.border.divider on color.surface.canvas · spec/components/empty-state.md:39
/contrast/4 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/date-picker.md:101
/contrast/4 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/number-field.md:68
/contrast/8 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/text-field.md:80
/contrast/4 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/textarea.md:69
/contrast/4 - toolbar bottom edge (decorative): color.border.divider on color.surface.chrome · spec/components/toolbar.md:49
/contrast/2 - 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 - affix and stepper dividers (decorative): color.border.divider on color.surface.input · spec/components/number-field.md:67
/contrast/7 - row dividers (decorative): color.border.divider on color.surface.overlay · spec/components/drawer.md:53
/contrast/5 - group separator (decorative): color.border.divider on color.surface.raised · spec/components/combobox.md:79
/contrast/5 - item separator (decorative; role separator carries the grouping): color.border.divider on color.surface.raised · spec/components/menu.md:67
/contrast/2
heritage-ansi · heritage
Provenance and restrictions
{
"status": "proposed",
"approval": {
"decision": "D-008"
}
}Declared component and port usage
Relevant contrast declarations
- block edge (decorative): color.border.divider on color.surface.canvas · spec/components/loading-indicator.md:35
/contrast/3 - container edge (decorative): color.border.divider on color.surface.canvas · spec/components/empty-state.md:39
/contrast/4 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/date-picker.md:101
/contrast/4 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/number-field.md:68
/contrast/8 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/text-field.md:80
/contrast/4 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/textarea.md:69
/contrast/4 - toolbar bottom edge (decorative): color.border.divider on color.surface.chrome · spec/components/toolbar.md:49
/contrast/2 - 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 - affix and stepper dividers (decorative): color.border.divider on color.surface.input · spec/components/number-field.md:67
/contrast/7 - row dividers (decorative): color.border.divider on color.surface.overlay · spec/components/drawer.md:53
/contrast/5 - group separator (decorative): color.border.divider on color.surface.raised · spec/components/combobox.md:79
/contrast/5 - item separator (decorative; role separator carries the grouping): color.border.divider on color.surface.raised · spec/components/menu.md:67
/contrast/2
extended · proposed
Provenance and restrictions
{
"status": "proposed",
"approval": {
"decision": "D-008"
}
}Declared component and port usage
Relevant contrast declarations
- block edge (decorative): color.border.divider on color.surface.canvas · spec/components/loading-indicator.md:35
/contrast/3 - container edge (decorative): color.border.divider on color.surface.canvas · spec/components/empty-state.md:39
/contrast/4 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/date-picker.md:101
/contrast/4 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/number-field.md:68
/contrast/8 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/text-field.md:80
/contrast/4 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/textarea.md:69
/contrast/4 - toolbar bottom edge (decorative): color.border.divider on color.surface.chrome · spec/components/toolbar.md:49
/contrast/2 - 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 - affix and stepper dividers (decorative): color.border.divider on color.surface.input · spec/components/number-field.md:67
/contrast/7 - row dividers (decorative): color.border.divider on color.surface.overlay · spec/components/drawer.md:53
/contrast/5 - group separator (decorative): color.border.divider on color.surface.raised · spec/components/combobox.md:79
/contrast/5 - item separator (decorative; role separator carries the grouping): color.border.divider on color.surface.raised · spec/components/menu.md:67
/contrast/2