# Release comparison

From: 328076217d2728ee7dc2aea01c2f71452dbfc9c5 (extended, proposed)
To: b601998b3711dcd62949d497ed828af2089f9544 (extended, proposed)
Semantic status: compared. Visual execution: not run.

- No historical usage index; impact uses the recorded component and port mappings. Prose and composite alias dependencies may be unknown.

## Changes

| Kind | Contract | Before | After |
| --- | --- | --- | --- |
| token-status | border.width.default:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | border.width.emphasis:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | breakpoint.lg:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | breakpoint.md:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | breakpoint.sm:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | breakpoint.xs:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.action.destructive.border:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.action.destructive.filled-bg:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.action.destructive.filled-text:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.action.destructive.hover-bg:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.action.destructive.hover-text:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.action.destructive.pressed-bg:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.action.destructive.text:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.action.primary.bg:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.action.primary.border:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.action.primary.hover-bg:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.action.primary.pressed-bg:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.action.primary.text:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.action.secondary.bg:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.action.secondary.border:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.action.secondary.hover-bg:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.action.secondary.pressed-bg:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.action.secondary.text:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.action.tertiary.hover-bg:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.action.tertiary.text:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.border.active:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.border.control:decisionId | null | "D-007" |
| token-status | color.border.control:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":["D-007"]} |
| token-status | color.border.default:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.border.disabled:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.border.divider:decisionId | null | "D-008" |
| token-status | color.border.divider:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":["D-008"]} |
| token-status | color.border.overlay:decisionId | null | "D-008" |
| token-status | color.border.overlay:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":["D-008"]} |
| token-status | color.border.selected-indicator:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.border.selected-indicator-inactive:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.border.strong:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.chart.axis:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.chart.grid:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.chart.label:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.chart.series-1:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.chart.series-2:decisionId | null | "D-001" |
| token-status | color.chart.series-2:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":["D-001"]} |
| token-status | color.chart.series-3:decisionId | null | "D-001" |
| token-status | color.chart.series-3:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":["D-001"]} |
| token-status | color.chart.series-4:decisionId | null | "D-001" |
| token-status | color.chart.series-4:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":["D-001"]} |
| token-status | color.code.bg:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.code.bracket-match:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.code.caret:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.code.current-line:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.code.gutter-bg:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.code.gutter-rule:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.code.indent-guide:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.code.line-number:decisionId | null | "D-003" |
| token-status | color.code.line-number:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.code.line-number-active:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.code.search-current-bg:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.code.search-current-text:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.code.search-match-bg:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.code.selection-bg:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.code.syntax.attribute:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.code.syntax.comment:decisionId | null | "D-003" |
| token-status | color.code.syntax.comment:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.code.syntax.constant:decisionId | null | "D-001" |
| token-status | color.code.syntax.constant:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":["D-001"]} |
| token-status | color.code.syntax.deprecated:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.code.syntax.escape:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.code.syntax.function:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.code.syntax.heading:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.code.syntax.invalid:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.code.syntax.keyword:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.code.syntax.number:decisionId | null | "D-001" |
| token-status | color.code.syntax.number:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":["D-001"]} |
| token-status | color.code.syntax.operator:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.code.syntax.property:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.code.syntax.punctuation:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.code.syntax.string:decisionId | null | "D-001" |
| token-status | color.code.syntax.string:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":["D-001"]} |
| token-status | color.code.syntax.tag:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.code.syntax.type:decisionId | null | "D-001" |
| token-status | color.code.syntax.type:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":["D-001"]} |
| token-status | color.code.syntax.variable:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.code.whitespace:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.diagnostic.error.bg:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.diagnostic.error.stripe:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.diagnostic.error.text:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.diagnostic.error.underline:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.diagnostic.hint.underline:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.diagnostic.info.text:decisionId | null | "D-001" |
| token-status | color.diagnostic.info.text:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.diagnostic.info.underline:decisionId | null | "D-001" |
| token-status | color.diagnostic.info.underline:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.diagnostic.unused.text:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.diagnostic.warning.stripe:decisionId | null | "D-001" |
| token-status | color.diagnostic.warning.stripe:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.diagnostic.warning.text:decisionId | null | "D-001" |
| token-status | color.diagnostic.warning.text:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.diagnostic.warning.underline:decisionId | null | "D-001" |
| token-status | color.diagnostic.warning.underline:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.diff.added.bg:decisionId | null | "D-001" |
| token-status | color.diff.added.bg:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.diff.added.emphasis:decisionId | null | "D-001" |
| token-status | color.diff.added.emphasis:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.diff.added.gutter:decisionId | null | "D-001" |
| token-status | color.diff.added.gutter:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.diff.conflict-border:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.diff.header-bg:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.diff.modified.bg:decisionId | null | "D-001" |
| token-status | color.diff.modified.bg:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.diff.modified.gutter:decisionId | null | "D-001" |
| token-status | color.diff.modified.gutter:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.diff.removed.bg:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.diff.removed.emphasis:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.diff.removed.gutter:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.icon.decorative:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.icon.default:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.interaction.disabled.bg:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.interaction.drop-target:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.interaction.focus.ring:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.interaction.focus.ring-container:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-metadata | color.interaction.focus.ring-container | "2px solid focus ring on focusable containers; also the ring on fills." | "Focus colour for containers and explicitly mapped filled controls (D-015); component rules determine ring geometry." |
| token-status | color.interaction.hover.bg:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.interaction.hover.bg-strong:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.interaction.marquee:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.interaction.pressed.bg:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.interaction.scrollbar.thumb:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.interaction.scrollbar.thumb-hover:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.interaction.scrollbar.track:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.interaction.selection.bg:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.interaction.selection.inactive-bg:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.interaction.selection.inactive-text:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.interaction.selection.text:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.interaction.text-selection.bg:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.interaction.text-selection.text:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.alpha.black-55:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.alpha.black-65:decisionId | null | "D-008" |
| token-status | color.primitive.alpha.black-65:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.alpha.red-12:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.alpha.red-6:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.alpha.transparent:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.amber.500:decisionId | null | "D-001" |
| token-status | color.primitive.amber.500:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.amber.600:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.amber.tint:decisionId | null | "D-001" |
| token-status | color.primitive.amber.tint:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.ansi.0:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.ansi.1:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.ansi.10:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.ansi.11:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.ansi.12:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.ansi.13:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.ansi.14:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.ansi.15:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.ansi.2:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.ansi.3:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.ansi.4:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.ansi.5:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.ansi.6:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.ansi.7:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.ansi.8:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.ansi.9:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.blue.500:decisionId | null | "D-001" |
| token-status | color.primitive.blue.500:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.blue.600:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.blue.tint:decisionId | null | "D-001" |
| token-status | color.primitive.blue.tint:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.green.500:decisionId | null | "D-001" |
| token-status | color.primitive.green.500:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.green.600:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.green.tint:decisionId | null | "D-001" |
| token-status | color.primitive.green.tint:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.ink.0:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.ink.15:decisionId | null | "D-008" |
| token-status | color.primitive.ink.15:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.ink.20:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.ink.25:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.ink.30:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.ink.40:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.ink.52:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.ink.60:decisionId | null | "D-008" |
| token-status | color.primitive.ink.60:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.paper.100:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.paper.90:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.red.100:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.red.150:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.red.200:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.red.250:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.red.300:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.red.350:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.red.400:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.red.450:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.red.50:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.red.500:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.red.550:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.red.650:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.red.750:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.red.760:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.red.770:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.red.800:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.red.850:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.rose.300:decisionId | null | "D-003" |
| token-status | color.primitive.rose.300:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.rose.320:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.rose.350:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.rose.450:decisionId | null | "D-003" |
| token-status | color.primitive.rose.450:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.rose.550:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.rose.600:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.rose.650:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.rose.700:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.primitive.rose.800:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.status.danger.border:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.status.danger.fill:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.status.danger.on-fill:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.status.danger.text:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.status.danger.tint:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.status.info.border:decisionId | null | "D-001" |
| token-status | color.status.info.border:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.status.info.fill:decisionId | null | "D-001" |
| token-status | color.status.info.fill:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.status.info.on-fill:decisionId | null | "D-001" |
| token-status | color.status.info.on-fill:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.status.info.text:decisionId | null | "D-001" |
| token-status | color.status.info.text:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.status.info.tint:decisionId | null | "D-001" |
| token-status | color.status.info.tint:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.status.neutral.border:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.status.neutral.fill:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.status.neutral.on-fill:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.status.neutral.text:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.status.neutral.tint:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.status.success.border:decisionId | null | "D-001" |
| token-status | color.status.success.border:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.status.success.fill:decisionId | null | "D-001" |
| token-status | color.status.success.fill:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.status.success.on-fill:decisionId | null | "D-001" |
| token-status | color.status.success.on-fill:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.status.success.text:decisionId | null | "D-001" |
| token-status | color.status.success.text:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.status.success.tint:decisionId | null | "D-001" |
| token-status | color.status.success.tint:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.status.warning.border:decisionId | null | "D-001" |
| token-status | color.status.warning.border:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.status.warning.fill:decisionId | null | "D-001" |
| token-status | color.status.warning.fill:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.status.warning.on-fill:decisionId | null | "D-001" |
| token-status | color.status.warning.on-fill:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.status.warning.text:decisionId | null | "D-001" |
| token-status | color.status.warning.text:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.status.warning.tint:decisionId | null | "D-001" |
| token-status | color.status.warning.tint:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.surface.backdrop:decisionId | null | "D-008" |
| token-status | color.surface.backdrop:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":["D-008"]} |
| token-status | color.surface.canvas:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.surface.chrome:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.surface.chrome-alt:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.surface.code:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.surface.default:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.surface.desktop:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.surface.input:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.surface.overlay:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.surface.raised:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.surface.sunken:decisionId | null | "D-008" |
| token-status | color.surface.sunken:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":["D-008"]} |
| token-status | color.surface.terminal:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.terminal.ansi.0:decisionId | null | "D-001" |
| token-status | color.terminal.ansi.0:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":["D-001"]} |
| token-status | color.terminal.ansi.1:decisionId | null | "D-001" |
| token-status | color.terminal.ansi.1:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":["D-001"]} |
| token-status | color.terminal.ansi.10:decisionId | null | "D-001" |
| token-status | color.terminal.ansi.10:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":["D-001"]} |
| token-status | color.terminal.ansi.11:decisionId | null | "D-001" |
| token-status | color.terminal.ansi.11:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":["D-001"]} |
| token-status | color.terminal.ansi.12:decisionId | null | "D-001" |
| token-status | color.terminal.ansi.12:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":["D-001"]} |
| token-status | color.terminal.ansi.13:decisionId | null | "D-001" |
| token-status | color.terminal.ansi.13:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":["D-001"]} |
| token-status | color.terminal.ansi.14:decisionId | null | "D-001" |
| token-status | color.terminal.ansi.14:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":["D-001"]} |
| token-status | color.terminal.ansi.15:decisionId | null | "D-001" |
| token-status | color.terminal.ansi.15:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":["D-001"]} |
| token-status | color.terminal.ansi.2:decisionId | null | "D-001" |
| token-status | color.terminal.ansi.2:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":["D-001"]} |
| token-status | color.terminal.ansi.3:decisionId | null | "D-001" |
| token-status | color.terminal.ansi.3:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":["D-001"]} |
| token-status | color.terminal.ansi.4:decisionId | null | "D-001" |
| token-status | color.terminal.ansi.4:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":["D-001"]} |
| token-status | color.terminal.ansi.5:decisionId | null | "D-001" |
| token-status | color.terminal.ansi.5:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":["D-001"]} |
| token-status | color.terminal.ansi.6:decisionId | null | "D-001" |
| token-status | color.terminal.ansi.6:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":["D-001"]} |
| token-status | color.terminal.ansi.7:decisionId | null | "D-001" |
| token-status | color.terminal.ansi.7:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":["D-001"]} |
| token-status | color.terminal.ansi.8:decisionId | null | "D-001" |
| token-status | color.terminal.ansi.8:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":["D-001"]} |
| token-status | color.terminal.ansi.9:decisionId | null | "D-001" |
| token-status | color.terminal.ansi.9:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":["D-001"]} |
| token-status | color.terminal.bg:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.terminal.cursor:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.terminal.fg:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.terminal.selection-bg:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.terminal.selection-text:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.text.accent:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.text.accent-strong:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.text.bright:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.text.default:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.text.disabled:decisionId | null | "D-003" |
| token-status | color.text.disabled:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.text.inverse:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.text.link:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.text.link-hover:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.text.link-underline:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.text.muted:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.text.on-action:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.text.on-danger:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.text.on-light:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.text.on-selection:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.text.placeholder:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.text.prose:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | color.text.subtle:decisionId | null | "D-003" |
| token-status | color.text.subtle:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | density.comfortable.control-height:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | density.comfortable.control-padding-x:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | density.comfortable.gap:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | density.comfortable.icon:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | density.comfortable.row-height:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | density.compact.control-height:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | density.compact.control-padding-x:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | density.compact.gap:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | density.compact.icon:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | density.compact.row-height:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | focus.offset:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | focus.offset-container:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | focus.offset-invalid:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | focus.ring:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | focus.ring-container:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | font.family.mono:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | font.letter-spacing.terminal:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | font.line-height.caption:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | font.line-height.code:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | font.line-height.h1:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | font.line-height.h2:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | font.line-height.h3:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | font.line-height.reading:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | font.line-height.terminal:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | font.line-height.ui-lg:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | font.line-height.ui-md:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | font.line-height.ui-sm:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | font.size.caption:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | font.size.code:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | font.size.h1:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | font.size.h2:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | font.size.h3:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | font.size.reading:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | font.size.terminal:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | font.size.ui-lg:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | font.size.ui-md:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | font.size.ui-sm:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | font.weight.bold:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | font.weight.regular:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | icon.size.lg:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | icon.size.md:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | icon.size.sm:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | icon.stroke:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | layout.app-max:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | layout.content-max:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | layout.measure:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | motion.duration.base:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | motion.duration.fast:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | motion.duration.slow:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | radius.none:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | shadow.floating:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | space.0:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | space.1:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | space.12:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | space.16:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | space.2:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | space.24:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | space.32:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | space.4:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | space.48:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | space.8:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | z.canvas:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | z.dialog:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | z.drawer:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | z.popover:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | z.raised:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | z.skip-link:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| token-status | z.toast:eligibility | null | {"action":"blocked","reason":"Proposed profile: preview only, not downstream delivery.","decisionIds":[]} |
| component-contract | admin-form | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"admin-form","family":"composed","maturity":"stable","priority":"R1","title":"Admin form","summary":"A create-or-edit record screen composed from breadcrumbs, a wizard step list, alerts, six field components and a button row; the review step is a table with an Edit button per row.","native":true,"aria":{"pattern":"region landmark named by the h2; a Breadcrumb nav landmark; the wizard step list with aria-current=step; role=status and role=alert notices; a form landmark of native controls; aria-busy on the form while saving; a disabled fieldset around it while inert","apg":"https://www.w3.org/WAI/ARIA/apg/practices/landmark-regions/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"root.border":{"alias":"color.border.default","value":"#531310","status":"observed"},"crumbs.link":{"alias":"color.text.link","value":"#ffa2a7","status":"observed"},"crumbs.current":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"title.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"step.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"step.current-text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"step.current-indicator":{"alias":"color.border.selected-indicator","value":"#e53935","status":"observed"},"step.complete":{"alias":"color.status.success.text","value":"#86a46f","status":"approved"},"step.invalid":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"},"notice.tint":{"alias":"color.status.info.tint","value":"#0f141c","status":"approved"},"notice.border":{"alias":"color.status.info.border","value":"#7e9ebb","status":"approved"},"notice.text":{"alias":"color.status.info.text","value":"#7e9ebb","status":"approved"},"summary.tint":{"alias":"color.status.danger.tint","value":"#2b0e0d","status":"observed"},"summary.border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"},"summary.text":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"},"field.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"field.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"field.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"field.label":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"field.help":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"field.affix":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"invalid.border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"},"invalid.message":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"},"disabled.bg":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed"},"disabled.text":{"alias":"color.text.disabled","value":"#8a5559","status":"approved"},"disabled.border":{"alias":"color.border.disabled","value":"#7d1310","status":"observed"},"review.key":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"review.header-rule":{"alias":"color.border.strong","value":"#9e231f","status":"observed"},"review.row-rule":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed"},"footer.border":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed"},"continue.bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed"},"continue.text":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed"},"continue.busy-glyph":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed"},"back.text":{"alias":"color.action.secondary.text","value":"#ffa2a7","status":"observed"},"back.border":{"alias":"color.action.secondary.border","value":"#a3676b","status":"observed"},"draft.text":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed"},"draft.bg-hover":{"alias":"color.action.tertiary.hover-bg","value":"#1c0a09","status":"observed"}},"stateRules":[{"state":"default","visual":"rest tokens of every component on {color.surface.default}; the current step carries the indicator bar, future steps are disabled","channel":"`aria-current=\"step\"`","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"invalid","visual":"the name and hostname fields take the 2px {color.status.danger.border} and show their ✕ messages; the current step's marker becomes ✕; a danger alert on {color.status.danger.tint} summarising the two fields replaces the notice; the other fields stay at rest","channel":"border width 1 → 2px; glyphs; `aria-invalid`; `role=\"alert\"`","tokens":{"fg":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"},"bg":{"alias":"color.status.danger.tint","value":"#2b0e0d","status":"observed"},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"}}},{"state":"busy","visual":"Continue shows the static ⋯ glyph in {color.action.primary.text}; the form carries `aria-busy`; nothing shrinks or animates","channel":"glyph; `aria-busy`; cursor: progress","tokens":{"fg":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed"}}},{"state":"disabled","visual":"every control takes its component's disabled treatment ({color.text.disabled}, {color.border.disabled}, {color.interaction.disabled.bg}); labels and review keys dim; no hover anywhere","channel":"`disabled` on the wrapping fieldset; cursor: not-allowed; never opacity","tokens":{}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Breadcrumb links, the reachable step buttons, then every field in reading order, then Back, Save draft and Continue; the file-input's native input is the stop and its button label is drawn with the ring."},{"key":"Enter","action":"Follows a breadcrumb, activates a step or a button; in a text field submits the form in a host."},{"key":"Space","action":"Toggles the checkbox; opens the file chooser from the file-input."},{"key":"Arrow keys","action":"Move within the select and the date field's segments."},{"key":"Escape","action":"Nothing; the screen is not a dialog."}],"responsive":"The root is an inline-size container; the field grid uses auto-fill columns of at least 20rem, so it is two columns wide in the reference frame and one at 320px, the notes always spanning the row. Below 600px the footer buttons stack full width with the primary action first in visual order. The review table scrolls inside its own container when narrower than its content. RTL mirrors the breadcrumb separators, the step order, the suffix and the button alignment.","portability":{"web":"Landmarks and native controls; aria-invalid and the summary alert appear after submit, aria-busy while saving, and a disabled fieldset makes the form inert; the state hooks are data-state-invalid, data-state-busy and data-state-disabled on the root. Hosts without container queries stack the footer at the 600px viewport breakpoint. The 56rem width and the two-column grid are layout of this specimen, not rules.","nativeFallbacks":["GTK4: a Breadcrumb-free HeaderBar title, an Adw.Carousel-free step list as a ListBox, and a PreferencesGroup of rows; invalid rows use the .error style class and an InfoBar carries the summary.","Qt: QWizard with its page list, a QFormLayout of fields, a QMessageBox-free inline banner; busy disables the page through setEnabled(false).","Terminal UI: a title, a step line, fields stacked at full width, the summary as a double-line box; the ✓ and ✕ glyphs survive without colour."]},"fixtures":["FX-STATE-MATRIX","FX-LONG","FX-320","FX-360","FX-ZOOM-200","FX-RM","FX-HC","FX-I18N","FX-RTL","FX-DENSITY"],"related":["breadcrumbs","wizard","alert","text-field","select","date-picker","file-input","textarea","checkbox","button","table"],"specimens":[],"nonExamples":"A rounded card with a drop shadow around the form. A Material stepper with\ncircular numbered badges and a connecting line. A red banner across the\nwhole form instead of the summary alert plus field messages. Fields whose\nborders glow red. A spinner replacing the Continue label. Saving while the\nfields fade to half opacity. Placing the actions in a sticky footer bar with\na shadow.","contrast":[{"label":"admin-form default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"admin-form default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"admin-form invalid text","state":"invalid","kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.status.danger.tint","fgHex":"#f73f35","bgHex":"#2b0e0d","ratio":4.88,"pass":true,"waiver":null},{"label":"admin-form invalid border","state":"invalid","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.status.danger.tint","fgHex":"#e53935","bgHex":"#2b0e0d","ratio":4.24,"pass":true,"waiver":null},{"label":"admin-form busy text","state":"busy","kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.bg","fgHex":"#f4eeee","bgHex":"#871f19","ratio":8.17,"pass":true,"waiver":null},{"label":"title, labels and the current step on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"help, affix and review keys on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"breadcrumb links on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.link","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"complete-step check","state":null,"kind":"text","min":4.5,"fg":"color.status.success.text","bg":"color.surface.default","fgHex":"#86a46f","bgHex":"#160b0b","ratio":6.95,"pass":true,"waiver":null},{"label":"notice title on its tint","state":null,"kind":"text","min":4.5,"fg":"color.status.info.text","bg":"color.status.info.tint","fgHex":"#7e9ebb","bgHex":"#0f141c","ratio":6.59,"pass":true,"waiver":null},{"label":"notice text on its tint","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.status.info.tint","fgHex":"#e99499","bgHex":"#0f141c","ratio":8.06,"pass":true,"waiver":null},{"label":"summary text on the danger tint","state":"invalid","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.status.danger.tint","fgHex":"#e99499","bgHex":"#2b0e0d","ratio":7.82,"pass":true,"waiver":null},{"label":"field messages on the panel surface","state":"invalid","kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.default","fgHex":"#f73f35","bgHex":"#160b0b","ratio":5.26,"pass":true,"waiver":null},{"label":"invalid field boundary","state":"invalid","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"current-step indicator bar","state":null,"kind":"ui","min":3,"fg":"color.border.selected-indicator","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"Back button and file-input button boundaries","state":null,"kind":"ui","min":3,"fg":"color.action.secondary.border","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":null},{"label":"disabled control text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled labels and review keys (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.surface.default","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled boundaries (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"},{"label":"review header rule (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.strong","bg":"color.surface.default","fgHex":"#9e231f","bgHex":"#160b0b","ratio":2.5,"pass":true,"waiver":"the header row is identified by th scope=col; the rule only separates it"},{"label":"panel edge (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.default","bg":"color.surface.default","fgHex":"#531310","bgHex":"#160b0b","ratio":1.35,"pass":true,"waiver":"the panel edge separates the screen from the page; every control inside carries its own boundary"},{"label":"step, row and footer rules (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.default","fgHex":"#2b0e0d","bgHex":"#160b0b","ratio":1.08,"pass":true,"waiver":"the rules group content that is already distinct by landmark, list and table structure"}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"admin-form","family":"composed","maturity":"stable","priority":"R1","title":"Admin form","summary":"A create-or-edit record screen composed from breadcrumbs, a wizard step list, alerts, six field components and a button row; the review step is a table with an Edit button per row.","native":true,"aria":{"pattern":"region landmark named by the h2; a Breadcrumb nav landmark; the wizard step list with aria-current=step; role=status and role=alert notices; a form landmark of native controls; aria-busy on the form while saving; a disabled fieldset around it while inert","apg":"https://www.w3.org/WAI/ARIA/apg/practices/landmark-regions/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border":{"alias":"color.border.default","value":"#531310","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"crumbs.link":{"alias":"color.text.link","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"crumbs.current":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"title.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"step.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"step.current-text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"step.current-indicator":{"alias":"color.border.selected-indicator","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"step.complete":{"alias":"color.status.success.text","value":"#86a46f","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"step.invalid":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"notice.tint":{"alias":"color.status.info.tint","value":"#0f141c","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"notice.border":{"alias":"color.status.info.border","value":"#7e9ebb","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"notice.text":{"alias":"color.status.info.text","value":"#7e9ebb","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"summary.tint":{"alias":"color.status.danger.tint","value":"#2b0e0d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"summary.border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"summary.text":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"field.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"field.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"field.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"field.label":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"field.help":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"field.affix":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"invalid.border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"invalid.message":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"disabled.bg":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"disabled.text":{"alias":"color.text.disabled","value":"#8a5559","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"disabled.border":{"alias":"color.border.disabled","value":"#7d1310","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"review.key":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"review.header-rule":{"alias":"color.border.strong","value":"#9e231f","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"review.row-rule":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"footer.border":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"continue.bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"continue.text":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"continue.busy-glyph":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"back.text":{"alias":"color.action.secondary.text","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"back.border":{"alias":"color.action.secondary.border","value":"#a3676b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"draft.text":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"draft.bg-hover":{"alias":"color.action.tertiary.hover-bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"rest tokens of every component on {color.surface.default}; the current step carries the indicator bar, future steps are disabled","channel":"`aria-current=\"step\"`","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"invalid","visual":"the name and hostname fields take the 2px {color.status.danger.border} and show their ✕ messages; the current step's marker becomes ✕; a danger alert on {color.status.danger.tint} summarising the two fields replaces the notice; the other fields stay at rest","channel":"border width 1 → 2px; glyphs; `aria-invalid`; `role=\"alert\"`","tokens":{"fg":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.status.danger.tint","value":"#2b0e0d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"busy","visual":"Continue shows the static ⋯ glyph in {color.action.primary.text}; the form carries `aria-busy`; nothing shrinks or animates","channel":"glyph; `aria-busy`; cursor: progress","tokens":{"fg":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"disabled","visual":"every control takes its component's disabled treatment ({color.text.disabled}, {color.border.disabled}, {color.interaction.disabled.bg}); labels and review keys dim; no hover anywhere","channel":"`disabled` on the wrapping fieldset; cursor: not-allowed; never opacity","tokens":{}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Breadcrumb links, the reachable step buttons, then every field in reading order, then Back, Save draft and Continue; the file-input's native input is the stop and its button label is drawn with the ring."},{"key":"Enter","action":"Follows a breadcrumb, activates a step or a button; in a text field submits the form in a host."},{"key":"Space","action":"Toggles the checkbox; opens the file chooser from the file-input."},{"key":"Arrow keys","action":"Move within the select and the date field's segments."},{"key":"Escape","action":"Nothing; the screen is not a dialog."}],"responsive":"The root is an inline-size container; the field grid uses auto-fill columns of at least 20rem, so it is two columns wide in the reference frame and one at 320px, the notes always spanning the row. Below 600px the footer buttons stack full width with the primary action first in visual order. The review table scrolls inside its own container when narrower than its content. RTL mirrors the breadcrumb separators, the step order, the suffix and the button alignment.","portability":{"web":"Landmarks and native controls; aria-invalid and the summary alert appear after submit, aria-busy while saving, and a disabled fieldset makes the form inert; the state hooks are data-state-invalid, data-state-busy and data-state-disabled on the root. Hosts without container queries stack the footer at the 600px viewport breakpoint. The 56rem width and the two-column grid are layout of this specimen, not rules.","nativeFallbacks":["GTK4: a Breadcrumb-free HeaderBar title, an Adw.Carousel-free step list as a ListBox, and a PreferencesGroup of rows; invalid rows use the .error style class and an InfoBar carries the summary.","Qt: QWizard with its page list, a QFormLayout of fields, a QMessageBox-free inline banner; busy disables the page through setEnabled(false).","Terminal UI: a title, a step line, fields stacked at full width, the summary as a double-line box; the ✓ and ✕ glyphs survive without colour."]},"fixtures":["FX-STATE-MATRIX","FX-LONG","FX-320","FX-360","FX-ZOOM-200","FX-RM","FX-HC","FX-I18N","FX-RTL","FX-DENSITY"],"related":["breadcrumbs","wizard","alert","text-field","select","date-picker","file-input","textarea","checkbox","button","table"],"specimens":[],"nonExamples":"A rounded card with a drop shadow around the form. A Material stepper with\ncircular numbered badges and a connecting line. A red banner across the\nwhole form instead of the summary alert plus field messages. Fields whose\nborders glow red. A spinner replacing the Continue label. Saving while the\nfields fade to half opacity. Placing the actions in a sticky footer bar with\na shadow.","contrast":[{"label":"admin-form default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"admin-form default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"admin-form invalid text","state":"invalid","kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.status.danger.tint","fgHex":"#f73f35","bgHex":"#2b0e0d","ratio":4.88,"pass":true,"waiver":null},{"label":"admin-form invalid border","state":"invalid","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.status.danger.tint","fgHex":"#e53935","bgHex":"#2b0e0d","ratio":4.24,"pass":true,"waiver":null},{"label":"admin-form busy text","state":"busy","kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.bg","fgHex":"#f4eeee","bgHex":"#871f19","ratio":8.17,"pass":true,"waiver":null},{"label":"title, labels and the current step on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"help, affix and review keys on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"breadcrumb links on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.link","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"complete-step check","state":null,"kind":"text","min":4.5,"fg":"color.status.success.text","bg":"color.surface.default","fgHex":"#86a46f","bgHex":"#160b0b","ratio":6.95,"pass":true,"waiver":null},{"label":"notice title on its tint","state":null,"kind":"text","min":4.5,"fg":"color.status.info.text","bg":"color.status.info.tint","fgHex":"#7e9ebb","bgHex":"#0f141c","ratio":6.59,"pass":true,"waiver":null},{"label":"notice text on its tint","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.status.info.tint","fgHex":"#e99499","bgHex":"#0f141c","ratio":8.06,"pass":true,"waiver":null},{"label":"summary text on the danger tint","state":"invalid","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.status.danger.tint","fgHex":"#e99499","bgHex":"#2b0e0d","ratio":7.82,"pass":true,"waiver":null},{"label":"field messages on the panel surface","state":"invalid","kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.default","fgHex":"#f73f35","bgHex":"#160b0b","ratio":5.26,"pass":true,"waiver":null},{"label":"invalid field boundary","state":"invalid","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"current-step indicator bar","state":null,"kind":"ui","min":3,"fg":"color.border.selected-indicator","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"Back button and file-input button boundaries","state":null,"kind":"ui","min":3,"fg":"color.action.secondary.border","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":null},{"label":"disabled control text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled labels and review keys (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.surface.default","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled boundaries (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"},{"label":"review header rule (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.strong","bg":"color.surface.default","fgHex":"#9e231f","bgHex":"#160b0b","ratio":2.5,"pass":true,"waiver":"the header row is identified by th scope=col; the rule only separates it"},{"label":"panel edge (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.default","bg":"color.surface.default","fgHex":"#531310","bgHex":"#160b0b","ratio":1.35,"pass":true,"waiver":"the panel edge separates the screen from the page; every control inside carries its own boundary"},{"label":"step, row and footer rules (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.default","fgHex":"#2b0e0d","bgHex":"#160b0b","ratio":1.08,"pass":true,"waiver":"the rules group content that is already distinct by landmark, list and table structure"}]} |
| component-contract | alert | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"alert","family":"feedback","maturity":"stable","priority":"R1","title":"Alert","summary":"An inline status message with a mandatory glyph on the status tint behind a 1px status border; role alert for danger, status otherwise.","native":true,"aria":{"pattern":"native landmark-free block; role=alert for danger, role=status for every other status; an optional native close button","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/alert/"},"sizes":["compact","comfortable"],"tokens":{"danger.bg":{"alias":"color.status.danger.tint","value":"#2b0e0d","status":"observed"},"danger.border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"},"danger.text":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"},"warning.bg":{"alias":"color.status.warning.tint","value":"#1f1a0c","status":"approved"},"warning.border":{"alias":"color.status.warning.border","value":"#c9973f","status":"approved"},"warning.text":{"alias":"color.status.warning.text","value":"#c9973f","status":"approved"},"success.bg":{"alias":"color.status.success.tint","value":"#0f1a0e","status":"approved"},"success.border":{"alias":"color.status.success.border","value":"#86a46f","status":"approved"},"success.text":{"alias":"color.status.success.text","value":"#86a46f","status":"approved"},"info.bg":{"alias":"color.status.info.tint","value":"#0f141c","status":"approved"},"info.border":{"alias":"color.status.info.border","value":"#7e9ebb","status":"approved"},"info.text":{"alias":"color.status.info.text","value":"#7e9ebb","status":"approved"},"neutral.bg":{"alias":"color.status.neutral.tint","value":"#241010","status":"observed"},"neutral.border":{"alias":"color.status.neutral.border","value":"#a3676b","status":"observed"},"neutral.text":{"alias":"color.status.neutral.text","value":"#bd787d","status":"observed"},"body.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"close.text":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed"},"close.bg-hover":{"alias":"color.action.tertiary.hover-bg","value":"#1c0a09","status":"observed"},"close.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}},"stateRules":[{"state":"default","visual":"status tint, 1px status border, glyph and title in the status text colour","channel":"the glyph ✕ ! ✓ i ·","tokens":{"fg":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"},"bg":{"alias":"color.status.danger.tint","value":"#2b0e0d","status":"observed"},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"}}},{"state":"hover","visual":"close button background → {color.action.tertiary.hover-bg}; the alert itself does not react","channel":"cursor: pointer on the button only","tokens":{"fg":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed"},"bg":{"alias":"color.action.tertiary.hover-bg","value":"#1c0a09","status":"observed"}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px on the close button","channel":"the ring","tokens":{"fg":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed"},"bg":{"alias":"color.status.info.tint","value":"#0f141c","status":"approved"},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}}}],"keyboard":[{"key":"Tab","action":"Reaches the close button when present; the alert itself is never focusable."},{"key":"Enter / Space","action":"Dismisses; focus returns to the element that had it, or to the next focusable element after the alert."},{"key":"Escape","action":"Nothing; alerts are not dialogs."}],"responsive":"Fills its container; glyph, body and close button stay on one row with the body wrapping; at 320px long titles wrap under the glyph. RTL mirrors the glyph and close positions.","portability":{"web":"a <div role=alert> for danger and <div role=status> otherwise, present in the DOM before its text is filled so the announcement fires; the close button is a native <button type=button aria-label=Dismiss>.","nativeFallbacks":["GTK4 InfoBar with the message-type mapped to the status roles.","Qt QFrame with a dynamic status property; QMessageBox only for modal cases.","Terminal UI: a one-line banner with the glyph and a single-line border in the status colour."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-STATE-MATRIX"],"related":["toast","badge","dialog","empty-state","error-state"],"specimens":["admin-form","settings-panel"],"nonExamples":"A coloured left stripe with no border. A rounded, shadowed card. A banner\nthat slides in or auto-dismisses. Colour-only status without the glyph and a\nworded title. Using `role=\"alert\"` for success messages. A close button that\nis an icon with no accessible name. Fixed-position alerts covering content.","contrast":[{"label":"alert default text","state":"default","kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.status.danger.tint","fgHex":"#f73f35","bgHex":"#2b0e0d","ratio":4.88,"pass":true,"waiver":null},{"label":"alert default border","state":"default","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.status.danger.tint","fgHex":"#e53935","bgHex":"#2b0e0d","ratio":4.24,"pass":true,"waiver":null},{"label":"alert hover text","state":"hover","kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.action.tertiary.hover-bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"alert focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.status.info.tint","fgHex":"#e99499","bgHex":"#0f141c","ratio":8.06,"pass":true,"waiver":null},{"label":"alert focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.status.info.tint","fgHex":"#e53935","bgHex":"#0f141c","ratio":4.37,"pass":true,"waiver":null},{"label":"body text on the danger tint","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.status.danger.tint","fgHex":"#e99499","bgHex":"#2b0e0d","ratio":7.82,"pass":true,"waiver":null},{"label":"warning glyph and title on the warning tint","state":null,"kind":"text","min":4.5,"fg":"color.status.warning.text","bg":"color.status.warning.tint","fgHex":"#c9973f","bgHex":"#1f1a0c","ratio":6.59,"pass":true,"waiver":null},{"label":"warning border on the warning tint","state":null,"kind":"ui","min":3,"fg":"color.status.warning.border","bg":"color.status.warning.tint","fgHex":"#c9973f","bgHex":"#1f1a0c","ratio":6.59,"pass":true,"waiver":null},{"label":"body text on the warning tint","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.status.warning.tint","fgHex":"#e99499","bgHex":"#1f1a0c","ratio":7.56,"pass":true,"waiver":null},{"label":"success glyph and title on the success tint","state":null,"kind":"text","min":4.5,"fg":"color.status.success.text","bg":"color.status.success.tint","fgHex":"#86a46f","bgHex":"#0f1a0e","ratio":6.43,"pass":true,"waiver":null},{"label":"success border on the success tint","state":null,"kind":"ui","min":3,"fg":"color.status.success.border","bg":"color.status.success.tint","fgHex":"#86a46f","bgHex":"#0f1a0e","ratio":6.43,"pass":true,"waiver":null},{"label":"body text on the success tint","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.status.success.tint","fgHex":"#e99499","bgHex":"#0f1a0e","ratio":7.8,"pass":true,"waiver":null},{"label":"info glyph and title on the info tint","state":null,"kind":"text","min":4.5,"fg":"color.status.info.text","bg":"color.status.info.tint","fgHex":"#7e9ebb","bgHex":"#0f141c","ratio":6.59,"pass":true,"waiver":null},{"label":"info border on the info tint","state":null,"kind":"ui","min":3,"fg":"color.status.info.border","bg":"color.status.info.tint","fgHex":"#7e9ebb","bgHex":"#0f141c","ratio":6.59,"pass":true,"waiver":null},{"label":"body text on the info tint","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.status.info.tint","fgHex":"#e99499","bgHex":"#0f141c","ratio":8.06,"pass":true,"waiver":null},{"label":"neutral glyph and title on the neutral tint","state":null,"kind":"text","min":4.5,"fg":"color.status.neutral.text","bg":"color.status.neutral.tint","fgHex":"#bd787d","bgHex":"#241010","ratio":5.31,"pass":true,"waiver":null},{"label":"neutral border on the neutral tint","state":null,"kind":"ui","min":3,"fg":"color.status.neutral.border","bg":"color.status.neutral.tint","fgHex":"#a3676b","bgHex":"#241010","ratio":4.07,"pass":true,"waiver":null},{"label":"body text on the neutral tint","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.status.neutral.tint","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"close button on the info tint","state":null,"kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.status.info.tint","fgHex":"#e99499","bgHex":"#0f141c","ratio":8.06,"pass":true,"waiver":null},{"label":"ring on the info tint","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.status.info.tint","fgHex":"#e53935","bgHex":"#0f141c","ratio":4.37,"pass":true,"waiver":null}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"alert","family":"feedback","maturity":"stable","priority":"R1","title":"Alert","summary":"An inline status message with a mandatory glyph on the status tint behind a 1px status border; role alert for danger, status otherwise.","native":true,"aria":{"pattern":"native landmark-free block; role=alert for danger, role=status for every other status; an optional native close button","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/alert/"},"sizes":["compact","comfortable"],"tokens":{"danger.bg":{"alias":"color.status.danger.tint","value":"#2b0e0d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"danger.border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"danger.text":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"warning.bg":{"alias":"color.status.warning.tint","value":"#1f1a0c","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"warning.border":{"alias":"color.status.warning.border","value":"#c9973f","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"warning.text":{"alias":"color.status.warning.text","value":"#c9973f","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"success.bg":{"alias":"color.status.success.tint","value":"#0f1a0e","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"success.border":{"alias":"color.status.success.border","value":"#86a46f","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"success.text":{"alias":"color.status.success.text","value":"#86a46f","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"info.bg":{"alias":"color.status.info.tint","value":"#0f141c","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"info.border":{"alias":"color.status.info.border","value":"#7e9ebb","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"info.text":{"alias":"color.status.info.text","value":"#7e9ebb","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"neutral.bg":{"alias":"color.status.neutral.tint","value":"#241010","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"neutral.border":{"alias":"color.status.neutral.border","value":"#a3676b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"neutral.text":{"alias":"color.status.neutral.text","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"body.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"close.text":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"close.bg-hover":{"alias":"color.action.tertiary.hover-bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"close.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"status tint, 1px status border, glyph and title in the status text colour","channel":"the glyph ✕ ! ✓ i ·","tokens":{"fg":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.status.danger.tint","value":"#2b0e0d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"hover","visual":"close button background → {color.action.tertiary.hover-bg}; the alert itself does not react","channel":"cursor: pointer on the button only","tokens":{"fg":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.action.tertiary.hover-bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px on the close button","channel":"the ring","tokens":{"fg":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.status.info.tint","value":"#0f141c","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}}],"keyboard":[{"key":"Tab","action":"Reaches the close button when present; the alert itself is never focusable."},{"key":"Enter / Space","action":"Dismisses; focus returns to the element that had it, or to the next focusable element after the alert."},{"key":"Escape","action":"Nothing; alerts are not dialogs."}],"responsive":"Fills its container; glyph, body and close button stay on one row with the body wrapping; at 320px long titles wrap under the glyph. RTL mirrors the glyph and close positions.","portability":{"web":"a <div role=alert> for danger and <div role=status> otherwise, present in the DOM before its text is filled so the announcement fires; the close button is a native <button type=button aria-label=Dismiss>.","nativeFallbacks":["GTK4 InfoBar with the message-type mapped to the status roles.","Qt QFrame with a dynamic status property; QMessageBox only for modal cases.","Terminal UI: a one-line banner with the glyph and a single-line border in the status colour."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-STATE-MATRIX"],"related":["toast","badge","dialog","empty-state","error-state"],"specimens":["admin-form","settings-panel"],"nonExamples":"A coloured left stripe with no border. A rounded, shadowed card. A banner\nthat slides in or auto-dismisses. Colour-only status without the glyph and a\nworded title. Using `role=\"alert\"` for success messages. A close button that\nis an icon with no accessible name. Fixed-position alerts covering content.","contrast":[{"label":"alert default text","state":"default","kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.status.danger.tint","fgHex":"#f73f35","bgHex":"#2b0e0d","ratio":4.88,"pass":true,"waiver":null},{"label":"alert default border","state":"default","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.status.danger.tint","fgHex":"#e53935","bgHex":"#2b0e0d","ratio":4.24,"pass":true,"waiver":null},{"label":"alert hover text","state":"hover","kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.action.tertiary.hover-bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"alert focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.status.info.tint","fgHex":"#e99499","bgHex":"#0f141c","ratio":8.06,"pass":true,"waiver":null},{"label":"alert focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.status.info.tint","fgHex":"#e53935","bgHex":"#0f141c","ratio":4.37,"pass":true,"waiver":null},{"label":"body text on the danger tint","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.status.danger.tint","fgHex":"#e99499","bgHex":"#2b0e0d","ratio":7.82,"pass":true,"waiver":null},{"label":"warning glyph and title on the warning tint","state":null,"kind":"text","min":4.5,"fg":"color.status.warning.text","bg":"color.status.warning.tint","fgHex":"#c9973f","bgHex":"#1f1a0c","ratio":6.59,"pass":true,"waiver":null},{"label":"warning border on the warning tint","state":null,"kind":"ui","min":3,"fg":"color.status.warning.border","bg":"color.status.warning.tint","fgHex":"#c9973f","bgHex":"#1f1a0c","ratio":6.59,"pass":true,"waiver":null},{"label":"body text on the warning tint","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.status.warning.tint","fgHex":"#e99499","bgHex":"#1f1a0c","ratio":7.56,"pass":true,"waiver":null},{"label":"success glyph and title on the success tint","state":null,"kind":"text","min":4.5,"fg":"color.status.success.text","bg":"color.status.success.tint","fgHex":"#86a46f","bgHex":"#0f1a0e","ratio":6.43,"pass":true,"waiver":null},{"label":"success border on the success tint","state":null,"kind":"ui","min":3,"fg":"color.status.success.border","bg":"color.status.success.tint","fgHex":"#86a46f","bgHex":"#0f1a0e","ratio":6.43,"pass":true,"waiver":null},{"label":"body text on the success tint","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.status.success.tint","fgHex":"#e99499","bgHex":"#0f1a0e","ratio":7.8,"pass":true,"waiver":null},{"label":"info glyph and title on the info tint","state":null,"kind":"text","min":4.5,"fg":"color.status.info.text","bg":"color.status.info.tint","fgHex":"#7e9ebb","bgHex":"#0f141c","ratio":6.59,"pass":true,"waiver":null},{"label":"info border on the info tint","state":null,"kind":"ui","min":3,"fg":"color.status.info.border","bg":"color.status.info.tint","fgHex":"#7e9ebb","bgHex":"#0f141c","ratio":6.59,"pass":true,"waiver":null},{"label":"body text on the info tint","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.status.info.tint","fgHex":"#e99499","bgHex":"#0f141c","ratio":8.06,"pass":true,"waiver":null},{"label":"neutral glyph and title on the neutral tint","state":null,"kind":"text","min":4.5,"fg":"color.status.neutral.text","bg":"color.status.neutral.tint","fgHex":"#bd787d","bgHex":"#241010","ratio":5.31,"pass":true,"waiver":null},{"label":"neutral border on the neutral tint","state":null,"kind":"ui","min":3,"fg":"color.status.neutral.border","bg":"color.status.neutral.tint","fgHex":"#a3676b","bgHex":"#241010","ratio":4.07,"pass":true,"waiver":null},{"label":"body text on the neutral tint","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.status.neutral.tint","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"close button on the info tint","state":null,"kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.status.info.tint","fgHex":"#e99499","bgHex":"#0f141c","ratio":8.06,"pass":true,"waiver":null},{"label":"ring on the info tint","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.status.info.tint","fgHex":"#e53935","bgHex":"#0f141c","ratio":4.37,"pass":true,"waiver":null}]} |
| component-contract | badge | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"badge","family":"display","maturity":"stable","priority":"R1","title":"Badge","summary":"A small square label for a status or a count; every status carries its glyph and its fill, the outline form uses the status border, and an empty badge is a dot with a name.","native":true,"aria":{"pattern":"native span; an empty badge is role=\"img\" with aria-label"},"sizes":["compact","comfortable"],"tokens":{"danger.bg":{"alias":"color.status.danger.fill","value":"#dc282e","status":"observed"},"danger.text":{"alias":"color.status.danger.on-fill","value":"#f9faf9","status":"observed"},"danger.border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"},"danger.outline-text":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"},"warning.bg":{"alias":"color.status.warning.fill","value":"#c9973f","status":"approved"},"warning.text":{"alias":"color.status.warning.on-fill","value":"#0c0909","status":"approved"},"warning.border":{"alias":"color.status.warning.border","value":"#c9973f","status":"approved"},"warning.outline-text":{"alias":"color.status.warning.text","value":"#c9973f","status":"approved"},"success.bg":{"alias":"color.status.success.fill","value":"#86a46f","status":"approved"},"success.text":{"alias":"color.status.success.on-fill","value":"#0c0909","status":"approved"},"success.border":{"alias":"color.status.success.border","value":"#86a46f","status":"approved"},"success.outline-text":{"alias":"color.status.success.text","value":"#86a46f","status":"approved"},"info.bg":{"alias":"color.status.info.fill","value":"#7e9ebb","status":"approved"},"info.text":{"alias":"color.status.info.on-fill","value":"#0c0909","status":"approved"},"info.border":{"alias":"color.status.info.border","value":"#7e9ebb","status":"approved"},"info.outline-text":{"alias":"color.status.info.text","value":"#7e9ebb","status":"approved"},"neutral.bg":{"alias":"color.status.neutral.fill","value":"#a3676b","status":"observed"},"neutral.text":{"alias":"color.status.neutral.on-fill","value":"#000000","status":"observed"},"neutral.border":{"alias":"color.status.neutral.border","value":"#a3676b","status":"observed"},"neutral.outline-text":{"alias":"color.status.neutral.text","value":"#bd787d","status":"observed"},"count.bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed"},"count.text":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed"}},"stateRules":[{"state":"default","visual":"fill, glyph and text for the status; or the outline form","channel":"the glyph; the text","tokens":{"fg":{"alias":"color.status.danger.on-fill","value":"#f9faf9","status":"observed"},"bg":{"alias":"color.status.danger.fill","value":"#dc282e","status":"observed"}}},{"state":"empty","visual":"an 8px square dot in the status fill; the glyph and text visually hidden","channel":"`role=\"img\"` with `aria-label`, or the hidden text; the dot's position beside its subject","tokens":{"fg":{"alias":"color.status.danger.on-fill","value":"#f9faf9","status":"observed"},"bg":{"alias":"color.status.danger.fill","value":"#dc282e","status":"observed"}}}],"keyboard":[],"responsive":"A badge never wraps; the surrounding line wraps around it. Long labels are a design error, not a truncation case. RTL keeps the glyph at the inline start.","portability":{"web":"A span with a modifier class; a count badge adds a visually hidden unit; an empty badge is a span with role=\"img\" and aria-label; a badge never receives focus and never carries a click handler.","nativeFallbacks":["GTK4 Label with a status style class and the fill through the css-name.","Qt QLabel with a dynamic status property selected in the stylesheet.","Terminal UI: the glyph and the label in the status colour; fills only where the emulator supports background colours."]},"fixtures":["FX-I18N","FX-RTL","FX-ZOOM-200","FX-320","FX-RM","FX-HC","FX-STATE-MATRIX"],"related":["chip","alert","table","list"],"specimens":["filterable-table","settings-panel"],"nonExamples":"Rounded or pill badges. A badge that is clickable. A status shown by colour\nwithout its glyph. A count badge that hides its unit from assistive\ntechnology. Purple, cyan or magenta statuses. A badge in body type. A badge\nwhose text wraps. A dot without a name.","contrast":[{"label":"badge default text","state":"default","kind":"text","min":4.5,"fg":"color.status.danger.on-fill","bg":"color.status.danger.fill","fgHex":"#f9faf9","bgHex":"#dc282e","ratio":4.58,"pass":true,"waiver":null},{"label":"badge empty text","state":"empty","kind":"text","min":4.5,"fg":"color.status.danger.on-fill","bg":"color.status.danger.fill","fgHex":"#f9faf9","bgHex":"#dc282e","ratio":4.58,"pass":true,"waiver":null},{"label":"warning badge","state":null,"kind":"text","min":4.5,"fg":"color.status.warning.on-fill","bg":"color.status.warning.fill","fgHex":"#0c0909","bgHex":"#c9973f","ratio":7.54,"pass":true,"waiver":null},{"label":"success badge","state":null,"kind":"text","min":4.5,"fg":"color.status.success.on-fill","bg":"color.status.success.fill","fgHex":"#0c0909","bgHex":"#86a46f","ratio":7.13,"pass":true,"waiver":null},{"label":"info badge","state":null,"kind":"text","min":4.5,"fg":"color.status.info.on-fill","bg":"color.status.info.fill","fgHex":"#0c0909","bgHex":"#7e9ebb","ratio":7.08,"pass":true,"waiver":null},{"label":"neutral badge","state":null,"kind":"text","min":4.5,"fg":"color.status.neutral.on-fill","bg":"color.status.neutral.fill","fgHex":"#000000","bgHex":"#a3676b","ratio":4.71,"pass":true,"waiver":null},{"label":"count badge","state":null,"kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.bg","fgHex":"#f4eeee","bgHex":"#871f19","ratio":8.17,"pass":true,"waiver":null},{"label":"danger outline text","state":null,"kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.default","fgHex":"#f73f35","bgHex":"#160b0b","ratio":5.26,"pass":true,"waiver":null},{"label":"warning outline text","state":null,"kind":"text","min":4.5,"fg":"color.status.warning.text","bg":"color.surface.default","fgHex":"#c9973f","bgHex":"#160b0b","ratio":7.34,"pass":true,"waiver":null},{"label":"success outline text","state":null,"kind":"text","min":4.5,"fg":"color.status.success.text","bg":"color.surface.default","fgHex":"#86a46f","bgHex":"#160b0b","ratio":6.95,"pass":true,"waiver":null},{"label":"info outline text","state":null,"kind":"text","min":4.5,"fg":"color.status.info.text","bg":"color.surface.default","fgHex":"#7e9ebb","bgHex":"#160b0b","ratio":6.9,"pass":true,"waiver":null},{"label":"neutral outline text","state":null,"kind":"text","min":4.5,"fg":"color.status.neutral.text","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"danger outline border","state":null,"kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"warning outline border","state":null,"kind":"ui","min":3,"fg":"color.status.warning.border","bg":"color.surface.default","fgHex":"#c9973f","bgHex":"#160b0b","ratio":7.34,"pass":true,"waiver":null},{"label":"success outline border","state":null,"kind":"ui","min":3,"fg":"color.status.success.border","bg":"color.surface.default","fgHex":"#86a46f","bgHex":"#160b0b","ratio":6.95,"pass":true,"waiver":null},{"label":"info outline border","state":null,"kind":"ui","min":3,"fg":"color.status.info.border","bg":"color.surface.default","fgHex":"#7e9ebb","bgHex":"#160b0b","ratio":6.9,"pass":true,"waiver":null},{"label":"neutral outline border","state":null,"kind":"ui","min":3,"fg":"color.status.neutral.border","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":null},{"label":"danger dot on the panel surface","state":"empty","kind":"ui","min":3,"fg":"color.status.danger.fill","bg":"color.surface.default","fgHex":"#dc282e","bgHex":"#160b0b","ratio":4.04,"pass":true,"waiver":null},{"label":"warning dot on the panel surface","state":"empty","kind":"ui","min":3,"fg":"color.status.warning.fill","bg":"color.surface.default","fgHex":"#c9973f","bgHex":"#160b0b","ratio":7.34,"pass":true,"waiver":null},{"label":"success dot on the panel surface","state":"empty","kind":"ui","min":3,"fg":"color.status.success.fill","bg":"color.surface.default","fgHex":"#86a46f","bgHex":"#160b0b","ratio":6.95,"pass":true,"waiver":null},{"label":"info dot on the panel surface","state":"empty","kind":"ui","min":3,"fg":"color.status.info.fill","bg":"color.surface.default","fgHex":"#7e9ebb","bgHex":"#160b0b","ratio":6.9,"pass":true,"waiver":null},{"label":"neutral dot on the panel surface","state":"empty","kind":"ui","min":3,"fg":"color.status.neutral.fill","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":null}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"badge","family":"display","maturity":"stable","priority":"R1","title":"Badge","summary":"A small square label for a status or a count; every status carries its glyph and its fill, the outline form uses the status border, and an empty badge is a dot with a name.","native":true,"aria":{"pattern":"native span; an empty badge is role=\"img\" with aria-label"},"sizes":["compact","comfortable"],"tokens":{"danger.bg":{"alias":"color.status.danger.fill","value":"#dc282e","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"danger.text":{"alias":"color.status.danger.on-fill","value":"#f9faf9","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"danger.border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"danger.outline-text":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"warning.bg":{"alias":"color.status.warning.fill","value":"#c9973f","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"warning.text":{"alias":"color.status.warning.on-fill","value":"#0c0909","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"warning.border":{"alias":"color.status.warning.border","value":"#c9973f","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"warning.outline-text":{"alias":"color.status.warning.text","value":"#c9973f","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"success.bg":{"alias":"color.status.success.fill","value":"#86a46f","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"success.text":{"alias":"color.status.success.on-fill","value":"#0c0909","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"success.border":{"alias":"color.status.success.border","value":"#86a46f","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"success.outline-text":{"alias":"color.status.success.text","value":"#86a46f","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"info.bg":{"alias":"color.status.info.fill","value":"#7e9ebb","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"info.text":{"alias":"color.status.info.on-fill","value":"#0c0909","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"info.border":{"alias":"color.status.info.border","value":"#7e9ebb","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"info.outline-text":{"alias":"color.status.info.text","value":"#7e9ebb","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"neutral.bg":{"alias":"color.status.neutral.fill","value":"#a3676b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"neutral.text":{"alias":"color.status.neutral.on-fill","value":"#000000","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"neutral.border":{"alias":"color.status.neutral.border","value":"#a3676b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"neutral.outline-text":{"alias":"color.status.neutral.text","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"count.bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"count.text":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"fill, glyph and text for the status; or the outline form","channel":"the glyph; the text","tokens":{"fg":{"alias":"color.status.danger.on-fill","value":"#f9faf9","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.status.danger.fill","value":"#dc282e","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"empty","visual":"an 8px square dot in the status fill; the glyph and text visually hidden","channel":"`role=\"img\"` with `aria-label`, or the hidden text; the dot's position beside its subject","tokens":{"fg":{"alias":"color.status.danger.on-fill","value":"#f9faf9","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.status.danger.fill","value":"#dc282e","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}}],"keyboard":[],"responsive":"A badge never wraps; the surrounding line wraps around it. Long labels are a design error, not a truncation case. RTL keeps the glyph at the inline start.","portability":{"web":"A span with a modifier class; a count badge adds a visually hidden unit; an empty badge is a span with role=\"img\" and aria-label; a badge never receives focus and never carries a click handler.","nativeFallbacks":["GTK4 Label with a status style class and the fill through the css-name.","Qt QLabel with a dynamic status property selected in the stylesheet.","Terminal UI: the glyph and the label in the status colour; fills only where the emulator supports background colours."]},"fixtures":["FX-I18N","FX-RTL","FX-ZOOM-200","FX-320","FX-RM","FX-HC","FX-STATE-MATRIX"],"related":["chip","alert","table","list"],"specimens":["filterable-table","settings-panel"],"nonExamples":"Rounded or pill badges. A badge that is clickable. A status shown by colour\nwithout its glyph. A count badge that hides its unit from assistive\ntechnology. Purple, cyan or magenta statuses. A badge in body type. A badge\nwhose text wraps. A dot without a name.","contrast":[{"label":"badge default text","state":"default","kind":"text","min":4.5,"fg":"color.status.danger.on-fill","bg":"color.status.danger.fill","fgHex":"#f9faf9","bgHex":"#dc282e","ratio":4.58,"pass":true,"waiver":null},{"label":"badge empty text","state":"empty","kind":"text","min":4.5,"fg":"color.status.danger.on-fill","bg":"color.status.danger.fill","fgHex":"#f9faf9","bgHex":"#dc282e","ratio":4.58,"pass":true,"waiver":null},{"label":"warning badge","state":null,"kind":"text","min":4.5,"fg":"color.status.warning.on-fill","bg":"color.status.warning.fill","fgHex":"#0c0909","bgHex":"#c9973f","ratio":7.54,"pass":true,"waiver":null},{"label":"success badge","state":null,"kind":"text","min":4.5,"fg":"color.status.success.on-fill","bg":"color.status.success.fill","fgHex":"#0c0909","bgHex":"#86a46f","ratio":7.13,"pass":true,"waiver":null},{"label":"info badge","state":null,"kind":"text","min":4.5,"fg":"color.status.info.on-fill","bg":"color.status.info.fill","fgHex":"#0c0909","bgHex":"#7e9ebb","ratio":7.08,"pass":true,"waiver":null},{"label":"neutral badge","state":null,"kind":"text","min":4.5,"fg":"color.status.neutral.on-fill","bg":"color.status.neutral.fill","fgHex":"#000000","bgHex":"#a3676b","ratio":4.71,"pass":true,"waiver":null},{"label":"count badge","state":null,"kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.bg","fgHex":"#f4eeee","bgHex":"#871f19","ratio":8.17,"pass":true,"waiver":null},{"label":"danger outline text","state":null,"kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.default","fgHex":"#f73f35","bgHex":"#160b0b","ratio":5.26,"pass":true,"waiver":null},{"label":"warning outline text","state":null,"kind":"text","min":4.5,"fg":"color.status.warning.text","bg":"color.surface.default","fgHex":"#c9973f","bgHex":"#160b0b","ratio":7.34,"pass":true,"waiver":null},{"label":"success outline text","state":null,"kind":"text","min":4.5,"fg":"color.status.success.text","bg":"color.surface.default","fgHex":"#86a46f","bgHex":"#160b0b","ratio":6.95,"pass":true,"waiver":null},{"label":"info outline text","state":null,"kind":"text","min":4.5,"fg":"color.status.info.text","bg":"color.surface.default","fgHex":"#7e9ebb","bgHex":"#160b0b","ratio":6.9,"pass":true,"waiver":null},{"label":"neutral outline text","state":null,"kind":"text","min":4.5,"fg":"color.status.neutral.text","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"danger outline border","state":null,"kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"warning outline border","state":null,"kind":"ui","min":3,"fg":"color.status.warning.border","bg":"color.surface.default","fgHex":"#c9973f","bgHex":"#160b0b","ratio":7.34,"pass":true,"waiver":null},{"label":"success outline border","state":null,"kind":"ui","min":3,"fg":"color.status.success.border","bg":"color.surface.default","fgHex":"#86a46f","bgHex":"#160b0b","ratio":6.95,"pass":true,"waiver":null},{"label":"info outline border","state":null,"kind":"ui","min":3,"fg":"color.status.info.border","bg":"color.surface.default","fgHex":"#7e9ebb","bgHex":"#160b0b","ratio":6.9,"pass":true,"waiver":null},{"label":"neutral outline border","state":null,"kind":"ui","min":3,"fg":"color.status.neutral.border","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":null},{"label":"danger dot on the panel surface","state":"empty","kind":"ui","min":3,"fg":"color.status.danger.fill","bg":"color.surface.default","fgHex":"#dc282e","bgHex":"#160b0b","ratio":4.04,"pass":true,"waiver":null},{"label":"warning dot on the panel surface","state":"empty","kind":"ui","min":3,"fg":"color.status.warning.fill","bg":"color.surface.default","fgHex":"#c9973f","bgHex":"#160b0b","ratio":7.34,"pass":true,"waiver":null},{"label":"success dot on the panel surface","state":"empty","kind":"ui","min":3,"fg":"color.status.success.fill","bg":"color.surface.default","fgHex":"#86a46f","bgHex":"#160b0b","ratio":6.95,"pass":true,"waiver":null},{"label":"info dot on the panel surface","state":"empty","kind":"ui","min":3,"fg":"color.status.info.fill","bg":"color.surface.default","fgHex":"#7e9ebb","bgHex":"#160b0b","ratio":6.9,"pass":true,"waiver":null},{"label":"neutral dot on the panel surface","state":"empty","kind":"ui","min":3,"fg":"color.status.neutral.fill","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":null}]} |
| component-contract | breadcrumbs | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"breadcrumbs","family":"navigation","maturity":"stable","priority":"R1","title":"Breadcrumbs","summary":"The path from the root to the current page as an ordered list of links separated by slashes; the last item is the current page and not a link.","native":true,"aria":{"pattern":"native nav > ol with aria-current=\"page\" on the last item","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/breadcrumb/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"link.text":{"alias":"color.text.link","value":"#ffa2a7","status":"observed"},"link.underline":{"alias":"color.text.link-underline","value":"#dc282e","status":"observed"},"link.text-hover":{"alias":"color.text.link-hover","value":"#f4eeee","status":"observed"},"link.bg-hover":{"alias":"color.interaction.hover.bg-strong","value":"#630f0d","status":"observed"},"link.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"},"current.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"separator.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"ellipsis.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"ellipsis.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"}},"stateRules":[{"state":"default","visual":"links {color.text.link}, 1px underline; separators {color.text.muted}; current {color.text.bright}","channel":"underline on links; none on the current page","tokens":{"fg":{"alias":"color.text.link","value":"#ffa2a7","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"}}},{"state":"hover","visual":"link background → {color.interaction.hover.bg-strong}; text → {color.text.link-hover}","channel":"underline thickens 1px → 2px; cursor","tokens":{"fg":{"alias":"color.text.link-hover","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.interaction.hover.bg-strong","value":"#630f0d","status":"observed"}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px around the link","channel":"the ring","tokens":{"fg":{"alias":"color.text.link","value":"#ffa2a7","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}}},{"state":"current","visual":"text {color.text.bright}; no underline; no hover","channel":"`aria-current=\"page\"`; no underline","tokens":{"fg":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"}}},{"state":"truncated","visual":"the middle levels are replaced by an `…` button in {color.text.default}","channel":"`aria-expanded=\"false\"` on the button; its label counts the hidden levels","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves through the links in order; the current page is skipped when it is not a link."},{"key":"Enter","action":"Follows the focused link, or discloses the hidden levels from the ellipsis button."}],"responsive":"Items wrap onto further lines at 320px with the separator staying attached to the item before it; nothing truncates by itself, the truncated variant is an explicit choice for deep trails. RTL mirrors the order and the separators through logical margins; the slash glyph is not mirrored.","portability":{"web":"nav with aria-label=\"Breadcrumb\" wrapping an ol; each level an li; ancestor levels are anchors; the last li carries aria-current=\"page\"; separators are aria-hidden spans, never list bullets or generated content that screen readers might voice.","nativeFallbacks":["GTK4 a Box of LinkButtons with Labels for the slashes; the current level a Label with the bright colour.","Qt a QHBoxLayout of QLabels with rich-text links; the current level plain.","Terminal UI: the trail as one line; the current level in the bright colour; slashes in the muted colour."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-STATE-MATRIX"],"related":["link","sidebar-nav","pagination","tree"],"specimens":["settings-panel","filterable-table"],"nonExamples":"Chevrons, arrows or bullets as separators. A trail that ends with the site\nname instead of the current page. The current page drawn as a link with an\nunderline. Automatic truncation by `text-overflow` that hides levels without\na way to reach them. A trail that scrolls horizontally. Uppercase or\nletter-spaced items. Separators that are read aloud.","contrast":[{"label":"breadcrumbs default text","state":"default","kind":"text","min":4.5,"fg":"color.text.link","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"breadcrumbs hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.link-hover","bg":"color.interaction.hover.bg-strong","fgHex":"#f4eeee","bgHex":"#630f0d","ratio":11.41,"pass":true,"waiver":null},{"label":"breadcrumbs focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.link","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"breadcrumbs focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"breadcrumbs current text","state":"current","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"breadcrumbs truncated text","state":"truncated","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"separator on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"link underline","state":null,"kind":"ui","min":3,"fg":"color.text.link-underline","bg":"color.surface.default","fgHex":"#dc282e","bgHex":"#160b0b","ratio":4.04,"pass":true,"waiver":null}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"breadcrumbs","family":"navigation","maturity":"stable","priority":"R1","title":"Breadcrumbs","summary":"The path from the root to the current page as an ordered list of links separated by slashes; the last item is the current page and not a link.","native":true,"aria":{"pattern":"native nav > ol with aria-current=\"page\" on the last item","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/breadcrumb/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"link.text":{"alias":"color.text.link","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"link.underline":{"alias":"color.text.link-underline","value":"#dc282e","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"link.text-hover":{"alias":"color.text.link-hover","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"link.bg-hover":{"alias":"color.interaction.hover.bg-strong","value":"#630f0d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"link.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"current.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"separator.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"ellipsis.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"ellipsis.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"links {color.text.link}, 1px underline; separators {color.text.muted}; current {color.text.bright}","channel":"underline on links; none on the current page","tokens":{"fg":{"alias":"color.text.link","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"hover","visual":"link background → {color.interaction.hover.bg-strong}; text → {color.text.link-hover}","channel":"underline thickens 1px → 2px; cursor","tokens":{"fg":{"alias":"color.text.link-hover","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.hover.bg-strong","value":"#630f0d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px around the link","channel":"the ring","tokens":{"fg":{"alias":"color.text.link","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"current","visual":"text {color.text.bright}; no underline; no hover","channel":"`aria-current=\"page\"`; no underline","tokens":{"fg":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"truncated","visual":"the middle levels are replaced by an `…` button in {color.text.default}","channel":"`aria-expanded=\"false\"` on the button; its label counts the hidden levels","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves through the links in order; the current page is skipped when it is not a link."},{"key":"Enter","action":"Follows the focused link, or discloses the hidden levels from the ellipsis button."}],"responsive":"Items wrap onto further lines at 320px with the separator staying attached to the item before it; nothing truncates by itself, the truncated variant is an explicit choice for deep trails. RTL mirrors the order and the separators through logical margins; the slash glyph is not mirrored.","portability":{"web":"nav with aria-label=\"Breadcrumb\" wrapping an ol; each level an li; ancestor levels are anchors; the last li carries aria-current=\"page\"; separators are aria-hidden spans, never list bullets or generated content that screen readers might voice.","nativeFallbacks":["GTK4 a Box of LinkButtons with Labels for the slashes; the current level a Label with the bright colour.","Qt a QHBoxLayout of QLabels with rich-text links; the current level plain.","Terminal UI: the trail as one line; the current level in the bright colour; slashes in the muted colour."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-STATE-MATRIX"],"related":["link","sidebar-nav","pagination","tree"],"specimens":["settings-panel","filterable-table"],"nonExamples":"Chevrons, arrows or bullets as separators. A trail that ends with the site\nname instead of the current page. The current page drawn as a link with an\nunderline. Automatic truncation by `text-overflow` that hides levels without\na way to reach them. A trail that scrolls horizontally. Uppercase or\nletter-spaced items. Separators that are read aloud.","contrast":[{"label":"breadcrumbs default text","state":"default","kind":"text","min":4.5,"fg":"color.text.link","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"breadcrumbs hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.link-hover","bg":"color.interaction.hover.bg-strong","fgHex":"#f4eeee","bgHex":"#630f0d","ratio":11.41,"pass":true,"waiver":null},{"label":"breadcrumbs focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.link","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"breadcrumbs focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"breadcrumbs current text","state":"current","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"breadcrumbs truncated text","state":"truncated","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"separator on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"link underline","state":null,"kind":"ui","min":3,"fg":"color.text.link-underline","bg":"color.surface.default","fgHex":"#dc282e","bgHex":"#160b0b","ratio":4.04,"pass":true,"waiver":null}]} |
| component-contract | button | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"button","family":"actions","maturity":"stable","priority":"R1","title":"Button","summary":"The native push button in the four action tones; primary is the only filled button at rest, destructive fills on hover and always needs a confirmation or an undo.","native":true,"aria":{"pattern":"native <button type=\"button\">","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/button/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed"},"root.text":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed"},"root.border":{"alias":"color.action.primary.border","value":"#9e231f","status":"observed"},"root.bg-hover":{"alias":"color.action.primary.hover-bg","value":"#911410","status":"observed"},"root.bg-active":{"alias":"color.action.primary.pressed-bg","value":"#630f0d","status":"observed"},"root.ring":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"},"secondary.bg":{"alias":"color.action.secondary.bg","value":"rgb(0 0 0 / 0%)","status":"observed"},"secondary.text":{"alias":"color.action.secondary.text","value":"#ffa2a7","status":"observed"},"secondary.border":{"alias":"color.action.secondary.border","value":"#a3676b","status":"observed"},"secondary.bg-hover":{"alias":"color.action.secondary.hover-bg","value":"#630f0d","status":"observed"},"secondary.bg-active":{"alias":"color.action.secondary.pressed-bg","value":"#420f0c","status":"observed"},"secondary.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"},"tertiary.text":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed"},"tertiary.bg-hover":{"alias":"color.action.tertiary.hover-bg","value":"#1c0a09","status":"observed"},"tertiary.bg-active":{"alias":"color.interaction.pressed.bg","value":"#420f0c","status":"observed"},"destructive.text":{"alias":"color.action.destructive.text","value":"#f73f35","status":"observed"},"destructive.border":{"alias":"color.action.destructive.border","value":"#e53935","status":"observed"},"destructive.bg-hover":{"alias":"color.action.destructive.hover-bg","value":"#dc282e","status":"observed"},"destructive.text-hover":{"alias":"color.action.destructive.hover-text","value":"#f9faf9","status":"observed"},"destructive.bg-active":{"alias":"color.action.destructive.pressed-bg","value":"#ae1914","status":"observed"},"destructive.bg-filled":{"alias":"color.action.destructive.filled-bg","value":"#dc282e","status":"observed"},"destructive.text-filled":{"alias":"color.action.destructive.filled-text","value":"#f9faf9","status":"observed"},"root.border-active":{"alias":"color.border.active","value":"#e53935","status":"observed"},"root.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved"},"root.bg-disabled":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed"},"root.border-disabled":{"alias":"color.border.disabled","value":"#7d1310","status":"observed"},"loading.glyph":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed"}},"stateRules":[{"state":"default","visual":"primary: {color.action.primary.bg} fill, {color.action.primary.text}, 1px {color.action.primary.border}; secondary: 1px {color.action.secondary.border}, {color.action.secondary.text}; tertiary: {color.action.tertiary.text}, no border; destructive: 1px {color.action.destructive.border}, {color.action.destructive.text}","channel":"—","tokens":{"fg":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed"}}},{"state":"hover","visual":"primary → {color.action.primary.hover-bg}; secondary → {color.action.secondary.hover-bg}; tertiary → {color.action.tertiary.hover-bg}; destructive fills {color.action.destructive.hover-bg} with {color.action.destructive.hover-text}","channel":"cursor: pointer; hover-capable pointers only","tokens":{"fg":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.action.primary.hover-bg","value":"#911410","status":"observed"}}},{"state":"focus-visible","visual":"ring 1px dashed at −2px: {color.interaction.focus.ring-container} on the primary fill, {color.interaction.focus.ring} on the outline tones, {color.action.destructive.hover-text} on the destructive hover fill","channel":"the ring","tokens":{"fg":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed"},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"}}},{"state":"active","visual":"primary → {color.action.primary.pressed-bg}; secondary → {color.action.secondary.pressed-bg}; tertiary → {color.interaction.pressed.bg}; destructive → {color.action.destructive.pressed-bg}; border → {color.border.active} on the outline tones","channel":"border change; no translation or scale","tokens":{"fg":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.action.primary.pressed-bg","value":"#630f0d","status":"observed"},"border":{"alias":"color.border.active","value":"#e53935","status":"observed"}}},{"state":"disabled","visual":"{color.text.disabled} on {color.interaction.disabled.bg} with 1px {color.border.disabled}, every tone alike; no hover or active styling","channel":"`disabled`; cursor: not-allowed; never opacity","tokens":{}},{"state":"loading","visual":"size unchanged; the static `⋯` glyph replaces the icon; the button keeps its tone and stays focusable but ignores activation","channel":"glyph; `aria-busy`","tokens":{"fg":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed"}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves focus to and from the button in document order."},{"key":"Enter / Space","action":"Activates (native); Space activates on key up."}],"responsive":"Width follows the label; a full-width modifier is a layout decision outside the theme. Groups of buttons wrap at 320px rather than shrinking below the density height. RTL mirrors the icon side.","portability":{"web":"native <button type=\"button\">, or type=\"submit\" in forms; never a div or a link with role=\"button\"; the four tones are class modifiers on the same element; loading through aria-busy and a static glyph, not a spinner.","nativeFallbacks":["GTK4 Button with the suggested-action and destructive-action style classes.","Qt QPushButton stylesheet with a dynamic tone property.","Terminal UI: bracketed label; primary inverted; destructive in slot 5."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-TOUCH","FX-DENSITY","FX-STATE-MATRIX"],"related":["icon-button","link","button-group","segmented-control","dialog"],"specimens":["admin-form","settings-panel","filterable-table"],"nonExamples":"Rounded corners or pill shapes. Two filled buttons in one view. A red\nfilled destructive button at rest. A hover that only changes text colour.\nTranslating or scaling the button on press. A spinner inside the button.\nDisabling with opacity. A `<div>` or `<a>` styled as a button. A gradient or\nshadow to suggest depth.","contrast":[{"label":"button default text","state":"default","kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.bg","fgHex":"#f4eeee","bgHex":"#871f19","ratio":8.17,"pass":true,"waiver":null},{"label":"button hover text","state":"hover","kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.hover-bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"button focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.bg","fgHex":"#f4eeee","bgHex":"#871f19","ratio":8.17,"pass":true,"waiver":null},{"label":"button focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.action.primary.bg","fgHex":"#ffa2a7","bgHex":"#871f19","ratio":4.9,"pass":true,"waiver":null},{"label":"button active text","state":"active","kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.pressed-bg","fgHex":"#f4eeee","bgHex":"#630f0d","ratio":11.41,"pass":true,"waiver":null},{"label":"button active border","state":"active","kind":"ui","min":3,"fg":"color.border.active","bg":"color.action.primary.pressed-bg","fgHex":"#e53935","bgHex":"#630f0d","ratio":3.1,"pass":true,"waiver":null},{"label":"button loading text","state":"loading","kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.bg","fgHex":"#f4eeee","bgHex":"#871f19","ratio":8.17,"pass":true,"waiver":null},{"label":"primary fill against the panel (decorative; the label identifies the button)","state":null,"kind":"ui","min":3,"fg":"color.action.primary.bg","bg":"color.surface.default","fgHex":"#871f19","bgHex":"#160b0b","ratio":2.06,"pass":false,"waiver":"the fill is not the boundary of the control; the label text at 8.17:1 identifies it, and hover, active and focus each add a second channel"},{"label":"secondary text at rest","state":null,"kind":"text","min":4.5,"fg":"color.action.secondary.text","bg":"color.action.secondary.bg","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"secondary border at rest","state":null,"kind":"ui","min":3,"fg":"color.action.secondary.border","bg":"color.action.secondary.bg","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"secondary text on the hover fill","state":"hover","kind":"text","min":4.5,"fg":"color.action.secondary.text","bg":"color.action.secondary.hover-bg","fgHex":"#ffa2a7","bgHex":"#630f0d","ratio":6.84,"pass":true,"waiver":null},{"label":"secondary border against the panel while hovered (the fill inside it measures 2.94:1)","state":"hover","kind":"ui","min":3,"fg":"color.action.secondary.border","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":null},{"label":"ring on the secondary hover fill","state":"hover","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.action.secondary.hover-bg","fgHex":"#e53935","bgHex":"#630f0d","ratio":3.1,"pass":true,"waiver":null},{"label":"secondary text while pressed","state":"active","kind":"text","min":4.5,"fg":"color.action.secondary.text","bg":"color.action.secondary.pressed-bg","fgHex":"#ffa2a7","bgHex":"#420f0c","ratio":8.41,"pass":true,"waiver":null},{"label":"tertiary text at rest","state":null,"kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.action.secondary.bg","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"tertiary text on the hover fill","state":"hover","kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.action.tertiary.hover-bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"tertiary text while pressed","state":"active","kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.interaction.pressed.bg","fgHex":"#e99499","bgHex":"#420f0c","ratio":7.02,"pass":true,"waiver":null},{"label":"active border on the pressed fill","state":"active","kind":"ui","min":3,"fg":"color.border.active","bg":"color.interaction.pressed.bg","fgHex":"#e53935","bgHex":"#420f0c","ratio":3.81,"pass":true,"waiver":null},{"label":"destructive text at rest","state":null,"kind":"text","min":4.5,"fg":"color.action.destructive.text","bg":"color.action.secondary.bg","fgHex":"#f73f35","bgHex":"#0c0909","ratio":5.4,"pass":true,"waiver":null},{"label":"destructive border at rest","state":null,"kind":"ui","min":3,"fg":"color.action.destructive.border","bg":"color.action.secondary.bg","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"destructive text on the hover fill","state":"hover","kind":"text","min":4.5,"fg":"color.action.destructive.hover-text","bg":"color.action.destructive.hover-bg","fgHex":"#f9faf9","bgHex":"#dc282e","ratio":4.58,"pass":true,"waiver":null},{"label":"ring on the destructive hover fill (the ring takes the on-fill colour)","state":"hover","kind":"ui","min":3,"fg":"color.action.destructive.hover-text","bg":"color.action.destructive.hover-bg","fgHex":"#f9faf9","bgHex":"#dc282e","ratio":4.58,"pass":true,"waiver":null},{"label":"destructive text while pressed","state":"active","kind":"text","min":4.5,"fg":"color.action.destructive.hover-text","bg":"color.action.destructive.pressed-bg","fgHex":"#f9faf9","bgHex":"#ae1914","ratio":6.81,"pass":true,"waiver":null},{"label":"confirm-dialog filled destructive","state":null,"kind":"text","min":4.5,"fg":"color.action.destructive.filled-text","bg":"color.action.destructive.filled-bg","fgHex":"#f9faf9","bgHex":"#dc282e","ratio":4.58,"pass":true,"waiver":null},{"label":"disabled text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled border (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"button","family":"actions","maturity":"stable","priority":"R1","title":"Button","summary":"The native push button in the four action tones; primary is the only filled button at rest, destructive fills on hover and always needs a confirmation or an undo.","native":true,"aria":{"pattern":"native <button type=\"button\">","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/button/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.text":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border":{"alias":"color.action.primary.border","value":"#9e231f","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.bg-hover":{"alias":"color.action.primary.hover-bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.bg-active":{"alias":"color.action.primary.pressed-bg","value":"#630f0d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.ring":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"secondary.bg":{"alias":"color.action.secondary.bg","value":"rgb(0 0 0 / 0%)","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"secondary.text":{"alias":"color.action.secondary.text","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"secondary.border":{"alias":"color.action.secondary.border","value":"#a3676b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"secondary.bg-hover":{"alias":"color.action.secondary.hover-bg","value":"#630f0d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"secondary.bg-active":{"alias":"color.action.secondary.pressed-bg","value":"#420f0c","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"secondary.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"tertiary.text":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"tertiary.bg-hover":{"alias":"color.action.tertiary.hover-bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"tertiary.bg-active":{"alias":"color.interaction.pressed.bg","value":"#420f0c","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"destructive.text":{"alias":"color.action.destructive.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"destructive.border":{"alias":"color.action.destructive.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"destructive.bg-hover":{"alias":"color.action.destructive.hover-bg","value":"#dc282e","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"destructive.text-hover":{"alias":"color.action.destructive.hover-text","value":"#f9faf9","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"destructive.bg-active":{"alias":"color.action.destructive.pressed-bg","value":"#ae1914","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"destructive.bg-filled":{"alias":"color.action.destructive.filled-bg","value":"#dc282e","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"destructive.text-filled":{"alias":"color.action.destructive.filled-text","value":"#f9faf9","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border-active":{"alias":"color.action.primary.border","value":"#9e231f","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"secondary.border-active":{"alias":"color.border.active","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"tertiary.border-active":{"alias":"color.border.active","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"destructive.border-active":{"alias":"color.action.destructive.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.bg-disabled":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border-disabled":{"alias":"color.border.disabled","value":"#7d1310","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"loading.glyph":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"primary: {color.action.primary.bg} fill, {color.action.primary.text}, 1px {color.action.primary.border}; secondary: 1px {color.action.secondary.border}, {color.action.secondary.text}; tertiary: {color.action.tertiary.text}, no border; destructive: 1px {color.action.destructive.border}, {color.action.destructive.text}","channel":"—","tokens":{"fg":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"hover","visual":"primary → {color.action.primary.hover-bg}; secondary → {color.action.secondary.hover-bg}; tertiary → {color.action.tertiary.hover-bg}; destructive fills {color.action.destructive.hover-bg} with {color.action.destructive.hover-text}","channel":"cursor: pointer; hover-capable pointers only","tokens":{"fg":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.action.primary.hover-bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"focus-visible","visual":"ring 1px dashed at −2px: {color.interaction.focus.ring-container} on the primary fill, {color.interaction.focus.ring} on the outline tones, {color.action.destructive.hover-text} on the destructive hover fill","channel":"the ring","tokens":{"fg":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"active","visual":"primary → {color.action.primary.pressed-bg}; secondary → {color.action.secondary.pressed-bg}; tertiary → {color.interaction.pressed.bg}; destructive → {color.action.destructive.pressed-bg}; primary keeps {color.action.primary.border}, secondary and tertiary use {color.border.active}, destructive keeps {color.action.destructive.border} (D-015)","channel":"border change on secondary and tertiary; no translation or scale","tokens":{"fg":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.action.primary.pressed-bg","value":"#630f0d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"disabled","visual":"{color.text.disabled} on {color.interaction.disabled.bg} with 1px {color.border.disabled}, every tone alike; no hover or active styling","channel":"`disabled`; cursor: not-allowed; never opacity","tokens":{}},{"state":"loading","visual":"size unchanged; the static `⋯` glyph replaces the icon; the button keeps its tone and stays focusable but ignores activation","channel":"glyph; `aria-busy`","tokens":{"fg":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves focus to and from the button in document order."},{"key":"Enter / Space","action":"Activates (native); Space activates on key up."}],"responsive":"Width follows the label; a full-width modifier is a layout decision outside the theme. Groups of buttons wrap at 320px rather than shrinking below the density height. RTL mirrors the icon side.","portability":{"web":"native <button type=\"button\">, or type=\"submit\" in forms; never a div or a link with role=\"button\"; the four tones are class modifiers on the same element; loading through aria-busy and a static glyph, not a spinner.","nativeFallbacks":["GTK4 Button with the suggested-action and destructive-action style classes.","Qt QPushButton stylesheet with a dynamic tone property.","Terminal UI: bracketed label; primary inverted; destructive in slot 5."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-TOUCH","FX-DENSITY","FX-STATE-MATRIX"],"related":["icon-button","link","button-group","segmented-control","dialog"],"specimens":["admin-form","settings-panel","filterable-table"],"nonExamples":"Rounded corners or pill shapes. Two filled buttons in one view. A red\nfilled destructive button at rest. A hover that only changes text colour.\nTranslating or scaling the button on press. A spinner inside the button.\nDisabling with opacity. A `<div>` or `<a>` styled as a button. A gradient or\nshadow to suggest depth.","contrast":[{"label":"button default text","state":"default","kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.bg","fgHex":"#f4eeee","bgHex":"#871f19","ratio":8.17,"pass":true,"waiver":null},{"label":"button hover text","state":"hover","kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.hover-bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"button focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.bg","fgHex":"#f4eeee","bgHex":"#871f19","ratio":8.17,"pass":true,"waiver":null},{"label":"button focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.action.primary.bg","fgHex":"#ffa2a7","bgHex":"#871f19","ratio":4.9,"pass":true,"waiver":null},{"label":"button active text","state":"active","kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.pressed-bg","fgHex":"#f4eeee","bgHex":"#630f0d","ratio":11.41,"pass":true,"waiver":null},{"label":"button loading text","state":"loading","kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.bg","fgHex":"#f4eeee","bgHex":"#871f19","ratio":8.17,"pass":true,"waiver":null},{"label":"primary fill against the panel (decorative; the label identifies the button)","state":null,"kind":"ui","min":3,"fg":"color.action.primary.bg","bg":"color.surface.default","fgHex":"#871f19","bgHex":"#160b0b","ratio":2.06,"pass":false,"waiver":"the fill is not the boundary of the control; the label text at 8.17:1 identifies it, and hover, active and focus each add a second channel"},{"label":"secondary text at rest","state":null,"kind":"text","min":4.5,"fg":"color.action.secondary.text","bg":"color.action.secondary.bg","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"secondary border at rest","state":null,"kind":"ui","min":3,"fg":"color.action.secondary.border","bg":"color.action.secondary.bg","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"secondary text on the hover fill","state":"hover","kind":"text","min":4.5,"fg":"color.action.secondary.text","bg":"color.action.secondary.hover-bg","fgHex":"#ffa2a7","bgHex":"#630f0d","ratio":6.84,"pass":true,"waiver":null},{"label":"secondary border against the panel while hovered (the fill inside it measures 2.94:1)","state":"hover","kind":"ui","min":3,"fg":"color.action.secondary.border","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":null},{"label":"ring on the secondary hover fill","state":"hover","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.action.secondary.hover-bg","fgHex":"#e53935","bgHex":"#630f0d","ratio":3.1,"pass":true,"waiver":null},{"label":"secondary text while pressed","state":"active","kind":"text","min":4.5,"fg":"color.action.secondary.text","bg":"color.action.secondary.pressed-bg","fgHex":"#ffa2a7","bgHex":"#420f0c","ratio":8.41,"pass":true,"waiver":null},{"label":"tertiary text at rest","state":null,"kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.action.secondary.bg","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"tertiary text on the hover fill","state":"hover","kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.action.tertiary.hover-bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"tertiary text while pressed","state":"active","kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.interaction.pressed.bg","fgHex":"#e99499","bgHex":"#420f0c","ratio":7.02,"pass":true,"waiver":null},{"label":"active border on the pressed fill","state":"active","kind":"ui","min":3,"fg":"color.border.active","bg":"color.interaction.pressed.bg","fgHex":"#e53935","bgHex":"#420f0c","ratio":3.81,"pass":true,"waiver":null},{"label":"destructive text at rest","state":null,"kind":"text","min":4.5,"fg":"color.action.destructive.text","bg":"color.action.secondary.bg","fgHex":"#f73f35","bgHex":"#0c0909","ratio":5.4,"pass":true,"waiver":null},{"label":"destructive border at rest","state":null,"kind":"ui","min":3,"fg":"color.action.destructive.border","bg":"color.action.secondary.bg","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"destructive text on the hover fill","state":"hover","kind":"text","min":4.5,"fg":"color.action.destructive.hover-text","bg":"color.action.destructive.hover-bg","fgHex":"#f9faf9","bgHex":"#dc282e","ratio":4.58,"pass":true,"waiver":null},{"label":"ring on the destructive hover fill (the ring takes the on-fill colour)","state":"hover","kind":"ui","min":3,"fg":"color.action.destructive.hover-text","bg":"color.action.destructive.hover-bg","fgHex":"#f9faf9","bgHex":"#dc282e","ratio":4.58,"pass":true,"waiver":null},{"label":"destructive text while pressed","state":"active","kind":"text","min":4.5,"fg":"color.action.destructive.hover-text","bg":"color.action.destructive.pressed-bg","fgHex":"#f9faf9","bgHex":"#ae1914","ratio":6.81,"pass":true,"waiver":null},{"label":"confirm-dialog filled destructive","state":null,"kind":"text","min":4.5,"fg":"color.action.destructive.filled-text","bg":"color.action.destructive.filled-bg","fgHex":"#f9faf9","bgHex":"#dc282e","ratio":4.58,"pass":true,"waiver":null},{"label":"disabled text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled border (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"}]} |
| component-contract | card | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"card","family":"display","maturity":"stable","priority":"R1","title":"Card","summary":"A bordered panel that groups a title, body and metadata; a link card makes the whole panel one link, a selectable card is an option with the selection fill.","native":true,"aria":{"pattern":"native article or section; link cards are a single anchor; selectable cards are options inside a listbox","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/listbox/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"root.border":{"alias":"color.border.default","value":"#531310","status":"observed"},"root.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"root.border-hover":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"root.ring":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"},"title.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"body.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"meta.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"selected.bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"},"selected.text":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed"},"selected.ring":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"}},"stateRules":[{"state":"default","visual":"1px {color.border.default} on {color.surface.default}","channel":"—","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"}}},{"state":"hover","visual":"link and selectable cards only: background → {color.interaction.hover.bg}; border → {color.border.control}","channel":"cursor: pointer; the border lightens from decorative to control","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"focus-visible","visual":"container ring 2px solid {color.interaction.focus.ring-container} at −3px","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"}}},{"state":"selected","visual":"fill {color.interaction.selection.bg} with {color.interaction.selection.text} on every line","channel":"`aria-selected=\"true\"`; the fill's on-fill text","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"}}},{"state":"selected+focus-visible","visual":"the fill and the 2px ring in {color.interaction.focus.ring-container}","channel":"both visible at once","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"}}}],"keyboard":[{"key":"Tab","action":"Reaches a link card as one stop; reaches a selectable group at its selected card (roving tabindex)."},{"key":"Enter","action":"Follows a link card."},{"key":"Up / Down / Left / Right","action":"Moves between selectable cards in the group and selects the focused one."},{"key":"Space","action":"Toggles the focused card in a multi-select group."}],"responsive":"Cards fill their column with min-width 0 and stack at 320px; the body wraps and nothing truncates; a grid of cards uses container queries to change its column count. RTL mirrors the text alignment only.","portability":{"web":"A static card is an article (with a heading) or a section; a link card is one anchor wrapping block content; a selectable card is a div with role option inside a div with role listbox, aria-selected on the option and roving tabindex; the border is a border, the fill a background, the ring an outline.","nativeFallbacks":["GTK4 Frame with a Box; a selectable card is a ListBoxRow.","Qt QFrame with a StyledPanel shape; selectable cards through QListView with a delegate.","Terminal UI: a single-line box; the selected card inverted."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-STATE-MATRIX"],"related":["list","link","button","table"],"specimens":["settings-panel","filterable-table"],"nonExamples":"A drop shadow or elevation. Rounded corners. A hover lift or scale. A static\ncard with a hover fill. A card whose only clickable part is an invisible\noverlay. A link card containing buttons. A selected card shown by a border\ncolour alone without the fill and `aria-selected`. Muted metadata left on the\nselection fill.","contrast":[{"label":"card default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"card hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"card hover border","state":"hover","kind":"ui","min":3,"fg":"color.border.control","bg":"color.interaction.hover.bg","fgHex":"#a3676b","bgHex":"#1c0a09","ratio":4.29,"pass":true,"waiver":null},{"label":"card focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"card focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"card selected text","state":"selected","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"card selected+focus-visible text","state":"selected+focus-visible","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"card selected+focus-visible outline","state":"selected+focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.interaction.selection.bg","fgHex":"#ffa2a7","bgHex":"#911410","ratio":4.75,"pass":true,"waiver":null},{"label":"title on the card","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"metadata on the card","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"title on the hover fill","state":"hover","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.interaction.hover.bg","fgHex":"#ffa2a7","bgHex":"#1c0a09","ratio":10.01,"pass":true,"waiver":null},{"label":"metadata on the hover fill","state":"hover","kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.interaction.hover.bg","fgHex":"#bd787d","bgHex":"#1c0a09","ratio":5.6,"pass":true,"waiver":null},{"label":"card edge (decorative; the card is not a control at rest)","state":null,"kind":"ui","min":1,"fg":"color.border.default","bg":"color.surface.default","fgHex":"#531310","bgHex":"#160b0b","ratio":1.35,"pass":true,"waiver":"the default border groups content; a link or selectable card gains border.control on hover and the container ring on focus"}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"card","family":"display","maturity":"stable","priority":"R1","title":"Card","summary":"A bordered panel that groups a title, body and metadata; a link card makes the whole panel one link, a selectable card is an option with the selection fill.","native":true,"aria":{"pattern":"native article or section; link cards are a single anchor; selectable cards are options inside a listbox","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/listbox/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border":{"alias":"color.border.default","value":"#531310","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border-hover":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"root.ring":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"title.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"body.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"meta.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"selected.bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"selected.text":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"selected.ring":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"1px {color.border.default} on {color.surface.default}","channel":"—","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"hover","visual":"link and selectable cards only: background → {color.interaction.hover.bg}; border → {color.border.control}","channel":"cursor: pointer; the border lightens from decorative to control","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"focus-visible","visual":"container ring 2px solid {color.interaction.focus.ring-container} at −3px","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"selected","visual":"fill {color.interaction.selection.bg} with {color.interaction.selection.text} on every line","channel":"`aria-selected=\"true\"`; the fill's on-fill text","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"selected+focus-visible","visual":"the fill and the 2px ring in {color.interaction.focus.ring-container}","channel":"both visible at once","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}}],"keyboard":[{"key":"Tab","action":"Reaches a link card as one stop; reaches a selectable group at its selected card (roving tabindex)."},{"key":"Enter","action":"Follows a link card."},{"key":"Up / Down / Left / Right","action":"Moves between selectable cards in the group and selects the focused one."},{"key":"Space","action":"Toggles the focused card in a multi-select group."}],"responsive":"Cards fill their column with min-width 0 and stack at 320px; the body wraps and nothing truncates; a grid of cards uses container queries to change its column count. RTL mirrors the text alignment only.","portability":{"web":"A static card is an article (with a heading) or a section; a link card is one anchor wrapping block content; a selectable card is a div with role option inside a div with role listbox, aria-selected on the option and roving tabindex; the border is a border, the fill a background, the ring an outline.","nativeFallbacks":["GTK4 Frame with a Box; a selectable card is a ListBoxRow.","Qt QFrame with a StyledPanel shape; selectable cards through QListView with a delegate.","Terminal UI: a single-line box; the selected card inverted."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-STATE-MATRIX"],"related":["list","link","button","table"],"specimens":["settings-panel","filterable-table"],"nonExamples":"A drop shadow or elevation. Rounded corners. A hover lift or scale. A static\ncard with a hover fill. A card whose only clickable part is an invisible\noverlay. A link card containing buttons. A selected card shown by a border\ncolour alone without the fill and `aria-selected`. Muted metadata left on the\nselection fill.","contrast":[{"label":"card default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"card hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"card hover border","state":"hover","kind":"ui","min":3,"fg":"color.border.control","bg":"color.interaction.hover.bg","fgHex":"#a3676b","bgHex":"#1c0a09","ratio":4.29,"pass":true,"waiver":null},{"label":"card focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"card focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"card selected text","state":"selected","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"card selected+focus-visible text","state":"selected+focus-visible","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"card selected+focus-visible outline","state":"selected+focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.interaction.selection.bg","fgHex":"#ffa2a7","bgHex":"#911410","ratio":4.75,"pass":true,"waiver":null},{"label":"title on the card","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"metadata on the card","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"title on the hover fill","state":"hover","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.interaction.hover.bg","fgHex":"#ffa2a7","bgHex":"#1c0a09","ratio":10.01,"pass":true,"waiver":null},{"label":"metadata on the hover fill","state":"hover","kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.interaction.hover.bg","fgHex":"#bd787d","bgHex":"#1c0a09","ratio":5.6,"pass":true,"waiver":null},{"label":"card edge (decorative; the card is not a control at rest)","state":null,"kind":"ui","min":1,"fg":"color.border.default","bg":"color.surface.default","fgHex":"#531310","bgHex":"#160b0b","ratio":1.35,"pass":true,"waiver":"the default border groups content; a link or selectable card gains border.control on hover and the container ring on focus"}]} |
| component-contract | checkbox | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"checkbox","family":"forms-basic","maturity":"stable","priority":"R1","title":"Checkbox","summary":"The native checkbox drawn as a 16px square that fills with the primary action colour and a ✓ or – glyph; single, or a fieldset group of independent choices.","native":true,"aria":{"pattern":"native <input type=\"checkbox\"> with <label>; fieldset and legend for a group","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/"},"sizes":["compact","comfortable"],"tokens":{"box.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"box.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"box.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"box.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"},"box.bg-checked":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed"},"box.bg-checked-hover":{"alias":"color.action.primary.hover-bg","value":"#911410","status":"observed"},"box.glyph":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed"},"box.ring-checked":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"},"box.border-invalid":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"},"box.bg-disabled":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed"},"box.border-disabled":{"alias":"color.border.disabled","value":"#7d1310","status":"observed"},"box.glyph-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved"},"text.default":{"alias":"color.text.default","value":"#e99499","status":"observed"},"text.disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved"},"legend.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"legend.required-mark":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"},"message.text":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"}},"stateRules":[{"state":"default","visual":"16px box, 1px {color.border.control} on {color.surface.input}; text {color.text.default}","channel":"—","tokens":{"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"hover","visual":"box background → {color.interaction.hover.bg}; checked box → {color.action.primary.hover-bg}","channel":"cursor: pointer; hover-capable pointers only","tokens":{"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px around the box","channel":"the ring","tokens":{"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}}},{"state":"checked","visual":"box fills {color.action.primary.bg}; ✓ in {color.action.primary.text}; border stays {color.border.control}","channel":"the ✓ glyph; `checked`","tokens":{"fg":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed"}}},{"state":"mixed","visual":"box fills {color.action.primary.bg}; – in {color.action.primary.text}","channel":"the – glyph; `indeterminate` / `aria-checked=\"mixed\"`","tokens":{"fg":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed"}}},{"state":"checked+focus-visible","visual":"the fill and a ring in {color.interaction.focus.ring-container}","channel":"glyph and ring","tokens":{"fg":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed"},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"}}},{"state":"checked+disabled","visual":"box {color.interaction.disabled.bg} with 1px {color.border.disabled}; ✓ and text in {color.text.disabled}","channel":"glyph; `disabled`; cursor: not-allowed","tokens":{}},{"state":"disabled","visual":"box {color.interaction.disabled.bg} with 1px {color.border.disabled}; text {color.text.disabled}","channel":"`disabled`; cursor: not-allowed","tokens":{}},{"state":"invalid","visual":"box border 2px {color.status.danger.border}; message with the ✕ glyph","channel":"border width 1 → 2px; glyph; `aria-invalid`","tokens":{"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"}}},{"state":"required","visual":"`*` after the text or legend in {color.status.danger.text} plus visually hidden \"required\"","channel":"`required`; the mark","tokens":{"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves through every checkbox; each is its own tab stop."},{"key":"Space","action":"Toggles; a mixed box becomes checked."}],"responsive":"The row wraps its text under itself with the box staying top-aligned; groups stack vertically at every width. RTL mirrors the box to the inline start of the text.","portability":{"web":"native <input type=\"checkbox\"> inside <label>; indeterminate through the DOM property with the host reflecting it as data-state-mixed for styling; groups in <fieldset> with <legend>; never role=\"checkbox\" on a div.","nativeFallbacks":["GTK4 CheckButton; inconsistent for mixed.","Qt QCheckBox with tristate; indicator subcontrol styled square.","Terminal UI: [x], [ ] and [-] glyphs; the box inverted when focused."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-TOUCH","FX-DENSITY","FX-STATE-MATRIX"],"related":["radio-group","switch","fieldset","field","list"],"specimens":["settings-panel","admin-form","filterable-table"],"nonExamples":"Rounded or circular boxes. A tick drawn with a border trick or an icon\nfont. A checked state shown by border colour alone with no glyph. A box\nsmaller than 16px or a row shorter than 24px. The mixed state used as a\nthird value. A checkbox that saves on change. Disabling by opacity. A div\nwith `role=\"checkbox\"`.","contrast":[{"label":"checkbox default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"checkbox hover border","state":"hover","kind":"ui","min":3,"fg":"color.border.control","bg":"color.interaction.hover.bg","fgHex":"#a3676b","bgHex":"#1c0a09","ratio":4.29,"pass":true,"waiver":null},{"label":"checkbox focus-visible border","state":"focus-visible","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"checkbox focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"checkbox checked text","state":"checked","kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.bg","fgHex":"#f4eeee","bgHex":"#871f19","ratio":8.17,"pass":true,"waiver":null},{"label":"checkbox mixed text","state":"mixed","kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.bg","fgHex":"#f4eeee","bgHex":"#871f19","ratio":8.17,"pass":true,"waiver":null},{"label":"checkbox checked+focus-visible text","state":"checked+focus-visible","kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.bg","fgHex":"#f4eeee","bgHex":"#871f19","ratio":8.17,"pass":true,"waiver":null},{"label":"checkbox checked+focus-visible outline","state":"checked+focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.action.primary.bg","fgHex":"#ffa2a7","bgHex":"#871f19","ratio":4.9,"pass":true,"waiver":null},{"label":"checkbox invalid border","state":"invalid","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"checkbox required border","state":"required","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"option text on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"legend on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"checked box edge against the panel (the border stays border.control)","state":"checked","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":null},{"label":"glyph on the hovered checked fill","state":"hover","kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.hover-bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"validation message on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.default","fgHex":"#f73f35","bgHex":"#160b0b","ratio":5.26,"pass":true,"waiver":null},{"label":"disabled option text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.surface.default","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled glyph (exempt; house floor 3:1)","state":"checked+disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled border (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"checkbox","family":"forms-basic","maturity":"stable","priority":"R1","title":"Checkbox","summary":"The native checkbox drawn as a 16px square that fills with the primary action colour and a ✓ or – glyph; single, or a fieldset group of independent choices.","native":true,"aria":{"pattern":"native <input type=\"checkbox\"> with <label>; fieldset and legend for a group","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/"},"sizes":["compact","comfortable"],"tokens":{"box.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"box.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"box.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"box.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"box.bg-checked":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"box.bg-checked-hover":{"alias":"color.action.primary.hover-bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"box.glyph":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"box.ring-checked":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"box.border-invalid":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"box.bg-disabled":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"box.border-disabled":{"alias":"color.border.disabled","value":"#7d1310","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"box.glyph-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"text.default":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"text.disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"legend.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"legend.required-mark":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"message.text":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"16px box, 1px {color.border.control} on {color.surface.input}; text {color.text.default}","channel":"—","tokens":{"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"hover","visual":"box background → {color.interaction.hover.bg}; checked box → {color.action.primary.hover-bg}","channel":"cursor: pointer; hover-capable pointers only","tokens":{"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px around the box","channel":"the ring","tokens":{"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"checked","visual":"box fills {color.action.primary.bg}; ✓ in {color.action.primary.text}; border stays {color.border.control}","channel":"the ✓ glyph; `checked`","tokens":{"fg":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"mixed","visual":"box fills {color.action.primary.bg}; – in {color.action.primary.text}","channel":"the – glyph; `indeterminate` / `aria-checked=\"mixed\"`","tokens":{"fg":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"checked+focus-visible","visual":"the fill and a ring in {color.interaction.focus.ring-container}","channel":"glyph and ring","tokens":{"fg":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"checked+disabled","visual":"box {color.interaction.disabled.bg} with 1px {color.border.disabled}; ✓ and text in {color.text.disabled}","channel":"glyph; `disabled`; cursor: not-allowed","tokens":{}},{"state":"disabled","visual":"box {color.interaction.disabled.bg} with 1px {color.border.disabled}; text {color.text.disabled}","channel":"`disabled`; cursor: not-allowed","tokens":{}},{"state":"invalid","visual":"box border 2px {color.status.danger.border}; message with the ✕ glyph","channel":"border width 1 → 2px; glyph; `aria-invalid`","tokens":{"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"required","visual":"`*` after the text or legend in {color.status.danger.text} plus visually hidden \"required\"","channel":"`required`; the mark","tokens":{"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves through every checkbox; each is its own tab stop."},{"key":"Space","action":"Toggles; a mixed box becomes checked."}],"responsive":"The row wraps its text under itself with the box staying top-aligned; groups stack vertically at every width. RTL mirrors the box to the inline start of the text.","portability":{"web":"native <input type=\"checkbox\"> inside <label>; indeterminate through the DOM property with the host reflecting it as data-state-mixed for styling; groups in <fieldset> with <legend>; never role=\"checkbox\" on a div.","nativeFallbacks":["GTK4 CheckButton; inconsistent for mixed.","Qt QCheckBox with tristate; indicator subcontrol styled square.","Terminal UI: [x], [ ] and [-] glyphs; the box inverted when focused."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-TOUCH","FX-DENSITY","FX-STATE-MATRIX"],"related":["radio-group","switch","fieldset","field","list"],"specimens":["settings-panel","admin-form","filterable-table"],"nonExamples":"Rounded or circular boxes. A tick drawn with a border trick or an icon\nfont. A checked state shown by border colour alone with no glyph. A box\nsmaller than 16px or a row shorter than 24px. The mixed state used as a\nthird value. A checkbox that saves on change. Disabling by opacity. A div\nwith `role=\"checkbox\"`.","contrast":[{"label":"checkbox default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"checkbox hover border","state":"hover","kind":"ui","min":3,"fg":"color.border.control","bg":"color.interaction.hover.bg","fgHex":"#a3676b","bgHex":"#1c0a09","ratio":4.29,"pass":true,"waiver":null},{"label":"checkbox focus-visible border","state":"focus-visible","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"checkbox focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"checkbox checked text","state":"checked","kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.bg","fgHex":"#f4eeee","bgHex":"#871f19","ratio":8.17,"pass":true,"waiver":null},{"label":"checkbox mixed text","state":"mixed","kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.bg","fgHex":"#f4eeee","bgHex":"#871f19","ratio":8.17,"pass":true,"waiver":null},{"label":"checkbox checked+focus-visible text","state":"checked+focus-visible","kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.bg","fgHex":"#f4eeee","bgHex":"#871f19","ratio":8.17,"pass":true,"waiver":null},{"label":"checkbox checked+focus-visible outline","state":"checked+focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.action.primary.bg","fgHex":"#ffa2a7","bgHex":"#871f19","ratio":4.9,"pass":true,"waiver":null},{"label":"checkbox invalid border","state":"invalid","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"checkbox required border","state":"required","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"option text on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"legend on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"checked box edge against the panel (the border stays border.control)","state":"checked","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":null},{"label":"glyph on the hovered checked fill","state":"hover","kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.hover-bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"validation message on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.default","fgHex":"#f73f35","bgHex":"#160b0b","ratio":5.26,"pass":true,"waiver":null},{"label":"disabled option text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.surface.default","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled glyph (exempt; house floor 3:1)","state":"checked+disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled border (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"}]} |
| component-contract | chip | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"chip","family":"display","maturity":"stable","priority":"R1","title":"Chip","summary":"A square bordered token for a filter, a removable value or a static tag; a pressed filter chip takes the selection fill and a check glyph.","native":true,"aria":{"pattern":"native button with aria-pressed for filters; a span with a labelled remove button for values; a plain span for tags"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"root.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"root.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"root.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"root.bg-pressed":{"alias":"color.interaction.pressed.bg","value":"#420f0c","status":"observed"},"root.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"},"root.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved"},"root.border-disabled":{"alias":"color.border.disabled","value":"#7d1310","status":"observed"},"root.bg-disabled":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed"},"selected.bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"},"selected.text":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed"},"selected.ring":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"},"remove.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"remove.text-hover":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"remove.bg-hover":{"alias":"color.interaction.hover.bg-strong","value":"#630f0d","status":"observed"}},"stateRules":[{"state":"default","visual":"1px {color.border.control} on {color.surface.default}; text {color.text.default}","channel":"—","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"hover","visual":"background → {color.interaction.hover.bg}; the remove button → {color.interaction.hover.bg-strong} with {color.text.bright}","channel":"cursor: pointer","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px on the chip or on the remove button","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}}},{"state":"selected","visual":"fill {color.interaction.selection.bg}; text and glyph {color.interaction.selection.text}; the border takes the fill colour","channel":"`aria-pressed=\"true\"`; the ✓ glyph","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"}}},{"state":"selected+focus-visible","visual":"the fill and the ring in {color.interaction.focus.ring-container}","channel":"both visible at once","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"}}},{"state":"disabled","visual":"text {color.text.disabled}; border {color.border.disabled}; background {color.interaction.disabled.bg}; no hover","channel":"`disabled`; cursor: not-allowed","tokens":{}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Reaches a filter chip, or the remove button of a removable chip; static chips are skipped."},{"key":"Space / Enter","action":"Toggles a filter chip; activates the remove button."},{"key":"Backspace / Delete","action":"In a token field, removes the chip before the caret (the field's contract, not the chip's)."}],"responsive":"A chip never wraps its label; a row of chips wraps at 320px with the density gap between rows. Long values are shortened by the host with a full-value tooltip, never by clipping the border. RTL mirrors the check gutter and the remove button to the inline end.","portability":{"web":"A filter chip is a button with aria-pressed; a removable chip is a span holding the label and a button with aria-label \"Remove <value>\"; a static chip is a span; the fill is a background, the ring an outline, the check a glyph.","nativeFallbacks":["GTK4 ToggleButton for filters; a Box of Label and Button for removable values.","Qt QPushButton with checkable for filters; a QFrame with a QToolButton for removable values.","Terminal UI: bracketed labels; the pressed chip inverted; removable values followed by an x."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-TOUCH","FX-STATE-MATRIX"],"related":["badge","button","multiselect","combobox","toolbar"],"specimens":["filterable-table","admin-form"],"nonExamples":"Pill or rounded chips. A selected chip shown by a border colour alone\nwithout the fill and `aria-pressed`. A removable chip whose × has no name.\nA chip that is a link. A static tag that reacts to hover. Disabling by\nopacity. A chip whose label clips inside the border. A chip in caption\ntype (that is a badge).","contrast":[{"label":"chip default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"chip default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":null},{"label":"chip hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"chip hover border","state":"hover","kind":"ui","min":3,"fg":"color.border.control","bg":"color.interaction.hover.bg","fgHex":"#a3676b","bgHex":"#1c0a09","ratio":4.29,"pass":true,"waiver":null},{"label":"chip focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"chip focus-visible border","state":"focus-visible","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":null},{"label":"chip focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"chip selected text","state":"selected","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"chip selected+focus-visible text","state":"selected+focus-visible","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"chip selected+focus-visible outline","state":"selected+focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.interaction.selection.bg","fgHex":"#ffa2a7","bgHex":"#911410","ratio":4.75,"pass":true,"waiver":null},{"label":"remove glyph at rest","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"disabled chip text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled chip border (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"chip","family":"display","maturity":"stable","priority":"R1","title":"Chip","summary":"A square bordered token for a filter, a removable value or a static tag; a pressed filter chip takes the selection fill and a check glyph.","native":true,"aria":{"pattern":"native button with aria-pressed for filters; a span with a labelled remove button for values; a plain span for tags"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"root.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.bg-pressed":{"alias":"color.interaction.pressed.bg","value":"#420f0c","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border-disabled":{"alias":"color.border.disabled","value":"#7d1310","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.bg-disabled":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"selected.bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"selected.text":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"selected.ring":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"remove.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"remove.text-hover":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"remove.bg-hover":{"alias":"color.interaction.hover.bg-strong","value":"#630f0d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"1px {color.border.control} on {color.surface.default}; text {color.text.default}","channel":"—","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"hover","visual":"background → {color.interaction.hover.bg}; the remove button → {color.interaction.hover.bg-strong} with {color.text.bright}","channel":"cursor: pointer","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px on the chip or on the remove button","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"selected","visual":"fill {color.interaction.selection.bg}; text and glyph {color.interaction.selection.text}; the border takes the fill colour","channel":"`aria-pressed=\"true\"`; the ✓ glyph","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"selected+focus-visible","visual":"the fill and the ring in {color.interaction.focus.ring-container}","channel":"both visible at once","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"disabled","visual":"text {color.text.disabled}; border {color.border.disabled}; background {color.interaction.disabled.bg}; no hover","channel":"`disabled`; cursor: not-allowed","tokens":{}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Reaches a filter chip, or the remove button of a removable chip; static chips are skipped."},{"key":"Space / Enter","action":"Toggles a filter chip; activates the remove button."},{"key":"Backspace / Delete","action":"In a token field, removes the chip before the caret (the field's contract, not the chip's)."}],"responsive":"A chip never wraps its label; a row of chips wraps at 320px with the density gap between rows. Long values are shortened by the host with a full-value tooltip, never by clipping the border. RTL mirrors the check gutter and the remove button to the inline end.","portability":{"web":"A filter chip is a button with aria-pressed; a removable chip is a span holding the label and a button with aria-label \"Remove <value>\"; a static chip is a span; the fill is a background, the ring an outline, the check a glyph.","nativeFallbacks":["GTK4 ToggleButton for filters; a Box of Label and Button for removable values.","Qt QPushButton with checkable for filters; a QFrame with a QToolButton for removable values.","Terminal UI: bracketed labels; the pressed chip inverted; removable values followed by an x."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-TOUCH","FX-STATE-MATRIX"],"related":["badge","button","multiselect","combobox","toolbar"],"specimens":["filterable-table","admin-form"],"nonExamples":"Pill or rounded chips. A selected chip shown by a border colour alone\nwithout the fill and `aria-pressed`. A removable chip whose × has no name.\nA chip that is a link. A static tag that reacts to hover. Disabling by\nopacity. A chip whose label clips inside the border. A chip in caption\ntype (that is a badge).","contrast":[{"label":"chip default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"chip default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":null},{"label":"chip hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"chip hover border","state":"hover","kind":"ui","min":3,"fg":"color.border.control","bg":"color.interaction.hover.bg","fgHex":"#a3676b","bgHex":"#1c0a09","ratio":4.29,"pass":true,"waiver":null},{"label":"chip focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"chip focus-visible border","state":"focus-visible","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":null},{"label":"chip focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"chip selected text","state":"selected","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"chip selected+focus-visible text","state":"selected+focus-visible","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"chip selected+focus-visible outline","state":"selected+focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.interaction.selection.bg","fgHex":"#ffa2a7","bgHex":"#911410","ratio":4.75,"pass":true,"waiver":null},{"label":"remove glyph at rest","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"disabled chip text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled chip border (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"}]} |
| component-contract | code-editor | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"code-editor","family":"developer","maturity":"stable","priority":"R1","title":"Code editor","summary":"The editor surface, gutter, caret, current line, selection, bracket match and monochrome syntax roles that every code-editing or code-viewing host maps onto.","native":false,"aria":{"pattern":"presentation of <pre> inside role=textbox with aria-multiline and aria-readonly; a real editor is a host surface","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/","role":"textbox"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.code.bg","value":"#0c0909","status":"observed"},"root.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"root.ring":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"},"gutter.bg":{"alias":"color.code.gutter-bg","value":"#0c0909","status":"observed"},"gutter.rule":{"alias":"color.code.gutter-rule","value":"#2b0e0d","status":"observed"},"gutter.bg-read-only":{"alias":"color.surface.sunken","value":"#0a0707","status":"proposed"},"line-number.text":{"alias":"color.code.line-number","value":"#ad7175","status":"approved"},"line-number.text-active":{"alias":"color.code.line-number-active","value":"#e99499","status":"observed"},"line.bg-current":{"alias":"color.code.current-line","value":"#1c0a09","status":"observed"},"caret.bg":{"alias":"color.code.caret","value":"#e99499","status":"observed"},"selection.bg":{"alias":"color.code.selection-bg","value":"#420f0c","status":"observed"},"selection.bg-inactive":{"alias":"color.interaction.selection.inactive-bg","value":"#420f0c","status":"observed"},"selection.text-inactive":{"alias":"color.interaction.selection.inactive-text","value":"#e99499","status":"observed"},"bracket.outline":{"alias":"color.code.bracket-match","value":"#e53935","status":"observed"},"indent.guide":{"alias":"color.code.indent-guide","value":"#531310","status":"observed"},"whitespace.text":{"alias":"color.code.whitespace","value":"#7d1310","status":"observed"},"fold.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"fold.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"syntax.keyword":{"alias":"color.code.syntax.keyword","value":"#f73f35","status":"observed"},"syntax.string":{"alias":"color.code.syntax.string","value":"#bd787d","status":"observed"},"syntax.comment":{"alias":"color.code.syntax.comment","value":"#ad7175","status":"approved"},"syntax.number":{"alias":"color.code.syntax.number","value":"#d4868b","status":"observed"},"syntax.constant":{"alias":"color.code.syntax.constant","value":"#d4868b","status":"observed"},"syntax.function":{"alias":"color.code.syntax.function","value":"#ffa2a7","status":"observed"},"syntax.variable":{"alias":"color.code.syntax.variable","value":"#e99499","status":"observed"},"syntax.type":{"alias":"color.code.syntax.type","value":"#b37175","status":"observed"},"syntax.operator":{"alias":"color.code.syntax.operator","value":"#e99499","status":"observed"},"syntax.punctuation":{"alias":"color.code.syntax.punctuation","value":"#e99499","status":"observed"},"syntax.property":{"alias":"color.code.syntax.property","value":"#e53935","status":"observed"},"syntax.heading":{"alias":"color.code.syntax.heading","value":"#e53935","status":"observed"},"syntax.tag":{"alias":"color.code.syntax.tag","value":"#f73f35","status":"observed"},"syntax.attribute":{"alias":"color.code.syntax.attribute","value":"#d4868b","status":"observed"},"syntax.escape":{"alias":"color.code.syntax.escape","value":"#d4868b","status":"observed"},"syntax.invalid":{"alias":"color.code.syntax.invalid","value":"#e53935","status":"observed"},"syntax.deprecated":{"alias":"color.code.syntax.deprecated","value":"#ad7175","status":"observed"}},"stateRules":[{"state":"default","visual":"code on {color.code.bg}; comments italic; invalid text wavy-underlined in {color.code.syntax.invalid}; deprecated text struck through","channel":"italic, wavy underline, line-through","tokens":{"fg":{"alias":"color.code.syntax.variable","value":"#e99499","status":"observed"},"bg":{"alias":"color.code.bg","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"focus-visible","visual":"container ring 2px {color.interaction.focus.ring-container} at −3px; a 1px {color.code.caret} bar; the caret line filled {color.code.current-line} across gutter and text; its number in {color.code.line-number-active}","channel":"the ring; the caret bar","tokens":{"fg":{"alias":"color.code.syntax.variable","value":"#e99499","status":"observed"},"bg":{"alias":"color.code.current-line","value":"#1c0a09","status":"observed"},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"}}},{"state":"selected","visual":"the range filled {color.code.selection-bg}; syntax colours kept","channel":"the range is announced through the host's selection; the fill spans line ends","tokens":{"fg":{"alias":"color.code.syntax.variable","value":"#e99499","status":"observed"},"bg":{"alias":"color.code.selection-bg","value":"#420f0c","status":"observed"}}},{"state":"selected+container-inactive","visual":"the same range in {color.interaction.selection.inactive-bg} with {color.interaction.selection.inactive-text}; no caret, no ring","channel":"lightness drop between the two fills","tokens":{"fg":{"alias":"color.interaction.selection.inactive-text","value":"#e99499","status":"observed"},"bg":{"alias":"color.interaction.selection.inactive-bg","value":"#420f0c","status":"observed"}}},{"state":"current","visual":"both characters of the matched pair outlined 1px solid {color.code.bracket-match}","channel":"the outline is a box, not a colour change","tokens":{"fg":{"alias":"color.code.syntax.variable","value":"#e99499","status":"observed"},"bg":{"alias":"color.code.bg","value":"#0c0909","status":"observed"},"border":{"alias":"color.code.bracket-match","value":"#e53935","status":"observed"}}},{"state":"read-only","visual":"gutter drops to {color.surface.sunken} behind the same line numbers; the gutter rule becomes dotted; no caret is drawn","channel":"`aria-readonly`; dotted rule; missing caret","tokens":{"fg":{"alias":"color.code.line-number","value":"#ad7175","status":"approved"},"bg":{"alias":"color.surface.sunken","value":"#0a0707","status":"proposed"}}}],"keyboard":[{"key":"(host)","action":"The host editor owns every key; the theme changes no binding, no caret behaviour and no selection model."},{"key":"Tab","action":"Reaches the editor as one stop in the reference; whether Tab inserts or moves focus is the host's rule and is announced by the host."},{"key":"Escape","action":"In hosts that trap Tab, Escape must release focus to the next stop; the theme does not provide it."}],"responsive":"The box fills its container with min-width 0 and scrolls horizontally inside itself; lines never wrap in the reference; at 320px the gutter stays and the text pane scrolls. Type is the code scale in both densities; density does not change editor metrics. RTL keeps code left-to-right (bidi isolation) while the gutter mirrors to the inline-start edge.","portability":{"web":"role=textbox aria-multiline=true aria-readonly=true over <pre>, tabindex=0, one focus stop; a live editor (CodeMirror, Monaco, contenteditable) is a host surface that maps these roles onto its own theme API and keeps its own caret, selection and keyboard handling.","nativeFallbacks":["GTK: GtkSourceView style scheme; current-line, selection, bracket-match and the syntax roles map one to one; the container ring becomes the frame's focus outline.","Qt: KSyntaxHighlighting theme JSON; editor colours and text styles carry the same roles; caret width follows the toolkit.","JetBrains: an editor scheme (.icls); CARET_ROW, SELECTION_BACKGROUND, MATCHED_BRACE_ATTRIBUTES and the language attribute keys; the UI theme is a separate capability.","Terminal editors (vim, helix): 16-slot hosts use the heritage-ansi mapping and document that the caret follows the terminal cursor."]},"fixtures":["FX-STATE-MATRIX","FX-320","FX-ZOOM-200","FX-RM","FX-HC","FX-LONG","FX-RTL"],"related":["diagnostics","diff-view","terminal"],"specimens":["i3-window-frame"],"nonExamples":"Rainbow syntax in the `default` profile (the three extension hues are\nproposed only in `extended`). A blinking or animated caret in the reference.\nA selection that recolours the text to white and loses the syntax roles. A\ncurrent-line highlight brighter than the selection. A bracket match drawn as\na background fill, which reads as a selection. Line numbers in the decorative\n`#7d1310`. A glow, gradient or rounded corner on the editor box. Removing the\nhost's focus indicator without drawing the container ring.","contrast":[{"label":"code-editor default text","state":"default","kind":"text","min":4.5,"fg":"color.code.syntax.variable","bg":"color.code.bg","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"code-editor default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.code.bg","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"code-editor focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.code.syntax.variable","bg":"color.code.current-line","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"code-editor focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.code.current-line","fgHex":"#ffa2a7","bgHex":"#1c0a09","ratio":10.01,"pass":true,"waiver":null},{"label":"code-editor selected text","state":"selected","kind":"text","min":4.5,"fg":"color.code.syntax.variable","bg":"color.code.selection-bg","fgHex":"#e99499","bgHex":"#420f0c","ratio":7.02,"pass":true,"waiver":null},{"label":"code-editor selected+container-inactive text","state":"selected+container-inactive","kind":"text","min":4.5,"fg":"color.interaction.selection.inactive-text","bg":"color.interaction.selection.inactive-bg","fgHex":"#e99499","bgHex":"#420f0c","ratio":7.02,"pass":true,"waiver":null},{"label":"code-editor current text","state":"current","kind":"text","min":4.5,"fg":"color.code.syntax.variable","bg":"color.code.bg","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"code-editor current border","state":"current","kind":"ui","min":3,"fg":"color.code.bracket-match","bg":"color.code.bg","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"code-editor read-only text","state":"read-only","kind":"text","min":4.5,"fg":"color.code.line-number","bg":"color.surface.sunken","fgHex":"#ad7175","bgHex":"#0a0707","ratio":5.16,"pass":true,"waiver":null},{"label":"caret on the current line","state":"focus-visible","kind":"ui","min":3,"fg":"color.code.caret","bg":"color.code.current-line","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"bracket-match outline on the editor surface","state":"current","kind":"ui","min":3,"fg":"color.code.bracket-match","bg":"color.code.bg","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"bracket-match outline on the current line","state":"current","kind":"ui","min":3,"fg":"color.code.bracket-match","bg":"color.code.current-line","fgHex":"#e53935","bgHex":"#1c0a09","ratio":4.53,"pass":true,"waiver":null},{"label":"line numbers in the gutter","state":null,"kind":"text","min":4.5,"fg":"color.code.line-number","bg":"color.code.gutter-bg","fgHex":"#ad7175","bgHex":"#0c0909","ratio":5.1,"pass":true,"waiver":null},{"label":"active line number","state":null,"kind":"text","min":4.5,"fg":"color.code.line-number-active","bg":"color.code.current-line","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"keyword","state":null,"kind":"text","min":4.5,"fg":"color.code.syntax.keyword","bg":"color.code.bg","fgHex":"#f73f35","bgHex":"#0c0909","ratio":5.4,"pass":true,"waiver":null},{"label":"string","state":null,"kind":"text","min":4.5,"fg":"color.code.syntax.string","bg":"color.code.bg","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"comment","state":null,"kind":"text","min":4.5,"fg":"color.code.syntax.comment","bg":"color.code.bg","fgHex":"#ad7175","bgHex":"#0c0909","ratio":5.1,"pass":true,"waiver":null},{"label":"number and constant","state":null,"kind":"text","min":4.5,"fg":"color.code.syntax.number","bg":"color.code.bg","fgHex":"#d4868b","bgHex":"#0c0909","ratio":7.16,"pass":true,"waiver":null},{"label":"function","state":null,"kind":"text","min":4.5,"fg":"color.code.syntax.function","bg":"color.code.bg","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"type","state":null,"kind":"text","min":4.5,"fg":"color.code.syntax.type","bg":"color.code.bg","fgHex":"#b37175","bgHex":"#0c0909","ratio":5.23,"pass":true,"waiver":null},{"label":"property, heading and invalid text","state":null,"kind":"text","min":4.5,"fg":"color.code.syntax.property","bg":"color.code.bg","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"tag","state":null,"kind":"text","min":4.5,"fg":"color.code.syntax.tag","bg":"color.code.bg","fgHex":"#f73f35","bgHex":"#0c0909","ratio":5.4,"pass":true,"waiver":null},{"label":"attribute and escape","state":null,"kind":"text","min":4.5,"fg":"color.code.syntax.attribute","bg":"color.code.bg","fgHex":"#d4868b","bgHex":"#0c0909","ratio":7.16,"pass":true,"waiver":null},{"label":"deprecated text","state":null,"kind":"text","min":4.5,"fg":"color.code.syntax.deprecated","bg":"color.code.bg","fgHex":"#ad7175","bgHex":"#0c0909","ratio":5.1,"pass":true,"waiver":null},{"label":"muted string text inside the selection","state":"selected","kind":"text","min":4.5,"fg":"color.code.syntax.string","bg":"color.code.selection-bg","fgHex":"#bd787d","bgHex":"#420f0c","ratio":4.71,"pass":true,"waiver":null},{"label":"fold marker text","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.code.bg","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"indent guide (decorative)","state":null,"kind":"ui","min":1,"fg":"color.code.indent-guide","bg":"color.code.bg","fgHex":"#531310","bgHex":"#0c0909","ratio":1.39,"pass":true,"waiver":"indent guides duplicate the whitespace that is already in the text; they carry no information of their own"},{"label":"rendered whitespace (decorative)","state":null,"kind":"ui","min":1,"fg":"color.code.whitespace","bg":"color.code.bg","fgHex":"#7d1310","bgHex":"#0c0909","ratio":1.86,"pass":true,"waiver":"rendered whitespace duplicates characters that are already in the text; foundations names it decorative"},{"label":"gutter rule (decorative)","state":null,"kind":"ui","min":1,"fg":"color.code.gutter-rule","bg":"color.code.bg","fgHex":"#2b0e0d","bgHex":"#0c0909","ratio":1.11,"pass":true,"waiver":"the gutter is identified by its number column; the rule is a divider, not a boundary"}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"code-editor","family":"developer","maturity":"stable","priority":"R1","title":"Code editor","summary":"The editor surface, gutter, caret, current line, selection, bracket match and monochrome syntax roles that every code-editing or code-viewing host maps onto.","native":false,"aria":{"pattern":"presentation of <pre> inside role=textbox with aria-multiline and aria-readonly; a real editor is a host surface","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/","role":"textbox"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.code.bg","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"root.ring":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"gutter.bg":{"alias":"color.code.gutter-bg","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"gutter.rule":{"alias":"color.code.gutter-rule","value":"#2b0e0d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"gutter.bg-read-only":{"alias":"color.surface.sunken","value":"#0a0707","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"line-number.text":{"alias":"color.code.line-number","value":"#ad7175","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"line-number.text-active":{"alias":"color.code.line-number-active","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"line.bg-current":{"alias":"color.code.current-line","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"caret.bg":{"alias":"color.code.caret","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"selection.bg":{"alias":"color.code.selection-bg","value":"#420f0c","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"selection.bg-inactive":{"alias":"color.interaction.selection.inactive-bg","value":"#420f0c","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"selection.text-inactive":{"alias":"color.interaction.selection.inactive-text","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bracket.outline":{"alias":"color.code.bracket-match","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"indent.guide":{"alias":"color.code.indent-guide","value":"#531310","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"whitespace.text":{"alias":"color.code.whitespace","value":"#7d1310","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"fold.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"fold.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"syntax.keyword":{"alias":"color.code.syntax.keyword","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"syntax.string":{"alias":"color.code.syntax.string","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"syntax.comment":{"alias":"color.code.syntax.comment","value":"#ad7175","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"syntax.number":{"alias":"color.code.syntax.number","value":"#d4868b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"syntax.constant":{"alias":"color.code.syntax.constant","value":"#d4868b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"syntax.function":{"alias":"color.code.syntax.function","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"syntax.variable":{"alias":"color.code.syntax.variable","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"syntax.type":{"alias":"color.code.syntax.type","value":"#b37175","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"syntax.operator":{"alias":"color.code.syntax.operator","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"syntax.punctuation":{"alias":"color.code.syntax.punctuation","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"syntax.property":{"alias":"color.code.syntax.property","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"syntax.heading":{"alias":"color.code.syntax.heading","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"syntax.tag":{"alias":"color.code.syntax.tag","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"syntax.attribute":{"alias":"color.code.syntax.attribute","value":"#d4868b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"syntax.escape":{"alias":"color.code.syntax.escape","value":"#d4868b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"syntax.invalid":{"alias":"color.code.syntax.invalid","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"syntax.deprecated":{"alias":"color.code.syntax.deprecated","value":"#ad7175","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"code on {color.code.bg}; comments italic; invalid text wavy-underlined in {color.code.syntax.invalid}; deprecated text struck through","channel":"italic, wavy underline, line-through","tokens":{"fg":{"alias":"color.code.syntax.variable","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.code.bg","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"focus-visible","visual":"container ring 2px {color.interaction.focus.ring-container} at −3px; a 1px {color.code.caret} bar; the caret line filled {color.code.current-line} across gutter and text; its number in {color.code.line-number-active}","channel":"the ring; the caret bar","tokens":{"fg":{"alias":"color.code.syntax.variable","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.code.current-line","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"selected","visual":"the range filled {color.code.selection-bg}; syntax colours kept","channel":"the range is announced through the host's selection; the fill spans line ends","tokens":{"fg":{"alias":"color.code.syntax.variable","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.code.selection-bg","value":"#420f0c","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"selected+container-inactive","visual":"the same range in {color.interaction.selection.inactive-bg} with {color.interaction.selection.inactive-text}; no caret, no ring","channel":"lightness drop between the two fills","tokens":{"fg":{"alias":"color.interaction.selection.inactive-text","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.selection.inactive-bg","value":"#420f0c","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"current","visual":"both characters of the matched pair outlined 1px solid {color.code.bracket-match}","channel":"the outline is a box, not a colour change","tokens":{"fg":{"alias":"color.code.syntax.variable","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.code.bg","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.code.bracket-match","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"read-only","visual":"gutter drops to {color.surface.sunken} behind the same line numbers; the gutter rule becomes dotted; no caret is drawn","channel":"`aria-readonly`; dotted rule; missing caret","tokens":{"fg":{"alias":"color.code.line-number","value":"#ad7175","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.sunken","value":"#0a0707","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}}}}],"keyboard":[{"key":"(host)","action":"The host editor owns every key; the theme changes no binding, no caret behaviour and no selection model."},{"key":"Tab","action":"Reaches the editor as one stop in the reference; whether Tab inserts or moves focus is the host's rule and is announced by the host."},{"key":"Escape","action":"In hosts that trap Tab, Escape must release focus to the next stop; the theme does not provide it."}],"responsive":"The box fills its container with min-width 0 and scrolls horizontally inside itself; lines never wrap in the reference; at 320px the gutter stays and the text pane scrolls. Type is the code scale in both densities; density does not change editor metrics. RTL keeps code left-to-right (bidi isolation) while the gutter mirrors to the inline-start edge.","portability":{"web":"role=textbox aria-multiline=true aria-readonly=true over <pre>, tabindex=0, one focus stop; a live editor (CodeMirror, Monaco, contenteditable) is a host surface that maps these roles onto its own theme API and keeps its own caret, selection and keyboard handling.","nativeFallbacks":["GTK: GtkSourceView style scheme; current-line, selection, bracket-match and the syntax roles map one to one; the container ring becomes the frame's focus outline.","Qt: KSyntaxHighlighting theme JSON; editor colours and text styles carry the same roles; caret width follows the toolkit.","JetBrains: an editor scheme (.icls); CARET_ROW, SELECTION_BACKGROUND, MATCHED_BRACE_ATTRIBUTES and the language attribute keys; the UI theme is a separate capability.","Terminal editors (vim, helix): 16-slot hosts use the heritage-ansi mapping and document that the caret follows the terminal cursor."]},"fixtures":["FX-STATE-MATRIX","FX-320","FX-ZOOM-200","FX-RM","FX-HC","FX-LONG","FX-RTL"],"related":["diagnostics","diff-view","terminal"],"specimens":["i3-window-frame"],"nonExamples":"Rainbow syntax in the `default` profile (the three extension hues are\nproposed only in `extended`). A blinking or animated caret in the reference.\nA selection that recolours the text to white and loses the syntax roles. A\ncurrent-line highlight brighter than the selection. A bracket match drawn as\na background fill, which reads as a selection. Line numbers in the decorative\n`#7d1310`. A glow, gradient or rounded corner on the editor box. Removing the\nhost's focus indicator without drawing the container ring.","contrast":[{"label":"code-editor default text","state":"default","kind":"text","min":4.5,"fg":"color.code.syntax.variable","bg":"color.code.bg","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"code-editor default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.code.bg","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"code-editor focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.code.syntax.variable","bg":"color.code.current-line","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"code-editor focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.code.current-line","fgHex":"#ffa2a7","bgHex":"#1c0a09","ratio":10.01,"pass":true,"waiver":null},{"label":"code-editor selected text","state":"selected","kind":"text","min":4.5,"fg":"color.code.syntax.variable","bg":"color.code.selection-bg","fgHex":"#e99499","bgHex":"#420f0c","ratio":7.02,"pass":true,"waiver":null},{"label":"code-editor selected+container-inactive text","state":"selected+container-inactive","kind":"text","min":4.5,"fg":"color.interaction.selection.inactive-text","bg":"color.interaction.selection.inactive-bg","fgHex":"#e99499","bgHex":"#420f0c","ratio":7.02,"pass":true,"waiver":null},{"label":"code-editor current text","state":"current","kind":"text","min":4.5,"fg":"color.code.syntax.variable","bg":"color.code.bg","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"code-editor current border","state":"current","kind":"ui","min":3,"fg":"color.code.bracket-match","bg":"color.code.bg","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"code-editor read-only text","state":"read-only","kind":"text","min":4.5,"fg":"color.code.line-number","bg":"color.surface.sunken","fgHex":"#ad7175","bgHex":"#0a0707","ratio":5.16,"pass":true,"waiver":null},{"label":"caret on the current line","state":"focus-visible","kind":"ui","min":3,"fg":"color.code.caret","bg":"color.code.current-line","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"bracket-match outline on the editor surface","state":"current","kind":"ui","min":3,"fg":"color.code.bracket-match","bg":"color.code.bg","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"bracket-match outline on the current line","state":"current","kind":"ui","min":3,"fg":"color.code.bracket-match","bg":"color.code.current-line","fgHex":"#e53935","bgHex":"#1c0a09","ratio":4.53,"pass":true,"waiver":null},{"label":"line numbers in the gutter","state":null,"kind":"text","min":4.5,"fg":"color.code.line-number","bg":"color.code.gutter-bg","fgHex":"#ad7175","bgHex":"#0c0909","ratio":5.1,"pass":true,"waiver":null},{"label":"active line number","state":null,"kind":"text","min":4.5,"fg":"color.code.line-number-active","bg":"color.code.current-line","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"keyword","state":null,"kind":"text","min":4.5,"fg":"color.code.syntax.keyword","bg":"color.code.bg","fgHex":"#f73f35","bgHex":"#0c0909","ratio":5.4,"pass":true,"waiver":null},{"label":"string","state":null,"kind":"text","min":4.5,"fg":"color.code.syntax.string","bg":"color.code.bg","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"comment","state":null,"kind":"text","min":4.5,"fg":"color.code.syntax.comment","bg":"color.code.bg","fgHex":"#ad7175","bgHex":"#0c0909","ratio":5.1,"pass":true,"waiver":null},{"label":"number and constant","state":null,"kind":"text","min":4.5,"fg":"color.code.syntax.number","bg":"color.code.bg","fgHex":"#d4868b","bgHex":"#0c0909","ratio":7.16,"pass":true,"waiver":null},{"label":"function","state":null,"kind":"text","min":4.5,"fg":"color.code.syntax.function","bg":"color.code.bg","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"type","state":null,"kind":"text","min":4.5,"fg":"color.code.syntax.type","bg":"color.code.bg","fgHex":"#b37175","bgHex":"#0c0909","ratio":5.23,"pass":true,"waiver":null},{"label":"property, heading and invalid text","state":null,"kind":"text","min":4.5,"fg":"color.code.syntax.property","bg":"color.code.bg","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"tag","state":null,"kind":"text","min":4.5,"fg":"color.code.syntax.tag","bg":"color.code.bg","fgHex":"#f73f35","bgHex":"#0c0909","ratio":5.4,"pass":true,"waiver":null},{"label":"attribute and escape","state":null,"kind":"text","min":4.5,"fg":"color.code.syntax.attribute","bg":"color.code.bg","fgHex":"#d4868b","bgHex":"#0c0909","ratio":7.16,"pass":true,"waiver":null},{"label":"deprecated text","state":null,"kind":"text","min":4.5,"fg":"color.code.syntax.deprecated","bg":"color.code.bg","fgHex":"#ad7175","bgHex":"#0c0909","ratio":5.1,"pass":true,"waiver":null},{"label":"muted string text inside the selection","state":"selected","kind":"text","min":4.5,"fg":"color.code.syntax.string","bg":"color.code.selection-bg","fgHex":"#bd787d","bgHex":"#420f0c","ratio":4.71,"pass":true,"waiver":null},{"label":"fold marker text","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.code.bg","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"indent guide (decorative)","state":null,"kind":"ui","min":1,"fg":"color.code.indent-guide","bg":"color.code.bg","fgHex":"#531310","bgHex":"#0c0909","ratio":1.39,"pass":true,"waiver":"indent guides duplicate the whitespace that is already in the text; they carry no information of their own"},{"label":"rendered whitespace (decorative)","state":null,"kind":"ui","min":1,"fg":"color.code.whitespace","bg":"color.code.bg","fgHex":"#7d1310","bgHex":"#0c0909","ratio":1.86,"pass":true,"waiver":"rendered whitespace duplicates characters that are already in the text; foundations names it decorative"},{"label":"gutter rule (decorative)","state":null,"kind":"ui","min":1,"fg":"color.code.gutter-rule","bg":"color.code.bg","fgHex":"#2b0e0d","bgHex":"#0c0909","ratio":1.11,"pass":true,"waiver":"the gutter is identified by its number column; the rule is a divider, not a boundary"}]} |
| component-contract | combobox | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"combobox","family":"forms-advanced","maturity":"stable","priority":"R1","title":"Combobox","summary":"A text input that filters a listbox of suggestions; the APG combobox with list autocomplete, rendered with the list open.","native":false,"aria":{"pattern":"APG combobox with list autocomplete: input role combobox owning a listbox of options","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/combobox/","role":"combobox"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"root.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"root.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"root.border-focus":{"alias":"color.border.active","value":"#e53935","status":"observed"},"root.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"},"root.ring-invalid":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"},"root.border-invalid":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"},"root.border-disabled":{"alias":"color.border.disabled","value":"#7d1310","status":"observed"},"root.bg-disabled":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed"},"input.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"input.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved"},"input.placeholder":{"alias":"color.text.placeholder","value":"#bd787d","status":"observed"},"input.caret":{"alias":"color.code.caret","value":"#e99499","status":"observed"},"toggle.text":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed"},"toggle.bg-hover":{"alias":"color.action.tertiary.hover-bg","value":"#1c0a09","status":"observed"},"label.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"listbox.bg":{"alias":"color.surface.raised","value":"#241010","status":"observed"},"listbox.border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed"},"option.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"option.bg-hover":{"alias":"color.interaction.hover.bg-strong","value":"#630f0d","status":"observed"},"option.text-hover":{"alias":"color.text.link-hover","value":"#f4eeee","status":"observed"},"option.bg-selected":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"},"option.text-selected":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed"},"option.ring-selected":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"},"group.text":{"alias":"color.text.subtle","value":"#ad7175","status":"approved"},"group.border":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed"},"empty.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"help.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"message.text":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"}},"stateRules":[{"state":"default","visual":"1px {color.border.control} on {color.surface.input}; list on {color.surface.raised} with a 1px {color.border.overlay}","channel":"—","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"hover","visual":"box background → {color.interaction.hover.bg}; the hovered option → {color.interaction.hover.bg-strong} with {color.text.link-hover}","channel":"cursor: text on the box, default on the list","tokens":{"fg":{"alias":"color.text.link-hover","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.interaction.hover.bg-strong","value":"#630f0d","status":"observed"}}},{"state":"focus-visible","visual":"box border → {color.border.active}; ring 1px dashed {color.interaction.focus.ring} at −2px","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.active","value":"#e53935","status":"observed"},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}}},{"state":"open","visual":"list visible below the box; toggle glyph rotated 180°","channel":"`aria-expanded=\"true\"`; the toggle glyph","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.raised","value":"#241010","status":"observed"},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed"}}},{"state":"closed","visual":"list absent; the box unchanged","channel":"`aria-expanded=\"false\"`; nothing below the box","tokens":{}},{"state":"selected","visual":"the active option filled {color.interaction.selection.bg} with {color.interaction.selection.text} and a 1px dashed ring in {color.interaction.focus.ring-container}","channel":"`aria-selected=\"true\"`; `aria-activedescendant`; the ring","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"}}},{"state":"invalid","visual":"box border 2px {color.status.danger.border}; message with the ✕ glyph","channel":"border width 1 → 2px; glyph; `aria-invalid`","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"}}},{"state":"invalid+focus-visible","visual":"the 2px danger border and the ring in {color.interaction.focus.ring-container} at −4px","channel":"double boundary","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"}}},{"state":"disabled","visual":"text {color.text.disabled}; border {color.border.disabled}; background {color.interaction.disabled.bg}; list never opens","channel":"`disabled`; cursor: not-allowed","tokens":{}},{"state":"no-results","visual":"the list holds only the empty row in {color.text.muted}, italic","channel":"`aria-disabled` row; italic; a polite announcement of zero matches","tokens":{"fg":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"bg":{"alias":"color.surface.raised","value":"#241010","status":"observed"},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed"}}}],"keyboard":[{"key":"Down / Up","action":"Opens the list if closed; moves the active option, wrapping at either end; the input keeps DOM focus."},{"key":"Enter","action":"Accepts the active option into the input and closes the list."},{"key":"Escape","action":"Closes the list; a second Escape clears the input."},{"key":"Alt+Down / Alt+Up","action":"Opens or closes the list without moving the active option."},{"key":"Home / End","action":"Moves the caret inside the input, never the active option."},{"key":"Tab","action":"Leaves the control; an open list closes and the typed text stays."}],"responsive":"The box fills its field container with min-width 0; the list is as wide as the box and scrolls after eight rows; at 320px nothing overflows horizontally. RTL mirrors the toggle and the group indentation.","portability":{"web":"<input role=combobox aria-autocomplete=list aria-expanded aria-controls> owning a <ul role=listbox>; the active option through aria-activedescendant, never by moving DOM focus; the list is a sibling in flow or a popover, never an iframe.","nativeFallbacks":["GTK4 Entry with an EntryCompletion; the selection fill through the .selected style class.","Qt QComboBox editable with a QCompleter; popup frame through QAbstractItemView stylesheet.","Terminal UI: a line editor with a list of suggestions drawn below it; the active row inverted."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-OVERFLOW","FX-STATE-MATRIX"],"related":["text-field","select","multiselect","search-field","menu","command-palette"],"specimens":["admin-form","filterable-table"],"nonExamples":"A select restyled as a combobox. Moving DOM focus into the list on Down. A\nlist that floats over the page with a shadow or a rounded frame. Highlighting\nthe active option with a colour change of the text alone. A no-results state\nthat silently shows the full list. Opening on hover. A list that slides or\nfades in for longer than 150 ms.","contrast":[{"label":"combobox default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"combobox default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"combobox hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.link-hover","bg":"color.interaction.hover.bg-strong","fgHex":"#f4eeee","bgHex":"#630f0d","ratio":11.41,"pass":true,"waiver":null},{"label":"combobox focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"combobox focus-visible border","state":"focus-visible","kind":"ui","min":3,"fg":"color.border.active","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"combobox focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"combobox open text","state":"open","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.raised","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"combobox open border","state":"open","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.raised","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"combobox selected text","state":"selected","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"combobox selected outline","state":"selected","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.interaction.selection.bg","fgHex":"#ffa2a7","bgHex":"#911410","ratio":4.75,"pass":true,"waiver":null},{"label":"combobox invalid text","state":"invalid","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"combobox invalid border","state":"invalid","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"combobox invalid+focus-visible text","state":"invalid+focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"combobox invalid+focus-visible border","state":"invalid+focus-visible","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"combobox invalid+focus-visible outline","state":"invalid+focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.surface.input","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"combobox no-results text","state":"no-results","kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.raised","fgHex":"#bd787d","bgHex":"#241010","ratio":5.31,"pass":true,"waiver":null},{"label":"combobox no-results border","state":"no-results","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.raised","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"group heading on the listbox","state":null,"kind":"text","min":4.5,"fg":"color.text.subtle","bg":"color.surface.raised","fgHex":"#ad7175","bgHex":"#241010","ratio":4.66,"pass":true,"waiver":null},{"label":"validation message on the canvas","state":null,"kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.canvas","fgHex":"#f73f35","bgHex":"#0c0909","ratio":5.4,"pass":true,"waiver":null},{"label":"help text on the canvas","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.canvas","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"disabled text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled border (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"},{"label":"group separator (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.raised","fgHex":"#2b0e0d","bgHex":"#241010","ratio":1.01,"pass":true,"waiver":"groups are announced through role=group and their heading; the rule is decorative"}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"combobox","family":"forms-advanced","maturity":"stable","priority":"R1","title":"Combobox","summary":"A text input that filters a listbox of suggestions; the APG combobox with list autocomplete, rendered with the list open.","native":false,"aria":{"pattern":"APG combobox with list autocomplete: input role combobox owning a listbox of options","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/combobox/","role":"combobox"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"root.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border-focus":{"alias":"color.border.active","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.ring-invalid":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border-invalid":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border-disabled":{"alias":"color.border.disabled","value":"#7d1310","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.bg-disabled":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"input.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"input.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"input.placeholder":{"alias":"color.text.placeholder","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"input.caret":{"alias":"color.code.caret","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"toggle.text":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"toggle.bg-hover":{"alias":"color.action.tertiary.hover-bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"label.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"listbox.bg":{"alias":"color.surface.raised","value":"#241010","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"listbox.border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"option.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"option.bg-hover":{"alias":"color.interaction.hover.bg-strong","value":"#630f0d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"option.text-hover":{"alias":"color.text.link-hover","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"option.bg-selected":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"option.text-selected":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"option.ring-selected":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"group.text":{"alias":"color.text.subtle","value":"#ad7175","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"group.border":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"empty.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"help.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"message.text":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"1px {color.border.control} on {color.surface.input}; list on {color.surface.raised} with a 1px {color.border.overlay}","channel":"—","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"hover","visual":"box background → {color.interaction.hover.bg}; the hovered option → {color.interaction.hover.bg-strong} with {color.text.link-hover}","channel":"cursor: text on the box, default on the list","tokens":{"fg":{"alias":"color.text.link-hover","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.hover.bg-strong","value":"#630f0d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"focus-visible","visual":"box border → {color.border.active}; ring 1px dashed {color.interaction.focus.ring} at −2px","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.active","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"open","visual":"list visible below the box; toggle glyph rotated 180°","channel":"`aria-expanded=\"true\"`; the toggle glyph","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.raised","value":"#241010","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}}}},{"state":"closed","visual":"list absent; the box unchanged","channel":"`aria-expanded=\"false\"`; nothing below the box","tokens":{}},{"state":"selected","visual":"the active option filled {color.interaction.selection.bg} with {color.interaction.selection.text} and a 1px dashed ring in {color.interaction.focus.ring-container}","channel":"`aria-selected=\"true\"`; `aria-activedescendant`; the ring","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"invalid","visual":"box border 2px {color.status.danger.border}; message with the ✕ glyph","channel":"border width 1 → 2px; glyph; `aria-invalid`","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"invalid+focus-visible","visual":"the 2px danger border and the ring in {color.interaction.focus.ring-container} at −4px","channel":"double boundary","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"disabled","visual":"text {color.text.disabled}; border {color.border.disabled}; background {color.interaction.disabled.bg}; list never opens","channel":"`disabled`; cursor: not-allowed","tokens":{}},{"state":"no-results","visual":"the list holds only the empty row in {color.text.muted}, italic","channel":"`aria-disabled` row; italic; a polite announcement of zero matches","tokens":{"fg":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.raised","value":"#241010","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}}}}],"keyboard":[{"key":"Down / Up","action":"Opens the list if closed; moves the active option, wrapping at either end; the input keeps DOM focus."},{"key":"Enter","action":"Accepts the active option into the input and closes the list."},{"key":"Escape","action":"Closes the list; a second Escape clears the input."},{"key":"Alt+Down / Alt+Up","action":"Opens or closes the list without moving the active option."},{"key":"Home / End","action":"Moves the caret inside the input, never the active option."},{"key":"Tab","action":"Leaves the control; an open list closes and the typed text stays."}],"responsive":"The box fills its field container with min-width 0; the list is as wide as the box and scrolls after eight rows; at 320px nothing overflows horizontally. RTL mirrors the toggle and the group indentation.","portability":{"web":"<input role=combobox aria-autocomplete=list aria-expanded aria-controls> owning a <ul role=listbox>; the active option through aria-activedescendant, never by moving DOM focus; the list is a sibling in flow or a popover, never an iframe.","nativeFallbacks":["GTK4 Entry with an EntryCompletion; the selection fill through the .selected style class.","Qt QComboBox editable with a QCompleter; popup frame through QAbstractItemView stylesheet.","Terminal UI: a line editor with a list of suggestions drawn below it; the active row inverted."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-OVERFLOW","FX-STATE-MATRIX"],"related":["text-field","select","multiselect","search-field","menu","command-palette"],"specimens":["admin-form","filterable-table"],"nonExamples":"A select restyled as a combobox. Moving DOM focus into the list on Down. A\nlist that floats over the page with a shadow or a rounded frame. Highlighting\nthe active option with a colour change of the text alone. A no-results state\nthat silently shows the full list. Opening on hover. A list that slides or\nfades in for longer than 150 ms.","contrast":[{"label":"combobox default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"combobox default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"combobox hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.link-hover","bg":"color.interaction.hover.bg-strong","fgHex":"#f4eeee","bgHex":"#630f0d","ratio":11.41,"pass":true,"waiver":null},{"label":"combobox focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"combobox focus-visible border","state":"focus-visible","kind":"ui","min":3,"fg":"color.border.active","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"combobox focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"combobox open text","state":"open","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.raised","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"combobox open border","state":"open","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.raised","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"combobox selected text","state":"selected","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"combobox selected outline","state":"selected","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.interaction.selection.bg","fgHex":"#ffa2a7","bgHex":"#911410","ratio":4.75,"pass":true,"waiver":null},{"label":"combobox invalid text","state":"invalid","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"combobox invalid border","state":"invalid","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"combobox invalid+focus-visible text","state":"invalid+focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"combobox invalid+focus-visible border","state":"invalid+focus-visible","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"combobox invalid+focus-visible outline","state":"invalid+focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.surface.input","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"combobox no-results text","state":"no-results","kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.raised","fgHex":"#bd787d","bgHex":"#241010","ratio":5.31,"pass":true,"waiver":null},{"label":"combobox no-results border","state":"no-results","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.raised","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"group heading on the listbox","state":null,"kind":"text","min":4.5,"fg":"color.text.subtle","bg":"color.surface.raised","fgHex":"#ad7175","bgHex":"#241010","ratio":4.66,"pass":true,"waiver":null},{"label":"validation message on the canvas","state":null,"kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.canvas","fgHex":"#f73f35","bgHex":"#0c0909","ratio":5.4,"pass":true,"waiver":null},{"label":"help text on the canvas","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.canvas","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"disabled text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled border (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"},{"label":"group separator (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.raised","fgHex":"#2b0e0d","bgHex":"#241010","ratio":1.01,"pass":true,"waiver":"groups are announced through role=group and their heading; the rule is decorative"}]} |
| component-contract | data-table | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"data-table","family":"display","maturity":"stable","priority":"R1","title":"Data table","summary":"A native table with controls: a selection column with a mixed select-all, sortable headers, row focus with the ring on the fill, and static resize handles.","native":true,"aria":{"pattern":"native table with aria-selected rows, a select-all checkbox in the mixed state, aria-sort headers and aria-busy while loading","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/grid/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"header.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"header.rule":{"alias":"color.border.strong","value":"#9e231f","status":"observed"},"sort.glyph":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"row.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"row.divider":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed"},"row.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"row.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"},"selected.bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"},"selected.text":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed"},"selected.ring":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"},"checkbox.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"checkbox.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"checkbox.checked-bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed"},"checkbox.glyph":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed"},"resize.handle":{"alias":"color.border.default","value":"#531310","status":"observed"},"resize.handle-hover":{"alias":"color.border.active","value":"#e53935","status":"observed"},"empty.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"loading.glyph":{"alias":"color.text.muted","value":"#bd787d","status":"observed"}},"stateRules":[{"state":"default","visual":"rows on {color.surface.default}; header rule 1px {color.border.strong}","channel":"—","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"}}},{"state":"hover","visual":"row background → {color.interaction.hover.bg}; a resize handle → {color.border.active}","channel":"cursor: default on rows, col-resize on handles","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px around the focused row or control","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}}},{"state":"selected","visual":"row fill {color.interaction.selection.bg}; every cell {color.interaction.selection.text}; the row checkbox checked","channel":"`aria-selected=\"true\"`; the checked box","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"}}},{"state":"selected+focus-visible","visual":"the fill and the ring in {color.interaction.focus.ring-container}","channel":"both visible at once","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"}}},{"state":"sorted","visual":"▲ or ▼ in {color.text.bright} on the sorted header","channel":"`aria-sort`; the glyph","tokens":{"fg":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"}}},{"state":"mixed","visual":"the select-all on {color.action.primary.bg} with the – glyph","channel":"`aria-checked=\"mixed\"`; the glyph","tokens":{"fg":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed"}}},{"state":"empty","visual":"one full-width cell in {color.text.muted}: \"No rows match.\"; the header and controls stay","channel":"the message text","tokens":{"fg":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"}}},{"state":"loading","visual":"one full-width cell with the static `⋯` glyph; the header stays","channel":"`aria-busy=\"true\"`; the glyph; no animation","tokens":{"fg":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves through the select-all, the sort buttons, then the rows (one row is the tab stop; roving tabindex) and any control inside the focused row."},{"key":"Down / Up","action":"Moves row focus; in a single-select table the selection follows focus."},{"key":"Space","action":"Toggles the focused row's selection (the same as its checkbox)."},{"key":"Shift+Down / Shift+Up","action":"Extends the selection by one row."},{"key":"Ctrl+A","action":"Selects every row; the select-all reflects it."},{"key":"Enter / Space","action":"On a sort button, cycles the sort; on the select-all, toggles between all and none."},{"key":"Left / Right","action":"Reserved for cell navigation in hosts that promote the table to a grid; not used here."}],"responsive":"Below 600px the table scrolls horizontally inside its container with the selection column and the first data column sticky; the page never scrolls. Resize handles are hidden on touch pointers, where column widths come from the header menu. RTL mirrors the selection column and the handles to the inline start and end respectively.","portability":{"web":"A native table; rows carry aria-selected and a roving tabindex; the selection column holds native checkboxes labelled by the row and a button with role checkbox and aria-checked mixed in the header; headers with aria-sort wrap a button; aria-busy on the table while loading; the APG grid pattern is cited for the keyboard model only, the markup stays a table.","nativeFallbacks":["GTK4 ColumnView with a selection model; the select-all through a header CheckButton.","Qt QTableView with a selection model; a header checkbox drawn by a header delegate.","Terminal UI: a check column of [x] and [ ] cells; the focused row in the ring colour; the selected rows inverted."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-DENSITY","FX-OVERFLOW","FX-TOUCH","FX-STATE-MATRIX"],"related":["table","checkbox","pagination","toolbar","filterable-table"],"specimens":["filterable-table","admin-form"],"nonExamples":"A grid role on a table that is not navigated cell by cell. Zebra stripes.\nA select-all that is a native checkbox with a script-only indeterminate\nstate and no `aria-checked`. Rows selected by clicking anywhere with no\ncheckbox alternative. A selected row shown by a border alone. A resize\nhandle that is a tab stop. An animated loading skeleton. Rounded checkboxes.\nText truncated with no full-value affordance.","contrast":[{"label":"data-table default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"data-table hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"data-table focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"data-table focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"data-table selected text","state":"selected","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"data-table selected+focus-visible text","state":"selected+focus-visible","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"data-table selected+focus-visible outline","state":"selected+focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.interaction.selection.bg","fgHex":"#ffa2a7","bgHex":"#911410","ratio":4.75,"pass":true,"waiver":null},{"label":"data-table sorted text","state":"sorted","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"data-table mixed text","state":"mixed","kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.bg","fgHex":"#f4eeee","bgHex":"#871f19","ratio":8.17,"pass":true,"waiver":null},{"label":"data-table empty text","state":"empty","kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"data-table loading text","state":"loading","kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"header text","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"checkbox boundary","state":null,"kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"checked fill against the row (the glyph and the boundary carry the state)","state":"mixed","kind":"ui","min":1,"fg":"color.action.primary.bg","bg":"color.surface.default","fgHex":"#871f19","bgHex":"#160b0b","ratio":2.06,"pass":true,"waiver":"the mixed and checked states are the – and ✓ glyphs on the fill plus aria-checked; the fill's own edge is not the boundary"},{"label":"header rule (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.strong","bg":"color.surface.default","fgHex":"#9e231f","bgHex":"#160b0b","ratio":2.5,"pass":true,"waiver":"the rule separates header from body; the header cells and their bright text are the structure"},{"label":"row divider (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.default","fgHex":"#2b0e0d","bgHex":"#160b0b","ratio":1.08,"pass":true,"waiver":"rows are separated by their height; the divider is a reading aid"},{"label":"resize handle at rest (decorative; keyboard resizing is a header action)","state":null,"kind":"ui","min":1,"fg":"color.border.default","bg":"color.surface.default","fgHex":"#531310","bgHex":"#160b0b","ratio":1.35,"pass":true,"waiver":"the handle is a pointer affordance; it turns border.active on hover and the column width is also settable from the header's menu"}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"data-table","family":"display","maturity":"stable","priority":"R1","title":"Data table","summary":"A native table with controls: a selection column with a mixed select-all, sortable headers, row focus with the ring on the fill, and static resize handles.","native":true,"aria":{"pattern":"native table with aria-selected rows, a select-all checkbox in the mixed state, aria-sort headers and aria-busy while loading","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/grid/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"header.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"header.rule":{"alias":"color.border.strong","value":"#9e231f","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"sort.glyph":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"row.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"row.divider":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"row.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"row.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"selected.bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"selected.text":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"selected.ring":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"checkbox.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"checkbox.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"checkbox.checked-bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"checkbox.glyph":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"resize.handle":{"alias":"color.border.default","value":"#531310","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"resize.handle-hover":{"alias":"color.border.active","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"empty.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"loading.glyph":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"rows on {color.surface.default}; header rule 1px {color.border.strong}","channel":"—","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"hover","visual":"row background → {color.interaction.hover.bg}; a resize handle → {color.border.active}","channel":"cursor: default on rows, col-resize on handles","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px around the focused row or control","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"selected","visual":"row fill {color.interaction.selection.bg}; every cell {color.interaction.selection.text}; the row checkbox checked","channel":"`aria-selected=\"true\"`; the checked box","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"selected+focus-visible","visual":"the fill and the ring in {color.interaction.focus.ring-container}","channel":"both visible at once","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"sorted","visual":"▲ or ▼ in {color.text.bright} on the sorted header","channel":"`aria-sort`; the glyph","tokens":{"fg":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"mixed","visual":"the select-all on {color.action.primary.bg} with the – glyph","channel":"`aria-checked=\"mixed\"`; the glyph","tokens":{"fg":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"empty","visual":"one full-width cell in {color.text.muted}: \"No rows match.\"; the header and controls stay","channel":"the message text","tokens":{"fg":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"loading","visual":"one full-width cell with the static `⋯` glyph; the header stays","channel":"`aria-busy=\"true\"`; the glyph; no animation","tokens":{"fg":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves through the select-all, the sort buttons, then the rows (one row is the tab stop; roving tabindex) and any control inside the focused row."},{"key":"Down / Up","action":"Moves row focus; in a single-select table the selection follows focus."},{"key":"Space","action":"Toggles the focused row's selection (the same as its checkbox)."},{"key":"Shift+Down / Shift+Up","action":"Extends the selection by one row."},{"key":"Ctrl+A","action":"Selects every row; the select-all reflects it."},{"key":"Enter / Space","action":"On a sort button, cycles the sort; on the select-all, toggles between all and none."},{"key":"Left / Right","action":"Reserved for cell navigation in hosts that promote the table to a grid; not used here."}],"responsive":"Below 600px the table scrolls horizontally inside its container with the selection column and the first data column sticky; the page never scrolls. Resize handles are hidden on touch pointers, where column widths come from the header menu. RTL mirrors the selection column and the handles to the inline start and end respectively.","portability":{"web":"A native table; rows carry aria-selected and a roving tabindex; the selection column holds native checkboxes labelled by the row and a button with role checkbox and aria-checked mixed in the header; headers with aria-sort wrap a button; aria-busy on the table while loading; the APG grid pattern is cited for the keyboard model only, the markup stays a table.","nativeFallbacks":["GTK4 ColumnView with a selection model; the select-all through a header CheckButton.","Qt QTableView with a selection model; a header checkbox drawn by a header delegate.","Terminal UI: a check column of [x] and [ ] cells; the focused row in the ring colour; the selected rows inverted."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-DENSITY","FX-OVERFLOW","FX-TOUCH","FX-STATE-MATRIX"],"related":["table","checkbox","pagination","toolbar","filterable-table"],"specimens":["filterable-table","admin-form"],"nonExamples":"A grid role on a table that is not navigated cell by cell. Zebra stripes.\nA select-all that is a native checkbox with a script-only indeterminate\nstate and no `aria-checked`. Rows selected by clicking anywhere with no\ncheckbox alternative. A selected row shown by a border alone. A resize\nhandle that is a tab stop. An animated loading skeleton. Rounded checkboxes.\nText truncated with no full-value affordance.","contrast":[{"label":"data-table default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"data-table hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"data-table focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"data-table focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"data-table selected text","state":"selected","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"data-table selected+focus-visible text","state":"selected+focus-visible","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"data-table selected+focus-visible outline","state":"selected+focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.interaction.selection.bg","fgHex":"#ffa2a7","bgHex":"#911410","ratio":4.75,"pass":true,"waiver":null},{"label":"data-table sorted text","state":"sorted","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"data-table mixed text","state":"mixed","kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.bg","fgHex":"#f4eeee","bgHex":"#871f19","ratio":8.17,"pass":true,"waiver":null},{"label":"data-table empty text","state":"empty","kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"data-table loading text","state":"loading","kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"header text","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"checkbox boundary","state":null,"kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"checked fill against the row (the glyph and the boundary carry the state)","state":"mixed","kind":"ui","min":1,"fg":"color.action.primary.bg","bg":"color.surface.default","fgHex":"#871f19","bgHex":"#160b0b","ratio":2.06,"pass":true,"waiver":"the mixed and checked states are the – and ✓ glyphs on the fill plus aria-checked; the fill's own edge is not the boundary"},{"label":"header rule (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.strong","bg":"color.surface.default","fgHex":"#9e231f","bgHex":"#160b0b","ratio":2.5,"pass":true,"waiver":"the rule separates header from body; the header cells and their bright text are the structure"},{"label":"row divider (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.default","fgHex":"#2b0e0d","bgHex":"#160b0b","ratio":1.08,"pass":true,"waiver":"rows are separated by their height; the divider is a reading aid"},{"label":"resize handle at rest (decorative; keyboard resizing is a header action)","state":null,"kind":"ui","min":1,"fg":"color.border.default","bg":"color.surface.default","fgHex":"#531310","bgHex":"#160b0b","ratio":1.35,"pass":true,"waiver":"the handle is a pointer affordance; it turns border.active on hover and the column width is also settable from the header's menu"}]} |
| component-contract | date-picker | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"date-picker","family":"forms-advanced","maturity":"stable","priority":"R1","title":"Date picker","summary":"A native date input, alone or as a from/to pair; the calendar popup belongs to the host and is styled only through color-scheme.","native":true,"aria":{"pattern":"native <input type=date> with <label>; a from/to pair inside a <fieldset>","apg":"https://www.w3.org/WAI/ARIA/apg/practices/forms/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"root.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"root.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"root.border-focus":{"alias":"color.border.active","value":"#e53935","status":"observed"},"root.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"},"root.ring-invalid":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"},"root.border-invalid":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"},"root.border-disabled":{"alias":"color.border.disabled","value":"#7d1310","status":"observed"},"root.bg-disabled":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed"},"root.border-readonly":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed"},"root.bg-readonly":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed"},"input.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"input.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved"},"input.caret":{"alias":"color.code.caret","value":"#e99499","status":"observed"},"label.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"legend.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"separator.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"help.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"message.text":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"}},"stateRules":[{"state":"default","visual":"1px {color.border.control} on {color.surface.input}; text {color.text.default}, tabular figures","channel":"—","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"hover","visual":"background → {color.interaction.hover.bg}; border unchanged","channel":"cursor: text","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"focus-visible","visual":"border → {color.border.active}; ring 1px dashed {color.interaction.focus.ring} at −2px","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.active","value":"#e53935","status":"observed"},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}}},{"state":"invalid","visual":"border 2px {color.status.danger.border}; message with the ✕ glyph","channel":"border width 1 → 2px; glyph; `aria-invalid`","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"}}},{"state":"invalid+focus-visible","visual":"the 2px danger border and the ring in {color.interaction.focus.ring-container} at −4px","channel":"double boundary","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"}}},{"state":"disabled","visual":"text {color.text.disabled}; border {color.border.disabled}; background {color.interaction.disabled.bg}; no hover","channel":"`disabled`; cursor: not-allowed","tokens":{}},{"state":"read-only","visual":"no box: 1px dotted {color.border.divider} bottom edge on {color.surface.canvas}; focusable and selectable","channel":"`readonly`; dotted edge","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed"}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves between the date segments and then out of the control (host behaviour); the range pair is two tab stops."},{"key":"Up / Down","action":"Steps the focused segment (host behaviour)."},{"key":"Space / Alt+Down","action":"Opens the host calendar where one exists; Escape closes it."},{"key":"Enter","action":"Submits the owning form (native)."}],"responsive":"The box fills its field container with min-width 0; the range pair sits side by side and wraps to two rows below 320px; the label is always stacked above. RTL keeps the from/to order of reading and mirrors the separator.","portability":{"web":"native <input type=date>; hosts without a date type fall back to a text field with a pattern and a format hint in the help text; color-scheme dark keeps the host popup on a dark surface.","nativeFallbacks":["GTK4 Calendar in a Popover opened from an Entry; the entry carries the field styling.","Qt QDateEdit with calendarPopup; the popup frame through the QCalendarWidget stylesheet.","Terminal UI: a masked line editor (YYYY-MM-DD); no popup."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-STATE-MATRIX"],"related":["text-field","time-picker","field","fieldset"],"specimens":["admin-form","filterable-table"],"nonExamples":"A custom calendar drawn where the host has one. Rounded corners. An icon-only\ncalendar button with no text input. Placeholder text pretending to be a\nformat hint. A floating label. Disabling by opacity. A hover that changes the\ntext colour. A red border with no message.","contrast":[{"label":"date-picker default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"date-picker default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"date-picker hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"date-picker hover border","state":"hover","kind":"ui","min":3,"fg":"color.border.control","bg":"color.interaction.hover.bg","fgHex":"#a3676b","bgHex":"#1c0a09","ratio":4.29,"pass":true,"waiver":null},{"label":"date-picker focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"date-picker focus-visible border","state":"focus-visible","kind":"ui","min":3,"fg":"color.border.active","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"date-picker focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"date-picker invalid text","state":"invalid","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"date-picker invalid border","state":"invalid","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"date-picker invalid+focus-visible text","state":"invalid+focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"date-picker invalid+focus-visible border","state":"invalid+focus-visible","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"date-picker invalid+focus-visible outline","state":"invalid+focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.surface.input","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"date-picker read-only text","state":"read-only","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.canvas","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"validation message on the canvas","state":null,"kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.canvas","fgHex":"#f73f35","bgHex":"#0c0909","ratio":5.4,"pass":true,"waiver":null},{"label":"help text and the range separator on the canvas","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.canvas","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"disabled text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled border (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"},{"label":"read-only bottom edge (decorative; the field has no box)","state":"read-only","kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.canvas","fgHex":"#2b0e0d","bgHex":"#0c0909","ratio":1.11,"pass":true,"waiver":"read-only fields are identified by the readonly attribute and the absence of a box, not by this edge"}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"date-picker","family":"forms-advanced","maturity":"stable","priority":"R1","title":"Date picker","summary":"A native date input, alone or as a from/to pair; the calendar popup belongs to the host and is styled only through color-scheme.","native":true,"aria":{"pattern":"native <input type=date> with <label>; a from/to pair inside a <fieldset>","apg":"https://www.w3.org/WAI/ARIA/apg/practices/forms/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"root.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border-focus":{"alias":"color.border.active","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.ring-invalid":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border-invalid":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border-disabled":{"alias":"color.border.disabled","value":"#7d1310","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.bg-disabled":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border-readonly":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"root.bg-readonly":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"input.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"input.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"input.caret":{"alias":"color.code.caret","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"label.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"legend.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"separator.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"help.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"message.text":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"1px {color.border.control} on {color.surface.input}; text {color.text.default}, tabular figures","channel":"—","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"hover","visual":"background → {color.interaction.hover.bg}; border unchanged","channel":"cursor: text","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"focus-visible","visual":"border → {color.border.active}; ring 1px dashed {color.interaction.focus.ring} at −2px","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.active","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"invalid","visual":"border 2px {color.status.danger.border}; message with the ✕ glyph","channel":"border width 1 → 2px; glyph; `aria-invalid`","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"invalid+focus-visible","visual":"the 2px danger border and the ring in {color.interaction.focus.ring-container} at −4px","channel":"double boundary","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"disabled","visual":"text {color.text.disabled}; border {color.border.disabled}; background {color.interaction.disabled.bg}; no hover","channel":"`disabled`; cursor: not-allowed","tokens":{}},{"state":"read-only","visual":"no box: 1px dotted {color.border.divider} bottom edge on {color.surface.canvas}; focusable and selectable","channel":"`readonly`; dotted edge","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves between the date segments and then out of the control (host behaviour); the range pair is two tab stops."},{"key":"Up / Down","action":"Steps the focused segment (host behaviour)."},{"key":"Space / Alt+Down","action":"Opens the host calendar where one exists; Escape closes it."},{"key":"Enter","action":"Submits the owning form (native)."}],"responsive":"The box fills its field container with min-width 0; the range pair sits side by side and wraps to two rows below 320px; the label is always stacked above. RTL keeps the from/to order of reading and mirrors the separator.","portability":{"web":"native <input type=date>; hosts without a date type fall back to a text field with a pattern and a format hint in the help text; color-scheme dark keeps the host popup on a dark surface.","nativeFallbacks":["GTK4 Calendar in a Popover opened from an Entry; the entry carries the field styling.","Qt QDateEdit with calendarPopup; the popup frame through the QCalendarWidget stylesheet.","Terminal UI: a masked line editor (YYYY-MM-DD); no popup."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-STATE-MATRIX"],"related":["text-field","time-picker","field","fieldset"],"specimens":["admin-form","filterable-table"],"nonExamples":"A custom calendar drawn where the host has one. Rounded corners. An icon-only\ncalendar button with no text input. Placeholder text pretending to be a\nformat hint. A floating label. Disabling by opacity. A hover that changes the\ntext colour. A red border with no message.","contrast":[{"label":"date-picker default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"date-picker default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"date-picker hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"date-picker hover border","state":"hover","kind":"ui","min":3,"fg":"color.border.control","bg":"color.interaction.hover.bg","fgHex":"#a3676b","bgHex":"#1c0a09","ratio":4.29,"pass":true,"waiver":null},{"label":"date-picker focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"date-picker focus-visible border","state":"focus-visible","kind":"ui","min":3,"fg":"color.border.active","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"date-picker focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"date-picker invalid text","state":"invalid","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"date-picker invalid border","state":"invalid","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"date-picker invalid+focus-visible text","state":"invalid+focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"date-picker invalid+focus-visible border","state":"invalid+focus-visible","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"date-picker invalid+focus-visible outline","state":"invalid+focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.surface.input","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"date-picker read-only text","state":"read-only","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.canvas","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"validation message on the canvas","state":null,"kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.canvas","fgHex":"#f73f35","bgHex":"#0c0909","ratio":5.4,"pass":true,"waiver":null},{"label":"help text and the range separator on the canvas","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.canvas","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"disabled text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled border (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"},{"label":"read-only bottom edge (decorative; the field has no box)","state":"read-only","kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.canvas","fgHex":"#2b0e0d","bgHex":"#0c0909","ratio":1.11,"pass":true,"waiver":"read-only fields are identified by the readonly attribute and the absence of a box, not by this edge"}]} |
| component-contract | diagnostics | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"diagnostics","family":"developer","maturity":"stable","priority":"R1","title":"Diagnostics","summary":"Inline problem markers in code (underline patterns, an error line and an overview stripe) and the problems panel that lists them as a listbox, each severity carrying its glyph.","native":false,"aria":{"pattern":"inline: decorated spans inside a read-only textbox presentation; panel: APG listbox with aria-activedescendant","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/listbox/","role":"listbox"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"root.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"code.bg":{"alias":"color.code.bg","value":"#0c0909","status":"observed"},"code.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"code.line-number":{"alias":"color.code.line-number","value":"#ad7175","status":"approved"},"code.gutter-rule":{"alias":"color.code.gutter-rule","value":"#2b0e0d","status":"observed"},"code.selection-bg":{"alias":"color.code.selection-bg","value":"#420f0c","status":"observed"},"error.underline":{"alias":"color.diagnostic.error.underline","value":"#e53935","status":"observed"},"error.text":{"alias":"color.diagnostic.error.text","value":"#f73f35","status":"observed"},"error.stripe":{"alias":"color.diagnostic.error.stripe","value":"#e53935","status":"observed"},"error.line-bg":{"alias":"color.diagnostic.error.bg","value":"#2b0e0d","status":"observed"},"warning.underline":{"alias":"color.diagnostic.warning.underline","value":"#c9973f","status":"approved"},"warning.text":{"alias":"color.diagnostic.warning.text","value":"#c9973f","status":"approved"},"warning.stripe":{"alias":"color.diagnostic.warning.stripe","value":"#c9973f","status":"approved"},"info.underline":{"alias":"color.diagnostic.info.underline","value":"#7e9ebb","status":"approved"},"info.text":{"alias":"color.diagnostic.info.text","value":"#7e9ebb","status":"approved"},"hint.underline":{"alias":"color.diagnostic.hint.underline","value":"#ad7175","status":"observed"},"hint.text":{"alias":"color.text.subtle","value":"#ad7175","status":"approved"},"unused.text":{"alias":"color.diagnostic.unused.text","value":"#bd787d","status":"observed"},"deprecated.text":{"alias":"color.code.syntax.deprecated","value":"#ad7175","status":"observed"},"row.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"row.location":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"row.divider":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed"},"row.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"row.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"},"row.bg-selected":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"},"row.text-selected":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed"},"row.ring-selected":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"},"header.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"status.text":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"},"empty.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"empty.glyph":{"alias":"color.status.success.text","value":"#86a46f","status":"approved"}},"stateRules":[{"state":"default","visual":"ranges decorated as above on {color.code.bg}; the error row filled {color.diagnostic.error.bg}; panel rows on {color.surface.default} with 1px {color.border.divider} between them","channel":"underline pattern; glyph","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"hover","visual":"panel row background → {color.interaction.hover.bg}; inline ranges unchanged (the hover tooltip is a host surface)","channel":"cursor: default on rows","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"}}},{"state":"focus-visible","visual":"the active row: 1px dashed {color.interaction.focus.ring} at −2px; inline box: the container ring 2px {color.interaction.focus.ring-container} at −3px","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}}},{"state":"selected","visual":"row filled {color.interaction.selection.bg}, text and glyph {color.interaction.selection.text}; the matching inline range filled {color.code.selection-bg} under its underline","channel":"`aria-selected`; the glyph stays; the fill spans the row","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"}}},{"state":"selected+focus-visible","visual":"the selection fill and a 1px dashed ring in {color.interaction.focus.ring-container}","channel":"both at once","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"}}},{"state":"error","visual":"the provider failed: a `role=status` line with `✕` in {color.status.danger.text} above the stale rows; the inline stripe shows the same `✕` at its top","channel":"glyph; live announcement","tokens":{"fg":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"}}},{"state":"empty","visual":"no problems: rows and stripe marks hidden; `✓ No problems` in {color.text.muted} with the glyph in {color.status.success.text}; inline decorations removed","channel":"glyph; the absence of decoration","tokens":{"fg":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves focus to and from the list as one stop; the active row is restored."},{"key":"Down / Up","action":"Moves the active row; selection follows focus in this single-select listbox."},{"key":"Home / End","action":"First or last row."},{"key":"Enter","action":"Opens the location in the editor and moves focus there."},{"key":"Type-ahead","action":"Jumps to the next row whose message starts with the typed characters."},{"key":"(host)","action":"Inline markers have no keyboard of their own; navigation between problems (F8-style) is the host's binding."}],"responsive":"The panel fills its container; message text wraps, location and rule code stay on the row's end and never truncate the glyph; at 320px the columns stack under the message. The inline sample scrolls horizontally inside its box; the stripe stays on the inline-end edge. RTL mirrors the stripe and the location column while code stays left-to-right.","portability":{"web":"inline: spans with text-decoration inside the code-editor presentation; panel: <ul role=listbox> with <li role=option>, aria-activedescendant, aria-selected; every severity keeps its glyph in the accessible name.","nativeFallbacks":["GTK: GtkSourceView marks and underlines (PANGO_UNDERLINE_ERROR is wavy); the panel is a GtkListView with a single-selection model.","Qt: QTextCharFormat underline styles (WaveUnderline, DotLine); the panel is a QListView.","JetBrains: ERRORS_ATTRIBUTES, WARNING_ATTRIBUTES, INFO_ATTRIBUTES, NOT_USED_ELEMENT_ATTRIBUTES and DEPRECATED_ATTRIBUTES in the .icls; stripe marks through the error-stripe keys.","Terminal UI: underline attributes (curly where supported, else plain underline) with the glyph in the gutter; the panel is a list with the selected row inverted."]},"fixtures":["FX-STATE-MATRIX","FX-320","FX-ZOOM-200","FX-RM","FX-HC","FX-LONG","FX-I18N"],"related":["code-editor","diff-view","terminal"],"specimens":["i3-window-frame"],"nonExamples":"Red-only errors without the `✕` glyph or the wavy pattern. A wavy underline\nfor every severity, which leaves the pattern meaningless. Purple or cyan for\ninfo and hint. A hover on a panel row that changes only the text colour. A\nselected row whose glyph keeps its severity colour on the red fill (2.47:1).\nA panel row with a rounded highlight or a left accent bar instead of the fill.\nRemoving the error line background to \"calm\" the editor.","contrast":[{"label":"diagnostics default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"diagnostics default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":null},{"label":"diagnostics hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"diagnostics focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"diagnostics focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"diagnostics selected text","state":"selected","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"diagnostics selected+focus-visible text","state":"selected+focus-visible","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"diagnostics selected+focus-visible outline","state":"selected+focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.interaction.selection.bg","fgHex":"#ffa2a7","bgHex":"#911410","ratio":4.75,"pass":true,"waiver":null},{"label":"diagnostics error text","state":"error","kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.default","fgHex":"#f73f35","bgHex":"#160b0b","ratio":5.26,"pass":true,"waiver":null},{"label":"diagnostics empty text","state":"empty","kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"code text","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.code.bg","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"code text on the error line","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.diagnostic.error.bg","fgHex":"#e99499","bgHex":"#2b0e0d","ratio":7.82,"pass":true,"waiver":null},{"label":"error glyph on the error line","state":null,"kind":"text","min":4.5,"fg":"color.diagnostic.error.text","bg":"color.diagnostic.error.bg","fgHex":"#f73f35","bgHex":"#2b0e0d","ratio":4.88,"pass":true,"waiver":null},{"label":"error underline","state":null,"kind":"ui","min":3,"fg":"color.diagnostic.error.underline","bg":"color.code.bg","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"error underline on the error line","state":null,"kind":"ui","min":3,"fg":"color.diagnostic.error.underline","bg":"color.diagnostic.error.bg","fgHex":"#e53935","bgHex":"#2b0e0d","ratio":4.24,"pass":true,"waiver":null},{"label":"warning underline inside the selected range","state":"selected","kind":"ui","min":3,"fg":"color.diagnostic.warning.underline","bg":"color.code.selection-bg","fgHex":"#c9973f","bgHex":"#420f0c","ratio":6.12,"pass":true,"waiver":null},{"label":"warning underline","state":null,"kind":"ui","min":3,"fg":"color.diagnostic.warning.underline","bg":"color.code.bg","fgHex":"#c9973f","bgHex":"#0c0909","ratio":7.54,"pass":true,"waiver":null},{"label":"info underline","state":null,"kind":"ui","min":3,"fg":"color.diagnostic.info.underline","bg":"color.code.bg","fgHex":"#7e9ebb","bgHex":"#0c0909","ratio":7.08,"pass":true,"waiver":null},{"label":"hint underline","state":null,"kind":"ui","min":3,"fg":"color.diagnostic.hint.underline","bg":"color.code.bg","fgHex":"#ad7175","bgHex":"#0c0909","ratio":5.1,"pass":true,"waiver":null},{"label":"unused text","state":null,"kind":"text","min":4.5,"fg":"color.diagnostic.unused.text","bg":"color.code.bg","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"deprecated text","state":null,"kind":"text","min":4.5,"fg":"color.code.syntax.deprecated","bg":"color.code.bg","fgHex":"#ad7175","bgHex":"#0c0909","ratio":5.1,"pass":true,"waiver":null},{"label":"error stripe mark","state":null,"kind":"ui","min":3,"fg":"color.diagnostic.error.stripe","bg":"color.code.bg","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"warning stripe mark","state":null,"kind":"ui","min":3,"fg":"color.diagnostic.warning.stripe","bg":"color.code.bg","fgHex":"#c9973f","bgHex":"#0c0909","ratio":7.54,"pass":true,"waiver":null},{"label":"info stripe mark","state":null,"kind":"ui","min":3,"fg":"color.diagnostic.info.text","bg":"color.code.bg","fgHex":"#7e9ebb","bgHex":"#0c0909","ratio":7.08,"pass":true,"waiver":null},{"label":"error glyph and count in the panel","state":null,"kind":"text","min":4.5,"fg":"color.diagnostic.error.text","bg":"color.surface.default","fgHex":"#f73f35","bgHex":"#160b0b","ratio":5.26,"pass":true,"waiver":null},{"label":"warning glyph and count in the panel","state":null,"kind":"text","min":4.5,"fg":"color.diagnostic.warning.text","bg":"color.surface.default","fgHex":"#c9973f","bgHex":"#160b0b","ratio":7.34,"pass":true,"waiver":null},{"label":"info glyph and count in the panel","state":null,"kind":"text","min":4.5,"fg":"color.diagnostic.info.text","bg":"color.surface.default","fgHex":"#7e9ebb","bgHex":"#160b0b","ratio":6.9,"pass":true,"waiver":null},{"label":"hint glyph in the panel","state":null,"kind":"text","min":4.5,"fg":"color.text.subtle","bg":"color.surface.default","fgHex":"#ad7175","bgHex":"#160b0b","ratio":4.96,"pass":true,"waiver":null},{"label":"location and rule code","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"row text on hover","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"error glyph on hover","state":"hover","kind":"text","min":4.5,"fg":"color.diagnostic.error.text","bg":"color.interaction.hover.bg","fgHex":"#f73f35","bgHex":"#1c0a09","ratio":5.21,"pass":true,"waiver":null},{"label":"the ✓ of the empty message","state":"empty","kind":"text","min":4.5,"fg":"color.status.success.text","bg":"color.surface.default","fgHex":"#86a46f","bgHex":"#160b0b","ratio":6.95,"pass":true,"waiver":null}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"diagnostics","family":"developer","maturity":"stable","priority":"R1","title":"Diagnostics","summary":"Inline problem markers in code (underline patterns, an error line and an overview stripe) and the problems panel that lists them as a listbox, each severity carrying its glyph.","native":false,"aria":{"pattern":"inline: decorated spans inside a read-only textbox presentation; panel: APG listbox with aria-activedescendant","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/listbox/","role":"listbox"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"code.bg":{"alias":"color.code.bg","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"code.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"code.line-number":{"alias":"color.code.line-number","value":"#ad7175","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"code.gutter-rule":{"alias":"color.code.gutter-rule","value":"#2b0e0d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"code.selection-bg":{"alias":"color.code.selection-bg","value":"#420f0c","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"error.underline":{"alias":"color.diagnostic.error.underline","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"error.text":{"alias":"color.diagnostic.error.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"error.stripe":{"alias":"color.diagnostic.error.stripe","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"error.line-bg":{"alias":"color.diagnostic.error.bg","value":"#2b0e0d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"warning.underline":{"alias":"color.diagnostic.warning.underline","value":"#c9973f","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"warning.text":{"alias":"color.diagnostic.warning.text","value":"#c9973f","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"warning.stripe":{"alias":"color.diagnostic.warning.stripe","value":"#c9973f","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"info.underline":{"alias":"color.diagnostic.info.underline","value":"#7e9ebb","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"info.text":{"alias":"color.diagnostic.info.text","value":"#7e9ebb","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"hint.underline":{"alias":"color.diagnostic.hint.underline","value":"#ad7175","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"hint.text":{"alias":"color.text.subtle","value":"#ad7175","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"unused.text":{"alias":"color.diagnostic.unused.text","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"deprecated.text":{"alias":"color.code.syntax.deprecated","value":"#ad7175","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"row.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"row.location":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"row.divider":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"row.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"row.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"row.bg-selected":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"row.text-selected":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"row.ring-selected":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"header.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"status.text":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"empty.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"empty.glyph":{"alias":"color.status.success.text","value":"#86a46f","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"ranges decorated as above on {color.code.bg}; the error row filled {color.diagnostic.error.bg}; panel rows on {color.surface.default} with 1px {color.border.divider} between them","channel":"underline pattern; glyph","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"hover","visual":"panel row background → {color.interaction.hover.bg}; inline ranges unchanged (the hover tooltip is a host surface)","channel":"cursor: default on rows","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"focus-visible","visual":"the active row: 1px dashed {color.interaction.focus.ring} at −2px; inline box: the container ring 2px {color.interaction.focus.ring-container} at −3px","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"selected","visual":"row filled {color.interaction.selection.bg}, text and glyph {color.interaction.selection.text}; the matching inline range filled {color.code.selection-bg} under its underline","channel":"`aria-selected`; the glyph stays; the fill spans the row","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"selected+focus-visible","visual":"the selection fill and a 1px dashed ring in {color.interaction.focus.ring-container}","channel":"both at once","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"error","visual":"the provider failed: a `role=status` line with `✕` in {color.status.danger.text} above the stale rows; the inline stripe shows the same `✕` at its top","channel":"glyph; live announcement","tokens":{"fg":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"empty","visual":"no problems: rows and stripe marks hidden; `✓ No problems` in {color.text.muted} with the glyph in {color.status.success.text}; inline decorations removed","channel":"glyph; the absence of decoration","tokens":{"fg":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves focus to and from the list as one stop; the active row is restored."},{"key":"Down / Up","action":"Moves the active row; selection follows focus in this single-select listbox."},{"key":"Home / End","action":"First or last row."},{"key":"Enter","action":"Opens the location in the editor and moves focus there."},{"key":"Type-ahead","action":"Jumps to the next row whose message starts with the typed characters."},{"key":"(host)","action":"Inline markers have no keyboard of their own; navigation between problems (F8-style) is the host's binding."}],"responsive":"The panel fills its container; message text wraps, location and rule code stay on the row's end and never truncate the glyph; at 320px the columns stack under the message. The inline sample scrolls horizontally inside its box; the stripe stays on the inline-end edge. RTL mirrors the stripe and the location column while code stays left-to-right.","portability":{"web":"inline: spans with text-decoration inside the code-editor presentation; panel: <ul role=listbox> with <li role=option>, aria-activedescendant, aria-selected; every severity keeps its glyph in the accessible name.","nativeFallbacks":["GTK: GtkSourceView marks and underlines (PANGO_UNDERLINE_ERROR is wavy); the panel is a GtkListView with a single-selection model.","Qt: QTextCharFormat underline styles (WaveUnderline, DotLine); the panel is a QListView.","JetBrains: ERRORS_ATTRIBUTES, WARNING_ATTRIBUTES, INFO_ATTRIBUTES, NOT_USED_ELEMENT_ATTRIBUTES and DEPRECATED_ATTRIBUTES in the .icls; stripe marks through the error-stripe keys.","Terminal UI: underline attributes (curly where supported, else plain underline) with the glyph in the gutter; the panel is a list with the selected row inverted."]},"fixtures":["FX-STATE-MATRIX","FX-320","FX-ZOOM-200","FX-RM","FX-HC","FX-LONG","FX-I18N"],"related":["code-editor","diff-view","terminal"],"specimens":["i3-window-frame"],"nonExamples":"Red-only errors without the `✕` glyph or the wavy pattern. A wavy underline\nfor every severity, which leaves the pattern meaningless. Purple or cyan for\ninfo and hint. A hover on a panel row that changes only the text colour. A\nselected row whose glyph keeps its severity colour on the red fill (2.47:1).\nA panel row with a rounded highlight or a left accent bar instead of the fill.\nRemoving the error line background to \"calm\" the editor.","contrast":[{"label":"diagnostics default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"diagnostics default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":null},{"label":"diagnostics hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"diagnostics focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"diagnostics focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"diagnostics selected text","state":"selected","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"diagnostics selected+focus-visible text","state":"selected+focus-visible","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"diagnostics selected+focus-visible outline","state":"selected+focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.interaction.selection.bg","fgHex":"#ffa2a7","bgHex":"#911410","ratio":4.75,"pass":true,"waiver":null},{"label":"diagnostics error text","state":"error","kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.default","fgHex":"#f73f35","bgHex":"#160b0b","ratio":5.26,"pass":true,"waiver":null},{"label":"diagnostics empty text","state":"empty","kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"code text","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.code.bg","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"code text on the error line","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.diagnostic.error.bg","fgHex":"#e99499","bgHex":"#2b0e0d","ratio":7.82,"pass":true,"waiver":null},{"label":"error glyph on the error line","state":null,"kind":"text","min":4.5,"fg":"color.diagnostic.error.text","bg":"color.diagnostic.error.bg","fgHex":"#f73f35","bgHex":"#2b0e0d","ratio":4.88,"pass":true,"waiver":null},{"label":"error underline","state":null,"kind":"ui","min":3,"fg":"color.diagnostic.error.underline","bg":"color.code.bg","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"error underline on the error line","state":null,"kind":"ui","min":3,"fg":"color.diagnostic.error.underline","bg":"color.diagnostic.error.bg","fgHex":"#e53935","bgHex":"#2b0e0d","ratio":4.24,"pass":true,"waiver":null},{"label":"warning underline inside the selected range","state":"selected","kind":"ui","min":3,"fg":"color.diagnostic.warning.underline","bg":"color.code.selection-bg","fgHex":"#c9973f","bgHex":"#420f0c","ratio":6.12,"pass":true,"waiver":null},{"label":"warning underline","state":null,"kind":"ui","min":3,"fg":"color.diagnostic.warning.underline","bg":"color.code.bg","fgHex":"#c9973f","bgHex":"#0c0909","ratio":7.54,"pass":true,"waiver":null},{"label":"info underline","state":null,"kind":"ui","min":3,"fg":"color.diagnostic.info.underline","bg":"color.code.bg","fgHex":"#7e9ebb","bgHex":"#0c0909","ratio":7.08,"pass":true,"waiver":null},{"label":"hint underline","state":null,"kind":"ui","min":3,"fg":"color.diagnostic.hint.underline","bg":"color.code.bg","fgHex":"#ad7175","bgHex":"#0c0909","ratio":5.1,"pass":true,"waiver":null},{"label":"unused text","state":null,"kind":"text","min":4.5,"fg":"color.diagnostic.unused.text","bg":"color.code.bg","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"deprecated text","state":null,"kind":"text","min":4.5,"fg":"color.code.syntax.deprecated","bg":"color.code.bg","fgHex":"#ad7175","bgHex":"#0c0909","ratio":5.1,"pass":true,"waiver":null},{"label":"error stripe mark","state":null,"kind":"ui","min":3,"fg":"color.diagnostic.error.stripe","bg":"color.code.bg","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"warning stripe mark","state":null,"kind":"ui","min":3,"fg":"color.diagnostic.warning.stripe","bg":"color.code.bg","fgHex":"#c9973f","bgHex":"#0c0909","ratio":7.54,"pass":true,"waiver":null},{"label":"info stripe mark","state":null,"kind":"ui","min":3,"fg":"color.diagnostic.info.text","bg":"color.code.bg","fgHex":"#7e9ebb","bgHex":"#0c0909","ratio":7.08,"pass":true,"waiver":null},{"label":"error glyph and count in the panel","state":null,"kind":"text","min":4.5,"fg":"color.diagnostic.error.text","bg":"color.surface.default","fgHex":"#f73f35","bgHex":"#160b0b","ratio":5.26,"pass":true,"waiver":null},{"label":"warning glyph and count in the panel","state":null,"kind":"text","min":4.5,"fg":"color.diagnostic.warning.text","bg":"color.surface.default","fgHex":"#c9973f","bgHex":"#160b0b","ratio":7.34,"pass":true,"waiver":null},{"label":"info glyph and count in the panel","state":null,"kind":"text","min":4.5,"fg":"color.diagnostic.info.text","bg":"color.surface.default","fgHex":"#7e9ebb","bgHex":"#160b0b","ratio":6.9,"pass":true,"waiver":null},{"label":"hint glyph in the panel","state":null,"kind":"text","min":4.5,"fg":"color.text.subtle","bg":"color.surface.default","fgHex":"#ad7175","bgHex":"#160b0b","ratio":4.96,"pass":true,"waiver":null},{"label":"location and rule code","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"row text on hover","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"error glyph on hover","state":"hover","kind":"text","min":4.5,"fg":"color.diagnostic.error.text","bg":"color.interaction.hover.bg","fgHex":"#f73f35","bgHex":"#1c0a09","ratio":5.21,"pass":true,"waiver":null},{"label":"the ✓ of the empty message","state":"empty","kind":"text","min":4.5,"fg":"color.status.success.text","bg":"color.surface.default","fgHex":"#86a46f","bgHex":"#160b0b","ratio":6.95,"pass":true,"waiver":null}]} |
| component-contract | dialog | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"dialog","family":"feedback","maturity":"stable","priority":"R1","title":"Dialog","summary":"A native dialog on the overlay surface behind a 1px overlay border and the backdrop; modal when shown, with trapped focus and Escape to close.","native":true,"aria":{"pattern":"native <dialog> opened with showModal; role=alertdialog for confirmations; named by its heading, described by its first paragraph","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/"},"sizes":["compact","comfortable"],"tokens":{"backdrop.bg":{"alias":"color.surface.backdrop","value":"rgb(0 0 0 / 65%)","status":"proposed"},"root.bg":{"alias":"color.surface.overlay","value":"#241010","status":"observed"},"root.border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed"},"root.ring":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"},"root.z":{"alias":"z.dialog","value":"30","status":"observed"},"title.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"text.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"close.text":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed"},"close.bg-hover":{"alias":"color.action.tertiary.hover-bg","value":"#1c0a09","status":"observed"},"close.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"},"button.text":{"alias":"color.action.secondary.text","value":"#ffa2a7","status":"observed"},"button.border":{"alias":"color.action.secondary.border","value":"#a3676b","status":"observed"},"button.bg-hover":{"alias":"color.action.secondary.hover-bg","value":"#630f0d","status":"observed"},"primary.bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed"},"primary.text":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed"},"primary.bg-hover":{"alias":"color.action.primary.hover-bg","value":"#911410","status":"observed"},"destructive.bg":{"alias":"color.action.destructive.filled-bg","value":"#dc282e","status":"observed"},"destructive.text":{"alias":"color.action.destructive.filled-text","value":"#f9faf9","status":"observed"},"destructive.bg-hover":{"alias":"color.action.destructive.hover-bg","value":"#dc282e","status":"observed"},"field.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"field.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"field.label":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"note.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"}},"stateRules":[{"state":"default","visual":"the dialog open on its backdrop","channel":"`open`; the page behind is inert","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.overlay","value":"#241010","status":"observed"},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed"}}},{"state":"open","visual":"as default; opacity 0 → 1 within 150 ms on capable hosts","channel":"`open`; focus inside the dialog","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.overlay","value":"#241010","status":"observed"},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed"}}},{"state":"closed","visual":"nothing: the dialog and its backdrop are absent","channel":"no `open`; focus back on the opener","tokens":{}},{"state":"focus-trapped","visual":"the dialog itself carries the container ring, 2px solid {color.interaction.focus.ring-container} at −3px, when it holds focus; the note says Tab cycles","channel":"Tab never leaves; the note text","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.overlay","value":"#241010","status":"observed"},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed"},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"}}},{"state":"hover","visual":"Close background → {color.action.tertiary.hover-bg}; other buttons take their tone's hover","channel":"cursor: pointer","tokens":{"fg":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed"},"bg":{"alias":"color.action.tertiary.hover-bg","value":"#1c0a09","status":"observed"}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px on the focused control; on a filled button the ring takes the fill's on-fill colour","channel":"the ring","tokens":{"fg":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.overlay","value":"#241010","status":"observed"},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}}},{"state":"reduced-motion","visual":"no opacity transition; the dialog is simply present or absent","channel":"`prefers-reduced-motion`","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.overlay","value":"#241010","status":"observed"},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed"}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Cycles through the dialog's focusable elements and never leaves it while open."},{"key":"Escape","action":"Closes the dialog (cancel) and returns focus to the element that opened it."},{"key":"Enter","action":"In a form dialog, submits; otherwise activates the focused button only."},{"key":"Space","action":"Activates the focused button."}],"responsive":"At most 28rem wide and 100% minus the 16px gutter below that; the body scrolls inside the dialog when taller than the viewport, header and actions stay visible; at 320px buttons stack. RTL mirrors the header and the action order.","portability":{"web":"native <dialog> opened with showModal() so the host provides the top layer, inertness of the page and Escape; ::backdrop takes surface.backdrop; focus moves to the first focusable element (or the dialog itself) on open and back to the opener on close; role=alertdialog with aria-describedby for confirmations.","nativeFallbacks":["GTK4 Window with modal and transient-for; the css node gets the overlay border.","Qt QDialog modal; stylesheet border and background; QMessageBox for the alert dialog.","Terminal UI: a centred box drawn with a single-line border over a dimmed screen."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-OVERFLOW","FX-STATE-MATRIX"],"related":["drawer","alert","toast","button","text-field","popover"],"specimens":["admin-form","settings-panel"],"nonExamples":"A glowing or shadowed card. Rounded corners. A dialog that slides or scales\nin. `<dialog>` shown with `show()` and a hand-written focus trap. A dialog\nwith no title, or with the title only in the accessible name. A destructive\nconfirm as the default Enter action. A backdrop that closes the dialog with\nno Close button. A dialog stacked on a dialog.","contrast":[{"label":"dialog default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.overlay","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"dialog default border","state":"default","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.overlay","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"dialog open text","state":"open","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.overlay","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"dialog open border","state":"open","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.overlay","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"dialog focus-trapped text","state":"focus-trapped","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.overlay","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"dialog focus-trapped border","state":"focus-trapped","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.overlay","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"dialog focus-trapped outline","state":"focus-trapped","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.surface.overlay","fgHex":"#ffa2a7","bgHex":"#241010","ratio":9.49,"pass":true,"waiver":null},{"label":"dialog hover text","state":"hover","kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.action.tertiary.hover-bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"dialog focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.surface.overlay","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"dialog focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.overlay","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"dialog reduced-motion text","state":"reduced-motion","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.overlay","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"dialog reduced-motion border","state":"reduced-motion","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.overlay","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"title on the overlay surface","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.overlay","fgHex":"#ffa2a7","bgHex":"#241010","ratio":9.49,"pass":true,"waiver":null},{"label":"note on the overlay surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.overlay","fgHex":"#bd787d","bgHex":"#241010","ratio":5.31,"pass":true,"waiver":null},{"label":"secondary button text on the overlay surface","state":null,"kind":"text","min":4.5,"fg":"color.action.secondary.text","bg":"color.surface.overlay","fgHex":"#ffa2a7","bgHex":"#241010","ratio":9.49,"pass":true,"waiver":null},{"label":"secondary button boundary on the overlay surface","state":null,"kind":"ui","min":3,"fg":"color.action.secondary.border","bg":"color.surface.overlay","fgHex":"#a3676b","bgHex":"#241010","ratio":4.07,"pass":true,"waiver":null},{"label":"primary button text","state":null,"kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.bg","fgHex":"#f4eeee","bgHex":"#871f19","ratio":8.17,"pass":true,"waiver":null},{"label":"destructive confirm text on its fill","state":null,"kind":"text","min":4.5,"fg":"color.action.destructive.filled-text","bg":"color.action.destructive.filled-bg","fgHex":"#f9faf9","bgHex":"#dc282e","ratio":4.58,"pass":true,"waiver":null},{"label":"destructive fill against the overlay surface","state":null,"kind":"ui","min":3,"fg":"color.action.destructive.filled-bg","bg":"color.surface.overlay","fgHex":"#dc282e","bgHex":"#241010","ratio":3.79,"pass":true,"waiver":null},{"label":"ring on the primary fill","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.action.primary.bg","fgHex":"#ffa2a7","bgHex":"#871f19","ratio":4.9,"pass":true,"waiver":null},{"label":"ring on the destructive fill","state":"focus-visible","kind":"ui","min":3,"fg":"color.action.destructive.filled-text","bg":"color.action.destructive.filled-bg","fgHex":"#f9faf9","bgHex":"#dc282e","ratio":4.58,"pass":true,"waiver":null},{"label":"form field text","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"form field boundary on the overlay surface","state":null,"kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.overlay","fgHex":"#a3676b","bgHex":"#241010","ratio":4.07,"pass":true,"waiver":null}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"dialog","family":"feedback","maturity":"stable","priority":"R1","title":"Dialog","summary":"A native dialog on the overlay surface behind a 1px overlay border and the backdrop; modal when shown, with trapped focus and Escape to close.","native":true,"aria":{"pattern":"native <dialog> opened with showModal; role=alertdialog for confirmations; named by its heading, described by its first paragraph","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/"},"sizes":["compact","comfortable"],"tokens":{"backdrop.bg":{"alias":"color.surface.backdrop","value":"rgb(0 0 0 / 65%)","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"root.bg":{"alias":"color.surface.overlay","value":"#241010","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"root.ring":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.z":{"alias":"z.dialog","value":"30","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"title.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"text.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"close.text":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"close.bg-hover":{"alias":"color.action.tertiary.hover-bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"close.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"button.text":{"alias":"color.action.secondary.text","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"button.border":{"alias":"color.action.secondary.border","value":"#a3676b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"button.bg-hover":{"alias":"color.action.secondary.hover-bg","value":"#630f0d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"primary.bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"primary.text":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"primary.bg-hover":{"alias":"color.action.primary.hover-bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"destructive.bg":{"alias":"color.action.destructive.filled-bg","value":"#dc282e","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"destructive.text":{"alias":"color.action.destructive.filled-text","value":"#f9faf9","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"destructive.bg-hover":{"alias":"color.action.destructive.hover-bg","value":"#dc282e","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"field.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"field.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"field.label":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"note.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"the dialog open on its backdrop","channel":"`open`; the page behind is inert","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.overlay","value":"#241010","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}}}},{"state":"open","visual":"as default; opacity 0 → 1 within 150 ms on capable hosts","channel":"`open`; focus inside the dialog","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.overlay","value":"#241010","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}}}},{"state":"closed","visual":"nothing: the dialog and its backdrop are absent","channel":"no `open`; focus back on the opener","tokens":{}},{"state":"focus-trapped","visual":"the dialog itself carries the container ring, 2px solid {color.interaction.focus.ring-container} at −3px, when it holds focus; the note says Tab cycles","channel":"Tab never leaves; the note text","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.overlay","value":"#241010","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"hover","visual":"Close background → {color.action.tertiary.hover-bg}; other buttons take their tone's hover","channel":"cursor: pointer","tokens":{"fg":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.action.tertiary.hover-bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px on the focused control; primary uses {color.interaction.focus.ring-container}, destructive uses {color.action.destructive.filled-text} (D-015)","channel":"the ring","tokens":{"fg":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.overlay","value":"#241010","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"reduced-motion","visual":"no opacity transition; the dialog is simply present or absent","channel":"`prefers-reduced-motion`","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.overlay","value":"#241010","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Cycles through the dialog's focusable elements and never leaves it while open."},{"key":"Escape","action":"Closes the dialog (cancel) and returns focus to the element that opened it."},{"key":"Enter","action":"In a form dialog, submits; otherwise activates the focused button only."},{"key":"Space","action":"Activates the focused button."}],"responsive":"At most 28rem wide and 100% minus the 16px gutter below that; the body scrolls inside the dialog when taller than the viewport, header and actions stay visible; at 320px buttons stack. RTL mirrors the header and the action order.","portability":{"web":"native <dialog> opened with showModal() so the host provides the top layer, inertness of the page and Escape; ::backdrop takes surface.backdrop; focus moves to the first focusable element (or the dialog itself) on open and back to the opener on close; role=alertdialog with aria-describedby for confirmations.","nativeFallbacks":["GTK4 Window with modal and transient-for; the css node gets the overlay border.","Qt QDialog modal; stylesheet border and background; QMessageBox for the alert dialog.","Terminal UI: a centred box drawn with a single-line border over a dimmed screen."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-OVERFLOW","FX-STATE-MATRIX"],"related":["drawer","alert","toast","button","text-field","popover"],"specimens":["admin-form","settings-panel"],"nonExamples":"A glowing or shadowed card. Rounded corners. A dialog that slides or scales\nin. `<dialog>` shown with `show()` and a hand-written focus trap. A dialog\nwith no title, or with the title only in the accessible name. A destructive\nconfirm as the default Enter action. A backdrop that closes the dialog with\nno Close button. A dialog stacked on a dialog.","contrast":[{"label":"dialog default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.overlay","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"dialog default border","state":"default","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.overlay","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"dialog open text","state":"open","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.overlay","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"dialog open border","state":"open","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.overlay","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"dialog focus-trapped text","state":"focus-trapped","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.overlay","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"dialog focus-trapped border","state":"focus-trapped","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.overlay","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"dialog focus-trapped outline","state":"focus-trapped","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.surface.overlay","fgHex":"#ffa2a7","bgHex":"#241010","ratio":9.49,"pass":true,"waiver":null},{"label":"dialog hover text","state":"hover","kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.action.tertiary.hover-bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"dialog focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.surface.overlay","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"dialog focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.overlay","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"dialog reduced-motion text","state":"reduced-motion","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.overlay","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"dialog reduced-motion border","state":"reduced-motion","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.overlay","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"title on the overlay surface","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.overlay","fgHex":"#ffa2a7","bgHex":"#241010","ratio":9.49,"pass":true,"waiver":null},{"label":"note on the overlay surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.overlay","fgHex":"#bd787d","bgHex":"#241010","ratio":5.31,"pass":true,"waiver":null},{"label":"secondary button text on the overlay surface","state":null,"kind":"text","min":4.5,"fg":"color.action.secondary.text","bg":"color.surface.overlay","fgHex":"#ffa2a7","bgHex":"#241010","ratio":9.49,"pass":true,"waiver":null},{"label":"secondary button boundary on the overlay surface","state":null,"kind":"ui","min":3,"fg":"color.action.secondary.border","bg":"color.surface.overlay","fgHex":"#a3676b","bgHex":"#241010","ratio":4.07,"pass":true,"waiver":null},{"label":"primary button text","state":null,"kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.bg","fgHex":"#f4eeee","bgHex":"#871f19","ratio":8.17,"pass":true,"waiver":null},{"label":"destructive confirm text on its fill","state":null,"kind":"text","min":4.5,"fg":"color.action.destructive.filled-text","bg":"color.action.destructive.filled-bg","fgHex":"#f9faf9","bgHex":"#dc282e","ratio":4.58,"pass":true,"waiver":null},{"label":"destructive fill against the overlay surface","state":null,"kind":"ui","min":3,"fg":"color.action.destructive.filled-bg","bg":"color.surface.overlay","fgHex":"#dc282e","bgHex":"#241010","ratio":3.79,"pass":true,"waiver":null},{"label":"ring on the primary fill","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.action.primary.bg","fgHex":"#ffa2a7","bgHex":"#871f19","ratio":4.9,"pass":true,"waiver":null},{"label":"ring on the destructive fill","state":"focus-visible","kind":"ui","min":3,"fg":"color.action.destructive.filled-text","bg":"color.action.destructive.filled-bg","fgHex":"#f9faf9","bgHex":"#dc282e","ratio":4.58,"pass":true,"waiver":null},{"label":"form field text","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"form field boundary on the overlay surface","state":null,"kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.overlay","fgHex":"#a3676b","bgHex":"#241010","ratio":4.07,"pass":true,"waiver":null}]} |
| component-contract | diff-view | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"diff-view","family":"developer","maturity":"stable","priority":"R1","title":"Diff view","summary":"Unified and split diffs as native tables; added, removed and modified rows keep their textual gutter marker, word-level changes are underlines, conflicts are double borders.","native":true,"aria":{"pattern":"native <table> with a caption; one row per line; collapsed hunks are a <button> with aria-expanded controlling a hidden <tbody>","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.code.bg","value":"#0c0909","status":"observed"},"root.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"root.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"line-number.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"line-number.rule":{"alias":"color.code.gutter-rule","value":"#2b0e0d","status":"observed"},"row.divider":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed"},"added.bg":{"alias":"color.diff.added.bg","value":"#0f1a0e","status":"approved"},"added.gutter":{"alias":"color.diff.added.gutter","value":"#86a46f","status":"approved"},"added.emphasis":{"alias":"color.diff.added.emphasis","value":"#86a46f","status":"approved"},"removed.bg":{"alias":"color.diff.removed.bg","value":"#2b0e0d","status":"observed"},"removed.gutter":{"alias":"color.diff.removed.gutter","value":"#e53935","status":"observed"},"removed.emphasis":{"alias":"color.diff.removed.emphasis","value":"#e53935","status":"observed"},"modified.bg":{"alias":"color.diff.modified.bg","value":"#1f1a0c","status":"approved"},"modified.gutter":{"alias":"color.diff.modified.gutter","value":"#c9973f","status":"approved"},"hunk.bg":{"alias":"color.diff.header-bg","value":"#241010","status":"observed"},"hunk.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"hunk.context":{"alias":"color.text.default","value":"#e99499","status":"observed"},"conflict.border":{"alias":"color.diff.conflict-border","value":"#f73f35","status":"observed"},"conflict.marker":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"fold.text":{"alias":"color.text.link","value":"#ffa2a7","status":"observed"},"fold.bg-hover":{"alias":"color.interaction.hover.bg-strong","value":"#630f0d","status":"observed"},"row.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"row.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"},"row.bg-selected":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"},"row.text-selected":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed"},"row.ring-selected":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"}},"stateRules":[{"state":"default","visual":"added rows {color.diff.added.bg} with `+` in {color.diff.added.gutter}; removed {color.diff.removed.bg} with `−` in {color.diff.removed.gutter}; modified {color.diff.modified.bg} with `~` in {color.diff.modified.gutter}; hunk rows {color.diff.header-bg}; conflicts in a 3px double {color.diff.conflict-border}","channel":"the markers; the double border","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.code.bg","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"hover","visual":"the row's number and marker cells → {color.interaction.hover.bg}; the text cell keeps its fill","channel":"cursor: default; only on hover-capable pointers","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"}}},{"state":"selected","visual":"the whole row filled {color.interaction.selection.bg} with {color.interaction.selection.text}; the marker stays","channel":"`aria-current` (or `:target` for a permalinked line); the marker glyph","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"}}},{"state":"focus-visible","visual":"1px dashed {color.interaction.focus.ring} at −2px around the row; on a selected row the ring is {color.interaction.focus.ring-container}","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.code.bg","value":"#0c0909","status":"observed"},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}}},{"state":"expanded","visual":"the folded `<tbody>` is shown; the chevron points down; the button reads \"Hide 12 unchanged lines\"","channel":"`aria-expanded=\"true\"`; the rows appear","tokens":{"fg":{"alias":"color.text.link","value":"#ffa2a7","status":"observed"},"bg":{"alias":"color.diff.header-bg","value":"#241010","status":"observed"}}},{"state":"collapsed","visual":"the folded `<tbody>` is hidden; the chevron points to the inline end; \"… 12 unchanged lines\"","channel":"`aria-expanded=\"false\"`; the ellipsis","tokens":{"fg":{"alias":"color.text.link","value":"#ffa2a7","status":"observed"},"bg":{"alias":"color.diff.header-bg","value":"#241010","status":"observed"}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves between the fold buttons and any row the host makes focusable; rows are not stops in a plain table."},{"key":"Enter / Space","action":"On a fold button toggles the hidden hunk; focus stays on the button."},{"key":"Down / Up","action":"In grid hosts, moves the selected row; the theme draws the ring on whichever row the host focuses."},{"key":"(host)","action":"Next-change and previous-change navigation, staging and comment affordances are host bindings."}],"responsive":"The table scrolls horizontally inside its box; line numbers and markers are sticky at the inline-start edge below 600px; the split variant becomes unified below 600px in hosts that can, otherwise scrolls. At 320px nothing wraps and nothing is clipped. RTL mirrors the number columns while the code stays left-to-right.","portability":{"web":"native <table> with <caption>, <tbody> per hunk, a <button aria-expanded aria-controls> per collapsed hunk; markers are real characters in their own cell; word-level changes are <ins>/<del> or spans with text-decoration; conflicts are a bordered <tbody>.","nativeFallbacks":["GTK/Qt: a two-column source view or QPlainTextEdit with per-line backgrounds; the marker column is a gutter renderer with real glyphs.","JetBrains: DIFF_INSERTED, DIFF_DELETED, DIFF_MODIFIED and DIFF_CONFLICT keys; the gutter marker follows the IDE.","Terminal (delta, git diff --color): the three fills as background slots, markers untouched; word-level as underline where the emulator supports it."]},"fixtures":["FX-STATE-MATRIX","FX-320","FX-ZOOM-200","FX-RM","FX-HC","FX-LONG","FX-OVERFLOW"],"related":["code-editor","diagnostics","terminal"],"specimens":["i3-window-frame"],"nonExamples":"Red and green fills with no `+`/`−` marker. Word-level changes drawn as a\nbright fill that pushes the text below 4.5:1. A removed line rendered in\n`text.disabled` or struck through as a whole. Collapsed hunks that are only\nvisually clipped and still read out. Conflict blocks in purple. Hover that\nrecolours the code text. Round-cornered hunk cards floating on the page. A\nselected row that drops the marker because \"the colour says it\".","contrast":[{"label":"diff-view default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.code.bg","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"diff-view default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.code.bg","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"diff-view hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"diff-view selected text","state":"selected","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"diff-view focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.code.bg","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"diff-view focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.code.bg","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"diff-view expanded text","state":"expanded","kind":"text","min":4.5,"fg":"color.text.link","bg":"color.diff.header-bg","fgHex":"#ffa2a7","bgHex":"#241010","ratio":9.49,"pass":true,"waiver":null},{"label":"diff-view collapsed text","state":"collapsed","kind":"text","min":4.5,"fg":"color.text.link","bg":"color.diff.header-bg","fgHex":"#ffa2a7","bgHex":"#241010","ratio":9.49,"pass":true,"waiver":null},{"label":"text on an added row","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.diff.added.bg","fgHex":"#e99499","bgHex":"#0f1a0e","ratio":7.8,"pass":true,"waiver":null},{"label":"text on a removed row","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.diff.removed.bg","fgHex":"#e99499","bgHex":"#2b0e0d","ratio":7.82,"pass":true,"waiver":null},{"label":"text on a modified row","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.diff.modified.bg","fgHex":"#e99499","bgHex":"#1f1a0c","ratio":7.56,"pass":true,"waiver":null},{"label":"hunk context on the header","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.diff.header-bg","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"hunk range on the header","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.diff.header-bg","fgHex":"#bd787d","bgHex":"#241010","ratio":5.31,"pass":true,"waiver":null},{"label":"line numbers on a context row","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.code.bg","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"line numbers on an added row","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.diff.added.bg","fgHex":"#bd787d","bgHex":"#0f1a0e","ratio":5.23,"pass":true,"waiver":null},{"label":"line numbers on a removed row","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.diff.removed.bg","fgHex":"#bd787d","bgHex":"#2b0e0d","ratio":5.25,"pass":true,"waiver":null},{"label":"line numbers on a modified row","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.diff.modified.bg","fgHex":"#bd787d","bgHex":"#1f1a0c","ratio":5.07,"pass":true,"waiver":null},{"label":"the + marker","state":null,"kind":"text","min":4.5,"fg":"color.diff.added.gutter","bg":"color.diff.added.bg","fgHex":"#86a46f","bgHex":"#0f1a0e","ratio":6.43,"pass":true,"waiver":null},{"label":"the − marker (bold, 4.24:1; glyph plus fill)","state":null,"kind":"ui","min":3,"fg":"color.diff.removed.gutter","bg":"color.diff.removed.bg","fgHex":"#e53935","bgHex":"#2b0e0d","ratio":4.24,"pass":true,"waiver":null},{"label":"the ~ marker","state":null,"kind":"text","min":4.5,"fg":"color.diff.modified.gutter","bg":"color.diff.modified.bg","fgHex":"#c9973f","bgHex":"#1f1a0c","ratio":6.59,"pass":true,"waiver":null},{"label":"word-level added underline","state":null,"kind":"ui","min":3,"fg":"color.diff.added.emphasis","bg":"color.diff.added.bg","fgHex":"#86a46f","bgHex":"#0f1a0e","ratio":6.43,"pass":true,"waiver":null},{"label":"word-level removed underline and strike","state":null,"kind":"ui","min":3,"fg":"color.diff.removed.emphasis","bg":"color.diff.removed.bg","fgHex":"#e53935","bgHex":"#2b0e0d","ratio":4.24,"pass":true,"waiver":null},{"label":"conflict double border","state":null,"kind":"ui","min":3,"fg":"color.diff.conflict-border","bg":"color.code.bg","fgHex":"#f73f35","bgHex":"#0c0909","ratio":5.4,"pass":true,"waiver":null},{"label":"conflict marker lines","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.diff.header-bg","fgHex":"#ffa2a7","bgHex":"#241010","ratio":9.49,"pass":true,"waiver":null},{"label":"ring on an added row","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.diff.added.bg","fgHex":"#e53935","bgHex":"#0f1a0e","ratio":4.23,"pass":true,"waiver":null},{"label":"ring on a removed row","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.diff.removed.bg","fgHex":"#e53935","bgHex":"#2b0e0d","ratio":4.24,"pass":true,"waiver":null},{"label":"ring on a modified row","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.diff.modified.bg","fgHex":"#e53935","bgHex":"#1f1a0c","ratio":4.1,"pass":true,"waiver":null},{"label":"ring on the selected row","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.interaction.selection.bg","fgHex":"#ffa2a7","bgHex":"#911410","ratio":4.75,"pass":true,"waiver":null},{"label":"fold button text","state":null,"kind":"text","min":4.5,"fg":"color.text.link","bg":"color.diff.header-bg","fgHex":"#ffa2a7","bgHex":"#241010","ratio":9.49,"pass":true,"waiver":null}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"diff-view","family":"developer","maturity":"stable","priority":"R1","title":"Diff view","summary":"Unified and split diffs as native tables; added, removed and modified rows keep their textual gutter marker, word-level changes are underlines, conflicts are double borders.","native":true,"aria":{"pattern":"native <table> with a caption; one row per line; collapsed hunks are a <button> with aria-expanded controlling a hidden <tbody>","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.code.bg","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"root.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"line-number.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"line-number.rule":{"alias":"color.code.gutter-rule","value":"#2b0e0d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"row.divider":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"added.bg":{"alias":"color.diff.added.bg","value":"#0f1a0e","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"added.gutter":{"alias":"color.diff.added.gutter","value":"#86a46f","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"added.emphasis":{"alias":"color.diff.added.emphasis","value":"#86a46f","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"removed.bg":{"alias":"color.diff.removed.bg","value":"#2b0e0d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"removed.gutter":{"alias":"color.diff.removed.gutter","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"removed.emphasis":{"alias":"color.diff.removed.emphasis","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"modified.bg":{"alias":"color.diff.modified.bg","value":"#1f1a0c","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"modified.gutter":{"alias":"color.diff.modified.gutter","value":"#c9973f","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"hunk.bg":{"alias":"color.diff.header-bg","value":"#241010","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"hunk.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"hunk.context":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"conflict.border":{"alias":"color.diff.conflict-border","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"conflict.marker":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"fold.text":{"alias":"color.text.link","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"fold.bg-hover":{"alias":"color.interaction.hover.bg-strong","value":"#630f0d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"row.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"row.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"row.bg-selected":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"row.text-selected":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"row.ring-selected":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"added rows {color.diff.added.bg} with `+` in {color.diff.added.gutter}; removed {color.diff.removed.bg} with `−` in {color.diff.removed.gutter}; modified {color.diff.modified.bg} with `~` in {color.diff.modified.gutter}; hunk rows {color.diff.header-bg}; conflicts in a 3px double {color.diff.conflict-border}","channel":"the markers; the double border","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.code.bg","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"hover","visual":"the row's number and marker cells → {color.interaction.hover.bg}; the text cell keeps its fill","channel":"cursor: default; only on hover-capable pointers","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"selected","visual":"the whole row filled {color.interaction.selection.bg} with {color.interaction.selection.text}; the marker stays","channel":"`aria-current` (or `:target` for a permalinked line); the marker glyph","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"focus-visible","visual":"1px dashed {color.interaction.focus.ring} at −2px around the row; on a selected row the ring is {color.interaction.focus.ring-container}","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.code.bg","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"expanded","visual":"the folded `<tbody>` is shown; the chevron points down; the button reads \"Hide 12 unchanged lines\"","channel":"`aria-expanded=\"true\"`; the rows appear","tokens":{"fg":{"alias":"color.text.link","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.diff.header-bg","value":"#241010","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"collapsed","visual":"the folded `<tbody>` is hidden; the chevron points to the inline end; \"… 12 unchanged lines\"","channel":"`aria-expanded=\"false\"`; the ellipsis","tokens":{"fg":{"alias":"color.text.link","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.diff.header-bg","value":"#241010","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves between the fold buttons and any row the host makes focusable; rows are not stops in a plain table."},{"key":"Enter / Space","action":"On a fold button toggles the hidden hunk; focus stays on the button."},{"key":"Down / Up","action":"In grid hosts, moves the selected row; the theme draws the ring on whichever row the host focuses."},{"key":"(host)","action":"Next-change and previous-change navigation, staging and comment affordances are host bindings."}],"responsive":"The table scrolls horizontally inside its box; line numbers and markers are sticky at the inline-start edge below 600px; the split variant becomes unified below 600px in hosts that can, otherwise scrolls. At 320px nothing wraps and nothing is clipped. RTL mirrors the number columns while the code stays left-to-right.","portability":{"web":"native <table> with <caption>, <tbody> per hunk, a <button aria-expanded aria-controls> per collapsed hunk; markers are real characters in their own cell; word-level changes are <ins>/<del> or spans with text-decoration; conflicts are a bordered <tbody>.","nativeFallbacks":["GTK/Qt: a two-column source view or QPlainTextEdit with per-line backgrounds; the marker column is a gutter renderer with real glyphs.","JetBrains: DIFF_INSERTED, DIFF_DELETED, DIFF_MODIFIED and DIFF_CONFLICT keys; the gutter marker follows the IDE.","Terminal (delta, git diff --color): the three fills as background slots, markers untouched; word-level as underline where the emulator supports it."]},"fixtures":["FX-STATE-MATRIX","FX-320","FX-ZOOM-200","FX-RM","FX-HC","FX-LONG","FX-OVERFLOW"],"related":["code-editor","diagnostics","terminal"],"specimens":["i3-window-frame"],"nonExamples":"Red and green fills with no `+`/`−` marker. Word-level changes drawn as a\nbright fill that pushes the text below 4.5:1. A removed line rendered in\n`text.disabled` or struck through as a whole. Collapsed hunks that are only\nvisually clipped and still read out. Conflict blocks in purple. Hover that\nrecolours the code text. Round-cornered hunk cards floating on the page. A\nselected row that drops the marker because \"the colour says it\".","contrast":[{"label":"diff-view default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.code.bg","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"diff-view default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.code.bg","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"diff-view hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"diff-view selected text","state":"selected","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"diff-view focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.code.bg","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"diff-view focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.code.bg","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"diff-view expanded text","state":"expanded","kind":"text","min":4.5,"fg":"color.text.link","bg":"color.diff.header-bg","fgHex":"#ffa2a7","bgHex":"#241010","ratio":9.49,"pass":true,"waiver":null},{"label":"diff-view collapsed text","state":"collapsed","kind":"text","min":4.5,"fg":"color.text.link","bg":"color.diff.header-bg","fgHex":"#ffa2a7","bgHex":"#241010","ratio":9.49,"pass":true,"waiver":null},{"label":"text on an added row","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.diff.added.bg","fgHex":"#e99499","bgHex":"#0f1a0e","ratio":7.8,"pass":true,"waiver":null},{"label":"text on a removed row","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.diff.removed.bg","fgHex":"#e99499","bgHex":"#2b0e0d","ratio":7.82,"pass":true,"waiver":null},{"label":"text on a modified row","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.diff.modified.bg","fgHex":"#e99499","bgHex":"#1f1a0c","ratio":7.56,"pass":true,"waiver":null},{"label":"hunk context on the header","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.diff.header-bg","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"hunk range on the header","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.diff.header-bg","fgHex":"#bd787d","bgHex":"#241010","ratio":5.31,"pass":true,"waiver":null},{"label":"line numbers on a context row","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.code.bg","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"line numbers on an added row","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.diff.added.bg","fgHex":"#bd787d","bgHex":"#0f1a0e","ratio":5.23,"pass":true,"waiver":null},{"label":"line numbers on a removed row","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.diff.removed.bg","fgHex":"#bd787d","bgHex":"#2b0e0d","ratio":5.25,"pass":true,"waiver":null},{"label":"line numbers on a modified row","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.diff.modified.bg","fgHex":"#bd787d","bgHex":"#1f1a0c","ratio":5.07,"pass":true,"waiver":null},{"label":"the + marker","state":null,"kind":"text","min":4.5,"fg":"color.diff.added.gutter","bg":"color.diff.added.bg","fgHex":"#86a46f","bgHex":"#0f1a0e","ratio":6.43,"pass":true,"waiver":null},{"label":"the − marker (bold, 4.24:1; glyph plus fill)","state":null,"kind":"ui","min":3,"fg":"color.diff.removed.gutter","bg":"color.diff.removed.bg","fgHex":"#e53935","bgHex":"#2b0e0d","ratio":4.24,"pass":true,"waiver":null},{"label":"the ~ marker","state":null,"kind":"text","min":4.5,"fg":"color.diff.modified.gutter","bg":"color.diff.modified.bg","fgHex":"#c9973f","bgHex":"#1f1a0c","ratio":6.59,"pass":true,"waiver":null},{"label":"word-level added underline","state":null,"kind":"ui","min":3,"fg":"color.diff.added.emphasis","bg":"color.diff.added.bg","fgHex":"#86a46f","bgHex":"#0f1a0e","ratio":6.43,"pass":true,"waiver":null},{"label":"word-level removed underline and strike","state":null,"kind":"ui","min":3,"fg":"color.diff.removed.emphasis","bg":"color.diff.removed.bg","fgHex":"#e53935","bgHex":"#2b0e0d","ratio":4.24,"pass":true,"waiver":null},{"label":"conflict double border","state":null,"kind":"ui","min":3,"fg":"color.diff.conflict-border","bg":"color.code.bg","fgHex":"#f73f35","bgHex":"#0c0909","ratio":5.4,"pass":true,"waiver":null},{"label":"conflict marker lines","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.diff.header-bg","fgHex":"#ffa2a7","bgHex":"#241010","ratio":9.49,"pass":true,"waiver":null},{"label":"ring on an added row","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.diff.added.bg","fgHex":"#e53935","bgHex":"#0f1a0e","ratio":4.23,"pass":true,"waiver":null},{"label":"ring on a removed row","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.diff.removed.bg","fgHex":"#e53935","bgHex":"#2b0e0d","ratio":4.24,"pass":true,"waiver":null},{"label":"ring on a modified row","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.diff.modified.bg","fgHex":"#e53935","bgHex":"#1f1a0c","ratio":4.1,"pass":true,"waiver":null},{"label":"ring on the selected row","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.interaction.selection.bg","fgHex":"#ffa2a7","bgHex":"#911410","ratio":4.75,"pass":true,"waiver":null},{"label":"fold button text","state":null,"kind":"text","min":4.5,"fg":"color.text.link","bg":"color.diff.header-bg","fgHex":"#ffa2a7","bgHex":"#241010","ratio":9.49,"pass":true,"waiver":null}]} |
| component-contract | drawer | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"drawer","family":"feedback","maturity":"stable","priority":"R1","title":"Drawer","summary":"A full-height modal panel anchored to the start or end edge; a native dialog on the overlay surface with a 1px overlay border on its inner edge.","native":true,"aria":{"pattern":"native <dialog> opened with showModal, anchored to an inline edge; named by its heading; Escape closes","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/"},"sizes":["compact","comfortable"],"tokens":{"backdrop.bg":{"alias":"color.surface.backdrop","value":"rgb(0 0 0 / 65%)","status":"proposed"},"root.bg":{"alias":"color.surface.overlay","value":"#241010","status":"observed"},"root.border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed"},"root.ring":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"},"root.z":{"alias":"z.drawer","value":"20","status":"observed"},"title.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"text.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"body.divider":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed"},"item.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"item.bg-hover":{"alias":"color.interaction.hover.bg-strong","value":"#630f0d","status":"observed"},"item.text-hover":{"alias":"color.text.link-hover","value":"#f4eeee","status":"observed"},"close.text":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed"},"close.bg-hover":{"alias":"color.action.tertiary.hover-bg","value":"#1c0a09","status":"observed"},"close.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"},"note.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"}},"stateRules":[{"state":"default","visual":"the panel open at its edge on the backdrop","channel":"`open`; the page behind is inert","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.overlay","value":"#241010","status":"observed"},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed"}}},{"state":"open","visual":"as default; opacity 0 → 1 within 150 ms on capable hosts; never a slide","channel":"`open`; focus inside the panel","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.overlay","value":"#241010","status":"observed"},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed"}}},{"state":"closed","visual":"nothing: the panel and the backdrop are absent","channel":"no `open`; focus back on the opener","tokens":{}},{"state":"focus-trapped","visual":"the panel carries the container ring, 2px solid {color.interaction.focus.ring-container} at −3px, when it holds focus; the note says Tab cycles","channel":"Tab never leaves; the note text","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.overlay","value":"#241010","status":"observed"},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed"},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"}}},{"state":"reduced-motion","visual":"no opacity transition; the panel is simply present or absent","channel":"`prefers-reduced-motion`","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.overlay","value":"#241010","status":"observed"},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed"}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Cycles inside the drawer and never leaves it while open."},{"key":"Escape","action":"Closes the drawer and returns focus to the element that opened it."},{"key":"Enter / Space","action":"Activates the focused item or button; a navigation item closes the drawer after navigating."}],"responsive":"At most 20rem wide and 100% minus the 48px gutter below 360px; always the full height of the viewport; the body scrolls inside. RTL swaps the edges, which the logical properties do on their own.","portability":{"web":"native <dialog> opened with showModal() and positioned with inset-block 0 and inset-inline-start or -end 0, so the top layer, inertness and Escape come from the host; ::backdrop takes surface.backdrop; focus moves to the first focusable element on open and back to the opener on close.","nativeFallbacks":["GTK4 a Window with modal set and the panel aligned to an edge; libadwaita sidebars are not drawers.","Qt QDockWidget floating and modal is not equivalent; a QDialog positioned at the edge with the overlay border.","Terminal UI: a full-height column at the edge drawn with a single vertical line, the rest of the screen dimmed."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-OVERFLOW","FX-STATE-MATRIX"],"related":["dialog","sidebar-nav","menu","toolbar"],"specimens":["settings-panel","i3-window-frame"],"nonExamples":"A panel that slides in from the edge. A drawer with a shadow or a rounded\ninner corner. A drawer that is a plain aside with a hand-written focus trap.\nA bottom sheet with a drag handle. A drawer with no Close button. A drawer\nthat stays open under a dialog. A translucent panel over page content.","contrast":[{"label":"drawer default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.overlay","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"drawer default border","state":"default","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.overlay","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"drawer open text","state":"open","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.overlay","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"drawer open border","state":"open","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.overlay","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"drawer focus-trapped text","state":"focus-trapped","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.overlay","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"drawer focus-trapped border","state":"focus-trapped","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.overlay","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"drawer focus-trapped outline","state":"focus-trapped","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.surface.overlay","fgHex":"#ffa2a7","bgHex":"#241010","ratio":9.49,"pass":true,"waiver":null},{"label":"drawer reduced-motion text","state":"reduced-motion","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.overlay","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"drawer reduced-motion border","state":"reduced-motion","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.overlay","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"title on the overlay surface","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.overlay","fgHex":"#ffa2a7","bgHex":"#241010","ratio":9.49,"pass":true,"waiver":null},{"label":"note on the overlay surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.overlay","fgHex":"#bd787d","bgHex":"#241010","ratio":5.31,"pass":true,"waiver":null},{"label":"close button on the overlay surface","state":null,"kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.surface.overlay","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"ring on the overlay surface","state":null,"kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.overlay","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"hovered item","state":null,"kind":"text","min":4.5,"fg":"color.text.link-hover","bg":"color.interaction.hover.bg-strong","fgHex":"#f4eeee","bgHex":"#630f0d","ratio":11.41,"pass":true,"waiver":null},{"label":"row dividers (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.overlay","fgHex":"#2b0e0d","bgHex":"#241010","ratio":1.01,"pass":true,"waiver":"rows are list items; the divider separates, it does not bound a control"}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"drawer","family":"feedback","maturity":"stable","priority":"R1","title":"Drawer","summary":"A full-height modal panel anchored to the start or end edge; a native dialog on the overlay surface with a 1px overlay border on its inner edge.","native":true,"aria":{"pattern":"native <dialog> opened with showModal, anchored to an inline edge; named by its heading; Escape closes","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/"},"sizes":["compact","comfortable"],"tokens":{"backdrop.bg":{"alias":"color.surface.backdrop","value":"rgb(0 0 0 / 65%)","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"root.bg":{"alias":"color.surface.overlay","value":"#241010","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"root.ring":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.z":{"alias":"z.drawer","value":"20","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"title.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"text.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"body.divider":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"item.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"item.bg-hover":{"alias":"color.interaction.hover.bg-strong","value":"#630f0d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"item.text-hover":{"alias":"color.text.link-hover","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"close.text":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"close.bg-hover":{"alias":"color.action.tertiary.hover-bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"close.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"note.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"the panel open at its edge on the backdrop","channel":"`open`; the page behind is inert","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.overlay","value":"#241010","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}}}},{"state":"open","visual":"as default; opacity 0 → 1 within 150 ms on capable hosts; never a slide","channel":"`open`; focus inside the panel","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.overlay","value":"#241010","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}}}},{"state":"closed","visual":"nothing: the panel and the backdrop are absent","channel":"no `open`; focus back on the opener","tokens":{}},{"state":"focus-trapped","visual":"the panel carries the container ring, 2px solid {color.interaction.focus.ring-container} at −3px, when it holds focus; the note says Tab cycles","channel":"Tab never leaves; the note text","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.overlay","value":"#241010","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"reduced-motion","visual":"no opacity transition; the panel is simply present or absent","channel":"`prefers-reduced-motion`","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.overlay","value":"#241010","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Cycles inside the drawer and never leaves it while open."},{"key":"Escape","action":"Closes the drawer and returns focus to the element that opened it."},{"key":"Enter / Space","action":"Activates the focused item or button; a navigation item closes the drawer after navigating."}],"responsive":"At most 20rem wide and 100% minus the 48px gutter below 360px; always the full height of the viewport; the body scrolls inside. RTL swaps the edges, which the logical properties do on their own.","portability":{"web":"native <dialog> opened with showModal() and positioned with inset-block 0 and inset-inline-start or -end 0, so the top layer, inertness and Escape come from the host; ::backdrop takes surface.backdrop; focus moves to the first focusable element on open and back to the opener on close.","nativeFallbacks":["GTK4 a Window with modal set and the panel aligned to an edge; libadwaita sidebars are not drawers.","Qt QDockWidget floating and modal is not equivalent; a QDialog positioned at the edge with the overlay border.","Terminal UI: a full-height column at the edge drawn with a single vertical line, the rest of the screen dimmed."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-OVERFLOW","FX-STATE-MATRIX"],"related":["dialog","sidebar-nav","menu","toolbar"],"specimens":["settings-panel","i3-window-frame"],"nonExamples":"A panel that slides in from the edge. A drawer with a shadow or a rounded\ninner corner. A drawer that is a plain aside with a hand-written focus trap.\nA bottom sheet with a drag handle. A drawer with no Close button. A drawer\nthat stays open under a dialog. A translucent panel over page content.","contrast":[{"label":"drawer default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.overlay","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"drawer default border","state":"default","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.overlay","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"drawer open text","state":"open","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.overlay","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"drawer open border","state":"open","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.overlay","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"drawer focus-trapped text","state":"focus-trapped","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.overlay","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"drawer focus-trapped border","state":"focus-trapped","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.overlay","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"drawer focus-trapped outline","state":"focus-trapped","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.surface.overlay","fgHex":"#ffa2a7","bgHex":"#241010","ratio":9.49,"pass":true,"waiver":null},{"label":"drawer reduced-motion text","state":"reduced-motion","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.overlay","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"drawer reduced-motion border","state":"reduced-motion","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.overlay","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"title on the overlay surface","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.overlay","fgHex":"#ffa2a7","bgHex":"#241010","ratio":9.49,"pass":true,"waiver":null},{"label":"note on the overlay surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.overlay","fgHex":"#bd787d","bgHex":"#241010","ratio":5.31,"pass":true,"waiver":null},{"label":"close button on the overlay surface","state":null,"kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.surface.overlay","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"ring on the overlay surface","state":null,"kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.overlay","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"hovered item","state":null,"kind":"text","min":4.5,"fg":"color.text.link-hover","bg":"color.interaction.hover.bg-strong","fgHex":"#f4eeee","bgHex":"#630f0d","ratio":11.41,"pass":true,"waiver":null},{"label":"row dividers (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.overlay","fgHex":"#2b0e0d","bgHex":"#241010","ratio":1.01,"pass":true,"waiver":"rows are list items; the divider separates, it does not bound a control"}]} |
| component-contract | empty-state | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"empty-state","family":"feedback","maturity":"stable","priority":"R1","title":"Empty state","summary":"What a container shows when it has nothing to list; a glyph, a heading in the bright text colour, one sentence in the muted colour and an optional secondary action.","native":true,"aria":{"pattern":"native block; a heading and a paragraph inside the region the content would fill; the action is a native <button> or <a>","apg":"https://www.w3.org/WAI/ARIA/apg/practices/landmark-regions/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"root.border":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed"},"glyph.text":{"alias":"color.icon.decorative","value":"#a3676b","status":"observed"},"heading.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"text.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"action.text":{"alias":"color.action.secondary.text","value":"#ffa2a7","status":"observed"},"action.border":{"alias":"color.action.secondary.border","value":"#a3676b","status":"observed"},"action.bg-hover":{"alias":"color.action.secondary.hover-bg","value":"#630f0d","status":"observed"},"action.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}},"stateRules":[{"state":"default","visual":"glyph, heading and sentence centred; the action, when present, below them","channel":"the worded heading; the action is a real button","tokens":{"fg":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"}}}],"keyboard":[{"key":"Tab","action":"Reaches the action when present; the block itself is never focusable."},{"key":"Enter / Space","action":"Activates the action."}],"responsive":"Centred at any width; the heading and sentence wrap; at 320px the padding shrinks to 16px and the action takes the full width. RTL needs no change; the glyph has no direction.","portability":{"web":"a <div> with an <h3> (or the heading level of the region) and a <p>, placed where the list, table body or pane content would be; the action is a native <button> or <a>; a live region announces the change when a filter empties the list.","nativeFallbacks":["GTK4 StatusPage; the icon slot holds the glyph as text.","Qt a QLabel stack in the empty view; QListView placeholder text is not enough because it has no action.","Terminal UI: the heading and sentence centred in the pane."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-STATE-MATRIX"],"related":["error-state","loading-indicator","list","table","data-table","button"],"specimens":["filterable-table","settings-panel"],"nonExamples":"An illustration or mascot. A primary (filled) call to action. A blank pane.\nA greyed-out table header with no message. A message that only says \"No\ndata\". A heading in the accent red. An empty state that appears while\nloading. Centred text in a rounded card with a shadow.","contrast":[{"label":"empty-state default text","state":"default","kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"heading on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"action text on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.action.secondary.text","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"action boundary on the panel surface","state":null,"kind":"ui","min":3,"fg":"color.action.secondary.border","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":null},{"label":"glyph (decorative)","state":null,"kind":"ui","min":1,"fg":"color.icon.decorative","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":"the glyph is aria-hidden and conveys nothing the heading does not"},{"label":"container edge (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.canvas","fgHex":"#2b0e0d","bgHex":"#0c0909","ratio":1.11,"pass":true,"waiver":"the empty state fills the region its content would; the edge is the region's"}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"empty-state","family":"feedback","maturity":"stable","priority":"R1","title":"Empty state","summary":"What a container shows when it has nothing to list; a glyph, a heading in the bright text colour, one sentence in the muted colour and an optional secondary action.","native":true,"aria":{"pattern":"native block; a heading and a paragraph inside the region the content would fill; the action is a native <button> or <a>","apg":"https://www.w3.org/WAI/ARIA/apg/practices/landmark-regions/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"glyph.text":{"alias":"color.icon.decorative","value":"#a3676b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"heading.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"text.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"action.text":{"alias":"color.action.secondary.text","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"action.border":{"alias":"color.action.secondary.border","value":"#a3676b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"action.bg-hover":{"alias":"color.action.secondary.hover-bg","value":"#630f0d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"action.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"glyph, heading and sentence centred; the action, when present, below them","channel":"the worded heading; the action is a real button","tokens":{"fg":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}}],"keyboard":[{"key":"Tab","action":"Reaches the action when present; the block itself is never focusable."},{"key":"Enter / Space","action":"Activates the action."}],"responsive":"Centred at any width; the heading and sentence wrap; at 320px the padding shrinks to 16px and the action takes the full width. RTL needs no change; the glyph has no direction.","portability":{"web":"a <div> with an <h3> (or the heading level of the region) and a <p>, placed where the list, table body or pane content would be; the action is a native <button> or <a>; a live region announces the change when a filter empties the list.","nativeFallbacks":["GTK4 StatusPage; the icon slot holds the glyph as text.","Qt a QLabel stack in the empty view; QListView placeholder text is not enough because it has no action.","Terminal UI: the heading and sentence centred in the pane."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-STATE-MATRIX"],"related":["error-state","loading-indicator","list","table","data-table","button"],"specimens":["filterable-table","settings-panel"],"nonExamples":"An illustration or mascot. A primary (filled) call to action. A blank pane.\nA greyed-out table header with no message. A message that only says \"No\ndata\". A heading in the accent red. An empty state that appears while\nloading. Centred text in a rounded card with a shadow.","contrast":[{"label":"empty-state default text","state":"default","kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"heading on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"action text on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.action.secondary.text","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"action boundary on the panel surface","state":null,"kind":"ui","min":3,"fg":"color.action.secondary.border","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":null},{"label":"glyph (decorative)","state":null,"kind":"ui","min":1,"fg":"color.icon.decorative","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":"the glyph is aria-hidden and conveys nothing the heading does not"},{"label":"container edge (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.canvas","fgHex":"#2b0e0d","bgHex":"#0c0909","ratio":1.11,"pass":true,"waiver":"the empty state fills the region its content would; the edge is the region's"}]} |
| component-contract | field | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"field","family":"forms-basic","maturity":"stable","priority":"R1","title":"Field","summary":"The label, control, help and message wrapper that every form control sits in; it fixes the stacking order, the required mark, the description links and the invalid message.","native":true,"aria":{"pattern":"native <label for> with aria-describedby on the control","apg":"https://www.w3.org/WAI/ARIA/apg/practices/forms/"},"sizes":["compact","comfortable"],"tokens":{"root.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"label.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"label.required-mark":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"},"control.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"control.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"control.border-invalid":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"},"control.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved"},"control.bg-disabled":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed"},"control.border-disabled":{"alias":"color.border.disabled","value":"#7d1310","status":"observed"},"help.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"message.text":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"}},"stateRules":[{"state":"default","visual":"label {color.text.bright}; help {color.text.muted}; control as its own component","channel":"—","tokens":{"fg":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"}}},{"state":"required","visual":"`*` after the label in {color.status.danger.text} plus visually hidden \"required\"","channel":"`required` attribute; the mark","tokens":{"fg":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"}}},{"state":"invalid","visual":"the control's 2px {color.status.danger.border}; message with the ✕ glyph in {color.status.danger.text}; help visually hidden","channel":"border width 1 → 2px; glyph; `aria-invalid`","tokens":{"fg":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"}}},{"state":"disabled","visual":"label and control text {color.text.disabled}; control {color.interaction.disabled.bg} with 1px {color.border.disabled}; help unchanged","channel":"`disabled`; cursor: not-allowed","tokens":{}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Reaches the control; the label is not a tab stop."}],"responsive":"Fills its container with min-width 0; at 320px label, control, help and message stack without clipping; long labels wrap. RTL keeps the stack and mirrors the required mark to the label's end.","portability":{"web":"<div> wrapper with <label for>, the control, <p> help and <p> message; aria-describedby lists help then message; aria-invalid on the control only after interaction or submit; groups use fieldset and legend instead of label.","nativeFallbacks":["GTK4 Box with a Label, the control and a caption-style Label.","Qt QFormLayout row with a QLabel buddy.","Terminal UI: label line, control line, dim help line."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-DENSITY","FX-STATE-MATRIX"],"related":["text-field","textarea","select","checkbox","radio-group","fieldset","number-field","search-field"],"specimens":["admin-form","settings-panel"],"nonExamples":"A floating label inside the control. A label to the left of the control.\nPlaceholder text as the only label. An error shown by a red border alone. A\nmessage that replaces the help text in the DOM. A required mark that is only\na colour change. An asterisk with no text alternative. Two controls in one\nfield.","contrast":[{"label":"field default text","state":"default","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"field required text","state":"required","kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.default","fgHex":"#f73f35","bgHex":"#160b0b","ratio":5.26,"pass":true,"waiver":null},{"label":"field invalid text","state":"invalid","kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.default","fgHex":"#f73f35","bgHex":"#160b0b","ratio":5.26,"pass":true,"waiver":null},{"label":"help text on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"help text on the canvas","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.canvas","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"disabled label (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.surface.default","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled control text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled border (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"field","family":"forms-basic","maturity":"stable","priority":"R1","title":"Field","summary":"The label, control, help and message wrapper that every form control sits in; it fixes the stacking order, the required mark, the description links and the invalid message.","native":true,"aria":{"pattern":"native <label for> with aria-describedby on the control","apg":"https://www.w3.org/WAI/ARIA/apg/practices/forms/"},"sizes":["compact","comfortable"],"tokens":{"root.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"label.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"label.required-mark":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"control.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"control.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"control.border-invalid":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"control.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"control.bg-disabled":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"control.border-disabled":{"alias":"color.border.disabled","value":"#7d1310","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"help.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"message.text":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"label {color.text.bright}; help {color.text.muted}; control as its own component","channel":"—","tokens":{"fg":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"required","visual":"`*` after the label in {color.status.danger.text} plus visually hidden \"required\"","channel":"`required` attribute; the mark","tokens":{"fg":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"invalid","visual":"the control's 2px {color.status.danger.border}; message with the ✕ glyph in {color.status.danger.text}; help visually hidden","channel":"border width 1 → 2px; glyph; `aria-invalid`","tokens":{"fg":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"disabled","visual":"label and control text {color.text.disabled}; control {color.interaction.disabled.bg} with 1px {color.border.disabled}; help unchanged","channel":"`disabled`; cursor: not-allowed","tokens":{}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Reaches the control; the label is not a tab stop."}],"responsive":"Fills its container with min-width 0; at 320px label, control, help and message stack without clipping; long labels wrap. RTL keeps the stack and mirrors the required mark to the label's end.","portability":{"web":"<div> wrapper with <label for>, the control, <p> help and <p> message; aria-describedby lists help then message; aria-invalid on the control only after interaction or submit; groups use fieldset and legend instead of label.","nativeFallbacks":["GTK4 Box with a Label, the control and a caption-style Label.","Qt QFormLayout row with a QLabel buddy.","Terminal UI: label line, control line, dim help line."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-DENSITY","FX-STATE-MATRIX"],"related":["text-field","textarea","select","checkbox","radio-group","fieldset","number-field","search-field"],"specimens":["admin-form","settings-panel"],"nonExamples":"A floating label inside the control. A label to the left of the control.\nPlaceholder text as the only label. An error shown by a red border alone. A\nmessage that replaces the help text in the DOM. A required mark that is only\na colour change. An asterisk with no text alternative. Two controls in one\nfield.","contrast":[{"label":"field default text","state":"default","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"field required text","state":"required","kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.default","fgHex":"#f73f35","bgHex":"#160b0b","ratio":5.26,"pass":true,"waiver":null},{"label":"field invalid text","state":"invalid","kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.default","fgHex":"#f73f35","bgHex":"#160b0b","ratio":5.26,"pass":true,"waiver":null},{"label":"help text on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"help text on the canvas","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.canvas","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"disabled label (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.surface.default","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled control text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled border (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"}]} |
| component-contract | fieldset | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"fieldset","family":"forms-basic","maturity":"stable","priority":"R1","title":"Fieldset","summary":"The native fieldset that groups related fields under a legend inside a 1px divider border; disabling it disables everything inside.","native":true,"aria":{"pattern":"native <fieldset> with <legend>","apg":"https://www.w3.org/WAI/ARIA/apg/practices/forms/"},"sizes":["compact","comfortable"],"tokens":{"root.border":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed"},"root.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"legend.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"body.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"legend.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved"},"field.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"field.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"field.bg-disabled":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed"},"field.border-disabled":{"alias":"color.border.disabled","value":"#7d1310","status":"observed"},"field.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved"},"help.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"}},"stateRules":[{"state":"default","visual":"1px {color.border.divider} border; legend {color.text.bright}; fields as their own components","channel":"the border and the legend","tokens":{"fg":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"}}},{"state":"disabled","visual":"legend and labels {color.text.disabled}; every control inside takes its own disabled treatment ({color.interaction.disabled.bg}, {color.border.disabled}); the border unchanged","channel":"`disabled` on the fieldset; cursor: not-allowed on the controls","tokens":{}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves through the fields inside in document order; the legend is not a tab stop."}],"responsive":"Fills its container; fields inside stack at every width; the legend wraps rather than truncating at 320px. RTL keeps the legend at the inline start of the top border.","portability":{"web":"native <fieldset> and <legend>; disabled on the fieldset disables every descendant control and is the only way a group is disabled; never a div with role=\"group\" when the group holds form controls.","nativeFallbacks":["GTK4 Frame with a label child; sensitivity propagates.","Qt QGroupBox; the title styled as the legend, checkable off.","Terminal UI: a box-drawing border with the legend in the top edge."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-DENSITY","FX-STATE-MATRIX"],"related":["field","checkbox","radio-group","text-field","card"],"specimens":["admin-form","settings-panel"],"nonExamples":"A fieldset with no legend or with a legend hidden visually. A card used\ninstead of a fieldset for form controls. Rounded corners. A 2px or\n`border.control` border on the group, which would read as a control. A\nlegend in accent red. Disabling only the legend. Nesting three levels deep.","contrast":[{"label":"fieldset default text","state":"default","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"group border (decorative; the legend and spacing carry the grouping)","state":null,"kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.default","fgHex":"#2b0e0d","bgHex":"#160b0b","ratio":1.08,"pass":true,"waiver":"the divider border is a decorative section rule, never the boundary of a control"},{"label":"field labels inside the group","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"help text inside the group","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"disabled legend and labels (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.surface.default","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled field text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled field border (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"fieldset","family":"forms-basic","maturity":"stable","priority":"R1","title":"Fieldset","summary":"The native fieldset that groups related fields under a legend inside a 1px divider border; disabling it disables everything inside.","native":true,"aria":{"pattern":"native <fieldset> with <legend>","apg":"https://www.w3.org/WAI/ARIA/apg/practices/forms/"},"sizes":["compact","comfortable"],"tokens":{"root.border":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"root.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"legend.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"body.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"legend.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"field.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"field.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"field.bg-disabled":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"field.border-disabled":{"alias":"color.border.disabled","value":"#7d1310","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"field.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"help.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"1px {color.border.divider} border; legend {color.text.bright}; fields as their own components","channel":"the border and the legend","tokens":{"fg":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"disabled","visual":"legend and labels {color.text.disabled}; every control inside takes its own disabled treatment ({color.interaction.disabled.bg}, {color.border.disabled}); the border unchanged","channel":"`disabled` on the fieldset; cursor: not-allowed on the controls","tokens":{}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves through the fields inside in document order; the legend is not a tab stop."}],"responsive":"Fills its container; fields inside stack at every width; the legend wraps rather than truncating at 320px. RTL keeps the legend at the inline start of the top border.","portability":{"web":"native <fieldset> and <legend>; disabled on the fieldset disables every descendant control and is the only way a group is disabled; never a div with role=\"group\" when the group holds form controls.","nativeFallbacks":["GTK4 Frame with a label child; sensitivity propagates.","Qt QGroupBox; the title styled as the legend, checkable off.","Terminal UI: a box-drawing border with the legend in the top edge."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-DENSITY","FX-STATE-MATRIX"],"related":["field","checkbox","radio-group","text-field","card"],"specimens":["admin-form","settings-panel"],"nonExamples":"A fieldset with no legend or with a legend hidden visually. A card used\ninstead of a fieldset for form controls. Rounded corners. A 2px or\n`border.control` border on the group, which would read as a control. A\nlegend in accent red. Disabling only the legend. Nesting three levels deep.","contrast":[{"label":"fieldset default text","state":"default","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"group border (decorative; the legend and spacing carry the grouping)","state":null,"kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.default","fgHex":"#2b0e0d","bgHex":"#160b0b","ratio":1.08,"pass":true,"waiver":"the divider border is a decorative section rule, never the boundary of a control"},{"label":"field labels inside the group","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"help text inside the group","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"disabled legend and labels (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.surface.default","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled field text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled field border (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"}]} |
| component-contract | file-input | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"file-input","family":"forms-advanced","maturity":"stable","priority":"R1","title":"File input","summary":"A native file input behind a label styled as a secondary button, optionally inside a drop zone, with a list of chosen files and per-file errors.","native":true,"aria":{"pattern":"native <input type=file> named by two <label>s; the drop zone is a plain region, never a role","apg":"https://www.w3.org/WAI/ARIA/apg/practices/forms/"},"sizes":["compact","comfortable"],"tokens":{"button.bg":{"alias":"color.action.secondary.bg","value":"rgb(0 0 0 / 0%)","status":"observed"},"button.text":{"alias":"color.action.secondary.text","value":"#ffa2a7","status":"observed"},"button.border":{"alias":"color.action.secondary.border","value":"#a3676b","status":"observed"},"button.bg-hover":{"alias":"color.action.secondary.hover-bg","value":"#630f0d","status":"observed"},"button.bg-pressed":{"alias":"color.action.secondary.pressed-bg","value":"#420f0c","status":"observed"},"button.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"},"button.border-invalid":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"},"button.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved"},"button.border-disabled":{"alias":"color.border.disabled","value":"#7d1310","status":"observed"},"button.bg-disabled":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed"},"zone.border":{"alias":"color.interaction.drop-target","value":"#e53935","status":"observed"},"zone.bg-drop-target":{"alias":"color.interaction.marquee","value":"rgb(145 20 16 / 12%)","status":"observed"},"zone.hint":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"label.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"status.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"list.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"list.divider":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed"},"list.size":{"alias":"color.text.subtle","value":"#ad7175","status":"approved"},"list.error":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"},"remove.text":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed"},"remove.bg-hover":{"alias":"color.action.tertiary.hover-bg","value":"#1c0a09","status":"observed"},"progress.track":{"alias":"color.interaction.pressed.bg","value":"#420f0c","status":"observed"},"progress.stripe":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed"},"help.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"message.text":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"}},"stateRules":[{"state":"default","visual":"button: 1px {color.action.secondary.border} outline, text {color.action.secondary.text}; zone: 1px dashed {color.interaction.drop-target}","channel":"—","tokens":{"fg":{"alias":"color.action.secondary.text","value":"#ffa2a7","status":"observed"},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed"},"border":{"alias":"color.action.secondary.border","value":"#a3676b","status":"observed"}}},{"state":"hover","visual":"button background → {color.action.secondary.hover-bg}; border unchanged","channel":"cursor: pointer","tokens":{"fg":{"alias":"color.action.secondary.text","value":"#ffa2a7","status":"observed"},"bg":{"alias":"color.action.secondary.hover-bg","value":"#630f0d","status":"observed"}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px on the button (the input has focus)","channel":"the ring","tokens":{"fg":{"alias":"color.action.secondary.text","value":"#ffa2a7","status":"observed"},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed"},"border":{"alias":"color.action.secondary.border","value":"#a3676b","status":"observed"},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}}},{"state":"drop-target","visual":"root fill {color.interaction.marquee}; border 1px dashed {color.interaction.drop-target}","channel":"dashed pattern; the hint text changes to \"Release to add\"","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.interaction.marquee","value":"rgb(145 20 16 / 12%)","status":"observed"},"border":{"alias":"color.interaction.drop-target","value":"#e53935","status":"observed"}}},{"state":"invalid","visual":"button border 2px {color.status.danger.border}; message with the ✕ glyph; a failed row shows its own ✕","channel":"border width 1 → 2px; glyphs; `aria-invalid`","tokens":{"fg":{"alias":"color.action.secondary.text","value":"#ffa2a7","status":"observed"},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed"},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"}}},{"state":"disabled","visual":"button text {color.text.disabled}, border {color.border.disabled}, background {color.interaction.disabled.bg}; the zone's dashes take {color.border.disabled}; no hover","channel":"`disabled`; cursor: not-allowed","tokens":{}},{"state":"loading","visual":"a static bar of 45° stripes, {color.action.primary.bg} on {color.interaction.pressed.bg}, below the row; the button stays enabled","channel":"`aria-busy`; the status text reads \"Uploading n files\"; no animation","tokens":{}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Reaches the native input (drawn as the button), then each remove button in the list."},{"key":"Enter / Space","action":"Opens the host file chooser from the input."},{"key":"Delete / Backspace","action":"On a focused remove button, same as activating it."},{"key":"Escape","action":"Closes the host chooser (host behaviour)."}],"responsive":"The button and status wrap onto two rows below 320px; the list rows truncate file names with an ellipsis and keep the size and remove button visible; the drop zone keeps its padding. RTL mirrors the button and status order and the list columns.","portability":{"web":"native <input type=file> with the sr-only pattern (never display none, which removes it from the tab order); two <label for> elements name it; the drop zone listens for dragover and drop on the root and mirrors the drop-target attribute; progress through aria-busy on the root and a live status.","nativeFallbacks":["GTK4 FileDialog opened from a Button; the chosen list is a ListBox.","Qt QFileDialog from a QPushButton; the list is a QListWidget.","Terminal UI: a path line editor with completion; no drop zone."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-OVERFLOW","FX-STATE-MATRIX"],"related":["button","text-field","progress","list","field"],"specimens":["admin-form"],"nonExamples":"A hidden input with `display: none` and a button that clicks it by script. A\ndrop zone that is the only way to add files. A rounded, dotted, animated\n\"pulsing\" zone. A spinner while uploading. A progress bar that animates its\nstripes. Errors shown by a red file name alone. Disabling by opacity.","contrast":[{"label":"file-input default text","state":"default","kind":"text","min":4.5,"fg":"color.action.secondary.text","bg":"color.surface.canvas","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"file-input default border","state":"default","kind":"ui","min":3,"fg":"color.action.secondary.border","bg":"color.surface.canvas","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"file-input hover text","state":"hover","kind":"text","min":4.5,"fg":"color.action.secondary.text","bg":"color.action.secondary.hover-bg","fgHex":"#ffa2a7","bgHex":"#630f0d","ratio":6.84,"pass":true,"waiver":null},{"label":"file-input focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.action.secondary.text","bg":"color.surface.canvas","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"file-input focus-visible border","state":"focus-visible","kind":"ui","min":3,"fg":"color.action.secondary.border","bg":"color.surface.canvas","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"file-input focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.canvas","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"file-input drop-target text","state":"drop-target","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.marquee","fgHex":"#e99499","bgHex":"#1c0a0a","ratio":8.34,"pass":true,"waiver":null},{"label":"file-input drop-target border","state":"drop-target","kind":"ui","min":3,"fg":"color.interaction.drop-target","bg":"color.interaction.marquee","fgHex":"#e53935","bgHex":"#1c0a0a","ratio":4.52,"pass":true,"waiver":null},{"label":"file-input invalid text","state":"invalid","kind":"text","min":4.5,"fg":"color.action.secondary.text","bg":"color.surface.canvas","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"file-input invalid border","state":"invalid","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.canvas","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"hovered button boundary against the canvas outside it","state":"hover","kind":"ui","min":3,"fg":"color.action.secondary.border","bg":"color.surface.canvas","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":"inside the hover fill the control border measures 2.94:1; the boundary is judged against the canvas on its outer side (4.45:1), and the fill change is itself the hover signal"},{"label":"drop-zone dashed border at rest","state":null,"kind":"ui","min":3,"fg":"color.interaction.drop-target","bg":"color.surface.canvas","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"status, hint and help text on the canvas","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.canvas","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"file sizes on the canvas","state":null,"kind":"text","min":4.5,"fg":"color.text.subtle","bg":"color.surface.canvas","fgHex":"#ad7175","bgHex":"#0c0909","ratio":5.1,"pass":true,"waiver":null},{"label":"per-file error and validation message on the canvas","state":null,"kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.canvas","fgHex":"#f73f35","bgHex":"#0c0909","ratio":5.4,"pass":true,"waiver":null},{"label":"disabled button text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled border (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"},{"label":"progress stripes (decorative pattern)","state":"loading","kind":"ui","min":1,"fg":"color.action.primary.bg","bg":"color.interaction.pressed.bg","fgHex":"#871f19","bgHex":"#420f0c","ratio":1.72,"pass":true,"waiver":"the stripes are a pattern, not a boundary; the loading state is carried by aria-busy and the visible status text"}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"file-input","family":"forms-advanced","maturity":"stable","priority":"R1","title":"File input","summary":"A native file input behind a label styled as a secondary button, optionally inside a drop zone, with a list of chosen files and per-file errors.","native":true,"aria":{"pattern":"native <input type=file> named by two <label>s; the drop zone is a plain region, never a role","apg":"https://www.w3.org/WAI/ARIA/apg/practices/forms/"},"sizes":["compact","comfortable"],"tokens":{"button.bg":{"alias":"color.action.secondary.bg","value":"rgb(0 0 0 / 0%)","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"button.text":{"alias":"color.action.secondary.text","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"button.border":{"alias":"color.action.secondary.border","value":"#a3676b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"button.bg-hover":{"alias":"color.action.secondary.hover-bg","value":"#630f0d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"button.bg-pressed":{"alias":"color.action.secondary.pressed-bg","value":"#420f0c","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"button.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"button.border-invalid":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"button.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"button.border-disabled":{"alias":"color.border.disabled","value":"#7d1310","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"button.bg-disabled":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"zone.border":{"alias":"color.interaction.drop-target","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"zone.bg-drop-target":{"alias":"color.interaction.marquee","value":"rgb(145 20 16 / 12%)","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"zone.hint":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"label.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"status.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"list.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"list.divider":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"list.size":{"alias":"color.text.subtle","value":"#ad7175","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"list.error":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"remove.text":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"remove.bg-hover":{"alias":"color.action.tertiary.hover-bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"progress.track":{"alias":"color.interaction.pressed.bg","value":"#420f0c","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"progress.stripe":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"help.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"message.text":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"button: 1px {color.action.secondary.border} outline, text {color.action.secondary.text}; zone: 1px dashed {color.interaction.drop-target}","channel":"—","tokens":{"fg":{"alias":"color.action.secondary.text","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.action.secondary.border","value":"#a3676b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"hover","visual":"button background → {color.action.secondary.hover-bg}; border unchanged","channel":"cursor: pointer","tokens":{"fg":{"alias":"color.action.secondary.text","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.action.secondary.hover-bg","value":"#630f0d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px on the button (the input has focus)","channel":"the ring","tokens":{"fg":{"alias":"color.action.secondary.text","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.action.secondary.border","value":"#a3676b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"drop-target","visual":"root fill {color.interaction.marquee}; border 1px dashed {color.interaction.drop-target}","channel":"dashed pattern; the hint text changes to \"Release to add\"","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.marquee","value":"rgb(145 20 16 / 12%)","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.interaction.drop-target","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"invalid","visual":"button border 2px {color.status.danger.border}; message with the ✕ glyph; a failed row shows its own ✕","channel":"border width 1 → 2px; glyphs; `aria-invalid`","tokens":{"fg":{"alias":"color.action.secondary.text","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"disabled","visual":"button text {color.text.disabled}, border {color.border.disabled}, background {color.interaction.disabled.bg}; the zone's dashes take {color.border.disabled}; no hover","channel":"`disabled`; cursor: not-allowed","tokens":{}},{"state":"loading","visual":"a static bar of 45° stripes, {color.action.primary.bg} on {color.interaction.pressed.bg}, below the row; the button stays enabled","channel":"`aria-busy`; the status text reads \"Uploading n files\"; no animation","tokens":{}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Reaches the native input (drawn as the button), then each remove button in the list."},{"key":"Enter / Space","action":"Opens the host file chooser from the input."},{"key":"Delete / Backspace","action":"On a focused remove button, same as activating it."},{"key":"Escape","action":"Closes the host chooser (host behaviour)."}],"responsive":"The button and status wrap onto two rows below 320px; the list rows truncate file names with an ellipsis and keep the size and remove button visible; the drop zone keeps its padding. RTL mirrors the button and status order and the list columns.","portability":{"web":"native <input type=file> with the sr-only pattern (never display none, which removes it from the tab order); two <label for> elements name it; the drop zone listens for dragover and drop on the root and mirrors the drop-target attribute; progress through aria-busy on the root and a live status.","nativeFallbacks":["GTK4 FileDialog opened from a Button; the chosen list is a ListBox.","Qt QFileDialog from a QPushButton; the list is a QListWidget.","Terminal UI: a path line editor with completion; no drop zone."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-OVERFLOW","FX-STATE-MATRIX"],"related":["button","text-field","progress","list","field"],"specimens":["admin-form"],"nonExamples":"A hidden input with `display: none` and a button that clicks it by script. A\ndrop zone that is the only way to add files. A rounded, dotted, animated\n\"pulsing\" zone. A spinner while uploading. A progress bar that animates its\nstripes. Errors shown by a red file name alone. Disabling by opacity.","contrast":[{"label":"file-input default text","state":"default","kind":"text","min":4.5,"fg":"color.action.secondary.text","bg":"color.surface.canvas","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"file-input default border","state":"default","kind":"ui","min":3,"fg":"color.action.secondary.border","bg":"color.surface.canvas","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"file-input hover text","state":"hover","kind":"text","min":4.5,"fg":"color.action.secondary.text","bg":"color.action.secondary.hover-bg","fgHex":"#ffa2a7","bgHex":"#630f0d","ratio":6.84,"pass":true,"waiver":null},{"label":"file-input focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.action.secondary.text","bg":"color.surface.canvas","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"file-input focus-visible border","state":"focus-visible","kind":"ui","min":3,"fg":"color.action.secondary.border","bg":"color.surface.canvas","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"file-input focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.canvas","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"file-input drop-target text","state":"drop-target","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.marquee","fgHex":"#e99499","bgHex":"#1c0a0a","ratio":8.34,"pass":true,"waiver":null},{"label":"file-input drop-target border","state":"drop-target","kind":"ui","min":3,"fg":"color.interaction.drop-target","bg":"color.interaction.marquee","fgHex":"#e53935","bgHex":"#1c0a0a","ratio":4.52,"pass":true,"waiver":null},{"label":"file-input invalid text","state":"invalid","kind":"text","min":4.5,"fg":"color.action.secondary.text","bg":"color.surface.canvas","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"file-input invalid border","state":"invalid","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.canvas","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"hovered button boundary against the canvas outside it","state":"hover","kind":"ui","min":3,"fg":"color.action.secondary.border","bg":"color.surface.canvas","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":"inside the hover fill the control border measures 2.94:1; the boundary is judged against the canvas on its outer side (4.45:1), and the fill change is itself the hover signal"},{"label":"drop-zone dashed border at rest","state":null,"kind":"ui","min":3,"fg":"color.interaction.drop-target","bg":"color.surface.canvas","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"status, hint and help text on the canvas","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.canvas","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"file sizes on the canvas","state":null,"kind":"text","min":4.5,"fg":"color.text.subtle","bg":"color.surface.canvas","fgHex":"#ad7175","bgHex":"#0c0909","ratio":5.1,"pass":true,"waiver":null},{"label":"per-file error and validation message on the canvas","state":null,"kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.canvas","fgHex":"#f73f35","bgHex":"#0c0909","ratio":5.4,"pass":true,"waiver":null},{"label":"disabled button text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled border (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"},{"label":"progress stripes (decorative pattern)","state":"loading","kind":"ui","min":1,"fg":"color.action.primary.bg","bg":"color.interaction.pressed.bg","fgHex":"#871f19","bgHex":"#420f0c","ratio":1.72,"pass":true,"waiver":"the stripes are a pattern, not a boundary; the loading state is carried by aria-busy and the visible status text"}]} |
| component-contract | filterable-table | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"filterable-table","family":"composed","maturity":"stable","priority":"R1","title":"Filterable table","summary":"A list screen composed from a toolbar with search and filter, removable chips, a selectable sortable data-table with status badges, a count and pagination; with empty and loading variants.","native":true,"aria":{"pattern":"region landmark; a toolbar with roving tabindex holding a search landmark, a menu button, a toggle icon button and a button; a group of removable chips; a grid-less native table with aria-sort, aria-selected rows and a checkbox-role select-all; role=status for the count; a pagination nav","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"root.border":{"alias":"color.border.default","value":"#531310","status":"observed"},"toolbar.bg":{"alias":"color.surface.chrome","value":"#100909","status":"observed"},"toolbar.border":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed"},"toolbar.separator":{"alias":"color.border.default","value":"#531310","status":"observed"},"search.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"search.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"search.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"search.placeholder":{"alias":"color.text.placeholder","value":"#bd787d","status":"observed"},"search.icon":{"alias":"color.icon.default","value":"#e99499","status":"observed"},"filter.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"filter.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"new.bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed"},"new.text":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed"},"chip.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"chip.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"chip.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"chip.remove":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"header.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"header.rule":{"alias":"color.border.strong","value":"#9e231f","status":"observed"},"row.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"row.rule":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed"},"row.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"row.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"},"row.selected-bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"},"row.selected-text":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed"},"row.ring-on-selection":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"},"check.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"check.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"check.checked-bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed"},"check.glyph":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed"},"badge.tested-fill":{"alias":"color.status.success.fill","value":"#86a46f","status":"approved"},"badge.tested-text":{"alias":"color.status.success.on-fill","value":"#0c0909","status":"approved"},"badge.demonstrated-fill":{"alias":"color.status.info.fill","value":"#7e9ebb","status":"approved"},"badge.demonstrated-text":{"alias":"color.status.info.on-fill","value":"#0c0909","status":"approved"},"empty.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"empty.heading":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"empty.glyph":{"alias":"color.icon.decorative","value":"#a3676b","status":"observed"},"count.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"pagination.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"pagination.current":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"pagination.disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved"}},"stateRules":[{"state":"default","visual":"rest tokens of every component; Name sorted ascending with its ▲ glyph; Prev disabled","channel":"`aria-sort`; the glyph","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"}}},{"state":"hover","visual":"the pointed row takes {color.interaction.hover.bg}; the toolbar controls and chips keep their own hover on their own pointer events only","channel":"cursor","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"}}},{"state":"focus-visible","visual":"the dashed {color.interaction.focus.ring} on the row holding focus (shown on the third row); the toolbar and chips stay at rest","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}}},{"state":"selected","visual":"two rows take {color.interaction.selection.bg} with {color.interaction.selection.text} and a checked box; the select-all reports mixed with the – glyph","channel":"`aria-selected`; ✓ and – glyphs; `aria-checked=\"mixed\"`","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"}}},{"state":"no-results","visual":"the body is the \"No components match\" row, the count reads 0 of 43, the search field's status line announces it; the chips stay so the cause is visible","channel":"text; `role=\"status\"`","tokens":{"fg":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Into the toolbar (the search input is its stop), then each chip's Remove button, then the table (the first row is its stop), then Next."},{"key":"Arrow keys","action":"Inside the toolbar move between the search field, Filter, Columns and New; inside the table move between rows; Home and End reach the first and last row."},{"key":"Enter / Space","action":"Open the Filter menu; toggle Columns; activate New or a chip's Remove; on a header sort by it; on a row's checkbox toggle its selection."},{"key":"Escape","action":"Clears a non-empty search; closes the Filter menu and returns focus to its button."}],"responsive":"The root is an inline-size container; below 600px the toolbar wraps with the search field on its own row and New at the end of the second, chips wrap, and the table scrolls inside its own container while the region never scrolls horizontally. The footer wraps the count above the pagination. RTL mirrors the toolbar order, the chip Remove side, the numeric column and the pagination glyphs.","portability":{"web":"Native table semantics with aria-sort and aria-selected; the toolbar's roving tabindex and the menu need the host's script, everything else is static. The count is a status region so filtering announces its result once. Hosts without container queries wrap the toolbar at the 600px viewport breakpoint. The 56rem width and the 44rem table minimum are layout of this specimen, not rules.","nativeFallbacks":["GTK4: a SearchBar and a MenuButton above a ColumnView with a selection column; badges are styled labels; the empty state is a StatusPage.","Qt: a QToolBar, a flow of tag widgets, a QTableView with a check column and QStyledItemDelegate badges; the count is a QLabel in the status bar.","Terminal UI: a one-line prompt row, filters as bracketed tags, the table as aligned columns with the selection fill; no hover."]},"fixtures":["FX-STATE-MATRIX","FX-320","FX-360","FX-ZOOM-200","FX-RM","FX-HC","FX-I18N","FX-RTL","FX-OVERFLOW","FX-DENSITY"],"related":["toolbar","search-field","menu","icon-button","button","chip","data-table","badge","empty-state","pagination"],"specimens":[],"nonExamples":"A rounded search pill with a magnifier inside a shadowed toolbar. Filter\nchips drawn as pills with a coloured fill per category. Zebra-striped rows.\nA selected row shown by a coloured left bar and no fill. A blue Material\ncheckbox. A skeleton shimmer while loading. An infinite scroll with no count\nand no pages.","contrast":[{"label":"filterable-table default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"filterable-table hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"filterable-table focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"filterable-table focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"filterable-table selected text","state":"selected","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"filterable-table no-results text","state":"no-results","kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"toolbar controls on the chrome surface","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.chrome","fgHex":"#e99499","bgHex":"#100909","ratio":8.6,"pass":true,"waiver":null},{"label":"search box and filter button boundaries on the chrome surface","state":null,"kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.chrome","fgHex":"#a3676b","bgHex":"#100909","ratio":4.42,"pass":true,"waiver":null},{"label":"column headers, empty-state heading and current page","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"count, chip remove glyph and empty-state text","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"Tested badge","state":null,"kind":"text","min":4.5,"fg":"color.status.success.on-fill","bg":"color.status.success.fill","fgHex":"#0c0909","bgHex":"#86a46f","ratio":7.13,"pass":true,"waiver":null},{"label":"Demonstrated badge","state":null,"kind":"text","min":4.5,"fg":"color.status.info.on-fill","bg":"color.status.info.fill","fgHex":"#0c0909","bgHex":"#7e9ebb","ratio":7.08,"pass":true,"waiver":null},{"label":"New button and checked boxes","state":null,"kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.bg","fgHex":"#f4eeee","bgHex":"#871f19","ratio":8.17,"pass":true,"waiver":null},{"label":"ring on a selected row","state":"selected","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.interaction.selection.bg","fgHex":"#ffa2a7","bgHex":"#911410","ratio":4.75,"pass":true,"waiver":null},{"label":"chip and checkbox boundaries","state":null,"kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":null},{"label":"disabled Prev link (exempt; house floor 3:1)","state":null,"kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.surface.default","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"header rule (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.strong","bg":"color.surface.default","fgHex":"#9e231f","bgHex":"#160b0b","ratio":2.5,"pass":true,"waiver":"the header row is identified by th scope=col; the rule only separates it"},{"label":"panel edge and toolbar separator (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.default","bg":"color.surface.default","fgHex":"#531310","bgHex":"#160b0b","ratio":1.35,"pass":true,"waiver":"the edge and the separator group controls that are already distinct targets"},{"label":"row, toolbar and footer rules (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.default","fgHex":"#2b0e0d","bgHex":"#160b0b","ratio":1.08,"pass":true,"waiver":"rows are distinct by table structure; the rules only separate them"}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"filterable-table","family":"composed","maturity":"stable","priority":"R1","title":"Filterable table","summary":"A list screen composed from a toolbar with search and filter, removable chips, a selectable sortable data-table with status badges, a count and pagination; with empty and loading variants.","native":true,"aria":{"pattern":"region landmark; a toolbar with roving tabindex holding a search landmark, a menu button, a toggle icon button and a button; a group of removable chips; a grid-less native table with aria-sort, aria-selected rows and a checkbox-role select-all; role=status for the count; a pagination nav","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border":{"alias":"color.border.default","value":"#531310","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"toolbar.bg":{"alias":"color.surface.chrome","value":"#100909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"toolbar.border":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"toolbar.separator":{"alias":"color.border.default","value":"#531310","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"search.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"search.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"search.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"search.placeholder":{"alias":"color.text.placeholder","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"search.icon":{"alias":"color.icon.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"filter.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"filter.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"new.bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"new.text":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"chip.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"chip.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"chip.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"chip.remove":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"header.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"header.rule":{"alias":"color.border.strong","value":"#9e231f","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"row.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"row.rule":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"row.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"row.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"row.selected-bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"row.selected-text":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"row.ring-on-selection":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"check.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"check.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"check.checked-bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"check.glyph":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"badge.tested-fill":{"alias":"color.status.success.fill","value":"#86a46f","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"badge.tested-text":{"alias":"color.status.success.on-fill","value":"#0c0909","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"badge.demonstrated-fill":{"alias":"color.status.info.fill","value":"#7e9ebb","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"badge.demonstrated-text":{"alias":"color.status.info.on-fill","value":"#0c0909","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"empty.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"empty.heading":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"empty.glyph":{"alias":"color.icon.decorative","value":"#a3676b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"count.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"pagination.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"pagination.current":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"pagination.disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"rest tokens of every component; Name sorted ascending with its ▲ glyph; Prev disabled","channel":"`aria-sort`; the glyph","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"hover","visual":"the pointed row takes {color.interaction.hover.bg}; the toolbar controls and chips keep their own hover on their own pointer events only","channel":"cursor","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"focus-visible","visual":"the dashed {color.interaction.focus.ring} on the row holding focus (shown on the third row); the toolbar and chips stay at rest","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"selected","visual":"two rows take {color.interaction.selection.bg} with {color.interaction.selection.text} and a checked box; the select-all reports mixed with the – glyph","channel":"`aria-selected`; ✓ and – glyphs; `aria-checked=\"mixed\"`","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"no-results","visual":"the body is the \"No components match\" row, the count reads 0 of 43, the search field's status line announces it; the chips stay so the cause is visible","channel":"text; `role=\"status\"`","tokens":{"fg":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Into the toolbar (the search input is its stop), then each chip's Remove button, then the table (the first row is its stop), then Next."},{"key":"Arrow keys","action":"Inside the toolbar move between the search field, Filter, Columns and New; inside the table move between rows; Home and End reach the first and last row."},{"key":"Enter / Space","action":"Open the Filter menu; toggle Columns; activate New or a chip's Remove; on a header sort by it; on a row's checkbox toggle its selection."},{"key":"Escape","action":"Clears a non-empty search; closes the Filter menu and returns focus to its button."}],"responsive":"The root is an inline-size container; below 600px the toolbar wraps with the search field on its own row and New at the end of the second, chips wrap, and the table scrolls inside its own container while the region never scrolls horizontally. The footer wraps the count above the pagination. RTL mirrors the toolbar order, the chip Remove side, the numeric column and the pagination glyphs.","portability":{"web":"Native table semantics with aria-sort and aria-selected; the toolbar's roving tabindex and the menu need the host's script, everything else is static. The count is a status region so filtering announces its result once. Hosts without container queries wrap the toolbar at the 600px viewport breakpoint. The 56rem width and the 44rem table minimum are layout of this specimen, not rules.","nativeFallbacks":["GTK4: a SearchBar and a MenuButton above a ColumnView with a selection column; badges are styled labels; the empty state is a StatusPage.","Qt: a QToolBar, a flow of tag widgets, a QTableView with a check column and QStyledItemDelegate badges; the count is a QLabel in the status bar.","Terminal UI: a one-line prompt row, filters as bracketed tags, the table as aligned columns with the selection fill; no hover."]},"fixtures":["FX-STATE-MATRIX","FX-320","FX-360","FX-ZOOM-200","FX-RM","FX-HC","FX-I18N","FX-RTL","FX-OVERFLOW","FX-DENSITY"],"related":["toolbar","search-field","menu","icon-button","button","chip","data-table","badge","empty-state","pagination"],"specimens":[],"nonExamples":"A rounded search pill with a magnifier inside a shadowed toolbar. Filter\nchips drawn as pills with a coloured fill per category. Zebra-striped rows.\nA selected row shown by a coloured left bar and no fill. A blue Material\ncheckbox. A skeleton shimmer while loading. An infinite scroll with no count\nand no pages.","contrast":[{"label":"filterable-table default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"filterable-table hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"filterable-table focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"filterable-table focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"filterable-table selected text","state":"selected","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"filterable-table no-results text","state":"no-results","kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"toolbar controls on the chrome surface","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.chrome","fgHex":"#e99499","bgHex":"#100909","ratio":8.6,"pass":true,"waiver":null},{"label":"search box and filter button boundaries on the chrome surface","state":null,"kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.chrome","fgHex":"#a3676b","bgHex":"#100909","ratio":4.42,"pass":true,"waiver":null},{"label":"column headers, empty-state heading and current page","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"count, chip remove glyph and empty-state text","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"Tested badge","state":null,"kind":"text","min":4.5,"fg":"color.status.success.on-fill","bg":"color.status.success.fill","fgHex":"#0c0909","bgHex":"#86a46f","ratio":7.13,"pass":true,"waiver":null},{"label":"Demonstrated badge","state":null,"kind":"text","min":4.5,"fg":"color.status.info.on-fill","bg":"color.status.info.fill","fgHex":"#0c0909","bgHex":"#7e9ebb","ratio":7.08,"pass":true,"waiver":null},{"label":"New button and checked boxes","state":null,"kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.bg","fgHex":"#f4eeee","bgHex":"#871f19","ratio":8.17,"pass":true,"waiver":null},{"label":"ring on a selected row","state":"selected","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.interaction.selection.bg","fgHex":"#ffa2a7","bgHex":"#911410","ratio":4.75,"pass":true,"waiver":null},{"label":"chip and checkbox boundaries","state":null,"kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":null},{"label":"disabled Prev link (exempt; house floor 3:1)","state":null,"kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.surface.default","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"header rule (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.strong","bg":"color.surface.default","fgHex":"#9e231f","bgHex":"#160b0b","ratio":2.5,"pass":true,"waiver":"the header row is identified by th scope=col; the rule only separates it"},{"label":"panel edge and toolbar separator (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.default","bg":"color.surface.default","fgHex":"#531310","bgHex":"#160b0b","ratio":1.35,"pass":true,"waiver":"the edge and the separator group controls that are already distinct targets"},{"label":"row, toolbar and footer rules (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.default","fgHex":"#2b0e0d","bgHex":"#160b0b","ratio":1.08,"pass":true,"waiver":"rows are distinct by table structure; the rules only separate them"}]} |
| component-contract | i3-window-frame | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"i3-window-frame","family":"composed","maturity":"stable","priority":"R1","title":"i3 window frame","summary":"The workstation frame; an i3 bar with workspaces and Chinese i3status labels above the terminal and code-editor components as tiled, tabbed or floating windows behind i3 title bars.","native":true,"aria":{"pattern":"region landmark; a group for the bar holding a tablist of workspaces (aria-selected on the visible one) and a labelled status group; each window a focusable named group, or a tablist and tabpanels in the tabbed variant; the clients keep their own roles (log, textbox)","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/tabs/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.desktop","value":"#000000","status":"observed"},"root.border":{"alias":"color.border.default","value":"#531310","status":"observed"},"bar.bg":{"alias":"color.surface.chrome","value":"#100909","status":"observed"},"bar.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bar.rule":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed"},"workspace.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"workspace.selected-bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"},"workspace.selected-text":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed"},"workspace.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"workspace.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"},"workspace.ring-on-selection":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"},"workspace.urgent-bg":{"alias":"color.status.danger.fill","value":"#dc282e","status":"observed"},"workspace.urgent-text":{"alias":"color.status.danger.on-fill","value":"#f9faf9","status":"observed"},"status.separator":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"status.glyph":{"alias":"color.icon.decorative","value":"#a3676b","status":"observed"},"clock.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"area.bg":{"alias":"color.surface.desktop","value":"#000000","status":"observed"},"window.bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed"},"window.border":{"alias":"color.border.default","value":"#531310","status":"observed"},"window.border-focused":{"alias":"color.border.active","value":"#e53935","status":"observed"},"window.ring":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"},"title.bg":{"alias":"color.surface.chrome","value":"#100909","status":"observed"},"title.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"title.bg-focused":{"alias":"color.surface.chrome-alt","value":"#1c0a09","status":"observed"},"title.text-focused":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"tab.indicator":{"alias":"color.border.selected-indicator","value":"#e53935","status":"observed"},"tab.indicator-inactive":{"alias":"color.border.selected-indicator-inactive","value":"#9e231f","status":"observed"},"floating.border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed"},"floating.shadow":{"alias":"shadow.floating","value":"0px 6px 22px 0px rgb(0 0 0 / 55%)","status":"observed"},"terminal.bg":{"alias":"color.terminal.bg","value":"#0c0909","status":"observed"},"terminal.text":{"alias":"color.terminal.fg","value":"#e99499","status":"observed"},"editor.bg":{"alias":"color.code.bg","value":"#0c0909","status":"observed"}},"stateRules":[{"state":"default","visual":"the terminal window focused: {color.border.active} frame and the bright title; the editor at rest; workspace 1 filled","channel":"the title text; `aria-selected`","tokens":{"fg":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"bg":{"alias":"color.surface.chrome","value":"#100909","status":"observed"}}},{"state":"focus-visible","visual":"the 2px {color.interaction.focus.ring-container} ring at −3px inside the focused window or container; the client draws no second ring","channel":"the ring","tokens":{"fg":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"bg":{"alias":"color.surface.chrome-alt","value":"#1c0a09","status":"observed"},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"}}},{"state":"selected","visual":"workspace 2 takes the selection fill with {color.interaction.selection.text}; workspace 1 drops to rest","channel":"`aria-selected`","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"}}},{"state":"container-inactive","visual":"no window has focus: every frame {color.border.default}, every title {color.text.muted} on {color.surface.chrome}, the tab indicator {color.border.selected-indicator-inactive}, no caret","channel":"lightness drop; no caret","tokens":{"fg":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"bg":{"alias":"color.surface.chrome","value":"#100909","status":"observed"}}},{"state":"error","visual":"workspace 3 is urgent: {color.status.danger.fill} with {color.status.danger.on-fill} and a trailing !","channel":"the ! mark; \"urgent\" read to assistive technology","tokens":{"fg":{"alias":"color.status.danger.on-fill","value":"#f9faf9","status":"observed"},"bg":{"alias":"color.status.danger.fill","value":"#dc282e","status":"observed"}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"The workspace tablist (its selected tab is the stop), then each window group, then the client inside it; in the tabbed variant the tab list, then the visible panel's client."},{"key":"Arrow keys","action":"Move between workspaces in the bar and between tabs in a tabbed container; inside a client the client's own contract applies."},{"key":"Enter / Space","action":"Shows the workspace or tab under focus."},{"key":"Mod+h j k l, Mod+1..9","action":"The window manager's own bindings move focus and switch workspaces on the workstation; the specimen documents them and does not reimplement them."}],"responsive":"The root is an inline-size container; below 600px the windows stack in one column, the floating window narrows to 80% of the workspace, and the bar scrolls horizontally rather than wrapping. Each client scrolls inside its own window; the region never scrolls horizontally. RTL mirrors the workspace order, the status side and the floating window's inset; the clients themselves stay left-to-right as terminals and editors do.","portability":{"web":"A region, groups, a tablist and the clients' own roles; every state renders from the root hooks data-state-focus-visible, data-state-selected, data-state-container-inactive and data-state-error without a script. The bar height (28px), title height (23px) and gaps (14px inner, −2px outer) are private variables on the root that reproduce the workstation's i3 configuration; they are reference metrics, not tokens, and not a rule for any other application.","nativeFallbacks":["i3 / sway: bar colours from the bar block, client colours from client.focused, client.unfocused and client.urgent, border pixel 1, gaps inner 14 and outer −2; the port records the exact mapping.","GTK4 / Qt: not applicable; a desktop application never draws its own window manager. Hosts style their own frames with the border and title roles only.","Terminal multiplexer (tmux): the status line takes the bar roles, the pane borders border.default and border.active, the active window name the selection fill."]},"fixtures":["FX-STATE-MATRIX","FX-320","FX-360","FX-ZOOM-200","FX-RM","FX-HC","FX-I18N","FX-RTL","FX-DENSITY"],"related":["terminal","code-editor","tabs"],"specimens":[],"nonExamples":"A window with rounded corners or a title bar gradient. A focused window\nthat glows or blurs its neighbours. A shadow under a tiled window; the only\nshadow is the floating one. Gaps of 14/−2 forced into an unrelated\napplication's layout. A workspace indicator drawn as a red underline\ninstead of the selection fill. Traffic-light close buttons in the title\nbar. A translucent bar.","contrast":[{"label":"i3-window-frame default text","state":"default","kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.chrome","fgHex":"#bd787d","bgHex":"#100909","ratio":5.77,"pass":true,"waiver":null},{"label":"i3-window-frame focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.chrome-alt","fgHex":"#ffa2a7","bgHex":"#1c0a09","ratio":10.01,"pass":true,"waiver":null},{"label":"i3-window-frame focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.surface.chrome-alt","fgHex":"#ffa2a7","bgHex":"#1c0a09","ratio":10.01,"pass":true,"waiver":null},{"label":"i3-window-frame selected text","state":"selected","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"i3-window-frame container-inactive text","state":"container-inactive","kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.chrome","fgHex":"#bd787d","bgHex":"#100909","ratio":5.77,"pass":true,"waiver":null},{"label":"i3-window-frame error text","state":"error","kind":"text","min":4.5,"fg":"color.status.danger.on-fill","bg":"color.status.danger.fill","fgHex":"#f9faf9","bgHex":"#dc282e","ratio":4.58,"pass":true,"waiver":null},{"label":"workspace names and status text on the bar","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.chrome","fgHex":"#e99499","bgHex":"#100909","ratio":8.6,"pass":true,"waiver":null},{"label":"clock on the bar","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.chrome","fgHex":"#ffa2a7","bgHex":"#100909","ratio":10.31,"pass":true,"waiver":null},{"label":"focused title","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.chrome-alt","fgHex":"#ffa2a7","bgHex":"#1c0a09","ratio":10.01,"pass":true,"waiver":null},{"label":"focused window frame on the desktop","state":null,"kind":"ui","min":3,"fg":"color.border.active","bg":"color.surface.desktop","fgHex":"#e53935","bgHex":"#000000","ratio":4.97,"pass":true,"waiver":null},{"label":"floating window frame on the desktop","state":null,"kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.desktop","fgHex":"#e53935","bgHex":"#000000","ratio":4.97,"pass":true,"waiver":null},{"label":"container ring on the window surface","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.surface.canvas","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"ring on a workspace or tab","state":null,"kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.chrome","fgHex":"#e53935","bgHex":"#100909","ratio":4.66,"pass":true,"waiver":null},{"label":"visible-tab indicator on the title row","state":null,"kind":"ui","min":3,"fg":"color.border.selected-indicator","bg":"color.surface.chrome","fgHex":"#e53935","bgHex":"#100909","ratio":4.66,"pass":true,"waiver":null},{"label":"urgent fill against the bar","state":"error","kind":"ui","min":3,"fg":"color.status.danger.fill","bg":"color.surface.chrome","fgHex":"#dc282e","bgHex":"#100909","ratio":4.12,"pass":true,"waiver":null},{"label":"visible-workspace fill against the bar","state":null,"kind":"ui","min":1,"fg":"color.interaction.selection.bg","bg":"color.surface.chrome","fgHex":"#911410","bgHex":"#100909","ratio":2.17,"pass":true,"waiver":"the fill is identified by its on-fill text (7.92:1) and aria-selected, as every selection fill in the theme"},{"label":"inactive tab indicator","state":"container-inactive","kind":"ui","min":1,"fg":"color.border.selected-indicator-inactive","bg":"color.surface.chrome","fgHex":"#9e231f","bgHex":"#100909","ratio":2.55,"pass":true,"waiver":"an unfocused container's indicator is informative only; the visible tab is still named by aria-selected and bright text is withheld on purpose"},{"label":"unfocused window frames (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.default","bg":"color.surface.desktop","fgHex":"#531310","bgHex":"#000000","ratio":1.47,"pass":true,"waiver":"an unfocused window is identified by its title bar and its client; the 1px frame only separates it from the desktop, as pixel borders do in i3"},{"label":"status block separators (decorative)","state":null,"kind":"ui","min":1,"fg":"color.text.muted","bg":"color.surface.chrome","fgHex":"#bd787d","bgHex":"#100909","ratio":5.77,"pass":true,"waiver":"the separators only space blocks that are already distinct text"},{"label":"status glyphs (decorative)","state":null,"kind":"ui","min":1,"fg":"color.icon.decorative","bg":"color.surface.chrome","fgHex":"#a3676b","bgHex":"#100909","ratio":4.42,"pass":true,"waiver":"every glyph is followed by its label; the glyphs are aria-hidden"}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"i3-window-frame","family":"composed","maturity":"stable","priority":"R1","title":"i3 window frame","summary":"The workstation frame; an i3 bar with workspaces and Chinese i3status labels above the terminal and code-editor components as tiled, tabbed or floating windows behind i3 title bars.","native":true,"aria":{"pattern":"region landmark; a group for the bar holding a tablist of workspaces (aria-selected on the visible one) and a labelled status group; each window a focusable named group, or a tablist and tabpanels in the tabbed variant; the clients keep their own roles (log, textbox)","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/tabs/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.desktop","value":"#000000","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border":{"alias":"color.border.default","value":"#531310","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bar.bg":{"alias":"color.surface.chrome","value":"#100909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bar.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bar.rule":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"workspace.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"workspace.selected-bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"workspace.selected-text":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"workspace.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"workspace.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"workspace.ring-on-selection":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"workspace.urgent-bg":{"alias":"color.status.danger.fill","value":"#dc282e","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"workspace.urgent-text":{"alias":"color.status.danger.on-fill","value":"#f9faf9","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"status.separator":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"status.glyph":{"alias":"color.icon.decorative","value":"#a3676b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"clock.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"area.bg":{"alias":"color.surface.desktop","value":"#000000","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"window.bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"window.border":{"alias":"color.border.default","value":"#531310","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"window.border-focused":{"alias":"color.border.active","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"window.ring":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"title.bg":{"alias":"color.surface.chrome","value":"#100909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"title.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"title.bg-focused":{"alias":"color.surface.chrome-alt","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"title.text-focused":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"tab.indicator":{"alias":"color.border.selected-indicator","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"tab.indicator-inactive":{"alias":"color.border.selected-indicator-inactive","value":"#9e231f","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"floating.border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"floating.shadow":{"alias":"shadow.floating","value":"0px 6px 22px 0px rgb(0 0 0 / 55%)","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"terminal.bg":{"alias":"color.terminal.bg","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"terminal.text":{"alias":"color.terminal.fg","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"editor.bg":{"alias":"color.code.bg","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"the terminal window focused: {color.border.active} frame and the bright title; the editor at rest; workspace 1 filled","channel":"the title text; `aria-selected`","tokens":{"fg":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.chrome","value":"#100909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"focus-visible","visual":"the 2px {color.interaction.focus.ring-container} ring at −3px inside the focused window or container; the client draws no second ring","channel":"the ring","tokens":{"fg":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.chrome-alt","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"selected","visual":"workspace 2 takes the selection fill with {color.interaction.selection.text}; workspace 1 drops to rest","channel":"`aria-selected`","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"container-inactive","visual":"no window has focus: every frame {color.border.default}, every title {color.text.muted} on {color.surface.chrome}, the tab indicator {color.border.selected-indicator-inactive}, no caret","channel":"lightness drop; no caret","tokens":{"fg":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.chrome","value":"#100909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"error","visual":"workspace 3 is urgent: {color.status.danger.fill} with {color.status.danger.on-fill} and a trailing !","channel":"the ! mark; \"urgent\" read to assistive technology","tokens":{"fg":{"alias":"color.status.danger.on-fill","value":"#f9faf9","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.status.danger.fill","value":"#dc282e","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"The workspace tablist (its selected tab is the stop), then each window group, then the client inside it; in the tabbed variant the tab list, then the visible panel's client."},{"key":"Arrow keys","action":"Move between workspaces in the bar and between tabs in a tabbed container; inside a client the client's own contract applies."},{"key":"Enter / Space","action":"Shows the workspace or tab under focus."},{"key":"Mod+h j k l, Mod+1..9","action":"The window manager's own bindings move focus and switch workspaces on the workstation; the specimen documents them and does not reimplement them."}],"responsive":"The root is an inline-size container; below 600px the windows stack in one column, the floating window narrows to 80% of the workspace, and the bar scrolls horizontally rather than wrapping. Each client scrolls inside its own window; the region never scrolls horizontally. RTL mirrors the workspace order, the status side and the floating window's inset; the clients themselves stay left-to-right as terminals and editors do.","portability":{"web":"A region, groups, a tablist and the clients' own roles; every state renders from the root hooks data-state-focus-visible, data-state-selected, data-state-container-inactive and data-state-error without a script. The bar height (28px), title height (23px) and gaps (14px inner, −2px outer) are private variables on the root that reproduce the workstation's i3 configuration; they are reference metrics, not tokens, and not a rule for any other application.","nativeFallbacks":["i3 / sway: bar colours from the bar block, client colours from client.focused, client.unfocused and client.urgent, border pixel 1, gaps inner 14 and outer −2; the port records the exact mapping.","GTK4 / Qt: not applicable; a desktop application never draws its own window manager. Hosts style their own frames with the border and title roles only.","Terminal multiplexer (tmux): the status line takes the bar roles, the pane borders border.default and border.active, the active window name the selection fill."]},"fixtures":["FX-STATE-MATRIX","FX-320","FX-360","FX-ZOOM-200","FX-RM","FX-HC","FX-I18N","FX-RTL","FX-DENSITY"],"related":["terminal","code-editor","tabs"],"specimens":[],"nonExamples":"A window with rounded corners or a title bar gradient. A focused window\nthat glows or blurs its neighbours. A shadow under a tiled window; the only\nshadow is the floating one. Gaps of 14/−2 forced into an unrelated\napplication's layout. A workspace indicator drawn as a red underline\ninstead of the selection fill. Traffic-light close buttons in the title\nbar. A translucent bar.","contrast":[{"label":"i3-window-frame default text","state":"default","kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.chrome","fgHex":"#bd787d","bgHex":"#100909","ratio":5.77,"pass":true,"waiver":null},{"label":"i3-window-frame focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.chrome-alt","fgHex":"#ffa2a7","bgHex":"#1c0a09","ratio":10.01,"pass":true,"waiver":null},{"label":"i3-window-frame focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.surface.chrome-alt","fgHex":"#ffa2a7","bgHex":"#1c0a09","ratio":10.01,"pass":true,"waiver":null},{"label":"i3-window-frame selected text","state":"selected","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"i3-window-frame container-inactive text","state":"container-inactive","kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.chrome","fgHex":"#bd787d","bgHex":"#100909","ratio":5.77,"pass":true,"waiver":null},{"label":"i3-window-frame error text","state":"error","kind":"text","min":4.5,"fg":"color.status.danger.on-fill","bg":"color.status.danger.fill","fgHex":"#f9faf9","bgHex":"#dc282e","ratio":4.58,"pass":true,"waiver":null},{"label":"workspace names and status text on the bar","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.chrome","fgHex":"#e99499","bgHex":"#100909","ratio":8.6,"pass":true,"waiver":null},{"label":"clock on the bar","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.chrome","fgHex":"#ffa2a7","bgHex":"#100909","ratio":10.31,"pass":true,"waiver":null},{"label":"focused title","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.chrome-alt","fgHex":"#ffa2a7","bgHex":"#1c0a09","ratio":10.01,"pass":true,"waiver":null},{"label":"focused window frame on the desktop","state":null,"kind":"ui","min":3,"fg":"color.border.active","bg":"color.surface.desktop","fgHex":"#e53935","bgHex":"#000000","ratio":4.97,"pass":true,"waiver":null},{"label":"floating window frame on the desktop","state":null,"kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.desktop","fgHex":"#e53935","bgHex":"#000000","ratio":4.97,"pass":true,"waiver":null},{"label":"container ring on the window surface","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.surface.canvas","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"ring on a workspace or tab","state":null,"kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.chrome","fgHex":"#e53935","bgHex":"#100909","ratio":4.66,"pass":true,"waiver":null},{"label":"visible-tab indicator on the title row","state":null,"kind":"ui","min":3,"fg":"color.border.selected-indicator","bg":"color.surface.chrome","fgHex":"#e53935","bgHex":"#100909","ratio":4.66,"pass":true,"waiver":null},{"label":"urgent fill against the bar","state":"error","kind":"ui","min":3,"fg":"color.status.danger.fill","bg":"color.surface.chrome","fgHex":"#dc282e","bgHex":"#100909","ratio":4.12,"pass":true,"waiver":null},{"label":"visible-workspace fill against the bar","state":null,"kind":"ui","min":1,"fg":"color.interaction.selection.bg","bg":"color.surface.chrome","fgHex":"#911410","bgHex":"#100909","ratio":2.17,"pass":true,"waiver":"the fill is identified by its on-fill text (7.92:1) and aria-selected, as every selection fill in the theme"},{"label":"inactive tab indicator","state":"container-inactive","kind":"ui","min":1,"fg":"color.border.selected-indicator-inactive","bg":"color.surface.chrome","fgHex":"#9e231f","bgHex":"#100909","ratio":2.55,"pass":true,"waiver":"an unfocused container's indicator is informative only; the visible tab is still named by aria-selected and bright text is withheld on purpose"},{"label":"unfocused window frames (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.default","bg":"color.surface.desktop","fgHex":"#531310","bgHex":"#000000","ratio":1.47,"pass":true,"waiver":"an unfocused window is identified by its title bar and its client; the 1px frame only separates it from the desktop, as pixel borders do in i3"},{"label":"status block separators (decorative)","state":null,"kind":"ui","min":1,"fg":"color.text.muted","bg":"color.surface.chrome","fgHex":"#bd787d","bgHex":"#100909","ratio":5.77,"pass":true,"waiver":"the separators only space blocks that are already distinct text"},{"label":"status glyphs (decorative)","state":null,"kind":"ui","min":1,"fg":"color.icon.decorative","bg":"color.surface.chrome","fgHex":"#a3676b","bgHex":"#100909","ratio":4.42,"pass":true,"waiver":"every glyph is followed by its label; the glyphs are aria-hidden"}]} |
| component-contract | icon-button | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"icon-button","family":"actions","maturity":"stable","priority":"R1","title":"Icon button","summary":"A square ghost button whose only content is a 16px line icon; it always carries an accessible name and, as a toggle, aria-pressed.","native":true,"aria":{"pattern":"native <button> with aria-label; aria-pressed for the toggle","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/button/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.action.secondary.bg","value":"rgb(0 0 0 / 0%)","status":"observed"},"root.text":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed"},"root.bg-hover":{"alias":"color.action.tertiary.hover-bg","value":"#1c0a09","status":"observed"},"root.bg-active":{"alias":"color.interaction.pressed.bg","value":"#420f0c","status":"observed"},"root.border-active":{"alias":"color.border.active","value":"#e53935","status":"observed"},"root.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"},"root.bg-toggled":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"},"root.text-toggled":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed"},"root.border-toggled":{"alias":"color.border.selected-indicator","value":"#e53935","status":"observed"},"root.ring-toggled":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"},"root.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved"},"root.bg-disabled":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed"},"root.border-disabled":{"alias":"color.border.disabled","value":"#7d1310","status":"observed"},"icon.stroke":{"alias":"color.icon.default","value":"#e99499","status":"observed"}},"stateRules":[{"state":"default","visual":"{color.action.tertiary.text} icon on nothing; transparent 1px border","channel":"—","tokens":{"fg":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed"},"bg":{"alias":"color.action.secondary.bg","value":"rgb(0 0 0 / 0%)","status":"observed"}}},{"state":"hover","visual":"background → {color.action.tertiary.hover-bg}","channel":"cursor: pointer; hover-capable pointers only","tokens":{"fg":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed"},"bg":{"alias":"color.action.tertiary.hover-bg","value":"#1c0a09","status":"observed"}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px","channel":"the ring","tokens":{"fg":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed"},"bg":{"alias":"color.action.secondary.bg","value":"rgb(0 0 0 / 0%)","status":"observed"},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}}},{"state":"active","visual":"background → {color.interaction.pressed.bg}; border → {color.border.active}","channel":"border change; no translation","tokens":{"fg":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed"},"bg":{"alias":"color.interaction.pressed.bg","value":"#420f0c","status":"observed"},"border":{"alias":"color.border.active","value":"#e53935","status":"observed"}}},{"state":"disabled","visual":"{color.text.disabled} on {color.interaction.disabled.bg} with 1px {color.border.disabled}; no hover","channel":"`disabled`; cursor: not-allowed","tokens":{}},{"state":"toggled","visual":"fill {color.interaction.selection.bg} with {color.interaction.selection.text}; border {color.border.selected-indicator}; the icon draws in its filled form","channel":"`aria-pressed=\"true\"`; the filled icon shape; the border","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"}}},{"state":"toggled+focus-visible","visual":"the selection fill and a ring in {color.interaction.focus.ring-container}","channel":"both visible at once","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves focus to and from the button."},{"key":"Enter / Space","action":"Activates; the toggle variant flips aria-pressed."}],"responsive":"Fixed square; never shrinks below the density control height, which keeps the 24×24 CSS-pixel target at 320px and in compact density. Direction-neutral; mirrored icons (back, forward) flip in RTL through the host.","portability":{"web":"native <button type=\"button\" aria-label=\"…\"> containing one SVG; toggles use aria-pressed, never aria-checked or a class; a tooltip repeats the name on hover and focus.","nativeFallbacks":["GTK4 Button with an icon child and the flat style class; ToggleButton for the toggle.","Qt QToolButton with autoRaise; checkable for the toggle.","Terminal UI: a single glyph in brackets; toggled inverted."]},"fixtures":["FX-320","FX-ZOOM-200","FX-RM","FX-HC","FX-TOUCH","FX-DENSITY","FX-STATE-MATRIX"],"related":["button","toolbar","tooltip","segmented-control"],"specimens":["filterable-table","i3-window-frame"],"nonExamples":"A circle. An icon button without an accessible name. A toggle that changes\nits label instead of `aria-pressed`. A hover that recolours the icon alone.\nAn emoji or icon-font glyph in place of the SVG. A toggled state shown by\ncolour alone with a line icon. A shadow or scale on press.","contrast":[{"label":"icon-button default text","state":"default","kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.action.secondary.bg","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"icon-button hover text","state":"hover","kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.action.tertiary.hover-bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"icon-button focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.action.secondary.bg","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"icon-button focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.action.secondary.bg","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"icon-button active text","state":"active","kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.interaction.pressed.bg","fgHex":"#e99499","bgHex":"#420f0c","ratio":7.02,"pass":true,"waiver":null},{"label":"icon-button active border","state":"active","kind":"ui","min":3,"fg":"color.border.active","bg":"color.interaction.pressed.bg","fgHex":"#e53935","bgHex":"#420f0c","ratio":3.81,"pass":true,"waiver":null},{"label":"icon-button toggled text","state":"toggled","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"icon-button toggled+focus-visible text","state":"toggled+focus-visible","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"icon-button toggled+focus-visible outline","state":"toggled+focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.interaction.selection.bg","fgHex":"#ffa2a7","bgHex":"#911410","ratio":4.75,"pass":true,"waiver":null},{"label":"toggled border against the panel","state":"toggled","kind":"ui","min":3,"fg":"color.border.selected-indicator","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"toggled fill against the panel (decorative)","state":"toggled","kind":"ui","min":3,"fg":"color.interaction.selection.bg","bg":"color.surface.default","fgHex":"#911410","bgHex":"#160b0b","ratio":2.13,"pass":false,"waiver":"aria-pressed, the filled icon form and the 1px selected-indicator border carry the state; the fill is not the boundary"},{"label":"disabled icon (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled border (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"icon-button","family":"actions","maturity":"stable","priority":"R1","title":"Icon button","summary":"A square ghost button whose only content is a 16px line icon; it always carries an accessible name and, as a toggle, aria-pressed.","native":true,"aria":{"pattern":"native <button> with aria-label; aria-pressed for the toggle","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/button/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.action.secondary.bg","value":"rgb(0 0 0 / 0%)","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.text":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.bg-hover":{"alias":"color.action.tertiary.hover-bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.bg-active":{"alias":"color.interaction.pressed.bg","value":"#420f0c","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border-active":{"alias":"color.border.active","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.bg-toggled":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.text-toggled":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border-toggled":{"alias":"color.border.selected-indicator","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.ring-toggled":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.bg-disabled":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border-disabled":{"alias":"color.border.disabled","value":"#7d1310","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"icon.stroke":{"alias":"color.icon.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"{color.action.tertiary.text} icon on nothing; transparent 1px border","channel":"—","tokens":{"fg":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.action.secondary.bg","value":"rgb(0 0 0 / 0%)","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"hover","visual":"background → {color.action.tertiary.hover-bg}","channel":"cursor: pointer; hover-capable pointers only","tokens":{"fg":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.action.tertiary.hover-bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px","channel":"the ring","tokens":{"fg":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.action.secondary.bg","value":"rgb(0 0 0 / 0%)","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"active","visual":"background → {color.interaction.pressed.bg}; border → {color.border.active}","channel":"border change; no translation","tokens":{"fg":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.pressed.bg","value":"#420f0c","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.active","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"disabled","visual":"{color.text.disabled} on {color.interaction.disabled.bg} with 1px {color.border.disabled}; no hover","channel":"`disabled`; cursor: not-allowed","tokens":{}},{"state":"toggled","visual":"fill {color.interaction.selection.bg} with {color.interaction.selection.text}; border {color.border.selected-indicator}; the icon draws in its filled form","channel":"`aria-pressed=\"true\"`; the filled icon shape; the border","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"toggled+focus-visible","visual":"the selection fill and a ring in {color.interaction.focus.ring-container}","channel":"both visible at once","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves focus to and from the button."},{"key":"Enter / Space","action":"Activates; the toggle variant flips aria-pressed."}],"responsive":"Fixed square; never shrinks below the density control height, which keeps the 24×24 CSS-pixel target at 320px and in compact density. Direction-neutral; mirrored icons (back, forward) flip in RTL through the host.","portability":{"web":"native <button type=\"button\" aria-label=\"…\"> containing one SVG; toggles use aria-pressed, never aria-checked or a class; a tooltip repeats the name on hover and focus.","nativeFallbacks":["GTK4 Button with an icon child and the flat style class; ToggleButton for the toggle.","Qt QToolButton with autoRaise; checkable for the toggle.","Terminal UI: a single glyph in brackets; toggled inverted."]},"fixtures":["FX-320","FX-ZOOM-200","FX-RM","FX-HC","FX-TOUCH","FX-DENSITY","FX-STATE-MATRIX"],"related":["button","toolbar","tooltip","segmented-control"],"specimens":["filterable-table","i3-window-frame"],"nonExamples":"A circle. An icon button without an accessible name. A toggle that changes\nits label instead of `aria-pressed`. A hover that recolours the icon alone.\nAn emoji or icon-font glyph in place of the SVG. A toggled state shown by\ncolour alone with a line icon. A shadow or scale on press.","contrast":[{"label":"icon-button default text","state":"default","kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.action.secondary.bg","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"icon-button hover text","state":"hover","kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.action.tertiary.hover-bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"icon-button focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.action.secondary.bg","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"icon-button focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.action.secondary.bg","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"icon-button active text","state":"active","kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.interaction.pressed.bg","fgHex":"#e99499","bgHex":"#420f0c","ratio":7.02,"pass":true,"waiver":null},{"label":"icon-button active border","state":"active","kind":"ui","min":3,"fg":"color.border.active","bg":"color.interaction.pressed.bg","fgHex":"#e53935","bgHex":"#420f0c","ratio":3.81,"pass":true,"waiver":null},{"label":"icon-button toggled text","state":"toggled","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"icon-button toggled+focus-visible text","state":"toggled+focus-visible","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"icon-button toggled+focus-visible outline","state":"toggled+focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.interaction.selection.bg","fgHex":"#ffa2a7","bgHex":"#911410","ratio":4.75,"pass":true,"waiver":null},{"label":"toggled border against the panel","state":"toggled","kind":"ui","min":3,"fg":"color.border.selected-indicator","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"toggled fill against the panel (decorative)","state":"toggled","kind":"ui","min":3,"fg":"color.interaction.selection.bg","bg":"color.surface.default","fgHex":"#911410","bgHex":"#160b0b","ratio":2.13,"pass":false,"waiver":"aria-pressed, the filled icon form and the 1px selected-indicator border carry the state; the fill is not the boundary"},{"label":"disabled icon (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled border (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"}]} |
| component-contract | link | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"link","family":"actions","maturity":"stable","priority":"R1","title":"Link","summary":"The native anchor for navigation; always underlined in the link-underline role, hover fills with the strong hover surface, the current page carries a 2px indicator bar.","native":true,"aria":{"pattern":"native <a href>"},"sizes":["compact","comfortable"],"tokens":{"root.text":{"alias":"color.text.link","value":"#ffa2a7","status":"observed"},"root.underline":{"alias":"color.text.link-underline","value":"#dc282e","status":"observed"},"root.text-hover":{"alias":"color.text.link-hover","value":"#f4eeee","status":"observed"},"root.bg-hover":{"alias":"color.interaction.hover.bg-strong","value":"#630f0d","status":"observed"},"root.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"},"root.text-visited":{"alias":"color.text.default","value":"#e99499","status":"observed"},"root.text-current":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"root.indicator":{"alias":"color.border.selected-indicator","value":"#e53935","status":"observed"},"icon.stroke":{"alias":"color.icon.default","value":"#e99499","status":"observed"}},"stateRules":[{"state":"default","visual":"{color.text.link}; underline 1px {color.text.link-underline} offset 2px","channel":"the underline","tokens":{"fg":{"alias":"color.text.link","value":"#ffa2a7","status":"observed"},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed"}}},{"state":"hover","visual":"background → {color.interaction.hover.bg-strong}; text → {color.text.link-hover}; underline 2px in the text colour","channel":"underline thickens 1px → 2px; cursor: pointer","tokens":{"fg":{"alias":"color.text.link-hover","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.interaction.hover.bg-strong","value":"#630f0d","status":"observed"}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px; no change to the underline","channel":"the ring","tokens":{"fg":{"alias":"color.text.link","value":"#ffa2a7","status":"observed"},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed"},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}}},{"state":"visited","visual":"text → {color.text.default}; underline unchanged","channel":"— (browsers restrict `:visited` to colour; visited is informational and the underline still marks the link)","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed"}}},{"state":"current","visual":"text → {color.text.bright}; the underline becomes a 2px {color.border.selected-indicator} bottom border; no hover fill","channel":"`aria-current=\"page\"`; the bar's 2px weight","tokens":{"fg":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.selected-indicator","value":"#e53935","status":"observed"}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves focus to and from the link."},{"key":"Enter","action":"Follows the link (native); Space scrolls the page, never activates."}],"responsive":"Inline links wrap with their sentence and may break across lines; the underline and hover fill follow each fragment. Standalone links keep the icon on the same line as the last word. RTL flips the arrow through the host's icon mirroring.","portability":{"web":"native <a href>; never a button styled as a link nor a link with role=\"button\"; aria-current=\"page\" on the link to the current document; external links are marked in text, not by colour.","nativeFallbacks":["GTK4 LinkButton; visited through the visited style class.","Qt QLabel with rich text and the link stylesheet roles.","Terminal UI: OSC 8 hyperlink; underlined in slot 7."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-STATE-MATRIX"],"related":["button","breadcrumbs","sidebar-nav","skip-link","pagination"],"specimens":["settings-panel","i3-window-frame"],"nonExamples":"A link without an underline at rest. Blue or purple links. A hover that only\nrecolours the text. A link that opens a dialog or submits a form. An\nunderline drawn with a border on an inline link. A visited colour that fails\n4.5:1. A button styled to look like a link. Text such as \"click here\".","contrast":[{"label":"link default text","state":"default","kind":"text","min":4.5,"fg":"color.text.link","bg":"color.surface.canvas","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"link hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.link-hover","bg":"color.interaction.hover.bg-strong","fgHex":"#f4eeee","bgHex":"#630f0d","ratio":11.41,"pass":true,"waiver":null},{"label":"link focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.link","bg":"color.surface.canvas","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"link focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.canvas","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"link visited text","state":"visited","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.canvas","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"link current text","state":"current","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.canvas","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"link current border","state":"current","kind":"ui","min":3,"fg":"color.border.selected-indicator","bg":"color.surface.canvas","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"underline on the canvas","state":null,"kind":"ui","min":3,"fg":"color.text.link-underline","bg":"color.surface.canvas","fgHex":"#dc282e","bgHex":"#0c0909","ratio":4.14,"pass":true,"waiver":null},{"label":"underline on the panel","state":null,"kind":"ui","min":3,"fg":"color.text.link-underline","bg":"color.surface.default","fgHex":"#dc282e","bgHex":"#160b0b","ratio":4.04,"pass":true,"waiver":null},{"label":"link text on the panel","state":null,"kind":"text","min":4.5,"fg":"color.text.link","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"ring on the hover fill","state":"hover","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.interaction.hover.bg-strong","fgHex":"#e53935","bgHex":"#630f0d","ratio":3.1,"pass":true,"waiver":null}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"link","family":"actions","maturity":"stable","priority":"R1","title":"Link","summary":"The native anchor for navigation; always underlined in the link-underline role, hover fills with the strong hover surface, the current page carries a 2px indicator bar.","native":true,"aria":{"pattern":"native <a href>"},"sizes":["compact","comfortable"],"tokens":{"root.text":{"alias":"color.text.link","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.underline":{"alias":"color.text.link-underline","value":"#dc282e","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.text-hover":{"alias":"color.text.link-hover","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.bg-hover":{"alias":"color.interaction.hover.bg-strong","value":"#630f0d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.text-visited":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.text-current":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.indicator":{"alias":"color.border.selected-indicator","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"icon.stroke":{"alias":"color.icon.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"{color.text.link}; underline 1px {color.text.link-underline} offset 2px","channel":"the underline","tokens":{"fg":{"alias":"color.text.link","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"hover","visual":"background → {color.interaction.hover.bg-strong}; text → {color.text.link-hover}; underline 2px in the text colour","channel":"underline thickens 1px → 2px; cursor: pointer","tokens":{"fg":{"alias":"color.text.link-hover","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.hover.bg-strong","value":"#630f0d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px; no change to the underline","channel":"the ring","tokens":{"fg":{"alias":"color.text.link","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"visited","visual":"text → {color.text.default}; underline unchanged","channel":"— (browsers restrict `:visited` to colour; visited is informational and the underline still marks the link)","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"current","visual":"text → {color.text.bright}; the underline becomes a 2px {color.border.selected-indicator} bottom border; no hover fill","channel":"`aria-current=\"page\"`; the bar's 2px weight","tokens":{"fg":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.selected-indicator","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves focus to and from the link."},{"key":"Enter","action":"Follows the link (native); Space scrolls the page, never activates."}],"responsive":"Inline links wrap with their sentence and may break across lines; the underline and hover fill follow each fragment. Standalone links keep the icon on the same line as the last word. RTL flips the arrow through the host's icon mirroring.","portability":{"web":"native <a href>; never a button styled as a link nor a link with role=\"button\"; aria-current=\"page\" on the link to the current document; external links are marked in text, not by colour.","nativeFallbacks":["GTK4 LinkButton; visited through the visited style class.","Qt QLabel with rich text and the link stylesheet roles.","Terminal UI: OSC 8 hyperlink; underlined in slot 7."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-STATE-MATRIX"],"related":["button","breadcrumbs","sidebar-nav","skip-link","pagination"],"specimens":["settings-panel","i3-window-frame"],"nonExamples":"A link without an underline at rest. Blue or purple links. A hover that only\nrecolours the text. A link that opens a dialog or submits a form. An\nunderline drawn with a border on an inline link. A visited colour that fails\n4.5:1. A button styled to look like a link. Text such as \"click here\".","contrast":[{"label":"link default text","state":"default","kind":"text","min":4.5,"fg":"color.text.link","bg":"color.surface.canvas","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"link hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.link-hover","bg":"color.interaction.hover.bg-strong","fgHex":"#f4eeee","bgHex":"#630f0d","ratio":11.41,"pass":true,"waiver":null},{"label":"link focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.link","bg":"color.surface.canvas","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"link focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.canvas","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"link visited text","state":"visited","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.canvas","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"link current text","state":"current","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.canvas","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"link current border","state":"current","kind":"ui","min":3,"fg":"color.border.selected-indicator","bg":"color.surface.canvas","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"underline on the canvas","state":null,"kind":"ui","min":3,"fg":"color.text.link-underline","bg":"color.surface.canvas","fgHex":"#dc282e","bgHex":"#0c0909","ratio":4.14,"pass":true,"waiver":null},{"label":"underline on the panel","state":null,"kind":"ui","min":3,"fg":"color.text.link-underline","bg":"color.surface.default","fgHex":"#dc282e","bgHex":"#160b0b","ratio":4.04,"pass":true,"waiver":null},{"label":"link text on the panel","state":null,"kind":"text","min":4.5,"fg":"color.text.link","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"ring on the hover fill","state":"hover","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.interaction.hover.bg-strong","fgHex":"#e53935","bgHex":"#630f0d","ratio":3.1,"pass":true,"waiver":null}]} |
| component-contract | list | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"list","family":"display","maturity":"stable","priority":"R1","title":"List","summary":"A selectable list of rows (an APG listbox) in single or multiple selection; the selected row is the selection fill with a check glyph and an optional metadata column.","native":false,"aria":{"pattern":"APG listbox with roving tabindex; options carry aria-selected, the list aria-multiselectable when several may be chosen","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/listbox/","role":"listbox"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"root.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"row.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"row.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"row.divider":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed"},"row.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"},"row.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved"},"selected.bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"},"selected.text":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed"},"selected.ring":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"},"selected.inactive-bg":{"alias":"color.interaction.selection.inactive-bg","value":"#420f0c","status":"observed"},"selected.inactive-text":{"alias":"color.interaction.selection.inactive-text","value":"#e99499","status":"observed"},"check.glyph":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed"},"meta.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"}},"stateRules":[{"state":"default","visual":"text {color.text.default}; no fill; the check gutter empty","channel":"—","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"hover","visual":"background → {color.interaction.hover.bg}","channel":"cursor: pointer","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px on the option","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}}},{"state":"selected","visual":"fill {color.interaction.selection.bg}; text and glyph {color.interaction.selection.text}","channel":"`aria-selected=\"true\"`; the ✓ glyph","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"}}},{"state":"selected+focus-visible","visual":"the fill and the ring in {color.interaction.focus.ring-container}","channel":"both visible at once","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"}}},{"state":"selected+container-inactive","visual":"fill {color.interaction.selection.inactive-bg} with {color.interaction.selection.inactive-text}; no ring","channel":"lightness drop between the two fills; the glyph stays","tokens":{"fg":{"alias":"color.interaction.selection.inactive-text","value":"#e99499","status":"observed"},"bg":{"alias":"color.interaction.selection.inactive-bg","value":"#420f0c","status":"observed"}}},{"state":"disabled","visual":"text {color.text.disabled}; no fill; no hover; still reachable by arrow keys","channel":"`aria-disabled=\"true\"`; cursor: not-allowed","tokens":{}}],"keyboard":[{"key":"Tab","action":"Enters the list at the selected option, or the first option when nothing is selected; a second Tab leaves the list."},{"key":"Down / Up","action":"Moves focus to the next or previous option; in single selection the selection follows focus."},{"key":"Home / End","action":"Moves focus to the first or last option."},{"key":"Space","action":"Toggles the focused option in a multi-select list."},{"key":"Shift+Down / Shift+Up","action":"Extends the selection by one in a multi-select list."},{"key":"Ctrl+A","action":"Selects every option in a multi-select list."},{"key":"A-Z","action":"Moves focus to the next option starting with the typed character."}],"responsive":"The list fills its container with min-width 0; labels wrap onto a second line rather than truncate; the metadata column keeps its width and the label shrinks. The list scrolls vertically inside a fixed-height container, never the page. RTL mirrors the check gutter and the metadata column.","portability":{"web":"A ul with role listbox, aria-label and, when several may be chosen, aria-multiselectable; li with role option, aria-selected and a roving tabindex; the fill is a background, the ring an outline, the check a glyph in a fixed gutter.","nativeFallbacks":["GTK4 ListBox with selection-mode single or multiple; the selected row through the :selected style class.","Qt QListView stylesheet; ::item:selected draws the fill, ::item:selected:!active the inactive fill.","Terminal UI: the selected row inverted; a leading check column; the inactive pane dims the fill."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-DENSITY","FX-STATE-MATRIX"],"related":["card","select","combobox","tree","table"],"specimens":["settings-panel","filterable-table"],"nonExamples":"A selected row marked by a border or a check alone without the fill. Rounded\nrow highlights. Muted metadata left on the selection fill. A list where every\nrow is a tab stop. A list that navigates on selection. Disabled rows removed\nfrom the arrow-key order. Hover that changes the text colour. A list without\na frame on the canvas.","contrast":[{"label":"list default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"list default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":null},{"label":"list hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"list focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"list focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"list selected text","state":"selected","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"list selected+focus-visible text","state":"selected+focus-visible","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"list selected+focus-visible outline","state":"selected+focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.interaction.selection.bg","fgHex":"#ffa2a7","bgHex":"#911410","ratio":4.75,"pass":true,"waiver":null},{"label":"list selected+container-inactive text","state":"selected+container-inactive","kind":"text","min":4.5,"fg":"color.interaction.selection.inactive-text","bg":"color.interaction.selection.inactive-bg","fgHex":"#e99499","bgHex":"#420f0c","ratio":7.02,"pass":true,"waiver":null},{"label":"metadata column on the list surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"metadata column on the hover fill","state":"hover","kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.interaction.hover.bg","fgHex":"#bd787d","bgHex":"#1c0a09","ratio":5.6,"pass":true,"waiver":null},{"label":"disabled option text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.surface.default","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"row divider (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.default","fgHex":"#2b0e0d","bgHex":"#160b0b","ratio":1.08,"pass":true,"waiver":"rows are separated by their height and the fill; the divider is a reading aid"}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"list","family":"display","maturity":"stable","priority":"R1","title":"List","summary":"A selectable list of rows (an APG listbox) in single or multiple selection; the selected row is the selection fill with a check glyph and an optional metadata column.","native":false,"aria":{"pattern":"APG listbox with roving tabindex; options carry aria-selected, the list aria-multiselectable when several may be chosen","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/listbox/","role":"listbox"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"row.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"row.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"row.divider":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"row.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"row.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"selected.bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"selected.text":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"selected.ring":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"selected.inactive-bg":{"alias":"color.interaction.selection.inactive-bg","value":"#420f0c","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"selected.inactive-text":{"alias":"color.interaction.selection.inactive-text","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"check.glyph":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"meta.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"text {color.text.default}; no fill; the check gutter empty","channel":"—","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"hover","visual":"background → {color.interaction.hover.bg}","channel":"cursor: pointer","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px on the option","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"selected","visual":"fill {color.interaction.selection.bg}; text and glyph {color.interaction.selection.text}","channel":"`aria-selected=\"true\"`; the ✓ glyph","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"selected+focus-visible","visual":"the fill and the ring in {color.interaction.focus.ring-container}","channel":"both visible at once","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"selected+container-inactive","visual":"fill {color.interaction.selection.inactive-bg} with {color.interaction.selection.inactive-text}; no ring","channel":"lightness drop between the two fills; the glyph stays","tokens":{"fg":{"alias":"color.interaction.selection.inactive-text","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.selection.inactive-bg","value":"#420f0c","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"disabled","visual":"text {color.text.disabled}; no fill; no hover; still reachable by arrow keys","channel":"`aria-disabled=\"true\"`; cursor: not-allowed","tokens":{}}],"keyboard":[{"key":"Tab","action":"Enters the list at the selected option, or the first option when nothing is selected; a second Tab leaves the list."},{"key":"Down / Up","action":"Moves focus to the next or previous option; in single selection the selection follows focus."},{"key":"Home / End","action":"Moves focus to the first or last option."},{"key":"Space","action":"Toggles the focused option in a multi-select list."},{"key":"Shift+Down / Shift+Up","action":"Extends the selection by one in a multi-select list."},{"key":"Ctrl+A","action":"Selects every option in a multi-select list."},{"key":"A-Z","action":"Moves focus to the next option starting with the typed character."}],"responsive":"The list fills its container with min-width 0; labels wrap onto a second line rather than truncate; the metadata column keeps its width and the label shrinks. The list scrolls vertically inside a fixed-height container, never the page. RTL mirrors the check gutter and the metadata column.","portability":{"web":"A ul with role listbox, aria-label and, when several may be chosen, aria-multiselectable; li with role option, aria-selected and a roving tabindex; the fill is a background, the ring an outline, the check a glyph in a fixed gutter.","nativeFallbacks":["GTK4 ListBox with selection-mode single or multiple; the selected row through the :selected style class.","Qt QListView stylesheet; ::item:selected draws the fill, ::item:selected:!active the inactive fill.","Terminal UI: the selected row inverted; a leading check column; the inactive pane dims the fill."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-DENSITY","FX-STATE-MATRIX"],"related":["card","select","combobox","tree","table"],"specimens":["settings-panel","filterable-table"],"nonExamples":"A selected row marked by a border or a check alone without the fill. Rounded\nrow highlights. Muted metadata left on the selection fill. A list where every\nrow is a tab stop. A list that navigates on selection. Disabled rows removed\nfrom the arrow-key order. Hover that changes the text colour. A list without\na frame on the canvas.","contrast":[{"label":"list default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"list default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":null},{"label":"list hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"list focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"list focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"list selected text","state":"selected","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"list selected+focus-visible text","state":"selected+focus-visible","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"list selected+focus-visible outline","state":"selected+focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.interaction.selection.bg","fgHex":"#ffa2a7","bgHex":"#911410","ratio":4.75,"pass":true,"waiver":null},{"label":"list selected+container-inactive text","state":"selected+container-inactive","kind":"text","min":4.5,"fg":"color.interaction.selection.inactive-text","bg":"color.interaction.selection.inactive-bg","fgHex":"#e99499","bgHex":"#420f0c","ratio":7.02,"pass":true,"waiver":null},{"label":"metadata column on the list surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"metadata column on the hover fill","state":"hover","kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.interaction.hover.bg","fgHex":"#bd787d","bgHex":"#1c0a09","ratio":5.6,"pass":true,"waiver":null},{"label":"disabled option text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.surface.default","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"row divider (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.default","fgHex":"#2b0e0d","bgHex":"#160b0b","ratio":1.08,"pass":true,"waiver":"rows are separated by their height and the fill; the divider is a reading aid"}]} |
| component-contract | loading-indicator | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"loading-indicator","family":"feedback","maturity":"stable","priority":"R1","title":"Loading indicator","summary":"A static ⋯ glyph with a worded label inside an aria-busy container; inline next to text or as a centred block. There is no spinner.","native":true,"aria":{"pattern":"native container with aria-busy=true and role=status; the glyph is aria-hidden and the label carries the meaning","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/alert/"},"sizes":["compact","comfortable"],"tokens":{"glyph.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"label.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"block.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"block.border":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed"}},"stateRules":[{"state":"default","visual":"the static ⋯ and the label","channel":"`aria-busy=\"true\"`; the glyph; the worded label","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed"}}},{"state":"reduced-motion","visual":"identical: there is nothing to reduce","channel":"`prefers-reduced-motion`","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed"}}}],"keyboard":[{"key":"Tab","action":"Nothing; the indicator is not focusable and never traps focus; the content it replaces keeps its tab stops when it returns."}],"responsive":"Inline, it follows the text and wraps with it; the block centres in its container at any width and needs no minimum height beyond one row. RTL leaves the glyph in place, since ⋯ has no direction.","portability":{"web":"a <span role=status aria-busy=true> inline or a <div role=status aria-busy=true> block; the glyph is text; the label is the announcement; aria-busy is removed, and the label replaced by the result, when loading ends.","nativeFallbacks":["GTK4 Label with the glyph; no Spinner widget.","Qt QLabel; QProgressBar busy mode only when a bar is wanted.","Terminal UI: the glyph in the status line."]},"fixtures":["FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-STATE-MATRIX"],"related":["progress","skeleton","empty-state","toast"],"specimens":["filterable-table","settings-panel"],"nonExamples":"A spinner or rotating ring. Animated dots. A shimmering skeleton. A full-page\noverlay that blocks input for a fetch. A glyph with no label. An indicator\nthat takes focus. A dimmed container at reduced opacity.","contrast":[{"label":"loading-indicator default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.canvas","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"loading-indicator reduced-motion text","state":"reduced-motion","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.canvas","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"glyph on the canvas","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.canvas","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"block label on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"block glyph on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"block edge (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.canvas","fgHex":"#2b0e0d","bgHex":"#0c0909","ratio":1.11,"pass":true,"waiver":"the block is identified by its label and aria-busy, not by this edge"}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"loading-indicator","family":"feedback","maturity":"stable","priority":"R1","title":"Loading indicator","summary":"A static ⋯ glyph with a worded label inside an aria-busy container; inline next to text or as a centred block. There is no spinner.","native":true,"aria":{"pattern":"native container with aria-busy=true and role=status; the glyph is aria-hidden and the label carries the meaning","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/alert/"},"sizes":["compact","comfortable"],"tokens":{"glyph.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"label.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"block.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"block.border":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}}},"stateRules":[{"state":"default","visual":"the static ⋯ and the label","channel":"`aria-busy=\"true\"`; the glyph; the worded label","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"reduced-motion","visual":"identical: there is nothing to reduce","channel":"`prefers-reduced-motion`","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}}],"keyboard":[{"key":"Tab","action":"Nothing; the indicator is not focusable and never traps focus; the content it replaces keeps its tab stops when it returns."}],"responsive":"Inline, it follows the text and wraps with it; the block centres in its container at any width and needs no minimum height beyond one row. RTL leaves the glyph in place, since ⋯ has no direction.","portability":{"web":"a <span role=status aria-busy=true> inline or a <div role=status aria-busy=true> block; the glyph is text; the label is the announcement; aria-busy is removed, and the label replaced by the result, when loading ends.","nativeFallbacks":["GTK4 Label with the glyph; no Spinner widget.","Qt QLabel; QProgressBar busy mode only when a bar is wanted.","Terminal UI: the glyph in the status line."]},"fixtures":["FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-STATE-MATRIX"],"related":["progress","skeleton","empty-state","toast"],"specimens":["filterable-table","settings-panel"],"nonExamples":"A spinner or rotating ring. Animated dots. A shimmering skeleton. A full-page\noverlay that blocks input for a fetch. A glyph with no label. An indicator\nthat takes focus. A dimmed container at reduced opacity.","contrast":[{"label":"loading-indicator default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.canvas","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"loading-indicator reduced-motion text","state":"reduced-motion","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.canvas","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"glyph on the canvas","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.canvas","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"block label on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"block glyph on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"block edge (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.canvas","fgHex":"#2b0e0d","bgHex":"#0c0909","ratio":1.11,"pass":true,"waiver":"the block is identified by its label and aria-busy, not by this edge"}]} |
| component-contract | menu | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"menu","family":"navigation","maturity":"stable","priority":"R1","title":"Menu","summary":"A menu button that opens a list of actions on the raised surface inside a 1px overlay border; the active item is the selection fill and check items show a glyph.","native":false,"aria":{"pattern":"APG menu button (button with aria-haspopup=\"menu\") opening a menu of menuitem, menuitemcheckbox and separator","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/","role":"menu"},"sizes":["compact","comfortable"],"tokens":{"button.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"button.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"button.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"button.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"button.bg-open":{"alias":"color.interaction.pressed.bg","value":"#420f0c","status":"observed"},"button.border-open":{"alias":"color.border.active","value":"#e53935","status":"observed"},"button.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"},"surface.bg":{"alias":"color.surface.raised","value":"#241010","status":"observed"},"surface.border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed"},"item.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"item.bg-hover":{"alias":"color.interaction.hover.bg-strong","value":"#630f0d","status":"observed"},"item.text-hover":{"alias":"color.text.link-hover","value":"#f4eeee","status":"observed"},"item.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved"},"active.bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"},"active.text":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed"},"active.ring":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"},"check.glyph":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"shortcut.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"separator.color":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed"},"chevron.color":{"alias":"color.icon.decorative","value":"#a3676b","status":"observed"}},"stateRules":[{"state":"default","visual":"the button at rest; the list on {color.surface.raised} with the {color.border.overlay} frame","channel":"—","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.raised","value":"#241010","status":"observed"},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed"}}},{"state":"hover","visual":"item background → {color.interaction.hover.bg-strong}; text → {color.text.link-hover}","channel":"cursor: pointer","tokens":{"fg":{"alias":"color.text.link-hover","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.interaction.hover.bg-strong","value":"#630f0d","status":"observed"}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px on the button; on the active item the ring is {color.interaction.focus.ring-container}","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}}},{"state":"open","visual":"button fill {color.interaction.pressed.bg} with 1px {color.border.active}; the list shown","channel":"`aria-expanded=\"true\"`; the list is present","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.interaction.pressed.bg","value":"#420f0c","status":"observed"},"border":{"alias":"color.border.active","value":"#e53935","status":"observed"}}},{"state":"closed","visual":"the button at rest; the list hidden","channel":"`aria-expanded=\"false\"`; the list is absent from the tree","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"disabled","visual":"item text {color.text.disabled}; no hover; still focusable by arrow keys when `aria-disabled`","channel":"`aria-disabled=\"true\"`; cursor: not-allowed","tokens":{}},{"state":"checked","visual":"the ✓ glyph in {color.text.bright} in the gutter","channel":"`aria-checked=\"true\"`; the glyph","tokens":{"fg":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"bg":{"alias":"color.surface.raised","value":"#241010","status":"observed"}}},{"state":"selected","visual":"the active item: fill {color.interaction.selection.bg} with {color.interaction.selection.text}","channel":"focus is on the item; `aria-activedescendant` where used","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"}}}],"keyboard":[{"key":"Enter / Space / Down","action":"On the button, opens the menu and focuses the first item; Up opens it and focuses the last."},{"key":"Down / Up","action":"Moves to the next or previous item and wraps."},{"key":"Home / End","action":"Moves to the first or last item."},{"key":"Right / Left","action":"Opens a submenu and focuses its first item; Left closes the submenu and returns to the parent item."},{"key":"Enter / Space","action":"Activates the focused item; a check item toggles and the menu stays open."},{"key":"Escape","action":"Closes the menu and returns focus to the button."},{"key":"Tab","action":"Closes the menu and moves focus to the next tab stop after the button."},{"key":"A-Z","action":"Moves focus to the next item starting with the typed character."}],"responsive":"The menu is as wide as its longest item, at least 12rem, at most the viewport minus 16px; it flips above the button when there is no room below and never causes page scroll; at 320px submenus open below their parent instead of beside it. RTL mirrors the check gutter and the submenu side.","portability":{"web":"A native button with aria-haspopup=\"menu\", aria-expanded and aria-controls; a ul with role menu and li with role none wrapping buttons with role menuitem or menuitemcheckbox; aria-checked for checks; the menu is hidden until open and positioned by script; the reference renders it statically open in flow.","nativeFallbacks":["GTK4 MenuButton with a PopoverMenu; the popover border and background through css-name selectors.","Qt QMenu stylesheet; QMenu::item:selected draws the selection fill; QMenu::indicator draws the check.","Terminal UI: a boxed list; the active row inverted; checks as a leading glyph column."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-STATE-MATRIX"],"related":["button","toolbar","command-palette","popover","select"],"specimens":["filterable-table","i3-window-frame"],"nonExamples":"A shadow under the menu. Rounded corners on the menu or the items. An active\nitem marked by text colour alone. A hover fill that differs from every other\nmenu in the product. Icons in the check gutter of a plain menuitem. A menu\nthat stays open after an action. Items that are links styled as menu items\nwithout `role=\"menuitem\"`. Disabling by opacity.","contrast":[{"label":"menu default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.raised","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"menu default border","state":"default","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.raised","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"menu hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.link-hover","bg":"color.interaction.hover.bg-strong","fgHex":"#f4eeee","bgHex":"#630f0d","ratio":11.41,"pass":true,"waiver":null},{"label":"menu focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"menu focus-visible border","state":"focus-visible","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":null},{"label":"menu focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"menu open text","state":"open","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.pressed.bg","fgHex":"#e99499","bgHex":"#420f0c","ratio":7.02,"pass":true,"waiver":null},{"label":"menu open border","state":"open","kind":"ui","min":3,"fg":"color.border.active","bg":"color.interaction.pressed.bg","fgHex":"#e53935","bgHex":"#420f0c","ratio":3.81,"pass":true,"waiver":null},{"label":"menu closed text","state":"closed","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"menu closed border","state":"closed","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":null},{"label":"menu checked text","state":"checked","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.raised","fgHex":"#ffa2a7","bgHex":"#241010","ratio":9.49,"pass":true,"waiver":null},{"label":"menu selected text","state":"selected","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"menu selected outline","state":"selected","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.interaction.selection.bg","fgHex":"#ffa2a7","bgHex":"#911410","ratio":4.75,"pass":true,"waiver":null},{"label":"shortcut hint on the raised surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.raised","fgHex":"#bd787d","bgHex":"#241010","ratio":5.31,"pass":true,"waiver":null},{"label":"disabled item text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.surface.raised","fgHex":"#8a5559","bgHex":"#241010","ratio":3.05,"pass":true,"waiver":null},{"label":"item separator (decorative; role separator carries the grouping)","state":null,"kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.raised","fgHex":"#2b0e0d","bgHex":"#241010","ratio":1.01,"pass":true,"waiver":"the separator groups items that are already distinct rows; it is not a control boundary"},{"label":"submenu chevron (decorative; aria-haspopup carries the meaning)","state":null,"kind":"ui","min":1,"fg":"color.icon.decorative","bg":"color.surface.raised","fgHex":"#a3676b","bgHex":"#241010","ratio":4.07,"pass":true,"waiver":"the chevron duplicates aria-haspopup on the item"}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"menu","family":"navigation","maturity":"stable","priority":"R1","title":"Menu","summary":"A menu button that opens a list of actions on the raised surface inside a 1px overlay border; the active item is the selection fill and check items show a glyph.","native":false,"aria":{"pattern":"APG menu button (button with aria-haspopup=\"menu\") opening a menu of menuitem, menuitemcheckbox and separator","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/","role":"menu"},"sizes":["compact","comfortable"],"tokens":{"button.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"button.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"button.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"button.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"button.bg-open":{"alias":"color.interaction.pressed.bg","value":"#420f0c","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"button.border-open":{"alias":"color.border.active","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"button.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"surface.bg":{"alias":"color.surface.raised","value":"#241010","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"surface.border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"item.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"item.bg-hover":{"alias":"color.interaction.hover.bg-strong","value":"#630f0d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"item.text-hover":{"alias":"color.text.link-hover","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"item.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"active.bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"active.text":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"active.ring":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"check.glyph":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"shortcut.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"separator.color":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"chevron.color":{"alias":"color.icon.decorative","value":"#a3676b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"the button at rest; the list on {color.surface.raised} with the {color.border.overlay} frame","channel":"—","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.raised","value":"#241010","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}}}},{"state":"hover","visual":"item background → {color.interaction.hover.bg-strong}; text → {color.text.link-hover}","channel":"cursor: pointer","tokens":{"fg":{"alias":"color.text.link-hover","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.hover.bg-strong","value":"#630f0d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px on the button; on the active item the ring is {color.interaction.focus.ring-container}","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"open","visual":"button fill {color.interaction.pressed.bg} with 1px {color.border.active}; the list shown","channel":"`aria-expanded=\"true\"`; the list is present","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.pressed.bg","value":"#420f0c","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.active","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"closed","visual":"the button at rest; the list hidden","channel":"`aria-expanded=\"false\"`; the list is absent from the tree","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"disabled","visual":"item text {color.text.disabled}; no hover; still focusable by arrow keys when `aria-disabled`","channel":"`aria-disabled=\"true\"`; cursor: not-allowed","tokens":{}},{"state":"checked","visual":"the ✓ glyph in {color.text.bright} in the gutter","channel":"`aria-checked=\"true\"`; the glyph","tokens":{"fg":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.raised","value":"#241010","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"selected","visual":"the active item: fill {color.interaction.selection.bg} with {color.interaction.selection.text}","channel":"focus is on the item; `aria-activedescendant` where used","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}}],"keyboard":[{"key":"Enter / Space / Down","action":"On the button, opens the menu and focuses the first item; Up opens it and focuses the last."},{"key":"Down / Up","action":"Moves to the next or previous item and wraps."},{"key":"Home / End","action":"Moves to the first or last item."},{"key":"Right / Left","action":"Opens a submenu and focuses its first item; Left closes the submenu and returns to the parent item."},{"key":"Enter / Space","action":"Activates the focused item; a check item toggles and the menu stays open."},{"key":"Escape","action":"Closes the menu and returns focus to the button."},{"key":"Tab","action":"Closes the menu and moves focus to the next tab stop after the button."},{"key":"A-Z","action":"Moves focus to the next item starting with the typed character."}],"responsive":"The menu is as wide as its longest item, at least 12rem, at most the viewport minus 16px; it flips above the button when there is no room below and never causes page scroll; at 320px submenus open below their parent instead of beside it. RTL mirrors the check gutter and the submenu side.","portability":{"web":"A native button with aria-haspopup=\"menu\", aria-expanded and aria-controls; a ul with role menu and li with role none wrapping buttons with role menuitem or menuitemcheckbox; aria-checked for checks; the menu is hidden until open and positioned by script; the reference renders it statically open in flow.","nativeFallbacks":["GTK4 MenuButton with a PopoverMenu; the popover border and background through css-name selectors.","Qt QMenu stylesheet; QMenu::item:selected draws the selection fill; QMenu::indicator draws the check.","Terminal UI: a boxed list; the active row inverted; checks as a leading glyph column."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-STATE-MATRIX"],"related":["button","toolbar","command-palette","popover","select"],"specimens":["filterable-table","i3-window-frame"],"nonExamples":"A shadow under the menu. Rounded corners on the menu or the items. An active\nitem marked by text colour alone. A hover fill that differs from every other\nmenu in the product. Icons in the check gutter of a plain menuitem. A menu\nthat stays open after an action. Items that are links styled as menu items\nwithout `role=\"menuitem\"`. Disabling by opacity.","contrast":[{"label":"menu default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.raised","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"menu default border","state":"default","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.raised","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"menu hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.link-hover","bg":"color.interaction.hover.bg-strong","fgHex":"#f4eeee","bgHex":"#630f0d","ratio":11.41,"pass":true,"waiver":null},{"label":"menu focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"menu focus-visible border","state":"focus-visible","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":null},{"label":"menu focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"menu open text","state":"open","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.pressed.bg","fgHex":"#e99499","bgHex":"#420f0c","ratio":7.02,"pass":true,"waiver":null},{"label":"menu open border","state":"open","kind":"ui","min":3,"fg":"color.border.active","bg":"color.interaction.pressed.bg","fgHex":"#e53935","bgHex":"#420f0c","ratio":3.81,"pass":true,"waiver":null},{"label":"menu closed text","state":"closed","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"menu closed border","state":"closed","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":null},{"label":"menu checked text","state":"checked","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.raised","fgHex":"#ffa2a7","bgHex":"#241010","ratio":9.49,"pass":true,"waiver":null},{"label":"menu selected text","state":"selected","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"menu selected outline","state":"selected","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.interaction.selection.bg","fgHex":"#ffa2a7","bgHex":"#911410","ratio":4.75,"pass":true,"waiver":null},{"label":"shortcut hint on the raised surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.raised","fgHex":"#bd787d","bgHex":"#241010","ratio":5.31,"pass":true,"waiver":null},{"label":"disabled item text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.surface.raised","fgHex":"#8a5559","bgHex":"#241010","ratio":3.05,"pass":true,"waiver":null},{"label":"item separator (decorative; role separator carries the grouping)","state":null,"kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.raised","fgHex":"#2b0e0d","bgHex":"#241010","ratio":1.01,"pass":true,"waiver":"the separator groups items that are already distinct rows; it is not a control boundary"},{"label":"submenu chevron (decorative; aria-haspopup carries the meaning)","state":null,"kind":"ui","min":1,"fg":"color.icon.decorative","bg":"color.surface.raised","fgHex":"#a3676b","bgHex":"#241010","ratio":4.07,"pass":true,"waiver":"the chevron duplicates aria-haspopup on the item"}]} |
| component-contract | number-field | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"number-field","family":"forms-basic","maturity":"stable","priority":"R1","title":"Number field","summary":"The text-field box around a native number input with right-aligned tabular digits, an optional unit affix and two square stepper buttons that replace the host spinner.","native":true,"aria":{"pattern":"native <input type=\"number\"> with <label>; stepper buttons are separate <button>s","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/spinbutton/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"root.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"root.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"root.border-focus":{"alias":"color.border.active","value":"#e53935","status":"observed"},"root.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"},"root.ring-invalid":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"},"root.border-invalid":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"},"root.border-disabled":{"alias":"color.border.disabled","value":"#7d1310","status":"observed"},"root.bg-disabled":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed"},"root.border-readonly":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed"},"root.bg-readonly":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed"},"input.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"input.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved"},"input.caret":{"alias":"color.code.caret","value":"#e99499","status":"observed"},"unit.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"unit.border":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed"},"action.text":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed"},"action.bg-hover":{"alias":"color.action.tertiary.hover-bg","value":"#1c0a09","status":"observed"},"action.border":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed"},"label.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"help.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"message.text":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"}},"stateRules":[{"state":"default","visual":"1px {color.border.control} on {color.surface.input}; digits {color.text.default}; unit {color.text.muted}; stepper glyphs {color.action.tertiary.text}","channel":"—","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"hover","visual":"background → {color.interaction.hover.bg}; a hovered stepper button → {color.action.tertiary.hover-bg}","channel":"cursor: text on the input, pointer on the buttons","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"focus-visible","visual":"border → {color.border.active}; ring 1px dashed {color.interaction.focus.ring} at −2px on the box, or on the focused stepper button","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.active","value":"#e53935","status":"observed"},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}}},{"state":"invalid","visual":"border 2px {color.status.danger.border}; message with the ✕ glyph","channel":"border width 1 → 2px; glyph; `aria-invalid`","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"}}},{"state":"invalid+focus-visible","visual":"the 2px danger border and the ring in {color.interaction.focus.ring-container} at −4px","channel":"double boundary","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"}}},{"state":"disabled","visual":"text, unit and glyphs {color.text.disabled}; border {color.border.disabled}; background {color.interaction.disabled.bg}; buttons disabled","channel":"`disabled`; cursor: not-allowed","tokens":{}},{"state":"read-only","visual":"no box: 1px dotted {color.border.divider} bottom edge on {color.surface.canvas}; the stepper is hidden","channel":"`readonly`; dotted edge; no buttons","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed"}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Input, then the increase button, then the decrease button."},{"key":"Up / Down","action":"Steps by the step attribute (native); Shift+Up / Shift+Down step by ten where the host binds it."},{"key":"Page Up / Page Down","action":"Steps by ten times the step where the host binds it."},{"key":"Home / End","action":"Jumps to min or max where the host binds it."}],"responsive":"Fills its field container with min-width 0; the digits column shrinks first, the unit and stepper never wrap. RTL keeps digits left-to-right inside the input and mirrors the unit and stepper to the inline end.","portability":{"web":"native <input type=\"number\"> with min, max and step; the host spinner is hidden and replaced with two <button type=\"button\"> steppers labelled \"Increase <label>\" and \"Decrease <label>\" that call stepUp and stepDown; inputmode=\"decimal\" where fractions are allowed.","nativeFallbacks":["GTK4 SpinButton with square buttons through CSS.","Qt QSpinBox or QDoubleSpinBox stylesheet with the up and down subcontrols.","Terminal UI: digits in a box; + and − keys step; the unit in dim text."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-TOUCH","FX-DENSITY","FX-STATE-MATRIX"],"related":["text-field","field","range","search-field"],"specimens":["settings-panel","admin-form"],"nonExamples":"The host's default spinner. Round or overlapping stepper buttons. A value\nclamped silently on blur. Left-aligned digits. A unit typed into the value.\nA number field for phone numbers, postcodes or identifiers. Invalid shown by\ncolour alone. Disabling by opacity.","contrast":[{"label":"number-field default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"number-field default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"number-field hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"number-field hover border","state":"hover","kind":"ui","min":3,"fg":"color.border.control","bg":"color.interaction.hover.bg","fgHex":"#a3676b","bgHex":"#1c0a09","ratio":4.29,"pass":true,"waiver":null},{"label":"number-field focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"number-field focus-visible border","state":"focus-visible","kind":"ui","min":3,"fg":"color.border.active","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"number-field focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"number-field invalid text","state":"invalid","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"number-field invalid border","state":"invalid","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"number-field invalid+focus-visible text","state":"invalid+focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"number-field invalid+focus-visible border","state":"invalid+focus-visible","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"number-field invalid+focus-visible outline","state":"invalid+focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.surface.input","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"number-field read-only text","state":"read-only","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.canvas","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"unit affix on the input surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.input","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"stepper glyphs on the input surface","state":null,"kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"stepper glyphs on their hover fill","state":"hover","kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.action.tertiary.hover-bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"validation message on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.default","fgHex":"#f73f35","bgHex":"#160b0b","ratio":5.26,"pass":true,"waiver":null},{"label":"help text on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"disabled text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled border (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"},{"label":"affix and stepper dividers (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.input","fgHex":"#2b0e0d","bgHex":"#0c0909","ratio":1.11,"pass":true,"waiver":"the dividers separate parts inside one control box; the control boundary is border.control"},{"label":"read-only bottom edge (decorative; the field has no box)","state":"read-only","kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.canvas","fgHex":"#2b0e0d","bgHex":"#0c0909","ratio":1.11,"pass":true,"waiver":"read-only fields are identified by the readonly attribute and the absence of a box, not by this edge"}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"number-field","family":"forms-basic","maturity":"stable","priority":"R1","title":"Number field","summary":"The text-field box around a native number input with right-aligned tabular digits, an optional unit affix and two square stepper buttons that replace the host spinner.","native":true,"aria":{"pattern":"native <input type=\"number\"> with <label>; stepper buttons are separate <button>s","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/spinbutton/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"root.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border-focus":{"alias":"color.border.active","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.ring-invalid":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border-invalid":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border-disabled":{"alias":"color.border.disabled","value":"#7d1310","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.bg-disabled":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border-readonly":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"root.bg-readonly":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"input.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"input.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"input.caret":{"alias":"color.code.caret","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"unit.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"unit.border":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"action.text":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"action.bg-hover":{"alias":"color.action.tertiary.hover-bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"action.border":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"label.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"help.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"message.text":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"1px {color.border.control} on {color.surface.input}; digits {color.text.default}; unit {color.text.muted}; stepper glyphs {color.action.tertiary.text}","channel":"—","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"hover","visual":"background → {color.interaction.hover.bg}; a hovered stepper button → {color.action.tertiary.hover-bg}","channel":"cursor: text on the input, pointer on the buttons","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"focus-visible","visual":"border → {color.border.active}; ring 1px dashed {color.interaction.focus.ring} at −2px on the box, or on the focused stepper button","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.active","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"invalid","visual":"border 2px {color.status.danger.border}; message with the ✕ glyph","channel":"border width 1 → 2px; glyph; `aria-invalid`","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"invalid+focus-visible","visual":"the 2px danger border and the ring in {color.interaction.focus.ring-container} at −4px","channel":"double boundary","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"disabled","visual":"text, unit and glyphs {color.text.disabled}; border {color.border.disabled}; background {color.interaction.disabled.bg}; buttons disabled","channel":"`disabled`; cursor: not-allowed","tokens":{}},{"state":"read-only","visual":"no box: 1px dotted {color.border.divider} bottom edge on {color.surface.canvas}; the stepper is hidden","channel":"`readonly`; dotted edge; no buttons","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Input, then the increase button, then the decrease button."},{"key":"Up / Down","action":"Steps by the step attribute (native); Shift+Up / Shift+Down step by ten where the host binds it."},{"key":"Page Up / Page Down","action":"Steps by ten times the step where the host binds it."},{"key":"Home / End","action":"Jumps to min or max where the host binds it."}],"responsive":"Fills its field container with min-width 0; the digits column shrinks first, the unit and stepper never wrap. RTL keeps digits left-to-right inside the input and mirrors the unit and stepper to the inline end.","portability":{"web":"native <input type=\"number\"> with min, max and step; the host spinner is hidden and replaced with two <button type=\"button\"> steppers labelled \"Increase <label>\" and \"Decrease <label>\" that call stepUp and stepDown; inputmode=\"decimal\" where fractions are allowed.","nativeFallbacks":["GTK4 SpinButton with square buttons through CSS.","Qt QSpinBox or QDoubleSpinBox stylesheet with the up and down subcontrols.","Terminal UI: digits in a box; + and − keys step; the unit in dim text."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-TOUCH","FX-DENSITY","FX-STATE-MATRIX"],"related":["text-field","field","range","search-field"],"specimens":["settings-panel","admin-form"],"nonExamples":"The host's default spinner. Round or overlapping stepper buttons. A value\nclamped silently on blur. Left-aligned digits. A unit typed into the value.\nA number field for phone numbers, postcodes or identifiers. Invalid shown by\ncolour alone. Disabling by opacity.","contrast":[{"label":"number-field default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"number-field default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"number-field hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"number-field hover border","state":"hover","kind":"ui","min":3,"fg":"color.border.control","bg":"color.interaction.hover.bg","fgHex":"#a3676b","bgHex":"#1c0a09","ratio":4.29,"pass":true,"waiver":null},{"label":"number-field focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"number-field focus-visible border","state":"focus-visible","kind":"ui","min":3,"fg":"color.border.active","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"number-field focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"number-field invalid text","state":"invalid","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"number-field invalid border","state":"invalid","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"number-field invalid+focus-visible text","state":"invalid+focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"number-field invalid+focus-visible border","state":"invalid+focus-visible","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"number-field invalid+focus-visible outline","state":"invalid+focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.surface.input","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"number-field read-only text","state":"read-only","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.canvas","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"unit affix on the input surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.input","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"stepper glyphs on the input surface","state":null,"kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"stepper glyphs on their hover fill","state":"hover","kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.action.tertiary.hover-bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"validation message on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.default","fgHex":"#f73f35","bgHex":"#160b0b","ratio":5.26,"pass":true,"waiver":null},{"label":"help text on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"disabled text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled border (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"},{"label":"affix and stepper dividers (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.input","fgHex":"#2b0e0d","bgHex":"#0c0909","ratio":1.11,"pass":true,"waiver":"the dividers separate parts inside one control box; the control boundary is border.control"},{"label":"read-only bottom edge (decorative; the field has no box)","state":"read-only","kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.canvas","fgHex":"#2b0e0d","bgHex":"#0c0909","ratio":1.11,"pass":true,"waiver":"read-only fields are identified by the readonly attribute and the absence of a box, not by this edge"}]} |
| component-contract | pagination | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"pagination","family":"navigation","maturity":"stable","priority":"R1","title":"Pagination","summary":"Page links for a long result set; the current page takes the selection fill and aria-current, and the compact form reads \"3 of 12\" between previous and next.","native":true,"aria":{"pattern":"native nav > ul of links with aria-current=\"page\""},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"link.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"link.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"link.bg-pressed":{"alias":"color.interaction.pressed.bg","value":"#420f0c","status":"observed"},"link.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"},"link.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved"},"current.bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"},"current.text":{"alias":"color.text.on-selection","value":"#f4eeee","status":"observed"},"current.ring":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"},"gap.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"status.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"status.emphasis":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"}},"stateRules":[{"state":"default","visual":"text {color.text.default}; no fill; no border","channel":"—","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"}}},{"state":"hover","visual":"background → {color.interaction.hover.bg}","channel":"cursor: pointer","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px; on the current page the ring is {color.interaction.focus.ring-container}","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}}},{"state":"current","visual":"fill {color.interaction.selection.bg}; text {color.text.on-selection}; no hover","channel":"`aria-current=\"page\"`","tokens":{"fg":{"alias":"color.text.on-selection","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"}}},{"state":"disabled","visual":"text {color.text.disabled}; no fill; no hover","channel":"`aria-disabled=\"true\"`; no `href`; cursor: not-allowed","tokens":{}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves through previous, each page link and next in order; a disabled end has no href and is not a stop."},{"key":"Enter","action":"Follows the focused link."}],"responsive":"The list wraps at 320px; the compact variant never wraps and is the choice below 600px or in a toolbar. RTL mirrors the order and swaps the previous and next glyphs through logical properties.","portability":{"web":"nav with aria-label=\"Pagination\" wrapping a ul of anchors; the current page is an anchor with aria-current=\"page\"; a disabled end is an anchor without href carrying aria-disabled=\"true\"; the fill is a background, the ring an outline.","nativeFallbacks":["GTK4 a Box of Buttons with the current one using the selected style class.","Qt a row of QToolButtons; the current one checked and styled with the selection fill.","Terminal UI: page numbers on one line; the current number inverted."]},"fixtures":["FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-STATE-MATRIX"],"related":["table","data-table","link","button"],"specimens":["filterable-table"],"nonExamples":"Rounded or circular page buttons. A border around every page link. The\ncurrent page marked by colour or bold alone without `aria-current`. Previous\nand next as glyph-only links without a label. A disabled end that still has\nan `href`. Pagination that hides the last page number. A row that scrolls\nhorizontally.","contrast":[{"label":"pagination default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"pagination hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"pagination focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"pagination focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"pagination current text","state":"current","kind":"text","min":4.5,"fg":"color.text.on-selection","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"ring on the current page when focused","state":"current","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.interaction.selection.bg","fgHex":"#ffa2a7","bgHex":"#911410","ratio":4.75,"pass":true,"waiver":null},{"label":"disabled previous/next (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.surface.default","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"gap ellipsis on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"pagination","family":"navigation","maturity":"stable","priority":"R1","title":"Pagination","summary":"Page links for a long result set; the current page takes the selection fill and aria-current, and the compact form reads \"3 of 12\" between previous and next.","native":true,"aria":{"pattern":"native nav > ul of links with aria-current=\"page\""},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"link.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"link.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"link.bg-pressed":{"alias":"color.interaction.pressed.bg","value":"#420f0c","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"link.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"link.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"current.bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"current.text":{"alias":"color.text.on-selection","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"current.ring":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"gap.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"status.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"status.emphasis":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"text {color.text.default}; no fill; no border","channel":"—","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"hover","visual":"background → {color.interaction.hover.bg}","channel":"cursor: pointer","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px; on the current page the ring is {color.interaction.focus.ring-container}","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"current","visual":"fill {color.interaction.selection.bg}; text {color.text.on-selection}; no hover","channel":"`aria-current=\"page\"`","tokens":{"fg":{"alias":"color.text.on-selection","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"disabled","visual":"text {color.text.disabled}; no fill; no hover","channel":"`aria-disabled=\"true\"`; no `href`; cursor: not-allowed","tokens":{}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves through previous, each page link and next in order; a disabled end has no href and is not a stop."},{"key":"Enter","action":"Follows the focused link."}],"responsive":"The list wraps at 320px; the compact variant never wraps and is the choice below 600px or in a toolbar. RTL mirrors the order and swaps the previous and next glyphs through logical properties.","portability":{"web":"nav with aria-label=\"Pagination\" wrapping a ul of anchors; the current page is an anchor with aria-current=\"page\"; a disabled end is an anchor without href carrying aria-disabled=\"true\"; the fill is a background, the ring an outline.","nativeFallbacks":["GTK4 a Box of Buttons with the current one using the selected style class.","Qt a row of QToolButtons; the current one checked and styled with the selection fill.","Terminal UI: page numbers on one line; the current number inverted."]},"fixtures":["FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-STATE-MATRIX"],"related":["table","data-table","link","button"],"specimens":["filterable-table"],"nonExamples":"Rounded or circular page buttons. A border around every page link. The\ncurrent page marked by colour or bold alone without `aria-current`. Previous\nand next as glyph-only links without a label. A disabled end that still has\nan `href`. Pagination that hides the last page number. A row that scrolls\nhorizontally.","contrast":[{"label":"pagination default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"pagination hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"pagination focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"pagination focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"pagination current text","state":"current","kind":"text","min":4.5,"fg":"color.text.on-selection","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"ring on the current page when focused","state":"current","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.interaction.selection.bg","fgHex":"#ffa2a7","bgHex":"#911410","ratio":4.75,"pass":true,"waiver":null},{"label":"disabled previous/next (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.surface.default","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"gap ellipsis on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null}]} |
| component-contract | progress | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"progress","family":"feedback","maturity":"stable","priority":"R1","title":"Progress","summary":"A native progress element with a label and value; determinate fills with the primary colour, indeterminate shows static 45° stripes, never an animation.","native":true,"aria":{"pattern":"native <progress> labelled by <label for>; aria-valuetext for indeterminate work","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/meter/"},"sizes":["compact","comfortable"],"tokens":{"track.bg":{"alias":"color.interaction.pressed.bg","value":"#420f0c","status":"observed"},"track.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"value.bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed"},"value.bg-error":{"alias":"color.status.danger.fill","value":"#dc282e","status":"observed"},"stripe.a":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed"},"stripe.b":{"alias":"color.interaction.pressed.bg","value":"#420f0c","status":"observed"},"label.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"value.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"detail.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"error.text":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"}},"stateRules":[{"state":"default","visual":"fill {color.action.primary.bg} on the track; the value text","channel":"the native value; the percentage text","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"busy","visual":"the whole track shows static 45° stripes of {color.action.primary.bg} on {color.interaction.pressed.bg}; no value text","channel":"`aria-busy`; `aria-valuetext`; the stripe pattern; no animation","tokens":{}},{"state":"error","visual":"fill → {color.status.danger.fill}; the label gains the ✕ glyph in {color.status.danger.text}; the detail line says what failed","channel":"glyph; worded detail","tokens":{"fg":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed"},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"}}},{"state":"reduced-motion","visual":"identical to default and busy: nothing animates in any state","channel":"`prefers-reduced-motion`","tokens":{}}],"keyboard":[{"key":"Tab","action":"Nothing; progress is not focusable and never traps a person."},{"key":"Escape","action":"Nothing; cancelling is a separate button next to the bar."}],"responsive":"Fills its container; the header wraps the value under the label below 320px; the bar never shrinks below 8px. RTL fills from the end edge, which the native element does on its own.","portability":{"web":"native <progress max value> with a <label for>; indeterminate by omitting value and setting aria-valuetext; the fill through ::-webkit-progress-value and ::-moz-progress-bar; stripes through a repeating-linear-gradient with no animation.","nativeFallbacks":["GTK4 ProgressBar; pulse mode draws the stripes statically (no pulse animation).","Qt QProgressBar; the chunk is the fill, minimum = maximum = 0 for indeterminate with a static hatched brush.","Terminal UI: a bar of block characters; indeterminate as alternating half blocks."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-STATE-MATRIX"],"related":["loading-indicator","file-input","wizard","toast"],"specimens":["admin-form","i3-window-frame"],"nonExamples":"A spinner. Animated or \"barber-pole\" stripes. A shimmering skeleton in place\nof a bar. A circular ring. A rounded pill-shaped bar. Colour-only failure\nwithout the glyph and text. A bar with no label. A bar that blocks input.","contrast":[{"label":"progress default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.canvas","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"progress default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.canvas","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"progress error text","state":"error","kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.canvas","fgHex":"#f73f35","bgHex":"#0c0909","ratio":5.4,"pass":true,"waiver":null},{"label":"progress error border","state":"error","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.canvas","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"label on the canvas","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.canvas","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"detail line on the canvas","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.canvas","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"value fill against the track","state":null,"kind":"ui","min":3,"fg":"color.action.primary.bg","bg":"color.interaction.pressed.bg","fgHex":"#871f19","bgHex":"#420f0c","ratio":1.72,"pass":false,"waiver":"the fill measures 1.72:1 against the track; the value is carried by the visible percentage text and the native value, and the track boundary (border.control, 4.45:1) marks the full extent"},{"label":"stripes (decorative pattern)","state":"busy","kind":"ui","min":1,"fg":"color.action.primary.bg","bg":"color.interaction.pressed.bg","fgHex":"#871f19","bgHex":"#420f0c","ratio":1.72,"pass":true,"waiver":"the stripes are a pattern, not a boundary; busy is carried by aria-busy and aria-valuetext"},{"label":"error fill against the track","state":"error","kind":"ui","min":3,"fg":"color.status.danger.fill","bg":"color.interaction.pressed.bg","fgHex":"#dc282e","bgHex":"#420f0c","ratio":3.36,"pass":true,"waiver":null}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"progress","family":"feedback","maturity":"stable","priority":"R1","title":"Progress","summary":"A native progress element with a label and value; determinate fills with the primary colour, indeterminate shows static 45° stripes, never an animation.","native":true,"aria":{"pattern":"native <progress> labelled by <label for>; aria-valuetext for indeterminate work","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/meter/"},"sizes":["compact","comfortable"],"tokens":{"track.bg":{"alias":"color.interaction.pressed.bg","value":"#420f0c","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"track.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"value.bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"value.bg-error":{"alias":"color.status.danger.fill","value":"#dc282e","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"stripe.a":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"stripe.b":{"alias":"color.interaction.pressed.bg","value":"#420f0c","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"label.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"value.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"detail.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"error.text":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"fill {color.action.primary.bg} on the track; the value text","channel":"the native value; the percentage text","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"busy","visual":"the whole track shows static 45° stripes of {color.action.primary.bg} on {color.interaction.pressed.bg}; no value text","channel":"`aria-busy`; `aria-valuetext`; the stripe pattern; no animation","tokens":{}},{"state":"error","visual":"fill → {color.status.danger.fill}; the label gains the ✕ glyph in {color.status.danger.text}; the detail line says what failed","channel":"glyph; worded detail","tokens":{"fg":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"reduced-motion","visual":"identical to default and busy: nothing animates in any state","channel":"`prefers-reduced-motion`","tokens":{}}],"keyboard":[{"key":"Tab","action":"Nothing; progress is not focusable and never traps a person."},{"key":"Escape","action":"Nothing; cancelling is a separate button next to the bar."}],"responsive":"Fills its container; the header wraps the value under the label below 320px; the bar never shrinks below 8px. RTL fills from the end edge, which the native element does on its own.","portability":{"web":"native <progress max value> with a <label for>; indeterminate by omitting value and setting aria-valuetext; the fill through ::-webkit-progress-value and ::-moz-progress-bar; stripes through a repeating-linear-gradient with no animation.","nativeFallbacks":["GTK4 ProgressBar; pulse mode draws the stripes statically (no pulse animation).","Qt QProgressBar; the chunk is the fill, minimum = maximum = 0 for indeterminate with a static hatched brush.","Terminal UI: a bar of block characters; indeterminate as alternating half blocks."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-STATE-MATRIX"],"related":["loading-indicator","file-input","wizard","toast"],"specimens":["admin-form","i3-window-frame"],"nonExamples":"A spinner. Animated or \"barber-pole\" stripes. A shimmering skeleton in place\nof a bar. A circular ring. A rounded pill-shaped bar. Colour-only failure\nwithout the glyph and text. A bar with no label. A bar that blocks input.","contrast":[{"label":"progress default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.canvas","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"progress default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.canvas","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"progress error text","state":"error","kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.canvas","fgHex":"#f73f35","bgHex":"#0c0909","ratio":5.4,"pass":true,"waiver":null},{"label":"progress error border","state":"error","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.canvas","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"label on the canvas","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.canvas","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"detail line on the canvas","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.canvas","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"value fill against the track","state":null,"kind":"ui","min":3,"fg":"color.action.primary.bg","bg":"color.interaction.pressed.bg","fgHex":"#871f19","bgHex":"#420f0c","ratio":1.72,"pass":false,"waiver":"the fill measures 1.72:1 against the track; the value is carried by the visible percentage text and the native value, and the track boundary (border.control, 4.45:1) marks the full extent"},{"label":"stripes (decorative pattern)","state":"busy","kind":"ui","min":1,"fg":"color.action.primary.bg","bg":"color.interaction.pressed.bg","fgHex":"#871f19","bgHex":"#420f0c","ratio":1.72,"pass":true,"waiver":"the stripes are a pattern, not a boundary; busy is carried by aria-busy and aria-valuetext"},{"label":"error fill against the track","state":"error","kind":"ui","min":3,"fg":"color.status.danger.fill","bg":"color.interaction.pressed.bg","fgHex":"#dc282e","bgHex":"#420f0c","ratio":3.36,"pass":true,"waiver":null}]} |
| component-contract | radio-group | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"radio-group","family":"forms-basic","maturity":"stable","priority":"R1","title":"Radio group","summary":"A fieldset of native radios for one exclusive choice; each radio is a 16px square that fills with the primary action colour and an inner square when checked.","native":true,"aria":{"pattern":"native <input type=\"radio\"> inside <fieldset> with <legend>","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/radio/"},"sizes":["compact","comfortable"],"tokens":{"box.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"box.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"box.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"box.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"},"box.bg-checked":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed"},"box.bg-checked-hover":{"alias":"color.action.primary.hover-bg","value":"#911410","status":"observed"},"box.dot":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed"},"box.ring-checked":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"},"box.border-invalid":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"},"box.bg-disabled":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed"},"box.border-disabled":{"alias":"color.border.disabled","value":"#7d1310","status":"observed"},"box.dot-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved"},"text.default":{"alias":"color.text.default","value":"#e99499","status":"observed"},"text.disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved"},"legend.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"legend.required-mark":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"},"message.text":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"}},"stateRules":[{"state":"default","visual":"16px square, 1px {color.border.control} on {color.surface.input}; text {color.text.default}","channel":"—","tokens":{"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"hover","visual":"box background → {color.interaction.hover.bg}; a checked box → {color.action.primary.hover-bg}","channel":"cursor: pointer; hover-capable pointers only","tokens":{"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px around the box","channel":"the ring","tokens":{"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}}},{"state":"checked","visual":"box fills {color.action.primary.bg}; an 8px inner square in {color.action.primary.text}; border stays {color.border.control}","channel":"the inner square; `checked`","tokens":{"fg":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed"}}},{"state":"checked+focus-visible","visual":"the fill and a ring in {color.interaction.focus.ring-container}","channel":"inner square and ring","tokens":{"fg":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed"},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"}}},{"state":"disabled","visual":"boxes {color.interaction.disabled.bg} with 1px {color.border.disabled}; inner square and text {color.text.disabled}","channel":"`disabled`; cursor: not-allowed","tokens":{}},{"state":"invalid","visual":"every box border 2px {color.status.danger.border}; message with the ✕ glyph","channel":"border width 1 → 2px; glyph; `aria-invalid`","tokens":{"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"}}},{"state":"required","visual":"`*` after the legend in {color.status.danger.text} plus visually hidden \"required\"","channel":"`required`; the mark","tokens":{"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Enters the group on the checked radio, or the first when none is checked; leaves it entirely."},{"key":"Up / Down / Left / Right","action":"Moves the check to the previous or next radio and selects it (native); wraps at the ends."},{"key":"Space","action":"Checks the focused radio when none is checked."}],"responsive":"Vertical groups stack at every width. The horizontal variant wraps into rows at 320px and keeps a 16px gap between options. RTL mirrors the box to the inline start and reverses the row.","portability":{"web":"native <input type=\"radio\"> sharing a name, each inside a <label>, all inside <fieldset> with <legend>; never role=\"radiogroup\" on a div when the native group is available; the message is linked from the fieldset.","nativeFallbacks":["GTK4 CheckButton with a group; square indicator through CSS.","Qt QRadioButton in a QButtonGroup; indicator subcontrol styled square.","Terminal UI: (o) and ( ) glyphs; arrow keys move the mark."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-TOUCH","FX-DENSITY","FX-STATE-MATRIX"],"related":["checkbox","switch","segmented-control","fieldset","field","select"],"specimens":["settings-panel","admin-form"],"nonExamples":"Circular radios. A checked state shown by border colour alone with no inner\nsquare. Radios that submit or navigate on change. A group with no legend or\nwith the legend rendered as a label on one option. Separate tab stops per\nradio. One radio on its own. Disabling by opacity. A div with\n`role=\"radiogroup\"` built from spans.","contrast":[{"label":"radio-group default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"radio-group hover border","state":"hover","kind":"ui","min":3,"fg":"color.border.control","bg":"color.interaction.hover.bg","fgHex":"#a3676b","bgHex":"#1c0a09","ratio":4.29,"pass":true,"waiver":null},{"label":"radio-group focus-visible border","state":"focus-visible","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"radio-group focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"radio-group checked text","state":"checked","kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.bg","fgHex":"#f4eeee","bgHex":"#871f19","ratio":8.17,"pass":true,"waiver":null},{"label":"radio-group checked+focus-visible text","state":"checked+focus-visible","kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.bg","fgHex":"#f4eeee","bgHex":"#871f19","ratio":8.17,"pass":true,"waiver":null},{"label":"radio-group checked+focus-visible outline","state":"checked+focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.action.primary.bg","fgHex":"#ffa2a7","bgHex":"#871f19","ratio":4.9,"pass":true,"waiver":null},{"label":"radio-group invalid border","state":"invalid","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"radio-group required border","state":"required","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"option text on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"legend on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"checked radio edge against the panel (the border stays border.control)","state":"checked","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":null},{"label":"inner square on the hovered checked fill","state":"hover","kind":"ui","min":3,"fg":"color.action.primary.text","bg":"color.action.primary.hover-bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"validation message on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.default","fgHex":"#f73f35","bgHex":"#160b0b","ratio":5.26,"pass":true,"waiver":null},{"label":"disabled option text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.surface.default","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled inner square (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled border (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"radio-group","family":"forms-basic","maturity":"stable","priority":"R1","title":"Radio group","summary":"A fieldset of native radios for one exclusive choice; each radio is a 16px square that fills with the primary action colour and an inner square when checked.","native":true,"aria":{"pattern":"native <input type=\"radio\"> inside <fieldset> with <legend>","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/radio/"},"sizes":["compact","comfortable"],"tokens":{"box.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"box.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"box.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"box.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"box.bg-checked":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"box.bg-checked-hover":{"alias":"color.action.primary.hover-bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"box.dot":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"box.ring-checked":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"box.border-invalid":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"box.bg-disabled":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"box.border-disabled":{"alias":"color.border.disabled","value":"#7d1310","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"box.dot-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"text.default":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"text.disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"legend.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"legend.required-mark":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"message.text":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"16px square, 1px {color.border.control} on {color.surface.input}; text {color.text.default}","channel":"—","tokens":{"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"hover","visual":"box background → {color.interaction.hover.bg}; a checked box → {color.action.primary.hover-bg}","channel":"cursor: pointer; hover-capable pointers only","tokens":{"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px around the box","channel":"the ring","tokens":{"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"checked","visual":"box fills {color.action.primary.bg}; an 8px inner square in {color.action.primary.text}; border stays {color.border.control}","channel":"the inner square; `checked`","tokens":{"fg":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"checked+focus-visible","visual":"the fill and a ring in {color.interaction.focus.ring-container}","channel":"inner square and ring","tokens":{"fg":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"disabled","visual":"boxes {color.interaction.disabled.bg} with 1px {color.border.disabled}; inner square and text {color.text.disabled}","channel":"`disabled`; cursor: not-allowed","tokens":{}},{"state":"invalid","visual":"every box border 2px {color.status.danger.border}; message with the ✕ glyph","channel":"border width 1 → 2px; glyph; `aria-invalid`","tokens":{"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"required","visual":"`*` after the legend in {color.status.danger.text} plus visually hidden \"required\"","channel":"`required`; the mark","tokens":{"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Enters the group on the checked radio, or the first when none is checked; leaves it entirely."},{"key":"Up / Down / Left / Right","action":"Moves the check to the previous or next radio and selects it (native); wraps at the ends."},{"key":"Space","action":"Checks the focused radio when none is checked."}],"responsive":"Vertical groups stack at every width. The horizontal variant wraps into rows at 320px and keeps a 16px gap between options. RTL mirrors the box to the inline start and reverses the row.","portability":{"web":"native <input type=\"radio\"> sharing a name, each inside a <label>, all inside <fieldset> with <legend>; never role=\"radiogroup\" on a div when the native group is available; the message is linked from the fieldset.","nativeFallbacks":["GTK4 CheckButton with a group; square indicator through CSS.","Qt QRadioButton in a QButtonGroup; indicator subcontrol styled square.","Terminal UI: (o) and ( ) glyphs; arrow keys move the mark."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-TOUCH","FX-DENSITY","FX-STATE-MATRIX"],"related":["checkbox","switch","segmented-control","fieldset","field","select"],"specimens":["settings-panel","admin-form"],"nonExamples":"Circular radios. A checked state shown by border colour alone with no inner\nsquare. Radios that submit or navigate on change. A group with no legend or\nwith the legend rendered as a label on one option. Separate tab stops per\nradio. One radio on its own. Disabling by opacity. A div with\n`role=\"radiogroup\"` built from spans.","contrast":[{"label":"radio-group default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"radio-group hover border","state":"hover","kind":"ui","min":3,"fg":"color.border.control","bg":"color.interaction.hover.bg","fgHex":"#a3676b","bgHex":"#1c0a09","ratio":4.29,"pass":true,"waiver":null},{"label":"radio-group focus-visible border","state":"focus-visible","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"radio-group focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"radio-group checked text","state":"checked","kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.bg","fgHex":"#f4eeee","bgHex":"#871f19","ratio":8.17,"pass":true,"waiver":null},{"label":"radio-group checked+focus-visible text","state":"checked+focus-visible","kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.bg","fgHex":"#f4eeee","bgHex":"#871f19","ratio":8.17,"pass":true,"waiver":null},{"label":"radio-group checked+focus-visible outline","state":"checked+focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.action.primary.bg","fgHex":"#ffa2a7","bgHex":"#871f19","ratio":4.9,"pass":true,"waiver":null},{"label":"radio-group invalid border","state":"invalid","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"radio-group required border","state":"required","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"option text on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"legend on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"checked radio edge against the panel (the border stays border.control)","state":"checked","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":null},{"label":"inner square on the hovered checked fill","state":"hover","kind":"ui","min":3,"fg":"color.action.primary.text","bg":"color.action.primary.hover-bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"validation message on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.default","fgHex":"#f73f35","bgHex":"#160b0b","ratio":5.26,"pass":true,"waiver":null},{"label":"disabled option text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.surface.default","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled inner square (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled border (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"}]} |
| component-contract | search-field | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"search-field","family":"forms-basic","maturity":"stable","priority":"R1","title":"Search field","summary":"The text-field box around a native search input with a magnifier, a clear button that appears with a value, an optional shortcut hint, a loading glyph and a no-results status line.","native":true,"aria":{"pattern":"native <input type=\"search\"> with <label> inside a role=\"search\" landmark; status through role=\"status\"","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/landmarks/examples/search.html"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"root.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"root.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"root.border-focus":{"alias":"color.border.active","value":"#e53935","status":"observed"},"root.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"},"root.border-disabled":{"alias":"color.border.disabled","value":"#7d1310","status":"observed"},"root.bg-disabled":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed"},"input.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"input.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved"},"input.placeholder":{"alias":"color.text.placeholder","value":"#bd787d","status":"observed"},"input.caret":{"alias":"color.code.caret","value":"#e99499","status":"observed"},"icon.stroke":{"alias":"color.icon.default","value":"#e99499","status":"observed"},"loading.glyph":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"clear.text":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed"},"clear.bg-hover":{"alias":"color.action.tertiary.hover-bg","value":"#1c0a09","status":"observed"},"kbd.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"kbd.border":{"alias":"color.border.default","value":"#531310","status":"observed"},"label.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"help.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"status.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"}},"stateRules":[{"state":"default","visual":"1px {color.border.control} on {color.surface.input}; magnifier {color.icon.default}; text {color.text.default}","channel":"the magnifier","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"hover","visual":"background → {color.interaction.hover.bg}; the clear button → {color.action.tertiary.hover-bg} when hovered","channel":"cursor: text","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"focus-visible","visual":"border → {color.border.active}; ring 1px dashed {color.interaction.focus.ring} at −2px; the hint hides","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.active","value":"#e53935","status":"observed"},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}}},{"state":"placeholder-shown","visual":"placeholder in {color.text.placeholder}, italic; no clear button","channel":"italic; the clear button is absent","tokens":{"fg":{"alias":"color.text.placeholder","value":"#bd787d","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"filled","visual":"as default with a value; the clear button is present","channel":"the clear button","tokens":{}},{"state":"loading","visual":"the static `⋯` glyph in {color.text.muted} replaces the magnifier; the input stays editable","channel":"glyph; `aria-busy`","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"disabled","visual":"text and icon {color.text.disabled}; border {color.border.disabled}; background {color.interaction.disabled.bg}; no clear button","channel":"`disabled`; cursor: not-allowed","tokens":{}},{"state":"no-results","visual":"the status line \"No results for …\" in {color.text.muted} below the help; the box unchanged","channel":"the status text; `role=\"status\"`","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Input, then the clear button when it is visible."},{"key":"Escape","action":"Clears a non-empty value and keeps focus; with an empty value, nothing."},{"key":"Enter","action":"Runs the search when the host does not search as you type."},{"key":"/ or Ctrl+K","action":"Focuses the field from anywhere on the page when the host binds the shortcut shown in the hint."}],"responsive":"Fills its container with min-width 0; icon, clear and hint keep their slots and the text shrinks first; in a toolbar it may collapse to an icon button below 600px. RTL mirrors the icon to the inline start and the clear and hint to the inline end.","portability":{"web":"native <input type=\"search\"> with <label>, inside <form role=\"search\"> or a role=\"search\" landmark; results announced through the status line, never a live region on every keystroke; the hint is a <kbd> that is aria-hidden; the host cancel button is hidden and replaced by the clear button.","nativeFallbacks":["GTK4 SearchEntry; the clear icon is its secondary icon.","Qt QLineEdit with a clearButtonEnabled and a leading QAction icon.","Terminal UI: a / prompt line; the status in dim text under it."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-TOUCH","FX-DENSITY","FX-STATE-MATRIX"],"related":["text-field","combobox","command-palette","toolbar","empty-state","kbd"],"specimens":["filterable-table","settings-panel"],"nonExamples":"Rounded or pill-shaped search boxes. A magnifier button that submits\ninstead of an icon. A spinner while loading. Results announced on every\nkeystroke. \"No results\" in red or with the ✕ glyph. A clear button that is\nalways visible. A search field without a label. Disabling by opacity.","contrast":[{"label":"search-field default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"search-field default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"search-field hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"search-field hover border","state":"hover","kind":"ui","min":3,"fg":"color.border.control","bg":"color.interaction.hover.bg","fgHex":"#a3676b","bgHex":"#1c0a09","ratio":4.29,"pass":true,"waiver":null},{"label":"search-field focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"search-field focus-visible border","state":"focus-visible","kind":"ui","min":3,"fg":"color.border.active","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"search-field focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"search-field placeholder-shown text","state":"placeholder-shown","kind":"text","min":4.5,"fg":"color.text.placeholder","bg":"color.surface.input","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"search-field placeholder-shown border","state":"placeholder-shown","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"search-field loading text","state":"loading","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"search-field loading border","state":"loading","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"search-field no-results text","state":"no-results","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"search-field no-results border","state":"no-results","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"magnifier on the input surface","state":null,"kind":"ui","min":3,"fg":"color.icon.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"loading glyph and kbd hint on the input surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.input","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"clear glyph on the input surface","state":null,"kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"clear glyph on its hover fill","state":"hover","kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.action.tertiary.hover-bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"help and no-results status on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"kbd hint edge (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.default","bg":"color.surface.input","fgHex":"#531310","bgHex":"#0c0909","ratio":1.39,"pass":true,"waiver":"the hint is not a control; its text at 5.81:1 carries the meaning"},{"label":"disabled text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled border (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"search-field","family":"forms-basic","maturity":"stable","priority":"R1","title":"Search field","summary":"The text-field box around a native search input with a magnifier, a clear button that appears with a value, an optional shortcut hint, a loading glyph and a no-results status line.","native":true,"aria":{"pattern":"native <input type=\"search\"> with <label> inside a role=\"search\" landmark; status through role=\"status\"","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/landmarks/examples/search.html"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"root.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border-focus":{"alias":"color.border.active","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border-disabled":{"alias":"color.border.disabled","value":"#7d1310","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.bg-disabled":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"input.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"input.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"input.placeholder":{"alias":"color.text.placeholder","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"input.caret":{"alias":"color.code.caret","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"icon.stroke":{"alias":"color.icon.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"loading.glyph":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"clear.text":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"clear.bg-hover":{"alias":"color.action.tertiary.hover-bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"kbd.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"kbd.border":{"alias":"color.border.default","value":"#531310","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"label.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"help.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"status.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"1px {color.border.control} on {color.surface.input}; magnifier {color.icon.default}; text {color.text.default}","channel":"the magnifier","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"hover","visual":"background → {color.interaction.hover.bg}; the clear button → {color.action.tertiary.hover-bg} when hovered","channel":"cursor: text","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"focus-visible","visual":"border → {color.border.active}; ring 1px dashed {color.interaction.focus.ring} at −2px; the hint hides","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.active","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"placeholder-shown","visual":"placeholder in {color.text.placeholder}, italic; no clear button","channel":"italic; the clear button is absent","tokens":{"fg":{"alias":"color.text.placeholder","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"filled","visual":"as default with a value; the clear button is present","channel":"the clear button","tokens":{}},{"state":"loading","visual":"the static `⋯` glyph in {color.text.muted} replaces the magnifier; the input stays editable","channel":"glyph; `aria-busy`","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"disabled","visual":"text and icon {color.text.disabled}; border {color.border.disabled}; background {color.interaction.disabled.bg}; no clear button","channel":"`disabled`; cursor: not-allowed","tokens":{}},{"state":"no-results","visual":"the status line \"No results for …\" in {color.text.muted} below the help; the box unchanged","channel":"the status text; `role=\"status\"`","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Input, then the clear button when it is visible."},{"key":"Escape","action":"Clears a non-empty value and keeps focus; with an empty value, nothing."},{"key":"Enter","action":"Runs the search when the host does not search as you type."},{"key":"/ or Ctrl+K","action":"Focuses the field from anywhere on the page when the host binds the shortcut shown in the hint."}],"responsive":"Fills its container with min-width 0; icon, clear and hint keep their slots and the text shrinks first; in a toolbar it may collapse to an icon button below 600px. RTL mirrors the icon to the inline start and the clear and hint to the inline end.","portability":{"web":"native <input type=\"search\"> with <label>, inside <form role=\"search\"> or a role=\"search\" landmark; results announced through the status line, never a live region on every keystroke; the hint is a <kbd> that is aria-hidden; the host cancel button is hidden and replaced by the clear button.","nativeFallbacks":["GTK4 SearchEntry; the clear icon is its secondary icon.","Qt QLineEdit with a clearButtonEnabled and a leading QAction icon.","Terminal UI: a / prompt line; the status in dim text under it."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-TOUCH","FX-DENSITY","FX-STATE-MATRIX"],"related":["text-field","combobox","command-palette","toolbar","empty-state","kbd"],"specimens":["filterable-table","settings-panel"],"nonExamples":"Rounded or pill-shaped search boxes. A magnifier button that submits\ninstead of an icon. A spinner while loading. Results announced on every\nkeystroke. \"No results\" in red or with the ✕ glyph. A clear button that is\nalways visible. A search field without a label. Disabling by opacity.","contrast":[{"label":"search-field default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"search-field default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"search-field hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"search-field hover border","state":"hover","kind":"ui","min":3,"fg":"color.border.control","bg":"color.interaction.hover.bg","fgHex":"#a3676b","bgHex":"#1c0a09","ratio":4.29,"pass":true,"waiver":null},{"label":"search-field focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"search-field focus-visible border","state":"focus-visible","kind":"ui","min":3,"fg":"color.border.active","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"search-field focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"search-field placeholder-shown text","state":"placeholder-shown","kind":"text","min":4.5,"fg":"color.text.placeholder","bg":"color.surface.input","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"search-field placeholder-shown border","state":"placeholder-shown","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"search-field loading text","state":"loading","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"search-field loading border","state":"loading","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"search-field no-results text","state":"no-results","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"search-field no-results border","state":"no-results","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"magnifier on the input surface","state":null,"kind":"ui","min":3,"fg":"color.icon.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"loading glyph and kbd hint on the input surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.input","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"clear glyph on the input surface","state":null,"kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"clear glyph on its hover fill","state":"hover","kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.action.tertiary.hover-bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"help and no-results status on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"kbd hint edge (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.default","bg":"color.surface.input","fgHex":"#531310","bgHex":"#0c0909","ratio":1.39,"pass":true,"waiver":"the hint is not a control; its text at 5.81:1 carries the meaning"},{"label":"disabled text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled border (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"}]} |
| component-contract | select | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"select","family":"forms-basic","maturity":"stable","priority":"R1","title":"Select","summary":"The native single or multiple select in the text-field box with a line-icon chevron; the popup list is host-rendered and outside the theme.","native":true,"aria":{"pattern":"native <select> with <label>","apg":"https://www.w3.org/WAI/ARIA/apg/practices/forms/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"root.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"root.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"root.border-focus":{"alias":"color.border.active","value":"#e53935","status":"observed"},"root.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"},"root.ring-invalid":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"},"root.border-invalid":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"},"root.border-disabled":{"alias":"color.border.disabled","value":"#7d1310","status":"observed"},"root.bg-disabled":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed"},"control.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"control.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved"},"chevron.stroke":{"alias":"color.icon.default","value":"#e99499","status":"observed"},"option.bg":{"alias":"color.surface.raised","value":"#241010","status":"observed"},"option.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"option.bg-selected":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"},"option.text-selected":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed"},"group.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"label.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"label.required-mark":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"},"help.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"message.text":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"}},"stateRules":[{"state":"default","visual":"1px {color.border.control} on {color.surface.input}; value {color.text.default}; chevron {color.icon.default}","channel":"the chevron","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"hover","visual":"background → {color.interaction.hover.bg}; border unchanged","channel":"cursor: default; hover-capable pointers only","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"focus-visible","visual":"border → {color.border.active}; ring 1px dashed {color.interaction.focus.ring} at −2px","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.active","value":"#e53935","status":"observed"},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}}},{"state":"required","visual":"`*` after the label in {color.status.danger.text} plus visually hidden \"required\"","channel":"`required`; the mark","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"invalid","visual":"border 2px {color.status.danger.border}; message with the ✕ glyph","channel":"border width 1 → 2px; glyph; `aria-invalid`","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"}}},{"state":"invalid+focus-visible","visual":"the 2px danger border and the ring in {color.interaction.focus.ring-container} at −4px","channel":"double boundary","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"}}},{"state":"disabled","visual":"text and chevron {color.text.disabled}; border {color.border.disabled}; background {color.interaction.disabled.bg}","channel":"`disabled`; cursor: not-allowed","tokens":{}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves focus in and out."},{"key":"Space / Alt+Down","action":"Opens the host popup (native)."},{"key":"Up / Down","action":"Moves through options; in the closed single select this changes the value directly."},{"key":"Typing","action":"Jumps to the first option starting with the typed characters (native)."},{"key":"Shift+Up / Shift+Down, Ctrl+click","action":"Extends or toggles the selection in the multiple variant (native)."}],"responsive":"Fills its field container with min-width 0; the chevron keeps its 16px slot; long option text truncates inside the box with the native ellipsis. RTL moves the chevron to the inline end.","portability":{"web":"native <select> plus <label>; the closed box is styled with appearance none; the open popup is drawn by the host and receives only option and optgroup colours where the engine honours them; never replaced by a custom listbox (that is the combobox component).","nativeFallbacks":["GTK4 DropDown; the popover follows border.overlay on surface.raised.","Qt QComboBox stylesheet with the drop-down subcontrol; QListView for multiple.","Terminal UI: the value in a bordered box with a ▾ glyph; a bordered list for multiple."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-TOUCH","FX-DENSITY","FX-STATE-MATRIX"],"related":["combobox","multiselect","text-field","field","menu"],"specimens":["settings-panel","admin-form","filterable-table"],"nonExamples":"A custom-built dropdown with a styled popup. A background-image chevron in\na literal colour. Rounded corners. A select whose first option is blank. A\nselect that triggers navigation on change. Invalid shown by colour alone.\nA glow instead of the ring. Disabling by opacity.","contrast":[{"label":"select default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"select default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"select hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"select hover border","state":"hover","kind":"ui","min":3,"fg":"color.border.control","bg":"color.interaction.hover.bg","fgHex":"#a3676b","bgHex":"#1c0a09","ratio":4.29,"pass":true,"waiver":null},{"label":"select focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"select focus-visible border","state":"focus-visible","kind":"ui","min":3,"fg":"color.border.active","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"select focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"select required text","state":"required","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"select required border","state":"required","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"select invalid text","state":"invalid","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"select invalid border","state":"invalid","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"select invalid+focus-visible text","state":"invalid+focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"select invalid+focus-visible border","state":"invalid+focus-visible","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"select invalid+focus-visible outline","state":"invalid+focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.surface.input","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"chevron on the input surface","state":null,"kind":"ui","min":3,"fg":"color.icon.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"option text in the host list","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.raised","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"group label in the host list","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.raised","fgHex":"#bd787d","bgHex":"#241010","ratio":5.31,"pass":true,"waiver":null},{"label":"selected option","state":null,"kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"validation message on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.default","fgHex":"#f73f35","bgHex":"#160b0b","ratio":5.26,"pass":true,"waiver":null},{"label":"help text on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"disabled text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled border (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"select","family":"forms-basic","maturity":"stable","priority":"R1","title":"Select","summary":"The native single or multiple select in the text-field box with a line-icon chevron; the popup list is host-rendered and outside the theme.","native":true,"aria":{"pattern":"native <select> with <label>","apg":"https://www.w3.org/WAI/ARIA/apg/practices/forms/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"root.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border-focus":{"alias":"color.border.active","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.ring-invalid":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border-invalid":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border-disabled":{"alias":"color.border.disabled","value":"#7d1310","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.bg-disabled":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"control.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"control.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"chevron.stroke":{"alias":"color.icon.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"option.bg":{"alias":"color.surface.raised","value":"#241010","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"option.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"option.bg-selected":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"option.text-selected":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"group.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"label.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"label.required-mark":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"help.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"message.text":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"1px {color.border.control} on {color.surface.input}; value {color.text.default}; chevron {color.icon.default}","channel":"the chevron","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"hover","visual":"background → {color.interaction.hover.bg}; border unchanged","channel":"cursor: default; hover-capable pointers only","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"focus-visible","visual":"border → {color.border.active}; ring 1px dashed {color.interaction.focus.ring} at −2px","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.active","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"required","visual":"`*` after the label in {color.status.danger.text} plus visually hidden \"required\"","channel":"`required`; the mark","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"invalid","visual":"border 2px {color.status.danger.border}; message with the ✕ glyph","channel":"border width 1 → 2px; glyph; `aria-invalid`","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"invalid+focus-visible","visual":"the 2px danger border and the ring in {color.interaction.focus.ring-container} at −4px","channel":"double boundary","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"disabled","visual":"text and chevron {color.text.disabled}; border {color.border.disabled}; background {color.interaction.disabled.bg}","channel":"`disabled`; cursor: not-allowed","tokens":{}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves focus in and out."},{"key":"Space / Alt+Down","action":"Opens the host popup (native)."},{"key":"Up / Down","action":"Moves through options; in the closed single select this changes the value directly."},{"key":"Typing","action":"Jumps to the first option starting with the typed characters (native)."},{"key":"Shift+Up / Shift+Down, Ctrl+click","action":"Extends or toggles the selection in the multiple variant (native)."}],"responsive":"Fills its field container with min-width 0; the chevron keeps its 16px slot; long option text truncates inside the box with the native ellipsis. RTL moves the chevron to the inline end.","portability":{"web":"native <select> plus <label>; the closed box is styled with appearance none; the open popup is drawn by the host and receives only option and optgroup colours where the engine honours them; never replaced by a custom listbox (that is the combobox component).","nativeFallbacks":["GTK4 DropDown; the popover follows border.overlay on surface.raised.","Qt QComboBox stylesheet with the drop-down subcontrol; QListView for multiple.","Terminal UI: the value in a bordered box with a ▾ glyph; a bordered list for multiple."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-TOUCH","FX-DENSITY","FX-STATE-MATRIX"],"related":["combobox","multiselect","text-field","field","menu"],"specimens":["settings-panel","admin-form","filterable-table"],"nonExamples":"A custom-built dropdown with a styled popup. A background-image chevron in\na literal colour. Rounded corners. A select whose first option is blank. A\nselect that triggers navigation on change. Invalid shown by colour alone.\nA glow instead of the ring. Disabling by opacity.","contrast":[{"label":"select default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"select default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"select hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"select hover border","state":"hover","kind":"ui","min":3,"fg":"color.border.control","bg":"color.interaction.hover.bg","fgHex":"#a3676b","bgHex":"#1c0a09","ratio":4.29,"pass":true,"waiver":null},{"label":"select focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"select focus-visible border","state":"focus-visible","kind":"ui","min":3,"fg":"color.border.active","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"select focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"select required text","state":"required","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"select required border","state":"required","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"select invalid text","state":"invalid","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"select invalid border","state":"invalid","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"select invalid+focus-visible text","state":"invalid+focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"select invalid+focus-visible border","state":"invalid+focus-visible","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"select invalid+focus-visible outline","state":"invalid+focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.surface.input","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"chevron on the input surface","state":null,"kind":"ui","min":3,"fg":"color.icon.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"option text in the host list","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.raised","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"group label in the host list","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.raised","fgHex":"#bd787d","bgHex":"#241010","ratio":5.31,"pass":true,"waiver":null},{"label":"selected option","state":null,"kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"validation message on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.default","fgHex":"#f73f35","bgHex":"#160b0b","ratio":5.26,"pass":true,"waiver":null},{"label":"help text on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"disabled text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled border (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"}]} |
| component-contract | settings-panel | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"settings-panel","family":"composed","maturity":"stable","priority":"R1","title":"Settings panel","summary":"A two-column settings screen composed from the sidebar-nav, fieldset, switch, select, radio-group, text-field, checkbox and button components; below 600px the sidebar becomes a tab strip.","native":true,"aria":{"pattern":"region landmark named by the h2; a nav landmark for the sections with aria-current on the open one; a form landmark holding native controls in one fieldset; aria-busy on the form while applying","apg":"https://www.w3.org/WAI/ARIA/apg/practices/landmark-regions/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"root.border":{"alias":"color.border.default","value":"#531310","status":"observed"},"nav.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"nav.border":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed"},"nav.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"nav.current-text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"nav.current-indicator":{"alias":"color.border.selected-indicator","value":"#e53935","status":"observed"},"nav.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"title.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"lead.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"group.border":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed"},"group.legend":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"control.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"control.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"control.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"control.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"},"control.checked-bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed"},"control.checked-glyph":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed"},"invalid.border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"},"invalid.message":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"},"footer.border":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed"},"apply.bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed"},"apply.text":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed"},"apply.busy-glyph":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed"},"reset.text":{"alias":"color.action.secondary.text","value":"#ffa2a7","status":"observed"},"reset.border":{"alias":"color.action.secondary.border","value":"#a3676b","status":"observed"}},"stateRules":[{"state":"default","visual":"rest tokens of every component on {color.surface.default}; the open section carries the indicator bar","channel":"`aria-current`","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"}}},{"state":"focus-visible","visual":"the dashed {color.interaction.focus.ring} on the control holding focus (shown on the first switch); the other controls stay at rest","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}}},{"state":"invalid","visual":"the inner-gap field takes the 2px {color.status.danger.border} and shows its ✕ message; the other controls stay at rest","channel":"border width 1 → 2px; glyph; `aria-invalid`","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"}}},{"state":"busy","visual":"Apply shows the static ⋯ glyph in {color.action.primary.text}; the form carries `aria-busy`; nothing shrinks or animates","channel":"glyph; `aria-busy`; cursor: progress","tokens":{"fg":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed"}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Walks the section links, then the controls in reading order, then Apply and Reset; nothing inside is a composite widget, so every control is its own stop."},{"key":"Enter / Space","action":"Follows a section link; toggles a switch or checkbox; opens the select."},{"key":"Arrow keys","action":"Move within the radio-group and the select's options; step the numeric field."},{"key":"Escape","action":"Nothing; the panel is not a dialog and nothing is dismissed."}],"responsive":"The root is an inline-size container; below 600px the sidebar collapses into a scrollable tab strip above the form and both columns span the grid. Every control keeps min-width 0 and wraps its label above; at 320px the strip scrolls and the form stacks without clipping. RTL mirrors the sidebar side, the indicator edge and the px suffix.","portability":{"web":"A region, a nav and a form landmark with native controls; the collapse is a container query on the root and needs no script. Hosts without container queries collapse at the 600px viewport breakpoint and record the deviation. The two-column grid and the 56rem reference width are layout of this specimen, not rules.","nativeFallbacks":["GTK4: a HeaderBar-free window with a StackSidebar and a PreferencesPage; each row maps to its own component port.","Qt: QListWidget beside a QStackedWidget of QGroupBox forms; the busy state is a QProgressBar in the button row.","Terminal UI: a two-pane layout whose left list uses the selection fill; below 60 columns the list becomes a top tab row."]},"fixtures":["FX-STATE-MATRIX","FX-320","FX-360","FX-ZOOM-200","FX-RM","FX-HC","FX-I18N","FX-RTL","FX-DENSITY"],"related":["sidebar-nav","fieldset","switch","select","radio-group","text-field","checkbox","button","tabs"],"specimens":[],"nonExamples":"A rounded, shadowed settings card. A Material-style app bar above the form.\nToggle switches with rounded pills or animated thumbs. Section links drawn\nas filled tabs instead of the indicator bar. A red form background to show\nthat something is invalid. Applying while the controls are dimmed with\nopacity. A spinner replacing the Apply label.","contrast":[{"label":"settings-panel default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"settings-panel focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"settings-panel focus-visible border","state":"focus-visible","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"settings-panel focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"settings-panel invalid text","state":"invalid","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"settings-panel invalid border","state":"invalid","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"settings-panel busy text","state":"busy","kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.bg","fgHex":"#f4eeee","bgHex":"#871f19","ratio":8.17,"pass":true,"waiver":null},{"label":"title, legend and the current section on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"lead and help text on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"validation message on the panel surface","state":"invalid","kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.default","fgHex":"#f73f35","bgHex":"#160b0b","ratio":5.26,"pass":true,"waiver":null},{"label":"current-section indicator bar","state":null,"kind":"ui","min":3,"fg":"color.border.selected-indicator","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"control boundaries on the panel surface","state":null,"kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":null},{"label":"Reset button boundary","state":null,"kind":"ui","min":3,"fg":"color.action.secondary.border","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":null},{"label":"panel edge (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.default","bg":"color.surface.default","fgHex":"#531310","bgHex":"#160b0b","ratio":1.35,"pass":true,"waiver":"the panel edge separates the screen from the page; every control inside carries its own boundary"},{"label":"sidebar, group and footer rules (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.default","fgHex":"#2b0e0d","bgHex":"#160b0b","ratio":1.08,"pass":true,"waiver":"the rules group content that is already distinct by landmark and legend"}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"settings-panel","family":"composed","maturity":"stable","priority":"R1","title":"Settings panel","summary":"A two-column settings screen composed from the sidebar-nav, fieldset, switch, select, radio-group, text-field, checkbox and button components; below 600px the sidebar becomes a tab strip.","native":true,"aria":{"pattern":"region landmark named by the h2; a nav landmark for the sections with aria-current on the open one; a form landmark holding native controls in one fieldset; aria-busy on the form while applying","apg":"https://www.w3.org/WAI/ARIA/apg/practices/landmark-regions/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border":{"alias":"color.border.default","value":"#531310","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"nav.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"nav.border":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"nav.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"nav.current-text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"nav.current-indicator":{"alias":"color.border.selected-indicator","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"nav.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"title.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"lead.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"group.border":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"group.legend":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"control.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"control.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"control.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"control.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"control.checked-bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"control.checked-glyph":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"invalid.border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"invalid.message":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"footer.border":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"apply.bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"apply.text":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"apply.busy-glyph":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"reset.text":{"alias":"color.action.secondary.text","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"reset.border":{"alias":"color.action.secondary.border","value":"#a3676b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"rest tokens of every component on {color.surface.default}; the open section carries the indicator bar","channel":"`aria-current`","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"focus-visible","visual":"the dashed {color.interaction.focus.ring} on the control holding focus (shown on the first switch); the other controls stay at rest","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"invalid","visual":"the inner-gap field takes the 2px {color.status.danger.border} and shows its ✕ message; the other controls stay at rest","channel":"border width 1 → 2px; glyph; `aria-invalid`","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"busy","visual":"Apply shows the static ⋯ glyph in {color.action.primary.text}; the form carries `aria-busy`; nothing shrinks or animates","channel":"glyph; `aria-busy`; cursor: progress","tokens":{"fg":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Walks the section links, then the controls in reading order, then Apply and Reset; nothing inside is a composite widget, so every control is its own stop."},{"key":"Enter / Space","action":"Follows a section link; toggles a switch or checkbox; opens the select."},{"key":"Arrow keys","action":"Move within the radio-group and the select's options; step the numeric field."},{"key":"Escape","action":"Nothing; the panel is not a dialog and nothing is dismissed."}],"responsive":"The root is an inline-size container; below 600px the sidebar collapses into a scrollable tab strip above the form and both columns span the grid. Every control keeps min-width 0 and wraps its label above; at 320px the strip scrolls and the form stacks without clipping. RTL mirrors the sidebar side, the indicator edge and the px suffix.","portability":{"web":"A region, a nav and a form landmark with native controls; the collapse is a container query on the root and needs no script. Hosts without container queries collapse at the 600px viewport breakpoint and record the deviation. The two-column grid and the 56rem reference width are layout of this specimen, not rules.","nativeFallbacks":["GTK4: a HeaderBar-free window with a StackSidebar and a PreferencesPage; each row maps to its own component port.","Qt: QListWidget beside a QStackedWidget of QGroupBox forms; the busy state is a QProgressBar in the button row.","Terminal UI: a two-pane layout whose left list uses the selection fill; below 60 columns the list becomes a top tab row."]},"fixtures":["FX-STATE-MATRIX","FX-320","FX-360","FX-ZOOM-200","FX-RM","FX-HC","FX-I18N","FX-RTL","FX-DENSITY"],"related":["sidebar-nav","fieldset","switch","select","radio-group","text-field","checkbox","button","tabs"],"specimens":[],"nonExamples":"A rounded, shadowed settings card. A Material-style app bar above the form.\nToggle switches with rounded pills or animated thumbs. Section links drawn\nas filled tabs instead of the indicator bar. A red form background to show\nthat something is invalid. Applying while the controls are dimmed with\nopacity. A spinner replacing the Apply label.","contrast":[{"label":"settings-panel default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"settings-panel focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"settings-panel focus-visible border","state":"focus-visible","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"settings-panel focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"settings-panel invalid text","state":"invalid","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"settings-panel invalid border","state":"invalid","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"settings-panel busy text","state":"busy","kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.bg","fgHex":"#f4eeee","bgHex":"#871f19","ratio":8.17,"pass":true,"waiver":null},{"label":"title, legend and the current section on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"lead and help text on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"validation message on the panel surface","state":"invalid","kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.default","fgHex":"#f73f35","bgHex":"#160b0b","ratio":5.26,"pass":true,"waiver":null},{"label":"current-section indicator bar","state":null,"kind":"ui","min":3,"fg":"color.border.selected-indicator","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"control boundaries on the panel surface","state":null,"kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":null},{"label":"Reset button boundary","state":null,"kind":"ui","min":3,"fg":"color.action.secondary.border","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":null},{"label":"panel edge (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.default","bg":"color.surface.default","fgHex":"#531310","bgHex":"#160b0b","ratio":1.35,"pass":true,"waiver":"the panel edge separates the screen from the page; every control inside carries its own boundary"},{"label":"sidebar, group and footer rules (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.default","fgHex":"#2b0e0d","bgHex":"#160b0b","ratio":1.08,"pass":true,"waiver":"the rules group content that is already distinct by landmark and legend"}]} |
| component-contract | sidebar-nav | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"sidebar-nav","family":"navigation","maturity":"stable","priority":"R1","title":"Sidebar navigation","summary":"A vertical list of section links with optional nested groups; the current section carries a 2px inline-start indicator and bright text, and the rail collapses to icons.","native":true,"aria":{"pattern":"native nav with nested ul lists; groups are buttons with aria-expanded","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"root.border":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed"},"link.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"link.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"link.bg-pressed":{"alias":"color.interaction.pressed.bg","value":"#420f0c","status":"observed"},"link.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"},"link.indicator":{"alias":"color.border.selected-indicator","value":"#e53935","status":"observed"},"link.indicator-inactive":{"alias":"color.border.selected-indicator-inactive","value":"#9e231f","status":"observed"},"current.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"selected.bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"},"selected.text":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed"},"selected.ring":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"},"selected.inactive-bg":{"alias":"color.interaction.selection.inactive-bg","value":"#420f0c","status":"observed"},"selected.inactive-text":{"alias":"color.interaction.selection.inactive-text","value":"#e99499","status":"observed"},"icon.stroke":{"alias":"color.icon.default","value":"#e99499","status":"observed"},"group.chevron":{"alias":"color.icon.decorative","value":"#a3676b","status":"observed"}},"stateRules":[{"state":"default","visual":"text {color.text.default}; no fill; transparent inline-start edge","channel":"—","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"}}},{"state":"hover","visual":"background → {color.interaction.hover.bg}","channel":"cursor: pointer","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}}},{"state":"current","visual":"2px {color.border.selected-indicator} inline-start bar; text {color.text.bright}","channel":"`aria-current=\"page\"`; the bar","tokens":{"fg":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"border":{"alias":"color.border.selected-indicator","value":"#e53935","status":"observed"}}},{"state":"selected","visual":"fill {color.interaction.selection.bg} with {color.interaction.selection.text}; the ring in {color.interaction.focus.ring-container} when focused","channel":"`aria-selected` on a listbox-style rail; the fill's on-fill text","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"}}},{"state":"selected+container-inactive","visual":"fill {color.interaction.selection.inactive-bg} with {color.interaction.selection.inactive-text}; no ring","channel":"lightness drop between the two fills","tokens":{"fg":{"alias":"color.interaction.selection.inactive-text","value":"#e99499","status":"observed"},"bg":{"alias":"color.interaction.selection.inactive-bg","value":"#420f0c","status":"observed"}}},{"state":"expanded","visual":"the group's chevron rotated 90°; its sublist shown","channel":"`aria-expanded=\"true\"`; the children are present","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"}}},{"state":"collapsed","visual":"labels visually hidden; icons centred; the current bar and fills unchanged","channel":"the labels remain for assistive technology and as tooltips","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves through links and group buttons in document order; hidden children are skipped."},{"key":"Enter","action":"Follows a link or toggles a group."},{"key":"Space","action":"Toggles a group."}],"responsive":"The rail is 240px wide in the application layout and collapses to an icon rail (the collapsed variant) between 900px and 1280px; below 900px it becomes a drawer. Labels never truncate; long labels wrap onto a second line. RTL mirrors the indicator to the inline-start edge and the chevron direction.","portability":{"web":"nav with aria-label wrapping a ul; each item an anchor with aria-current=\"page\" for the current section; groups are buttons with aria-expanded and aria-controls followed by a ul that is hidden until expanded; the indicator is a border-inline-start, the selection a background, the ring an outline.","nativeFallbacks":["GTK4 ListBox with rows; the current row's indicator through a 2px start border style class.","Qt QTreeView with the branch indicator hidden; the current row painted with the indicator by a delegate.","Terminal UI: the current section prefixed by a 2-cell heavy bar; children indented by two cells."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-STATE-MATRIX"],"related":["tabs","breadcrumbs","tree","disclosure","drawer"],"specimens":["settings-panel","i3-window-frame"],"nonExamples":"A filled or rounded current item. The indicator on the inline-end edge. A\ncurrent item marked by bold text alone. Labels removed from the DOM when\ncollapsed. A group whose children stay in the tab order while hidden. A rail\nthat scrolls horizontally. Icon-only links with no accessible name. Hover that\nchanges the text colour.","contrast":[{"label":"sidebar-nav default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"sidebar-nav hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"sidebar-nav focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"sidebar-nav focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"sidebar-nav current text","state":"current","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"sidebar-nav current border","state":"current","kind":"ui","min":3,"fg":"color.border.selected-indicator","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"sidebar-nav selected text","state":"selected","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"sidebar-nav selected+container-inactive text","state":"selected+container-inactive","kind":"text","min":4.5,"fg":"color.interaction.selection.inactive-text","bg":"color.interaction.selection.inactive-bg","fgHex":"#e99499","bgHex":"#420f0c","ratio":7.02,"pass":true,"waiver":null},{"label":"sidebar-nav expanded text","state":"expanded","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"sidebar-nav collapsed text","state":"collapsed","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"ring on a selected item when focused","state":"selected","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.interaction.selection.bg","fgHex":"#ffa2a7","bgHex":"#911410","ratio":4.75,"pass":true,"waiver":null},{"label":"group chevron (decorative; aria-expanded carries the state)","state":null,"kind":"ui","min":1,"fg":"color.icon.decorative","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":"the chevron duplicates aria-expanded and the visible children; it is not the only channel"},{"label":"rail edge (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.default","fgHex":"#2b0e0d","bgHex":"#160b0b","ratio":1.08,"pass":true,"waiver":"the edge separates the rail from the canvas; the links are the targets"}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"sidebar-nav","family":"navigation","maturity":"stable","priority":"R1","title":"Sidebar navigation","summary":"A vertical list of section links with optional nested groups; the current section carries a 2px inline-start indicator and bright text, and the rail collapses to icons.","native":true,"aria":{"pattern":"native nav with nested ul lists; groups are buttons with aria-expanded","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"link.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"link.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"link.bg-pressed":{"alias":"color.interaction.pressed.bg","value":"#420f0c","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"link.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"link.indicator":{"alias":"color.border.selected-indicator","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"link.indicator-inactive":{"alias":"color.border.selected-indicator-inactive","value":"#9e231f","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"current.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"selected.bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"selected.text":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"selected.ring":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"selected.inactive-bg":{"alias":"color.interaction.selection.inactive-bg","value":"#420f0c","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"selected.inactive-text":{"alias":"color.interaction.selection.inactive-text","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"icon.stroke":{"alias":"color.icon.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"group.chevron":{"alias":"color.icon.decorative","value":"#a3676b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"text {color.text.default}; no fill; transparent inline-start edge","channel":"—","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"hover","visual":"background → {color.interaction.hover.bg}","channel":"cursor: pointer","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"current","visual":"2px {color.border.selected-indicator} inline-start bar; text {color.text.bright}","channel":"`aria-current=\"page\"`; the bar","tokens":{"fg":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.selected-indicator","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"selected","visual":"fill {color.interaction.selection.bg} with {color.interaction.selection.text}; the ring in {color.interaction.focus.ring-container} when focused","channel":"`aria-selected` on a listbox-style rail; the fill's on-fill text","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"selected+container-inactive","visual":"fill {color.interaction.selection.inactive-bg} with {color.interaction.selection.inactive-text}; no ring","channel":"lightness drop between the two fills","tokens":{"fg":{"alias":"color.interaction.selection.inactive-text","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.selection.inactive-bg","value":"#420f0c","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"expanded","visual":"the group's chevron rotated 90°; its sublist shown","channel":"`aria-expanded=\"true\"`; the children are present","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"collapsed","visual":"labels visually hidden; icons centred; the current bar and fills unchanged","channel":"the labels remain for assistive technology and as tooltips","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves through links and group buttons in document order; hidden children are skipped."},{"key":"Enter","action":"Follows a link or toggles a group."},{"key":"Space","action":"Toggles a group."}],"responsive":"The rail is 240px wide in the application layout and collapses to an icon rail (the collapsed variant) between 900px and 1280px; below 900px it becomes a drawer. Labels never truncate; long labels wrap onto a second line. RTL mirrors the indicator to the inline-start edge and the chevron direction.","portability":{"web":"nav with aria-label wrapping a ul; each item an anchor with aria-current=\"page\" for the current section; groups are buttons with aria-expanded and aria-controls followed by a ul that is hidden until expanded; the indicator is a border-inline-start, the selection a background, the ring an outline.","nativeFallbacks":["GTK4 ListBox with rows; the current row's indicator through a 2px start border style class.","Qt QTreeView with the branch indicator hidden; the current row painted with the indicator by a delegate.","Terminal UI: the current section prefixed by a 2-cell heavy bar; children indented by two cells."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-STATE-MATRIX"],"related":["tabs","breadcrumbs","tree","disclosure","drawer"],"specimens":["settings-panel","i3-window-frame"],"nonExamples":"A filled or rounded current item. The indicator on the inline-end edge. A\ncurrent item marked by bold text alone. Labels removed from the DOM when\ncollapsed. A group whose children stay in the tab order while hidden. A rail\nthat scrolls horizontally. Icon-only links with no accessible name. Hover that\nchanges the text colour.","contrast":[{"label":"sidebar-nav default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"sidebar-nav hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"sidebar-nav focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"sidebar-nav focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"sidebar-nav current text","state":"current","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"sidebar-nav current border","state":"current","kind":"ui","min":3,"fg":"color.border.selected-indicator","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"sidebar-nav selected text","state":"selected","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"sidebar-nav selected+container-inactive text","state":"selected+container-inactive","kind":"text","min":4.5,"fg":"color.interaction.selection.inactive-text","bg":"color.interaction.selection.inactive-bg","fgHex":"#e99499","bgHex":"#420f0c","ratio":7.02,"pass":true,"waiver":null},{"label":"sidebar-nav expanded text","state":"expanded","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"sidebar-nav collapsed text","state":"collapsed","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"ring on a selected item when focused","state":"selected","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.interaction.selection.bg","fgHex":"#ffa2a7","bgHex":"#911410","ratio":4.75,"pass":true,"waiver":null},{"label":"group chevron (decorative; aria-expanded carries the state)","state":null,"kind":"ui","min":1,"fg":"color.icon.decorative","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":"the chevron duplicates aria-expanded and the visible children; it is not the only channel"},{"label":"rail edge (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.default","fgHex":"#2b0e0d","bgHex":"#160b0b","ratio":1.08,"pass":true,"waiver":"the edge separates the rail from the canvas; the links are the targets"}]} |
| component-contract | skip-link | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"skip-link","family":"navigation","maturity":"stable","priority":"R1","title":"Skip link","summary":"The first tab stop of a page, hidden until it receives keyboard focus, that jumps past the chrome to the main content.","native":true,"aria":{"pattern":"native <a href=\"#main\"> as the first focusable element in the body"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.raised","value":"#241010","status":"observed"},"root.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"root.border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed"},"root.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}},"stateRules":[{"state":"default","visual":"off-screen; nothing is painted","channel":"the link is still in the tab order and the accessibility tree","tokens":{"fg":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"bg":{"alias":"color.surface.raised","value":"#241010","status":"observed"},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed"}}},{"state":"focus-visible","visual":"appears in the top corner; ring 1px dashed {color.interaction.focus.ring} at −2px","channel":"the link appears; the ring","tokens":{"fg":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"bg":{"alias":"color.surface.raised","value":"#241010","status":"observed"},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed"},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}}}],"keyboard":[{"key":"Tab","action":"From the address bar or the top of the document, focuses the skip link and reveals it."},{"key":"Enter","action":"Moves focus to the main landmark (which carries tabindex=\"-1\") and scrolls it into view."},{"key":"Tab (again)","action":"Leaves the link without activating it; it hides again."}],"responsive":"Fixed size in every layout; it never overlaps the main content because it is only visible while focused, and it never causes horizontal scroll while off-screen because it is moved on the block axis, not the inline axis. RTL positions it at the inline-start corner.","portability":{"web":"An anchor with href pointing at the id of the main landmark, first in the body; main carries tabindex=\"-1\" so focus lands on it; the link is moved off-screen with a negative top, never display none or visibility hidden, so it stays focusable.","nativeFallbacks":["GTK4 and Qt have no page chrome to skip; the pattern does not apply and hosts record it.","Terminal UI: does not apply; keyboard focus starts in the content."]},"fixtures":["FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-STATE-MATRIX"],"related":["link","sidebar-nav","toolbar"],"specimens":["settings-panel","admin-form"],"nonExamples":"A skip link that is always visible. One hidden with `display: none` or\n`visibility: hidden`. One that is not the first tab stop. One that points at\nan element without `tabindex=\"-1\"`, so focus does not move. A skip link\nthat slides in from the side and causes horizontal scroll while hidden. A\nrounded pill. One rendered without the frame on the canvas.","contrast":[{"label":"skip-link default text","state":"default","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.raised","fgHex":"#ffa2a7","bgHex":"#241010","ratio":9.49,"pass":true,"waiver":null},{"label":"skip-link default border","state":"default","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.raised","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"skip-link focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.raised","fgHex":"#ffa2a7","bgHex":"#241010","ratio":9.49,"pass":true,"waiver":null},{"label":"skip-link focus-visible border","state":"focus-visible","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.raised","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"skip-link focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.raised","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"ring on the raised surface","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.raised","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"skip-link","family":"navigation","maturity":"stable","priority":"R1","title":"Skip link","summary":"The first tab stop of a page, hidden until it receives keyboard focus, that jumps past the chrome to the main content.","native":true,"aria":{"pattern":"native <a href=\"#main\"> as the first focusable element in the body"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.raised","value":"#241010","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"root.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"off-screen; nothing is painted","channel":"the link is still in the tab order and the accessibility tree","tokens":{"fg":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.raised","value":"#241010","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}}}},{"state":"focus-visible","visual":"appears in the top corner; ring 1px dashed {color.interaction.focus.ring} at −2px","channel":"the link appears; the ring","tokens":{"fg":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.raised","value":"#241010","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}}],"keyboard":[{"key":"Tab","action":"From the address bar or the top of the document, focuses the skip link and reveals it."},{"key":"Enter","action":"Moves focus to the main landmark (which carries tabindex=\"-1\") and scrolls it into view."},{"key":"Tab (again)","action":"Leaves the link without activating it; it hides again."}],"responsive":"Fixed size in every layout; it never overlaps the main content because it is only visible while focused, and it never causes horizontal scroll while off-screen because it is moved on the block axis, not the inline axis. RTL positions it at the inline-start corner.","portability":{"web":"An anchor with href pointing at the id of the main landmark, first in the body; main carries tabindex=\"-1\" so focus lands on it; the link is moved off-screen with a negative top, never display none or visibility hidden, so it stays focusable.","nativeFallbacks":["GTK4 and Qt have no page chrome to skip; the pattern does not apply and hosts record it.","Terminal UI: does not apply; keyboard focus starts in the content."]},"fixtures":["FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-STATE-MATRIX"],"related":["link","sidebar-nav","toolbar"],"specimens":["settings-panel","admin-form"],"nonExamples":"A skip link that is always visible. One hidden with `display: none` or\n`visibility: hidden`. One that is not the first tab stop. One that points at\nan element without `tabindex=\"-1\"`, so focus does not move. A skip link\nthat slides in from the side and causes horizontal scroll while hidden. A\nrounded pill. One rendered without the frame on the canvas.","contrast":[{"label":"skip-link default text","state":"default","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.raised","fgHex":"#ffa2a7","bgHex":"#241010","ratio":9.49,"pass":true,"waiver":null},{"label":"skip-link default border","state":"default","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.raised","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"skip-link focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.raised","fgHex":"#ffa2a7","bgHex":"#241010","ratio":9.49,"pass":true,"waiver":null},{"label":"skip-link focus-visible border","state":"focus-visible","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.raised","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"skip-link focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.raised","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"ring on the raised surface","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.raised","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null}]} |
| component-contract | switch | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"switch","family":"forms-basic","maturity":"stable","priority":"R1","title":"Switch","summary":"An on/off control that takes effect immediately; a button with role switch and aria-checked, drawn as a square-cornered track with a square thumb that fills with the primary colour when on.","native":false,"aria":{"pattern":"<button type=\"button\" role=\"switch\" aria-checked>","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/switch/","role":"switch"},"sizes":["compact","comfortable"],"tokens":{"track.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"track.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"track.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"track.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"},"track.bg-checked":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed"},"track.bg-checked-hover":{"alias":"color.action.primary.hover-bg","value":"#911410","status":"observed"},"track.ring-checked":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"},"track.bg-disabled":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed"},"track.border-disabled":{"alias":"color.border.disabled","value":"#7d1310","status":"observed"},"thumb.bg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"thumb.bg-checked":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed"},"thumb.bg-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved"},"name.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"state.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"name.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved"}},"stateRules":[{"state":"default","visual":"track 1px {color.border.control} on {color.surface.input}; thumb {color.text.default} at the start","channel":"thumb position","tokens":{"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"hover","visual":"track background → {color.interaction.hover.bg}; on track → {color.action.primary.hover-bg}","channel":"cursor: pointer; hover-capable pointers only","tokens":{"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px on the track","channel":"the ring","tokens":{"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}}},{"state":"checked","visual":"track fills {color.action.primary.bg}; thumb {color.action.primary.text} moves to the end; border stays {color.border.control}; the word reads \"On\"","channel":"`aria-checked=\"true\"`; thumb position; the word","tokens":{"fg":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed"}}},{"state":"checked+focus-visible","visual":"the fill and a ring in {color.interaction.focus.ring-container} on the track","channel":"position and ring","tokens":{"fg":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed"},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"}}},{"state":"disabled","visual":"track {color.interaction.disabled.bg} with 1px {color.border.disabled}; thumb and name {color.text.disabled}","channel":"`disabled`; cursor: not-allowed","tokens":{}},{"state":"checked+disabled","visual":"as disabled with the thumb at the end","channel":"`disabled`; `aria-checked=\"true\"`; thumb position","tokens":{}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves focus to and from the switch."},{"key":"Space / Enter","action":"Toggles aria-checked and applies the change at once."}],"responsive":"Fixed track; the visible name wraps before it at 320px and the Off / On word never wraps. RTL mirrors the thumb position (start is the inline start) and the row order.","portability":{"web":"<button type=\"button\" role=\"switch\" aria-checked=\"true\|false\"> with aria-label or aria-labelledby; the host toggles aria-checked and mirrors it to data-state-checked; never an input type=checkbox with role switch when the change is not immediate, and never a checkbox styled as a switch inside a form that submits.","nativeFallbacks":["GTK4 Switch; square corners through CSS.","Qt has no switch; a QCheckBox with a custom indicator, documented.","Terminal UI: [ \|  ] and [  \|#] glyph pairs with the on state inverted."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-TOUCH","FX-DENSITY","FX-STATE-MATRIX"],"related":["checkbox","radio-group","icon-button","field"],"specimens":["settings-panel"],"nonExamples":"A pill-shaped track or a round thumb. A switch that only takes effect on\nsubmit. A checkbox input styled as a switch. Colour as the only difference\nbetween on and off. A green on colour. A label that reads \"On\" as the name.\nDisabling by opacity. A sliding animation longer than 120ms or one that\nruns under reduced motion.","contrast":[{"label":"switch default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"switch hover border","state":"hover","kind":"ui","min":3,"fg":"color.border.control","bg":"color.interaction.hover.bg","fgHex":"#a3676b","bgHex":"#1c0a09","ratio":4.29,"pass":true,"waiver":null},{"label":"switch focus-visible border","state":"focus-visible","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"switch focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"switch checked text","state":"checked","kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.bg","fgHex":"#f4eeee","bgHex":"#871f19","ratio":8.17,"pass":true,"waiver":null},{"label":"switch checked+focus-visible text","state":"checked+focus-visible","kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.bg","fgHex":"#f4eeee","bgHex":"#871f19","ratio":8.17,"pass":true,"waiver":null},{"label":"switch checked+focus-visible outline","state":"checked+focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.action.primary.bg","fgHex":"#ffa2a7","bgHex":"#871f19","ratio":4.9,"pass":true,"waiver":null},{"label":"thumb on the off track","state":null,"kind":"ui","min":3,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"thumb on the hovered off track","state":"hover","kind":"ui","min":3,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"thumb on the hovered on track","state":"hover","kind":"ui","min":3,"fg":"color.action.primary.text","bg":"color.action.primary.hover-bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"on track edge against the panel (the border stays border.control)","state":"checked","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":null},{"label":"visible name on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"Off / On word on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"disabled thumb (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled name (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.surface.default","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled border (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"switch","family":"forms-basic","maturity":"stable","priority":"R1","title":"Switch","summary":"An on/off control that takes effect immediately; a button with role switch and aria-checked, drawn as a square-cornered track with a square thumb that fills with the primary colour when on.","native":false,"aria":{"pattern":"<button type=\"button\" role=\"switch\" aria-checked>","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/switch/","role":"switch"},"sizes":["compact","comfortable"],"tokens":{"track.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"track.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"track.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"track.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"track.bg-checked":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"track.bg-checked-hover":{"alias":"color.action.primary.hover-bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"track.ring-checked":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"track.bg-disabled":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"track.border-disabled":{"alias":"color.border.disabled","value":"#7d1310","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"thumb.bg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"thumb.bg-checked":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"thumb.bg-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"name.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"state.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"name.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"track 1px {color.border.control} on {color.surface.input}; thumb {color.text.default} at the start","channel":"thumb position","tokens":{"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"hover","visual":"track background → {color.interaction.hover.bg}; on track → {color.action.primary.hover-bg}","channel":"cursor: pointer; hover-capable pointers only","tokens":{"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px on the track","channel":"the ring","tokens":{"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"checked","visual":"track fills {color.action.primary.bg}; thumb {color.action.primary.text} moves to the end; border stays {color.border.control}; the word reads \"On\"","channel":"`aria-checked=\"true\"`; thumb position; the word","tokens":{"fg":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"checked+focus-visible","visual":"the fill and a ring in {color.interaction.focus.ring-container} on the track","channel":"position and ring","tokens":{"fg":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"disabled","visual":"track {color.interaction.disabled.bg} with 1px {color.border.disabled}; thumb and name {color.text.disabled}","channel":"`disabled`; cursor: not-allowed","tokens":{}},{"state":"checked+disabled","visual":"as disabled with the thumb at the end","channel":"`disabled`; `aria-checked=\"true\"`; thumb position","tokens":{}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves focus to and from the switch."},{"key":"Space / Enter","action":"Toggles aria-checked and applies the change at once."}],"responsive":"Fixed track; the visible name wraps before it at 320px and the Off / On word never wraps. RTL mirrors the thumb position (start is the inline start) and the row order.","portability":{"web":"<button type=\"button\" role=\"switch\" aria-checked=\"true\|false\"> with aria-label or aria-labelledby; the host toggles aria-checked and mirrors it to data-state-checked; never an input type=checkbox with role switch when the change is not immediate, and never a checkbox styled as a switch inside a form that submits.","nativeFallbacks":["GTK4 Switch; square corners through CSS.","Qt has no switch; a QCheckBox with a custom indicator, documented.","Terminal UI: [ \|  ] and [  \|#] glyph pairs with the on state inverted."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-TOUCH","FX-DENSITY","FX-STATE-MATRIX"],"related":["checkbox","radio-group","icon-button","field"],"specimens":["settings-panel"],"nonExamples":"A pill-shaped track or a round thumb. A switch that only takes effect on\nsubmit. A checkbox input styled as a switch. Colour as the only difference\nbetween on and off. A green on colour. A label that reads \"On\" as the name.\nDisabling by opacity. A sliding animation longer than 120ms or one that\nruns under reduced motion.","contrast":[{"label":"switch default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"switch hover border","state":"hover","kind":"ui","min":3,"fg":"color.border.control","bg":"color.interaction.hover.bg","fgHex":"#a3676b","bgHex":"#1c0a09","ratio":4.29,"pass":true,"waiver":null},{"label":"switch focus-visible border","state":"focus-visible","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"switch focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"switch checked text","state":"checked","kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.bg","fgHex":"#f4eeee","bgHex":"#871f19","ratio":8.17,"pass":true,"waiver":null},{"label":"switch checked+focus-visible text","state":"checked+focus-visible","kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.bg","fgHex":"#f4eeee","bgHex":"#871f19","ratio":8.17,"pass":true,"waiver":null},{"label":"switch checked+focus-visible outline","state":"checked+focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.action.primary.bg","fgHex":"#ffa2a7","bgHex":"#871f19","ratio":4.9,"pass":true,"waiver":null},{"label":"thumb on the off track","state":null,"kind":"ui","min":3,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"thumb on the hovered off track","state":"hover","kind":"ui","min":3,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"thumb on the hovered on track","state":"hover","kind":"ui","min":3,"fg":"color.action.primary.text","bg":"color.action.primary.hover-bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"on track edge against the panel (the border stays border.control)","state":"checked","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.default","fgHex":"#a3676b","bgHex":"#160b0b","ratio":4.33,"pass":true,"waiver":null},{"label":"visible name on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"Off / On word on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"disabled thumb (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled name (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.surface.default","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled border (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"}]} |
| component-contract | table | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"table","family":"display","maturity":"stable","priority":"R1","title":"Table","summary":"A native data table with a header rule, row dividers, hover and selection fills, sortable headers with a glyph, and static empty and loading rows.","native":true,"aria":{"pattern":"native table with caption, thead, th scope, aria-sort on sorted headers and aria-busy while loading"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"header.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"header.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"header.rule":{"alias":"color.border.strong","value":"#9e231f","status":"observed"},"header.bg-sticky":{"alias":"color.surface.raised","value":"#241010","status":"observed"},"sort.glyph":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"sort.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"},"row.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"row.divider":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed"},"row.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"selected.bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"},"selected.text":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed"},"selected.ring":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"},"selected.inactive-bg":{"alias":"color.interaction.selection.inactive-bg","value":"#420f0c","status":"observed"},"selected.inactive-text":{"alias":"color.interaction.selection.inactive-text","value":"#e99499","status":"observed"},"caption.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"empty.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"loading.glyph":{"alias":"color.text.muted","value":"#bd787d","status":"observed"}},"stateRules":[{"state":"default","visual":"rows on {color.surface.default}; header rule 1px {color.border.strong}","channel":"—","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"}}},{"state":"hover","visual":"row background → {color.interaction.hover.bg}","channel":"cursor: default; only on hover-capable pointers","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"}}},{"state":"selected","visual":"row fill {color.interaction.selection.bg}; every cell {color.interaction.selection.text}","channel":"`aria-selected=\"true\"` on the row","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"}}},{"state":"selected+focus-visible","visual":"the fill and a ring in {color.interaction.focus.ring-container} around the row","channel":"both visible at once","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed"},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"}}},{"state":"selected+container-inactive","visual":"row fill {color.interaction.selection.inactive-bg} with {color.interaction.selection.inactive-text}; no ring","channel":"lightness drop between the two fills","tokens":{"fg":{"alias":"color.interaction.selection.inactive-text","value":"#e99499","status":"observed"},"bg":{"alias":"color.interaction.selection.inactive-bg","value":"#420f0c","status":"observed"}}},{"state":"sorted","visual":"the sorted header shows ▲ (ascending) or ▼ (descending) in {color.text.bright}","channel":"`aria-sort`; the glyph","tokens":{"fg":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"}}},{"state":"empty","visual":"the body is one full-width cell in {color.text.muted}: \"No rows match.\"","channel":"the message text","tokens":{"fg":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"}}},{"state":"loading","visual":"the body is one full-width cell with the static `⋯` glyph in {color.text.muted}; the header stays","channel":"`aria-busy=\"true\"`; the glyph; no animation","tokens":{"fg":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves between the sort buttons and any controls inside cells; rows themselves are not tab stops in a plain table."},{"key":"Enter / Space","action":"Toggles the sort of the focused header between ascending and descending."}],"responsive":"The table sits in a container with overflow-x auto below 600px, with the first column sticky; the page never scrolls horizontally. Columns never truncate text by default; hosts that must truncate provide the full value on focus or hover. RTL mirrors the numeric alignment (end) and the sticky column.","portability":{"web":"A native table with caption, thead and th scope=\"col\"; sortable headers wrap their label in a button and set aria-sort on the th; empty and loading rows are ordinary rows with one cell spanning every column; aria-busy=\"true\" on the table while loading; row selection through aria-selected on tr is the data-table's contract.","nativeFallbacks":["GTK4 ColumnView; the header rule and row dividers through css-name selectors.","Qt QTableView stylesheet; QHeaderView::section draws the rule; ::item:selected the fill.","Terminal UI: a header line underlined with a heavy rule; the selected row inverted; the empty message centred."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-DENSITY","FX-OVERFLOW","FX-STATE-MATRIX"],"related":["data-table","list","pagination","badge","filterable-table"],"specimens":["filterable-table","settings-panel"],"nonExamples":"Zebra striping. A rounded or bordered table frame. A selected row marked by\na left bar (that is navigation, not selection). Header text in caption size\nor uppercase. Sorting shown by colour alone without `aria-sort` and a glyph.\nAn animated spinner while loading. An empty state that removes the header.\nText truncated with no way to read the full value. A hover fill on a\ntouch device.","contrast":[{"label":"table default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"table hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"table selected text","state":"selected","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"table selected+focus-visible text","state":"selected+focus-visible","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"table selected+focus-visible outline","state":"selected+focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.interaction.selection.bg","fgHex":"#ffa2a7","bgHex":"#911410","ratio":4.75,"pass":true,"waiver":null},{"label":"table selected+container-inactive text","state":"selected+container-inactive","kind":"text","min":4.5,"fg":"color.interaction.selection.inactive-text","bg":"color.interaction.selection.inactive-bg","fgHex":"#e99499","bgHex":"#420f0c","ratio":7.02,"pass":true,"waiver":null},{"label":"table sorted text","state":"sorted","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"table empty text","state":"empty","kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"table loading text","state":"loading","kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"header text","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"sticky header text on the raised surface","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.raised","fgHex":"#ffa2a7","bgHex":"#241010","ratio":9.49,"pass":true,"waiver":null},{"label":"caption","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"ring on a sort button","state":null,"kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"header rule (decorative; thead carries the structure)","state":null,"kind":"ui","min":1,"fg":"color.border.strong","bg":"color.surface.default","fgHex":"#9e231f","bgHex":"#160b0b","ratio":2.5,"pass":true,"waiver":"the rule separates header from body; the header cells and their bright text are the structure"},{"label":"row divider (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.default","fgHex":"#2b0e0d","bgHex":"#160b0b","ratio":1.08,"pass":true,"waiver":"rows are separated by their height; the divider is a reading aid"}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"table","family":"display","maturity":"stable","priority":"R1","title":"Table","summary":"A native data table with a header rule, row dividers, hover and selection fills, sortable headers with a glyph, and static empty and loading rows.","native":true,"aria":{"pattern":"native table with caption, thead, th scope, aria-sort on sorted headers and aria-busy while loading"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"header.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"header.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"header.rule":{"alias":"color.border.strong","value":"#9e231f","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"header.bg-sticky":{"alias":"color.surface.raised","value":"#241010","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"sort.glyph":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"sort.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"row.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"row.divider":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"row.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"selected.bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"selected.text":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"selected.ring":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"selected.inactive-bg":{"alias":"color.interaction.selection.inactive-bg","value":"#420f0c","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"selected.inactive-text":{"alias":"color.interaction.selection.inactive-text","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"caption.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"empty.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"loading.glyph":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"rows on {color.surface.default}; header rule 1px {color.border.strong}","channel":"—","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"hover","visual":"row background → {color.interaction.hover.bg}","channel":"cursor: default; only on hover-capable pointers","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"selected","visual":"row fill {color.interaction.selection.bg}; every cell {color.interaction.selection.text}","channel":"`aria-selected=\"true\"` on the row","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"selected+focus-visible","visual":"the fill and a ring in {color.interaction.focus.ring-container} around the row","channel":"both visible at once","tokens":{"fg":{"alias":"color.interaction.selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"selected+container-inactive","visual":"row fill {color.interaction.selection.inactive-bg} with {color.interaction.selection.inactive-text}; no ring","channel":"lightness drop between the two fills","tokens":{"fg":{"alias":"color.interaction.selection.inactive-text","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.selection.inactive-bg","value":"#420f0c","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"sorted","visual":"the sorted header shows ▲ (ascending) or ▼ (descending) in {color.text.bright}","channel":"`aria-sort`; the glyph","tokens":{"fg":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"empty","visual":"the body is one full-width cell in {color.text.muted}: \"No rows match.\"","channel":"the message text","tokens":{"fg":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"loading","visual":"the body is one full-width cell with the static `⋯` glyph in {color.text.muted}; the header stays","channel":"`aria-busy=\"true\"`; the glyph; no animation","tokens":{"fg":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves between the sort buttons and any controls inside cells; rows themselves are not tab stops in a plain table."},{"key":"Enter / Space","action":"Toggles the sort of the focused header between ascending and descending."}],"responsive":"The table sits in a container with overflow-x auto below 600px, with the first column sticky; the page never scrolls horizontally. Columns never truncate text by default; hosts that must truncate provide the full value on focus or hover. RTL mirrors the numeric alignment (end) and the sticky column.","portability":{"web":"A native table with caption, thead and th scope=\"col\"; sortable headers wrap their label in a button and set aria-sort on the th; empty and loading rows are ordinary rows with one cell spanning every column; aria-busy=\"true\" on the table while loading; row selection through aria-selected on tr is the data-table's contract.","nativeFallbacks":["GTK4 ColumnView; the header rule and row dividers through css-name selectors.","Qt QTableView stylesheet; QHeaderView::section draws the rule; ::item:selected the fill.","Terminal UI: a header line underlined with a heavy rule; the selected row inverted; the empty message centred."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-DENSITY","FX-OVERFLOW","FX-STATE-MATRIX"],"related":["data-table","list","pagination","badge","filterable-table"],"specimens":["filterable-table","settings-panel"],"nonExamples":"Zebra striping. A rounded or bordered table frame. A selected row marked by\na left bar (that is navigation, not selection). Header text in caption size\nor uppercase. Sorting shown by colour alone without `aria-sort` and a glyph.\nAn animated spinner while loading. An empty state that removes the header.\nText truncated with no way to read the full value. A hover fill on a\ntouch device.","contrast":[{"label":"table default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"table hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"table selected text","state":"selected","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"table selected+focus-visible text","state":"selected+focus-visible","kind":"text","min":4.5,"fg":"color.interaction.selection.text","bg":"color.interaction.selection.bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"table selected+focus-visible outline","state":"selected+focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.interaction.selection.bg","fgHex":"#ffa2a7","bgHex":"#911410","ratio":4.75,"pass":true,"waiver":null},{"label":"table selected+container-inactive text","state":"selected+container-inactive","kind":"text","min":4.5,"fg":"color.interaction.selection.inactive-text","bg":"color.interaction.selection.inactive-bg","fgHex":"#e99499","bgHex":"#420f0c","ratio":7.02,"pass":true,"waiver":null},{"label":"table sorted text","state":"sorted","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"table empty text","state":"empty","kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"table loading text","state":"loading","kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"header text","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"sticky header text on the raised surface","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.raised","fgHex":"#ffa2a7","bgHex":"#241010","ratio":9.49,"pass":true,"waiver":null},{"label":"caption","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"ring on a sort button","state":null,"kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"header rule (decorative; thead carries the structure)","state":null,"kind":"ui","min":1,"fg":"color.border.strong","bg":"color.surface.default","fgHex":"#9e231f","bgHex":"#160b0b","ratio":2.5,"pass":true,"waiver":"the rule separates header from body; the header cells and their bright text are the structure"},{"label":"row divider (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.default","fgHex":"#2b0e0d","bgHex":"#160b0b","ratio":1.08,"pass":true,"waiver":"rows are separated by their height; the divider is a reading aid"}]} |
| component-contract | tabs | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"tabs","family":"navigation","maturity":"stable","priority":"R1","title":"Tabs","summary":"A tablist of buttons that switches between panels in place; the selected tab carries a 2px indicator bar and bright text, never a fill.","native":false,"aria":{"pattern":"APG tabs (tablist, tab, tabpanel) with roving tabindex","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/tabs/","role":"tablist"},"sizes":["compact","comfortable"],"tokens":{"list.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"list.border":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed"},"tab.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"tab.text-selected":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"tab.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved"},"tab.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"tab.bg-pressed":{"alias":"color.interaction.pressed.bg","value":"#420f0c","status":"observed"},"tab.indicator":{"alias":"color.border.selected-indicator","value":"#e53935","status":"observed"},"tab.indicator-inactive":{"alias":"color.border.selected-indicator-inactive","value":"#9e231f","status":"observed"},"tab.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"},"panel.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"panel.text":{"alias":"color.text.default","value":"#e99499","status":"observed"}},"stateRules":[{"state":"default","visual":"text {color.text.default}; transparent 2px bottom edge","channel":"—","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"}}},{"state":"hover","visual":"background → {color.interaction.hover.bg}; text unchanged","channel":"cursor: pointer","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}}},{"state":"selected","visual":"text {color.text.bright}; 2px {color.border.selected-indicator} bar","channel":"`aria-selected=\"true\"`; the bar; tabindex 0","tokens":{"fg":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"border":{"alias":"color.border.selected-indicator","value":"#e53935","status":"observed"}}},{"state":"selected+focus-visible","visual":"the bar and the ring together","channel":"both visible","tokens":{"fg":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"border":{"alias":"color.border.selected-indicator","value":"#e53935","status":"observed"},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}}},{"state":"selected+container-inactive","visual":"bar → {color.border.selected-indicator-inactive}; text stays bright","channel":"lightness drop of the bar; the container's own inactive state","tokens":{"fg":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"}}},{"state":"disabled","visual":"text {color.text.disabled}; no hover; bar hidden unless selected","channel":"`disabled` or `aria-disabled`; cursor: not-allowed","tokens":{}}],"keyboard":[{"key":"Tab","action":"Moves focus to the selected tab (roving tabindex); a second Tab leaves the tablist for the panel."},{"key":"Left / Right","action":"Moves focus to the previous or next tab and wraps; with automatic activation the panel follows."},{"key":"Home / End","action":"Moves focus to the first or last tab."},{"key":"Enter / Space","action":"Activates the focused tab when activation is manual."},{"key":"Delete","action":"Closes the focused tab where tabs are closable (not in this reference)."}],"responsive":"The strip takes the full width and scrolls horizontally with overflow-x auto below the sum of its tabs; tabs never wrap or shrink their label; at 320px the overflow variant scrolls and the page does not. RTL reverses the strip and the arrow keys follow the reading direction.","portability":{"web":"A div with role tablist holding buttons with role tab, aria-selected and aria-controls; panels with role tabpanel and aria-labelledby; one tab has tabindex 0, the rest -1; the indicator is a border-bottom, the ring an outline.","nativeFallbacks":["GTK4 Notebook with a css-name mapping; the indicator through the tab's bottom border.","Qt QTabBar stylesheet; QTabBar::tab:selected draws the 2px bottom border.","Terminal UI: the selected tab underlined with a 2-cell heavy line; other tabs plain."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-OVERFLOW","FX-STATE-MATRIX"],"related":["sidebar-nav","toolbar","segmented-control","disclosure"],"specimens":["settings-panel","i3-window-frame"],"nonExamples":"Pill or filled tabs. A selected tab drawn with the selection fill. Rounded\ncorners on the tab or the bar. A tab strip that wraps to two lines. A tab that\nchanges only its text colour when selected. A glow instead of the dashed ring.\nEvery tab in the tab order. Disabling by opacity.","contrast":[{"label":"tabs default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"tabs hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"tabs focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"tabs focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"tabs selected text","state":"selected","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"tabs selected border","state":"selected","kind":"ui","min":3,"fg":"color.border.selected-indicator","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"tabs selected+focus-visible text","state":"selected+focus-visible","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"tabs selected+focus-visible border","state":"selected+focus-visible","kind":"ui","min":3,"fg":"color.border.selected-indicator","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"tabs selected+focus-visible outline","state":"selected+focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"tabs selected+container-inactive text","state":"selected+container-inactive","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"inactive indicator (decorative; the selected tab keeps aria-selected and bright text)","state":"selected+container-inactive","kind":"ui","min":1,"fg":"color.border.selected-indicator-inactive","bg":"color.surface.default","fgHex":"#9e231f","bgHex":"#160b0b","ratio":2.5,"pass":true,"waiver":"the inactive container is the state; the dimmed bar is a lightness drop, not the only channel"},{"label":"disabled tab text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.surface.default","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"tablist bottom rule (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.default","fgHex":"#2b0e0d","bgHex":"#160b0b","ratio":1.08,"pass":true,"waiver":"the rule separates the strip from the panel; the tabs are the boundary"}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"tabs","family":"navigation","maturity":"stable","priority":"R1","title":"Tabs","summary":"A tablist of buttons that switches between panels in place; the selected tab carries a 2px indicator bar and bright text, never a fill.","native":false,"aria":{"pattern":"APG tabs (tablist, tab, tabpanel) with roving tabindex","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/tabs/","role":"tablist"},"sizes":["compact","comfortable"],"tokens":{"list.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"list.border":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"tab.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"tab.text-selected":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"tab.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"tab.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"tab.bg-pressed":{"alias":"color.interaction.pressed.bg","value":"#420f0c","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"tab.indicator":{"alias":"color.border.selected-indicator","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"tab.indicator-inactive":{"alias":"color.border.selected-indicator-inactive","value":"#9e231f","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"tab.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"panel.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"panel.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"text {color.text.default}; transparent 2px bottom edge","channel":"—","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"hover","visual":"background → {color.interaction.hover.bg}; text unchanged","channel":"cursor: pointer","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"selected","visual":"text {color.text.bright}; 2px {color.border.selected-indicator} bar","channel":"`aria-selected=\"true\"`; the bar; tabindex 0","tokens":{"fg":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.selected-indicator","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"selected+focus-visible","visual":"the bar and the ring together","channel":"both visible","tokens":{"fg":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.selected-indicator","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"selected+container-inactive","visual":"bar → {color.border.selected-indicator-inactive}; text stays bright","channel":"lightness drop of the bar; the container's own inactive state","tokens":{"fg":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"disabled","visual":"text {color.text.disabled}; no hover; bar hidden unless selected","channel":"`disabled` or `aria-disabled`; cursor: not-allowed","tokens":{}}],"keyboard":[{"key":"Tab","action":"Moves focus to the selected tab (roving tabindex); a second Tab leaves the tablist for the panel."},{"key":"Left / Right","action":"Moves focus to the previous or next tab and wraps; with automatic activation the panel follows."},{"key":"Home / End","action":"Moves focus to the first or last tab."},{"key":"Enter / Space","action":"Activates the focused tab when activation is manual."},{"key":"Delete","action":"Closes the focused tab where tabs are closable (not in this reference)."}],"responsive":"The strip takes the full width and scrolls horizontally with overflow-x auto below the sum of its tabs; tabs never wrap or shrink their label; at 320px the overflow variant scrolls and the page does not. RTL reverses the strip and the arrow keys follow the reading direction.","portability":{"web":"A div with role tablist holding buttons with role tab, aria-selected and aria-controls; panels with role tabpanel and aria-labelledby; one tab has tabindex 0, the rest -1; the indicator is a border-bottom, the ring an outline.","nativeFallbacks":["GTK4 Notebook with a css-name mapping; the indicator through the tab's bottom border.","Qt QTabBar stylesheet; QTabBar::tab:selected draws the 2px bottom border.","Terminal UI: the selected tab underlined with a 2-cell heavy line; other tabs plain."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-OVERFLOW","FX-STATE-MATRIX"],"related":["sidebar-nav","toolbar","segmented-control","disclosure"],"specimens":["settings-panel","i3-window-frame"],"nonExamples":"Pill or filled tabs. A selected tab drawn with the selection fill. Rounded\ncorners on the tab or the bar. A tab strip that wraps to two lines. A tab that\nchanges only its text colour when selected. A glow instead of the dashed ring.\nEvery tab in the tab order. Disabling by opacity.","contrast":[{"label":"tabs default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"tabs hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"tabs focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"tabs focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"tabs selected text","state":"selected","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"tabs selected border","state":"selected","kind":"ui","min":3,"fg":"color.border.selected-indicator","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"tabs selected+focus-visible text","state":"selected+focus-visible","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"tabs selected+focus-visible border","state":"selected+focus-visible","kind":"ui","min":3,"fg":"color.border.selected-indicator","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"tabs selected+focus-visible outline","state":"selected+focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.default","fgHex":"#e53935","bgHex":"#160b0b","ratio":4.57,"pass":true,"waiver":null},{"label":"tabs selected+container-inactive text","state":"selected+container-inactive","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"inactive indicator (decorative; the selected tab keeps aria-selected and bright text)","state":"selected+container-inactive","kind":"ui","min":1,"fg":"color.border.selected-indicator-inactive","bg":"color.surface.default","fgHex":"#9e231f","bgHex":"#160b0b","ratio":2.5,"pass":true,"waiver":"the inactive container is the state; the dimmed bar is a lightness drop, not the only channel"},{"label":"disabled tab text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.surface.default","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"tablist bottom rule (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.default","fgHex":"#2b0e0d","bgHex":"#160b0b","ratio":1.08,"pass":true,"waiver":"the rule separates the strip from the panel; the tabs are the boundary"}]} |
| component-contract | terminal | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"terminal","family":"developer","maturity":"stable","priority":"R1","title":"Terminal","summary":"Terminal text on the terminal surface with the sixteen heritage ANSI slots carried exactly, the cursor, the selection and the six text attributes; a transcript, the slot grid and the attributes.","native":true,"aria":{"pattern":"native <pre role=log> for a transcript; a plain <pre> with aria-label for the slot grid and the attribute sheet","apg":"https://www.w3.org/WAI/ARIA/apg/practices/names-and-descriptions/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.terminal.bg","value":"#0c0909","status":"observed"},"root.text":{"alias":"color.terminal.fg","value":"#e99499","status":"observed"},"root.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"root.ring":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"},"cursor.bg":{"alias":"color.terminal.cursor","value":"#e99499","status":"observed"},"cursor.text":{"alias":"color.terminal.bg","value":"#0c0909","status":"observed"},"selection.bg":{"alias":"color.terminal.selection-bg","value":"#911410","status":"observed"},"selection.text":{"alias":"color.terminal.selection-text","value":"#f4eeee","status":"observed"},"current.bg":{"alias":"color.code.current-line","value":"#1c0a09","status":"observed"},"prompt.bg":{"alias":"color.terminal.ansi.4","value":"#8c1212","status":"observed"},"prompt.text":{"alias":"color.terminal.selection-text","value":"#f4eeee","status":"observed"},"prompt.branch-bg":{"alias":"color.terminal.ansi.3","value":"#d4868b","status":"observed"},"prompt.branch-text":{"alias":"color.terminal.bg","value":"#0c0909","status":"observed"},"dim.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"inverse.bg":{"alias":"color.terminal.fg","value":"#e99499","status":"observed"},"inverse.text":{"alias":"color.terminal.bg","value":"#0c0909","status":"observed"},"label.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"fail.glyph":{"alias":"color.terminal.fg","value":"#e99499","status":"observed"},"slot.ansi-0":{"alias":"color.terminal.ansi.0","value":"#0c0909","status":"observed"},"slot.ansi-1":{"alias":"color.terminal.ansi.1","value":"#c81a1a","status":"observed"},"slot.ansi-2":{"alias":"color.terminal.ansi.2","value":"#bd787d","status":"observed"},"slot.ansi-3":{"alias":"color.terminal.ansi.3","value":"#d4868b","status":"observed"},"slot.ansi-4":{"alias":"color.terminal.ansi.4","value":"#8c1212","status":"observed"},"slot.ansi-5":{"alias":"color.terminal.ansi.5","value":"#f73f35","status":"observed"},"slot.ansi-6":{"alias":"color.terminal.ansi.6","value":"#9e474a","status":"observed"},"slot.ansi-7":{"alias":"color.terminal.ansi.7","value":"#ffa2a7","status":"observed"},"slot.ansi-8":{"alias":"color.terminal.ansi.8","value":"#7d1310","status":"observed"},"slot.ansi-9":{"alias":"color.terminal.ansi.9","value":"#ab1612","status":"observed"},"slot.ansi-10":{"alias":"color.terminal.ansi.10","value":"#ad2721","status":"observed"},"slot.ansi-11":{"alias":"color.terminal.ansi.11","value":"#b37175","status":"observed"},"slot.ansi-12":{"alias":"color.terminal.ansi.12","value":"#871f19","status":"observed"},"slot.ansi-13":{"alias":"color.terminal.ansi.13","value":"#e82132","status":"observed"},"slot.ansi-14":{"alias":"color.terminal.ansi.14","value":"#e0292f","status":"observed"},"slot.ansi-15":{"alias":"color.terminal.ansi.15","value":"#a3676b","status":"observed"}},"stateRules":[{"state":"default","visual":"text on {color.terminal.bg}; the cursor cell hollow, a 1px {color.terminal.cursor} outline; no ring","channel":"the hollow cursor","tokens":{"fg":{"alias":"color.terminal.fg","value":"#e99499","status":"observed"},"bg":{"alias":"color.terminal.bg","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"focus-visible","visual":"container ring 2px {color.interaction.focus.ring-container} at −3px; the cursor solid {color.terminal.cursor} with {color.terminal.bg} text","channel":"the ring; the cursor fills","tokens":{"fg":{"alias":"color.terminal.fg","value":"#e99499","status":"observed"},"bg":{"alias":"color.terminal.bg","value":"#0c0909","status":"observed"},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"}}},{"state":"selected","visual":"the run filled {color.terminal.selection-bg} with {color.terminal.selection-text}; slot colours inside the run give way to the selection text","channel":"the fill spans whole cells; the emulator exposes the selection","tokens":{"fg":{"alias":"color.terminal.selection-text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.terminal.selection-bg","value":"#911410","status":"observed"}}},{"state":"busy","visual":"a command is running: the cursor is a solid static block at the end of the output; the transcript is `aria-busy`","channel":"`aria-busy`; the cursor shape; no blink","tokens":{"fg":{"alias":"color.terminal.bg","value":"#0c0909","status":"observed"},"bg":{"alias":"color.terminal.cursor","value":"#e99499","status":"observed"}}},{"state":"current","visual":"the cursor line filled {color.code.current-line} across its width; the cursor as in focus","channel":"the row fill; the cursor cell","tokens":{"fg":{"alias":"color.terminal.fg","value":"#e99499","status":"observed"},"bg":{"alias":"color.code.current-line","value":"#1c0a09","status":"observed"}}}],"keyboard":[{"key":"(host)","action":"The emulator and the shell own every key; the theme changes no binding and no cursor behaviour."},{"key":"Tab","action":"Reaches the transcript as one focus stop; inside a live emulator Tab belongs to the shell."},{"key":"Shift+Arrows / mouse","action":"Selection is the emulator's; the theme draws it in selection-bg and selection-text."}],"responsive":"The transcript scrolls horizontally inside its box and never wraps; at 320px the prompt segments stay on one line and the grid scrolls. Type is the terminal scale (13/19, −0.5px letter-spacing) in both densities. The terminal is always left-to-right; RTL pages do not mirror it.","portability":{"web":"<pre role=log aria-live=polite> for a transcript; slot classes on spans; the cursor is a span, not a caret; selection through ::selection with the terminal roles; xterm.js and similar map the sixteen slots, foreground, background, cursor and selection from these roles.","nativeFallbacks":["Xresources / URxvt / xterm: *background, *foreground, *cursorColor and *color0–15 (the origin of these values).","Alacritty, kitty, WezTerm, Windows Terminal: the sixteen slots plus foreground, background, cursor and selection keys; bold-as-bright must be off for the slots to hold.","GNOME Terminal, Konsole: palette entries in order; disable the system theme so the slots are not re-derived.","tmux, vim inside a terminal: they see slot numbers, never these values; a 256-colour or 24-bit escape bypasses the slots entirely."]},"fixtures":["FX-STATE-MATRIX","FX-320","FX-ZOOM-200","FX-RM","FX-HC","FX-LONG","FX-OVERFLOW"],"related":["code-editor","diagnostics","diff-view"],"specimens":["i3-window-frame"],"nonExamples":"Normalising the heritage slots so every one reaches 4.5:1 and calling it\n`heritage-ansi`. A blinking cursor in the reference. A cursor that is a\nglowing bar. Bold rendered as bright, which silently swaps the slots. A\npurple or cyan slot borrowed from another scheme. Wrapping the transcript at\nnarrow widths and breaking the prompt segments. A selection drawn as a ring\ninstead of a fill. Rounded prompt segments or a gradient prompt.","contrast":[{"label":"terminal default text","state":"default","kind":"text","min":4.5,"fg":"color.terminal.fg","bg":"color.terminal.bg","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"terminal default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.terminal.bg","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"terminal focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.terminal.fg","bg":"color.terminal.bg","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"terminal focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.terminal.bg","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"terminal selected text","state":"selected","kind":"text","min":4.5,"fg":"color.terminal.selection-text","bg":"color.terminal.selection-bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"terminal busy text","state":"busy","kind":"text","min":4.5,"fg":"color.terminal.bg","bg":"color.terminal.cursor","fgHex":"#0c0909","bgHex":"#e99499","ratio":8.65,"pass":true,"waiver":null},{"label":"terminal current text","state":"current","kind":"text","min":4.5,"fg":"color.terminal.fg","bg":"color.code.current-line","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"hollow cursor outline at rest","state":null,"kind":"ui","min":3,"fg":"color.terminal.cursor","bg":"color.terminal.bg","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"cursor on the cursor line","state":"current","kind":"ui","min":3,"fg":"color.terminal.cursor","bg":"color.code.current-line","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"prompt segment text on slot 4","state":null,"kind":"text","min":4.5,"fg":"color.terminal.selection-text","bg":"color.terminal.ansi.4","fgHex":"#f4eeee","bgHex":"#8c1212","ratio":8.28,"pass":true,"waiver":null},{"label":"branch segment text on slot 3","state":null,"kind":"text","min":4.5,"fg":"color.terminal.bg","bg":"color.terminal.ansi.3","fgHex":"#0c0909","bgHex":"#d4868b","ratio":7.16,"pass":true,"waiver":null},{"label":"prompt arrow (the segment's own colour, decorative)","state":null,"kind":"ui","min":1,"fg":"color.terminal.ansi.4","bg":"color.terminal.bg","fgHex":"#8c1212","bgHex":"#0c0909","ratio":2.09,"pass":true,"waiver":"the arrow is the segment edge; the segment text carries the content"},{"label":"dim text and grid labels","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.terminal.bg","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"inverse text","state":null,"kind":"text","min":4.5,"fg":"color.terminal.bg","bg":"color.terminal.fg","fgHex":"#0c0909","bgHex":"#e99499","ratio":8.65,"pass":true,"waiver":null},{"label":"slot 2","state":null,"kind":"text","min":4.5,"fg":"color.terminal.ansi.2","bg":"color.terminal.bg","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"slot 3","state":null,"kind":"text","min":4.5,"fg":"color.terminal.ansi.3","bg":"color.terminal.bg","fgHex":"#d4868b","bgHex":"#0c0909","ratio":7.16,"pass":true,"waiver":null},{"label":"slot 5","state":null,"kind":"text","min":4.5,"fg":"color.terminal.ansi.5","bg":"color.terminal.bg","fgHex":"#f73f35","bgHex":"#0c0909","ratio":5.4,"pass":true,"waiver":null},{"label":"slot 7","state":null,"kind":"text","min":4.5,"fg":"color.terminal.ansi.7","bg":"color.terminal.bg","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"slot 11","state":null,"kind":"text","min":4.5,"fg":"color.terminal.ansi.11","bg":"color.terminal.bg","fgHex":"#b37175","bgHex":"#0c0909","ratio":5.23,"pass":true,"waiver":null},{"label":"slot 1 (3.42:1)","state":null,"kind":"text","min":4.5,"fg":"color.terminal.ansi.1","bg":"color.terminal.bg","fgHex":"#c81a1a","bgHex":"#0c0909","ratio":3.42,"pass":false,"waiver":"heritage slot; documented as failing, programs choose slot semantics"},{"label":"slot 4 (2.09:1)","state":null,"kind":"text","min":4.5,"fg":"color.terminal.ansi.4","bg":"color.terminal.bg","fgHex":"#8c1212","bgHex":"#0c0909","ratio":2.09,"pass":false,"waiver":"heritage slot; documented as failing, programs choose slot semantics"},{"label":"slot 6 (3.26:1)","state":null,"kind":"text","min":4.5,"fg":"color.terminal.ansi.6","bg":"color.terminal.bg","fgHex":"#9e474a","bgHex":"#0c0909","ratio":3.26,"pass":false,"waiver":"heritage slot; documented as failing, programs choose slot semantics"},{"label":"slot 8 (1.86:1)","state":null,"kind":"text","min":4.5,"fg":"color.terminal.ansi.8","bg":"color.terminal.bg","fgHex":"#7d1310","bgHex":"#0c0909","ratio":1.86,"pass":false,"waiver":"heritage slot; documented as failing, programs choose slot semantics"},{"label":"slot 9 (2.70:1)","state":null,"kind":"text","min":4.5,"fg":"color.terminal.ansi.9","bg":"color.terminal.bg","fgHex":"#ab1612","bgHex":"#0c0909","ratio":2.7,"pass":false,"waiver":"heritage slot; documented as failing, programs choose slot semantics"},{"label":"slot 10 (2.92:1)","state":null,"kind":"text","min":4.5,"fg":"color.terminal.ansi.10","bg":"color.terminal.bg","fgHex":"#ad2721","bgHex":"#0c0909","ratio":2.92,"pass":false,"waiver":"heritage slot; documented as failing, programs choose slot semantics"},{"label":"slot 12 (2.12:1)","state":null,"kind":"text","min":4.5,"fg":"color.terminal.ansi.12","bg":"color.terminal.bg","fgHex":"#871f19","bgHex":"#0c0909","ratio":2.12,"pass":false,"waiver":"heritage slot; documented as failing, programs choose slot semantics"},{"label":"slot 13 (4.43:1)","state":null,"kind":"text","min":4.5,"fg":"color.terminal.ansi.13","bg":"color.terminal.bg","fgHex":"#e82132","bgHex":"#0c0909","ratio":4.43,"pass":false,"waiver":"heritage slot; documented as failing, programs choose slot semantics"},{"label":"slot 14 (4.28:1)","state":null,"kind":"text","min":4.5,"fg":"color.terminal.ansi.14","bg":"color.terminal.bg","fgHex":"#e0292f","bgHex":"#0c0909","ratio":4.28,"pass":false,"waiver":"heritage slot; documented as failing, programs choose slot semantics"},{"label":"slot 15 (4.45:1; not in the foundations list)","state":null,"kind":"text","min":4.5,"fg":"color.terminal.ansi.15","bg":"color.terminal.bg","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":false,"waiver":"heritage slot; documented as failing, programs choose slot semantics"},{"label":"slot 0 (1.00:1; it is the background)","state":null,"kind":"text","min":4.5,"fg":"color.terminal.ansi.0","bg":"color.terminal.bg","fgHex":"#0c0909","bgHex":"#0c0909","ratio":1,"pass":false,"waiver":"heritage slot; slot 0 is the terminal background and is never a foreground on it"}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"terminal","family":"developer","maturity":"stable","priority":"R1","title":"Terminal","summary":"Terminal text on the terminal surface with the sixteen heritage ANSI slots carried exactly, the cursor, the selection and the six text attributes; a transcript, the slot grid and the attributes.","native":true,"aria":{"pattern":"native <pre role=log> for a transcript; a plain <pre> with aria-label for the slot grid and the attribute sheet","apg":"https://www.w3.org/WAI/ARIA/apg/practices/names-and-descriptions/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.terminal.bg","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.text":{"alias":"color.terminal.fg","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"root.ring":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"cursor.bg":{"alias":"color.terminal.cursor","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"cursor.text":{"alias":"color.terminal.bg","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"selection.bg":{"alias":"color.terminal.selection-bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"selection.text":{"alias":"color.terminal.selection-text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"current.bg":{"alias":"color.code.current-line","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"prompt.bg":{"alias":"color.terminal.ansi.4","value":"#8c1212","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"prompt.text":{"alias":"color.terminal.selection-text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"prompt.branch-bg":{"alias":"color.terminal.ansi.3","value":"#d4868b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"prompt.branch-text":{"alias":"color.terminal.bg","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"dim.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"inverse.bg":{"alias":"color.terminal.fg","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"inverse.text":{"alias":"color.terminal.bg","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"label.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"fail.glyph":{"alias":"color.terminal.fg","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"slot.ansi-0":{"alias":"color.terminal.ansi.0","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"slot.ansi-1":{"alias":"color.terminal.ansi.1","value":"#c81a1a","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"slot.ansi-2":{"alias":"color.terminal.ansi.2","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"slot.ansi-3":{"alias":"color.terminal.ansi.3","value":"#d4868b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"slot.ansi-4":{"alias":"color.terminal.ansi.4","value":"#8c1212","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"slot.ansi-5":{"alias":"color.terminal.ansi.5","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"slot.ansi-6":{"alias":"color.terminal.ansi.6","value":"#9e474a","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"slot.ansi-7":{"alias":"color.terminal.ansi.7","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"slot.ansi-8":{"alias":"color.terminal.ansi.8","value":"#7d1310","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"slot.ansi-9":{"alias":"color.terminal.ansi.9","value":"#ab1612","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"slot.ansi-10":{"alias":"color.terminal.ansi.10","value":"#ad2721","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"slot.ansi-11":{"alias":"color.terminal.ansi.11","value":"#b37175","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"slot.ansi-12":{"alias":"color.terminal.ansi.12","value":"#871f19","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"slot.ansi-13":{"alias":"color.terminal.ansi.13","value":"#e82132","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"slot.ansi-14":{"alias":"color.terminal.ansi.14","value":"#e0292f","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"slot.ansi-15":{"alias":"color.terminal.ansi.15","value":"#a3676b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"text on {color.terminal.bg}; the cursor cell hollow, a 1px {color.terminal.cursor} outline; no ring","channel":"the hollow cursor","tokens":{"fg":{"alias":"color.terminal.fg","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.terminal.bg","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"focus-visible","visual":"container ring 2px {color.interaction.focus.ring-container} at −3px; the cursor solid {color.terminal.cursor} with {color.terminal.bg} text","channel":"the ring; the cursor fills","tokens":{"fg":{"alias":"color.terminal.fg","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.terminal.bg","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"selected","visual":"the run filled {color.terminal.selection-bg} with {color.terminal.selection-text}; slot colours inside the run give way to the selection text","channel":"the fill spans whole cells; the emulator exposes the selection","tokens":{"fg":{"alias":"color.terminal.selection-text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.terminal.selection-bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"busy","visual":"a command is running: the cursor is a solid static block at the end of the output; the transcript is `aria-busy`","channel":"`aria-busy`; the cursor shape; no blink","tokens":{"fg":{"alias":"color.terminal.bg","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.terminal.cursor","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"current","visual":"the cursor line filled {color.code.current-line} across its width; the cursor as in focus","channel":"the row fill; the cursor cell","tokens":{"fg":{"alias":"color.terminal.fg","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.code.current-line","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}}],"keyboard":[{"key":"(host)","action":"The emulator and the shell own every key; the theme changes no binding and no cursor behaviour."},{"key":"Tab","action":"Reaches the transcript as one focus stop; inside a live emulator Tab belongs to the shell."},{"key":"Shift+Arrows / mouse","action":"Selection is the emulator's; the theme draws it in selection-bg and selection-text."}],"responsive":"The transcript scrolls horizontally inside its box and never wraps; at 320px the prompt segments stay on one line and the grid scrolls. Type is the terminal scale (13/19, −0.5px letter-spacing) in both densities. The terminal is always left-to-right; RTL pages do not mirror it.","portability":{"web":"<pre role=log aria-live=polite> for a transcript; slot classes on spans; the cursor is a span, not a caret; selection through ::selection with the terminal roles; xterm.js and similar map the sixteen slots, foreground, background, cursor and selection from these roles.","nativeFallbacks":["Xresources / URxvt / xterm: *background, *foreground, *cursorColor and *color0–15 (the origin of these values).","Alacritty, kitty, WezTerm, Windows Terminal: the sixteen slots plus foreground, background, cursor and selection keys; bold-as-bright must be off for the slots to hold.","GNOME Terminal, Konsole: palette entries in order; disable the system theme so the slots are not re-derived.","tmux, vim inside a terminal: they see slot numbers, never these values; a 256-colour or 24-bit escape bypasses the slots entirely."]},"fixtures":["FX-STATE-MATRIX","FX-320","FX-ZOOM-200","FX-RM","FX-HC","FX-LONG","FX-OVERFLOW"],"related":["code-editor","diagnostics","diff-view"],"specimens":["i3-window-frame"],"nonExamples":"Normalising the heritage slots so every one reaches 4.5:1 and calling it\n`heritage-ansi`. A blinking cursor in the reference. A cursor that is a\nglowing bar. Bold rendered as bright, which silently swaps the slots. A\npurple or cyan slot borrowed from another scheme. Wrapping the transcript at\nnarrow widths and breaking the prompt segments. A selection drawn as a ring\ninstead of a fill. Rounded prompt segments or a gradient prompt.","contrast":[{"label":"terminal default text","state":"default","kind":"text","min":4.5,"fg":"color.terminal.fg","bg":"color.terminal.bg","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"terminal default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.terminal.bg","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"terminal focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.terminal.fg","bg":"color.terminal.bg","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"terminal focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.terminal.bg","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"terminal selected text","state":"selected","kind":"text","min":4.5,"fg":"color.terminal.selection-text","bg":"color.terminal.selection-bg","fgHex":"#f4eeee","bgHex":"#911410","ratio":7.92,"pass":true,"waiver":null},{"label":"terminal busy text","state":"busy","kind":"text","min":4.5,"fg":"color.terminal.bg","bg":"color.terminal.cursor","fgHex":"#0c0909","bgHex":"#e99499","ratio":8.65,"pass":true,"waiver":null},{"label":"terminal current text","state":"current","kind":"text","min":4.5,"fg":"color.terminal.fg","bg":"color.code.current-line","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"hollow cursor outline at rest","state":null,"kind":"ui","min":3,"fg":"color.terminal.cursor","bg":"color.terminal.bg","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"cursor on the cursor line","state":"current","kind":"ui","min":3,"fg":"color.terminal.cursor","bg":"color.code.current-line","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"prompt segment text on slot 4","state":null,"kind":"text","min":4.5,"fg":"color.terminal.selection-text","bg":"color.terminal.ansi.4","fgHex":"#f4eeee","bgHex":"#8c1212","ratio":8.28,"pass":true,"waiver":null},{"label":"branch segment text on slot 3","state":null,"kind":"text","min":4.5,"fg":"color.terminal.bg","bg":"color.terminal.ansi.3","fgHex":"#0c0909","bgHex":"#d4868b","ratio":7.16,"pass":true,"waiver":null},{"label":"prompt arrow (the segment's own colour, decorative)","state":null,"kind":"ui","min":1,"fg":"color.terminal.ansi.4","bg":"color.terminal.bg","fgHex":"#8c1212","bgHex":"#0c0909","ratio":2.09,"pass":true,"waiver":"the arrow is the segment edge; the segment text carries the content"},{"label":"dim text and grid labels","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.terminal.bg","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"inverse text","state":null,"kind":"text","min":4.5,"fg":"color.terminal.bg","bg":"color.terminal.fg","fgHex":"#0c0909","bgHex":"#e99499","ratio":8.65,"pass":true,"waiver":null},{"label":"slot 2","state":null,"kind":"text","min":4.5,"fg":"color.terminal.ansi.2","bg":"color.terminal.bg","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"slot 3","state":null,"kind":"text","min":4.5,"fg":"color.terminal.ansi.3","bg":"color.terminal.bg","fgHex":"#d4868b","bgHex":"#0c0909","ratio":7.16,"pass":true,"waiver":null},{"label":"slot 5","state":null,"kind":"text","min":4.5,"fg":"color.terminal.ansi.5","bg":"color.terminal.bg","fgHex":"#f73f35","bgHex":"#0c0909","ratio":5.4,"pass":true,"waiver":null},{"label":"slot 7","state":null,"kind":"text","min":4.5,"fg":"color.terminal.ansi.7","bg":"color.terminal.bg","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"slot 11","state":null,"kind":"text","min":4.5,"fg":"color.terminal.ansi.11","bg":"color.terminal.bg","fgHex":"#b37175","bgHex":"#0c0909","ratio":5.23,"pass":true,"waiver":null},{"label":"slot 1 (3.42:1)","state":null,"kind":"text","min":4.5,"fg":"color.terminal.ansi.1","bg":"color.terminal.bg","fgHex":"#c81a1a","bgHex":"#0c0909","ratio":3.42,"pass":false,"waiver":"heritage slot; documented as failing, programs choose slot semantics"},{"label":"slot 4 (2.09:1)","state":null,"kind":"text","min":4.5,"fg":"color.terminal.ansi.4","bg":"color.terminal.bg","fgHex":"#8c1212","bgHex":"#0c0909","ratio":2.09,"pass":false,"waiver":"heritage slot; documented as failing, programs choose slot semantics"},{"label":"slot 6 (3.26:1)","state":null,"kind":"text","min":4.5,"fg":"color.terminal.ansi.6","bg":"color.terminal.bg","fgHex":"#9e474a","bgHex":"#0c0909","ratio":3.26,"pass":false,"waiver":"heritage slot; documented as failing, programs choose slot semantics"},{"label":"slot 8 (1.86:1)","state":null,"kind":"text","min":4.5,"fg":"color.terminal.ansi.8","bg":"color.terminal.bg","fgHex":"#7d1310","bgHex":"#0c0909","ratio":1.86,"pass":false,"waiver":"heritage slot; documented as failing, programs choose slot semantics"},{"label":"slot 9 (2.70:1)","state":null,"kind":"text","min":4.5,"fg":"color.terminal.ansi.9","bg":"color.terminal.bg","fgHex":"#ab1612","bgHex":"#0c0909","ratio":2.7,"pass":false,"waiver":"heritage slot; documented as failing, programs choose slot semantics"},{"label":"slot 10 (2.92:1)","state":null,"kind":"text","min":4.5,"fg":"color.terminal.ansi.10","bg":"color.terminal.bg","fgHex":"#ad2721","bgHex":"#0c0909","ratio":2.92,"pass":false,"waiver":"heritage slot; documented as failing, programs choose slot semantics"},{"label":"slot 12 (2.12:1)","state":null,"kind":"text","min":4.5,"fg":"color.terminal.ansi.12","bg":"color.terminal.bg","fgHex":"#871f19","bgHex":"#0c0909","ratio":2.12,"pass":false,"waiver":"heritage slot; documented as failing, programs choose slot semantics"},{"label":"slot 13 (4.43:1)","state":null,"kind":"text","min":4.5,"fg":"color.terminal.ansi.13","bg":"color.terminal.bg","fgHex":"#e82132","bgHex":"#0c0909","ratio":4.43,"pass":false,"waiver":"heritage slot; documented as failing, programs choose slot semantics"},{"label":"slot 14 (4.28:1)","state":null,"kind":"text","min":4.5,"fg":"color.terminal.ansi.14","bg":"color.terminal.bg","fgHex":"#e0292f","bgHex":"#0c0909","ratio":4.28,"pass":false,"waiver":"heritage slot; documented as failing, programs choose slot semantics"},{"label":"slot 15 (4.45:1; not in the foundations list)","state":null,"kind":"text","min":4.5,"fg":"color.terminal.ansi.15","bg":"color.terminal.bg","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":false,"waiver":"heritage slot; documented as failing, programs choose slot semantics"},{"label":"slot 0 (1.00:1; it is the background)","state":null,"kind":"text","min":4.5,"fg":"color.terminal.ansi.0","bg":"color.terminal.bg","fgHex":"#0c0909","bgHex":"#0c0909","ratio":1,"pass":false,"waiver":"heritage slot; slot 0 is the terminal background and is never a foreground on it"}]} |
| component-contract | text-field | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"text-field","family":"forms-basic","maturity":"stable","priority":"R1","title":"Text field","summary":"Single-line free-text entry, covering every native input type that renders as a line box; search, number and password are variants, not separate components.","native":true,"aria":{"pattern":"native <input> with <label>","apg":"https://www.w3.org/WAI/ARIA/apg/practices/forms/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"root.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"root.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"root.border-focus":{"alias":"color.border.active","value":"#e53935","status":"observed"},"root.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"},"root.ring-invalid":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"},"root.border-invalid":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"},"root.border-disabled":{"alias":"color.border.disabled","value":"#7d1310","status":"observed"},"root.bg-disabled":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed"},"root.border-readonly":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed"},"input.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"input.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved"},"input.placeholder":{"alias":"color.text.placeholder","value":"#bd787d","status":"observed"},"input.caret":{"alias":"color.code.caret","value":"#e99499","status":"observed"},"input.selection-bg":{"alias":"color.interaction.text-selection.bg","value":"#911410","status":"observed"},"input.selection-text":{"alias":"color.interaction.text-selection.text","value":"#f4eeee","status":"observed"},"label.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"label.required-mark":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"},"help.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"message.text":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"},"affix.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"affix.border":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed"},"action.text":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed"},"action.bg-hover":{"alias":"color.action.tertiary.hover-bg","value":"#1c0a09","status":"observed"},"loading.glyph":{"alias":"color.text.muted","value":"#bd787d","status":"observed"}},"stateRules":[{"state":"default","visual":"1px {color.border.control} on {color.surface.input}; text {color.text.default}","channel":"—","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"hover","visual":"background → {color.interaction.hover.bg}; border unchanged","channel":"cursor: text","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"focus-visible","visual":"border → {color.border.active}; ring 1px dashed {color.interaction.focus.ring} at −2px","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.active","value":"#e53935","status":"observed"},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}}},{"state":"placeholder-shown","visual":"placeholder in {color.text.placeholder}, italic","channel":"italic","tokens":{"fg":{"alias":"color.text.placeholder","value":"#bd787d","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"filled","visual":"as default with a value","channel":"—","tokens":{}},{"state":"required","visual":"`*` after the label in {color.status.danger.text} plus visually hidden \"required\"","channel":"`required` attribute; the mark","tokens":{}},{"state":"invalid","visual":"border 2px {color.status.danger.border}; message with the ✕ glyph","channel":"border width 1 → 2px; glyph; `aria-invalid`","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"}}},{"state":"invalid+focus-visible","visual":"the 2px danger border and a 1px dashed ring in {color.interaction.focus.ring-container} at −4px (the control form, recoloured; never the 2px container form)","channel":"double boundary","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"}}},{"state":"invalid+hover","visual":"as invalid with the hover background","channel":"cursor","tokens":{}},{"state":"disabled","visual":"text {color.text.disabled}; border {color.border.disabled}; background {color.interaction.disabled.bg}; no hover; the label and help keep their colours","channel":"`disabled`; cursor: not-allowed","tokens":{}},{"state":"disabled+filled","visual":"as disabled with a value","channel":"`disabled`","tokens":{}},{"state":"read-only","visual":"no box: 1px dotted {color.border.divider} bottom edge on {color.surface.canvas}; text {color.text.default}; focusable and selectable","channel":"`readonly`; dotted edge","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed"}}},{"state":"read-only+focus-visible","visual":"the dotted {color.border.divider} edge unchanged, plus the dashed ring at −2px","channel":"the ring","tokens":{}},{"state":"loading","visual":"size unchanged; a static `⋯` glyph in {color.text.muted} inside the box after the input and before any trailing action; input remains editable","channel":"glyph; `aria-busy`","tokens":{}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves focus in and out; affix actions (clear, reveal, stepper) are separate tab stops after the input."},{"key":"Escape","action":"Clears the value in the search variant when it is non-empty; otherwise nothing."},{"key":"Enter","action":"Submits the owning form (native)."},{"key":"Up / Down","action":"Number variant steps by the step attribute; Shift multiplies by ten."}],"responsive":"Fills its field container with min-width 0; affixes never wrap; the label is always stacked above (no inline labels in this theme); at 320px the box, help and message stack without clipping. RTL swaps prefix and suffix.","portability":{"web":"native <input> plus <label>, no wrapper role; help and message via aria-describedby in that order; aria-invalid only after interaction or submit; the dashed ring through outline, never box-shadow.","nativeFallbacks":["GTK4 Entry with a css-name mapping; invalid through the .error style class.","Qt QLineEdit stylesheet; invalid through a dynamic property selector.","Terminal UI: 1-cell border glyphs; focus as dashed box-drawing; invalid as a 2-cell double line."]},"fixtures":["FX-LONG","FX-320","FX-360","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-TOUCH","FX-DENSITY","FX-STATE-MATRIX"],"related":["textarea","select","combobox","search-field","number-field","field"],"specimens":["admin-form","settings-panel"],"nonExamples":"Rounded corners. A floating or animated label. An underline-only field with no\nbox. A glow instead of the dashed ring. Placeholder text in red. Disabling by\nopacity. Using colour alone for the invalid state. A hover that changes the\ntext colour.","contrast":[{"label":"text-field default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"text-field default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"text-field hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"text-field hover border","state":"hover","kind":"ui","min":3,"fg":"color.border.control","bg":"color.interaction.hover.bg","fgHex":"#a3676b","bgHex":"#1c0a09","ratio":4.29,"pass":true,"waiver":null},{"label":"text-field focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"text-field focus-visible border","state":"focus-visible","kind":"ui","min":3,"fg":"color.border.active","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"text-field focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"text-field placeholder-shown text","state":"placeholder-shown","kind":"text","min":4.5,"fg":"color.text.placeholder","bg":"color.surface.input","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"text-field placeholder-shown border","state":"placeholder-shown","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"text-field invalid text","state":"invalid","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"text-field invalid border","state":"invalid","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"text-field invalid+focus-visible text","state":"invalid+focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"text-field invalid+focus-visible border","state":"invalid+focus-visible","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"text-field invalid+focus-visible outline","state":"invalid+focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.surface.input","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"text-field read-only text","state":"read-only","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.canvas","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"validation message on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.default","fgHex":"#f73f35","bgHex":"#160b0b","ratio":5.26,"pass":true,"waiver":null},{"label":"help text on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"disabled text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled border (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"},{"label":"read-only bottom edge (decorative; the field has no box)","state":"read-only","kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.canvas","fgHex":"#2b0e0d","bgHex":"#0c0909","ratio":1.11,"pass":true,"waiver":"read-only fields are identified by the readonly attribute and the absence of a box, not by this edge"}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"text-field","family":"forms-basic","maturity":"stable","priority":"R1","title":"Text field","summary":"Single-line free-text entry, covering every native input type that renders as a line box; search, number and password are variants, not separate components.","native":true,"aria":{"pattern":"native <input> with <label>","apg":"https://www.w3.org/WAI/ARIA/apg/practices/forms/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"root.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border-focus":{"alias":"color.border.active","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.ring-invalid":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border-invalid":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border-disabled":{"alias":"color.border.disabled","value":"#7d1310","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.bg-disabled":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border-readonly":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"input.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"input.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"input.placeholder":{"alias":"color.text.placeholder","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"input.caret":{"alias":"color.code.caret","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"input.selection-bg":{"alias":"color.interaction.text-selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"input.selection-text":{"alias":"color.interaction.text-selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"label.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"label.required-mark":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"help.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"message.text":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"affix.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"affix.border":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"action.text":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"action.bg-hover":{"alias":"color.action.tertiary.hover-bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"loading.glyph":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"1px {color.border.control} on {color.surface.input}; text {color.text.default}","channel":"—","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"hover","visual":"background → {color.interaction.hover.bg}; border unchanged","channel":"cursor: text","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"focus-visible","visual":"border → {color.border.active}; ring 1px dashed {color.interaction.focus.ring} at −2px","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.active","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"placeholder-shown","visual":"placeholder in {color.text.placeholder}, italic","channel":"italic","tokens":{"fg":{"alias":"color.text.placeholder","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"filled","visual":"as default with a value","channel":"—","tokens":{}},{"state":"required","visual":"`*` after the label in {color.status.danger.text} plus visually hidden \"required\"","channel":"`required` attribute; the mark","tokens":{}},{"state":"invalid","visual":"border 2px {color.status.danger.border}; message with the ✕ glyph","channel":"border width 1 → 2px; glyph; `aria-invalid`","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"invalid+focus-visible","visual":"the 2px danger border and a 1px dashed ring in {color.interaction.focus.ring-container} at −4px (the control form, recoloured; never the 2px container form)","channel":"double boundary","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"invalid+hover","visual":"as invalid with the hover background","channel":"cursor","tokens":{}},{"state":"disabled","visual":"text {color.text.disabled}; border {color.border.disabled}; background {color.interaction.disabled.bg}; no hover; the label and help keep their colours","channel":"`disabled`; cursor: not-allowed","tokens":{}},{"state":"disabled+filled","visual":"as disabled with a value","channel":"`disabled`","tokens":{}},{"state":"read-only","visual":"no box: 1px dotted {color.border.divider} bottom edge on {color.surface.canvas}; text {color.text.default}; focusable and selectable","channel":"`readonly`; dotted edge","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"read-only+focus-visible","visual":"the dotted {color.border.divider} edge unchanged, plus the dashed ring at −2px","channel":"the ring","tokens":{}},{"state":"loading","visual":"size unchanged; a static `⋯` glyph in {color.text.muted} inside the box after the input and before any trailing action; input remains editable","channel":"glyph; `aria-busy`","tokens":{}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves focus in and out; affix actions (clear, reveal, stepper) are separate tab stops after the input."},{"key":"Escape","action":"Clears the value in the search variant when it is non-empty; otherwise nothing."},{"key":"Enter","action":"Submits the owning form (native)."},{"key":"Up / Down","action":"Number variant steps by the step attribute; Shift multiplies by ten."}],"responsive":"Fills its field container with min-width 0; affixes never wrap; the label is always stacked above (no inline labels in this theme); at 320px the box, help and message stack without clipping. RTL swaps prefix and suffix.","portability":{"web":"native <input> plus <label>, no wrapper role; help and message via aria-describedby in that order; aria-invalid only after interaction or submit; the dashed ring through outline, never box-shadow.","nativeFallbacks":["GTK4 Entry with a css-name mapping; invalid through the .error style class.","Qt QLineEdit stylesheet; invalid through a dynamic property selector.","Terminal UI: 1-cell border glyphs; focus as dashed box-drawing; invalid as a 2-cell double line."]},"fixtures":["FX-LONG","FX-320","FX-360","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-TOUCH","FX-DENSITY","FX-STATE-MATRIX"],"related":["textarea","select","combobox","search-field","number-field","field"],"specimens":["admin-form","settings-panel"],"nonExamples":"Rounded corners. A floating or animated label. An underline-only field with no\nbox. A glow instead of the dashed ring. Placeholder text in red. Disabling by\nopacity. Using colour alone for the invalid state. A hover that changes the\ntext colour.","contrast":[{"label":"text-field default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"text-field default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"text-field hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"text-field hover border","state":"hover","kind":"ui","min":3,"fg":"color.border.control","bg":"color.interaction.hover.bg","fgHex":"#a3676b","bgHex":"#1c0a09","ratio":4.29,"pass":true,"waiver":null},{"label":"text-field focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"text-field focus-visible border","state":"focus-visible","kind":"ui","min":3,"fg":"color.border.active","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"text-field focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"text-field placeholder-shown text","state":"placeholder-shown","kind":"text","min":4.5,"fg":"color.text.placeholder","bg":"color.surface.input","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"text-field placeholder-shown border","state":"placeholder-shown","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"text-field invalid text","state":"invalid","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"text-field invalid border","state":"invalid","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"text-field invalid+focus-visible text","state":"invalid+focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"text-field invalid+focus-visible border","state":"invalid+focus-visible","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"text-field invalid+focus-visible outline","state":"invalid+focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.surface.input","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"text-field read-only text","state":"read-only","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.canvas","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"validation message on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.default","fgHex":"#f73f35","bgHex":"#160b0b","ratio":5.26,"pass":true,"waiver":null},{"label":"help text on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"disabled text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled border (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"},{"label":"read-only bottom edge (decorative; the field has no box)","state":"read-only","kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.canvas","fgHex":"#2b0e0d","bgHex":"#0c0909","ratio":1.11,"pass":true,"waiver":"read-only fields are identified by the readonly attribute and the absence of a box, not by this edge"}]} |
| component-contract | textarea | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"textarea","family":"forms-basic","maturity":"stable","priority":"R1","title":"Textarea","summary":"Multi-line free-text entry in the same box as the text field; resizes vertically only and can show a character count.","native":true,"aria":{"pattern":"native <textarea> with <label>","apg":"https://www.w3.org/WAI/ARIA/apg/practices/forms/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"root.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"root.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"root.border-focus":{"alias":"color.border.active","value":"#e53935","status":"observed"},"root.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"},"root.ring-invalid":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"},"root.border-invalid":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"},"root.border-disabled":{"alias":"color.border.disabled","value":"#7d1310","status":"observed"},"root.bg-disabled":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed"},"root.border-readonly":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed"},"root.bg-readonly":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed"},"input.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"input.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved"},"input.placeholder":{"alias":"color.text.placeholder","value":"#bd787d","status":"observed"},"input.caret":{"alias":"color.code.caret","value":"#e99499","status":"observed"},"input.selection-bg":{"alias":"color.interaction.text-selection.bg","value":"#911410","status":"observed"},"input.selection-text":{"alias":"color.interaction.text-selection.text","value":"#f4eeee","status":"observed"},"label.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"label.required-mark":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"},"help.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"count.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"count.text-over":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"},"message.text":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"}},"stateRules":[{"state":"default","visual":"1px {color.border.control} on {color.surface.input}; text {color.text.default}","channel":"—","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"hover","visual":"background → {color.interaction.hover.bg}; border unchanged","channel":"cursor: text","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"focus-visible","visual":"border → {color.border.active}; ring 1px dashed {color.interaction.focus.ring} at −2px","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.active","value":"#e53935","status":"observed"},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}}},{"state":"placeholder-shown","visual":"placeholder in {color.text.placeholder}, italic","channel":"italic","tokens":{"fg":{"alias":"color.text.placeholder","value":"#bd787d","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"filled","visual":"as default with a value","channel":"—","tokens":{}},{"state":"required","visual":"`*` after the label in {color.status.danger.text} plus visually hidden \"required\"","channel":"`required`; the mark","tokens":{}},{"state":"invalid","visual":"border 2px {color.status.danger.border}; message with the ✕ glyph; a count past its limit turns {color.status.danger.text} with the glyph","channel":"border width 1 → 2px; glyph; `aria-invalid`","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"}}},{"state":"invalid+focus-visible","visual":"the 2px danger border and the ring in {color.interaction.focus.ring-container} at −4px","channel":"double boundary","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"}}},{"state":"disabled","visual":"text {color.text.disabled}; border {color.border.disabled}; background {color.interaction.disabled.bg}; no resize handle","channel":"`disabled`; cursor: not-allowed","tokens":{}},{"state":"read-only","visual":"no box: 1px dotted {color.border.divider} bottom edge on {color.surface.canvas}; no resize handle; selectable","channel":"`readonly`; dotted edge","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed"}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves focus in and out; Tab never inserts a tab character."},{"key":"Enter","action":"Inserts a line break; never submits."},{"key":"Ctrl+Enter / Cmd+Enter","action":"May submit the owning form when the host binds it; announced in the help text."}],"responsive":"Fills its field container with min-width 0 and width 100%; the resize handle is vertical only so the box can never widen past its container at 320px. RTL keeps the handle on the inline-end corner.","portability":{"web":"native <textarea> plus <label>; rows=\"3\" minimum; resize vertical; the count is a live region with aria-live=\"polite\" updated at most once per second; the dashed ring through outline, never box-shadow.","nativeFallbacks":["GTK4 TextView inside a ScrolledWindow with a frame.","Qt QPlainTextEdit stylesheet; invalid through a dynamic property selector.","Terminal UI: bordered multi-line box; the count in the bottom border."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-TOUCH","FX-DENSITY","FX-OVERFLOW","FX-STATE-MATRIX"],"related":["text-field","field","code-editor"],"specimens":["admin-form","settings-panel"],"nonExamples":"Horizontal or free resizing. A box narrower than its label column. A count\nthat only changes colour past the limit. A glow instead of the dashed ring.\nRounded corners. An auto-growing box with no maximum. Tab inserting a\ncharacter. Placeholder text as the label. Disabling by opacity.","contrast":[{"label":"textarea default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"textarea default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"textarea hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"textarea hover border","state":"hover","kind":"ui","min":3,"fg":"color.border.control","bg":"color.interaction.hover.bg","fgHex":"#a3676b","bgHex":"#1c0a09","ratio":4.29,"pass":true,"waiver":null},{"label":"textarea focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"textarea focus-visible border","state":"focus-visible","kind":"ui","min":3,"fg":"color.border.active","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"textarea focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"textarea placeholder-shown text","state":"placeholder-shown","kind":"text","min":4.5,"fg":"color.text.placeholder","bg":"color.surface.input","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"textarea placeholder-shown border","state":"placeholder-shown","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"textarea invalid text","state":"invalid","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"textarea invalid border","state":"invalid","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"textarea invalid+focus-visible text","state":"invalid+focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"textarea invalid+focus-visible border","state":"invalid+focus-visible","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"textarea invalid+focus-visible outline","state":"invalid+focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.surface.input","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"textarea read-only text","state":"read-only","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.canvas","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"validation message on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.default","fgHex":"#f73f35","bgHex":"#160b0b","ratio":5.26,"pass":true,"waiver":null},{"label":"help and count on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"disabled text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled border (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"},{"label":"read-only bottom edge (decorative; the field has no box)","state":"read-only","kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.canvas","fgHex":"#2b0e0d","bgHex":"#0c0909","ratio":1.11,"pass":true,"waiver":"read-only fields are identified by the readonly attribute and the absence of a box, not by this edge"}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"textarea","family":"forms-basic","maturity":"stable","priority":"R1","title":"Textarea","summary":"Multi-line free-text entry in the same box as the text field; resizes vertically only and can show a character count.","native":true,"aria":{"pattern":"native <textarea> with <label>","apg":"https://www.w3.org/WAI/ARIA/apg/practices/forms/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"root.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border-focus":{"alias":"color.border.active","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.ring-invalid":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border-invalid":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border-disabled":{"alias":"color.border.disabled","value":"#7d1310","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.bg-disabled":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border-readonly":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"root.bg-readonly":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"input.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"input.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"input.placeholder":{"alias":"color.text.placeholder","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"input.caret":{"alias":"color.code.caret","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"input.selection-bg":{"alias":"color.interaction.text-selection.bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"input.selection-text":{"alias":"color.interaction.text-selection.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"label.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"label.required-mark":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"help.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"count.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"count.text-over":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"message.text":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"1px {color.border.control} on {color.surface.input}; text {color.text.default}","channel":"—","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"hover","visual":"background → {color.interaction.hover.bg}; border unchanged","channel":"cursor: text","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"focus-visible","visual":"border → {color.border.active}; ring 1px dashed {color.interaction.focus.ring} at −2px","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.active","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"placeholder-shown","visual":"placeholder in {color.text.placeholder}, italic","channel":"italic","tokens":{"fg":{"alias":"color.text.placeholder","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"filled","visual":"as default with a value","channel":"—","tokens":{}},{"state":"required","visual":"`*` after the label in {color.status.danger.text} plus visually hidden \"required\"","channel":"`required`; the mark","tokens":{}},{"state":"invalid","visual":"border 2px {color.status.danger.border}; message with the ✕ glyph; a count past its limit turns {color.status.danger.text} with the glyph","channel":"border width 1 → 2px; glyph; `aria-invalid`","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"invalid+focus-visible","visual":"the 2px danger border and the ring in {color.interaction.focus.ring-container} at −4px","channel":"double boundary","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"disabled","visual":"text {color.text.disabled}; border {color.border.disabled}; background {color.interaction.disabled.bg}; no resize handle","channel":"`disabled`; cursor: not-allowed","tokens":{}},{"state":"read-only","visual":"no box: 1px dotted {color.border.divider} bottom edge on {color.surface.canvas}; no resize handle; selectable","channel":"`readonly`; dotted edge","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves focus in and out; Tab never inserts a tab character."},{"key":"Enter","action":"Inserts a line break; never submits."},{"key":"Ctrl+Enter / Cmd+Enter","action":"May submit the owning form when the host binds it; announced in the help text."}],"responsive":"Fills its field container with min-width 0 and width 100%; the resize handle is vertical only so the box can never widen past its container at 320px. RTL keeps the handle on the inline-end corner.","portability":{"web":"native <textarea> plus <label>; rows=\"3\" minimum; resize vertical; the count is a live region with aria-live=\"polite\" updated at most once per second; the dashed ring through outline, never box-shadow.","nativeFallbacks":["GTK4 TextView inside a ScrolledWindow with a frame.","Qt QPlainTextEdit stylesheet; invalid through a dynamic property selector.","Terminal UI: bordered multi-line box; the count in the bottom border."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-TOUCH","FX-DENSITY","FX-OVERFLOW","FX-STATE-MATRIX"],"related":["text-field","field","code-editor"],"specimens":["admin-form","settings-panel"],"nonExamples":"Horizontal or free resizing. A box narrower than its label column. A count\nthat only changes colour past the limit. A glow instead of the dashed ring.\nRounded corners. An auto-growing box with no maximum. Tab inserting a\ncharacter. Placeholder text as the label. Disabling by opacity.","contrast":[{"label":"textarea default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"textarea default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"textarea hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"textarea hover border","state":"hover","kind":"ui","min":3,"fg":"color.border.control","bg":"color.interaction.hover.bg","fgHex":"#a3676b","bgHex":"#1c0a09","ratio":4.29,"pass":true,"waiver":null},{"label":"textarea focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"textarea focus-visible border","state":"focus-visible","kind":"ui","min":3,"fg":"color.border.active","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"textarea focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"textarea placeholder-shown text","state":"placeholder-shown","kind":"text","min":4.5,"fg":"color.text.placeholder","bg":"color.surface.input","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"textarea placeholder-shown border","state":"placeholder-shown","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"textarea invalid text","state":"invalid","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"textarea invalid border","state":"invalid","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"textarea invalid+focus-visible text","state":"invalid+focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"textarea invalid+focus-visible border","state":"invalid+focus-visible","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"textarea invalid+focus-visible outline","state":"invalid+focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.surface.input","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"textarea read-only text","state":"read-only","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.canvas","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"validation message on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.default","fgHex":"#f73f35","bgHex":"#160b0b","ratio":5.26,"pass":true,"waiver":null},{"label":"help and count on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.default","fgHex":"#bd787d","bgHex":"#160b0b","ratio":5.66,"pass":true,"waiver":null},{"label":"disabled text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled border (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"},{"label":"read-only bottom edge (decorative; the field has no box)","state":"read-only","kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.canvas","fgHex":"#2b0e0d","bgHex":"#0c0909","ratio":1.11,"pass":true,"waiver":"read-only fields are identified by the readonly attribute and the absence of a box, not by this edge"}]} |
| component-contract | time-picker | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"time-picker","family":"forms-advanced","maturity":"stable","priority":"R1","title":"Time picker","summary":"A native time input in the text-field box; segment editing and any clock popup belong to the host.","native":true,"aria":{"pattern":"native <input type=time> with <label>","apg":"https://www.w3.org/WAI/ARIA/apg/practices/forms/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"root.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"root.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"root.border-focus":{"alias":"color.border.active","value":"#e53935","status":"observed"},"root.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"},"root.border-invalid":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"},"root.border-disabled":{"alias":"color.border.disabled","value":"#7d1310","status":"observed"},"root.bg-disabled":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed"},"input.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"input.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved"},"input.caret":{"alias":"color.code.caret","value":"#e99499","status":"observed"},"label.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"help.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"message.text":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"}},"stateRules":[{"state":"default","visual":"1px {color.border.control} on {color.surface.input}; text {color.text.default}, tabular figures","channel":"—","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"hover","visual":"background → {color.interaction.hover.bg}; border unchanged","channel":"cursor: text","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"}}},{"state":"focus-visible","visual":"border → {color.border.active}; ring 1px dashed {color.interaction.focus.ring} at −2px","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.active","value":"#e53935","status":"observed"},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}}},{"state":"invalid","visual":"border 2px {color.status.danger.border}; message with the ✕ glyph","channel":"border width 1 → 2px; glyph; `aria-invalid`","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed"},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"}}},{"state":"disabled","visual":"text {color.text.disabled}; border {color.border.disabled}; background {color.interaction.disabled.bg}; no hover","channel":"`disabled`; cursor: not-allowed","tokens":{}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves between hour, minute and any meridiem segment, then out of the control (host behaviour)."},{"key":"Up / Down","action":"Steps the focused segment by one, minutes by the step attribute (host behaviour)."},{"key":"Space / Alt+Down","action":"Opens the host clock where one exists; Escape closes it."},{"key":"Enter","action":"Submits the owning form (native)."}],"responsive":"Fits its content (about 8ch) and never grows to fill the container; at 320px the box, help and message stack without clipping. RTL keeps the segments in the locale order the host chooses.","portability":{"web":"native <input type=time> with step; hosts without a time type fall back to a text field with a pattern and a format hint; color-scheme dark keeps any host popup on a dark surface.","nativeFallbacks":["GTK4 SpinButton pair for hours and minutes inside one box.","Qt QTimeEdit; section navigation is native.","Terminal UI: a masked line editor (HH:MM); no popup."]},"fixtures":["FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-STATE-MATRIX"],"related":["text-field","date-picker","number-field","field"],"specimens":["admin-form","settings-panel"],"nonExamples":"A custom clock face or a scrolling drum. A select for hours and a select for\nminutes. Rounded corners. A placeholder in place of a format hint. Disabling\nby opacity. Colour alone for the invalid state. A box that stretches to the\nfull container width.","contrast":[{"label":"time-picker default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"time-picker default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"time-picker hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"time-picker hover border","state":"hover","kind":"ui","min":3,"fg":"color.border.control","bg":"color.interaction.hover.bg","fgHex":"#a3676b","bgHex":"#1c0a09","ratio":4.29,"pass":true,"waiver":null},{"label":"time-picker focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"time-picker focus-visible border","state":"focus-visible","kind":"ui","min":3,"fg":"color.border.active","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"time-picker focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"time-picker invalid text","state":"invalid","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"time-picker invalid border","state":"invalid","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"validation message on the canvas","state":null,"kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.canvas","fgHex":"#f73f35","bgHex":"#0c0909","ratio":5.4,"pass":true,"waiver":null},{"label":"help text on the canvas","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.canvas","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"disabled text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled border (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"time-picker","family":"forms-advanced","maturity":"stable","priority":"R1","title":"Time picker","summary":"A native time input in the text-field box; segment editing and any clock popup belong to the host.","native":true,"aria":{"pattern":"native <input type=time> with <label>","apg":"https://www.w3.org/WAI/ARIA/apg/practices/forms/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"root.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border-focus":{"alias":"color.border.active","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border-invalid":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border-disabled":{"alias":"color.border.disabled","value":"#7d1310","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.bg-disabled":{"alias":"color.interaction.disabled.bg","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"input.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"input.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"input.caret":{"alias":"color.code.caret","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"label.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"help.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"message.text":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"1px {color.border.control} on {color.surface.input}; text {color.text.default}, tabular figures","channel":"—","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"hover","visual":"background → {color.interaction.hover.bg}; border unchanged","channel":"cursor: text","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}}}},{"state":"focus-visible","visual":"border → {color.border.active}; ring 1px dashed {color.interaction.focus.ring} at −2px","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.active","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"invalid","visual":"border 2px {color.status.danger.border}; message with the ✕ glyph","channel":"border width 1 → 2px; glyph; `aria-invalid`","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.input","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"disabled","visual":"text {color.text.disabled}; border {color.border.disabled}; background {color.interaction.disabled.bg}; no hover","channel":"`disabled`; cursor: not-allowed","tokens":{}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Moves between hour, minute and any meridiem segment, then out of the control (host behaviour)."},{"key":"Up / Down","action":"Steps the focused segment by one, minutes by the step attribute (host behaviour)."},{"key":"Space / Alt+Down","action":"Opens the host clock where one exists; Escape closes it."},{"key":"Enter","action":"Submits the owning form (native)."}],"responsive":"Fits its content (about 8ch) and never grows to fill the container; at 320px the box, help and message stack without clipping. RTL keeps the segments in the locale order the host chooses.","portability":{"web":"native <input type=time> with step; hosts without a time type fall back to a text field with a pattern and a format hint; color-scheme dark keeps any host popup on a dark surface.","nativeFallbacks":["GTK4 SpinButton pair for hours and minutes inside one box.","Qt QTimeEdit; section navigation is native.","Terminal UI: a masked line editor (HH:MM); no popup."]},"fixtures":["FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-STATE-MATRIX"],"related":["text-field","date-picker","number-field","field"],"specimens":["admin-form","settings-panel"],"nonExamples":"A custom clock face or a scrolling drum. A select for hours and a select for\nminutes. Rounded corners. A placeholder in place of a format hint. Disabling\nby opacity. Colour alone for the invalid state. A box that stretches to the\nfull container width.","contrast":[{"label":"time-picker default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"time-picker default border","state":"default","kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.input","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"time-picker hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"time-picker hover border","state":"hover","kind":"ui","min":3,"fg":"color.border.control","bg":"color.interaction.hover.bg","fgHex":"#a3676b","bgHex":"#1c0a09","ratio":4.29,"pass":true,"waiver":null},{"label":"time-picker focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"time-picker focus-visible border","state":"focus-visible","kind":"ui","min":3,"fg":"color.border.active","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"time-picker focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"time-picker invalid text","state":"invalid","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.input","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"time-picker invalid border","state":"invalid","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.input","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"validation message on the canvas","state":null,"kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.canvas","fgHex":"#f73f35","bgHex":"#0c0909","ratio":5.4,"pass":true,"waiver":null},{"label":"help text on the canvas","state":null,"kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.canvas","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"disabled text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.interaction.disabled.bg","fgHex":"#8a5559","bgHex":"#160b0b","ratio":3.24,"pass":true,"waiver":null},{"label":"disabled border (exempt)","state":"disabled","kind":"ui","min":1,"fg":"color.border.disabled","bg":"color.interaction.disabled.bg","fgHex":"#7d1310","bgHex":"#160b0b","ratio":1.82,"pass":true,"waiver":"disabled controls are exempt from 1.4.11"}]} |
| component-contract | toast | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"toast","family":"feedback","maturity":"stable","priority":"R1","title":"Toast","summary":"A brief notification in a fixed corner stack; canvas surface behind a 1px overlay border, status tints for the four polite statuses and the danger fill for critical ones.","native":true,"aria":{"pattern":"native <div role=status> (role=alert for danger) inside a region named Notifications; native buttons for the action and dismiss","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/alert/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed"},"root.border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed"},"root.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"glyph.text":{"alias":"color.status.info.text","value":"#7e9ebb","status":"approved"},"warning.bg":{"alias":"color.status.warning.tint","value":"#1f1a0c","status":"approved"},"warning.border":{"alias":"color.status.warning.border","value":"#c9973f","status":"approved"},"warning.text":{"alias":"color.status.warning.text","value":"#c9973f","status":"approved"},"success.bg":{"alias":"color.status.success.tint","value":"#0f1a0e","status":"approved"},"success.border":{"alias":"color.status.success.border","value":"#86a46f","status":"approved"},"success.text":{"alias":"color.status.success.text","value":"#86a46f","status":"approved"},"info.bg":{"alias":"color.status.info.tint","value":"#0f141c","status":"approved"},"info.border":{"alias":"color.status.info.border","value":"#7e9ebb","status":"approved"},"info.text":{"alias":"color.status.info.text","value":"#7e9ebb","status":"approved"},"neutral.bg":{"alias":"color.status.neutral.tint","value":"#241010","status":"observed"},"neutral.border":{"alias":"color.status.neutral.border","value":"#a3676b","status":"observed"},"neutral.text":{"alias":"color.status.neutral.text","value":"#bd787d","status":"observed"},"danger.bg":{"alias":"color.status.danger.fill","value":"#dc282e","status":"observed"},"danger.text":{"alias":"color.status.danger.on-fill","value":"#f9faf9","status":"observed"},"danger.button-bg-hover":{"alias":"color.action.destructive.pressed-bg","value":"#ae1914","status":"observed"},"action.text":{"alias":"color.text.link","value":"#ffa2a7","status":"observed"},"action.bg-hover":{"alias":"color.interaction.hover.bg-strong","value":"#630f0d","status":"observed"},"action.text-hover":{"alias":"color.text.link-hover","value":"#f4eeee","status":"observed"},"close.text":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed"},"close.bg-hover":{"alias":"color.action.tertiary.hover-bg","value":"#1c0a09","status":"observed"},"close.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"},"count.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"stack.z":{"alias":"z.toast","value":"40","status":"observed"}},"stateRules":[{"state":"default","visual":"canvas surface, 1px overlay border, glyph in the status text colour","channel":"the glyph; the worded text","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed"}}},{"state":"hover","visual":"action → {color.interaction.hover.bg-strong} with {color.text.link-hover}; Dismiss → {color.action.tertiary.hover-bg}; the timeout pauses","channel":"cursor: pointer; underline thickens on the action","tokens":{"fg":{"alias":"color.text.link-hover","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.interaction.hover.bg-strong","value":"#630f0d","status":"observed"}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px on the focused button; on the danger fill the ring takes {color.status.danger.on-fill}; the timeout pauses","channel":"the ring","tokens":{"fg":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed"},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}}},{"state":"stacked","visual":"toasts sit in one column with a 4px gap, newest at the end; the last visible toast shows \"+n\" in {color.text.muted} for queued ones","channel":"the count text; at most three visible","tokens":{"fg":{"alias":"color.text.muted","value":"#bd787d","status":"observed"},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed"}}},{"state":"reduced-motion","visual":"no transition; the toast is simply present or absent","channel":"`prefers-reduced-motion`; nothing moves","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed"}}}],"keyboard":[{"key":"F6 / a host shortcut","action":"Moves focus into the notification region; toasts never steal focus when they appear."},{"key":"Tab / Shift+Tab","action":"Within the region, reaches the action and then Dismiss of each toast in order."},{"key":"Enter / Space","action":"Activates the action or dismisses."},{"key":"Escape","action":"Dismisses the focused toast and returns focus to the region, then to the page."}],"responsive":"The stack is at most 24rem wide and fills the viewport width minus the 8px gutter below 360px; text wraps, buttons keep their size; at 320px nothing is clipped. RTL mirrors the corner and the button order.","portability":{"web":"a <div role=region aria-label=Notifications> fixed in the end corner at z.toast holding <div role=status> toasts (role=alert for danger); the timeout pauses on hover and focus and is at least 8 s; appearance is an opacity change within the motion budget, never a slide.","nativeFallbacks":["GTK4 Toast in a ToastOverlay; the danger fill is not available and is recorded.","Desktop notifications through the host daemon (the historical dunst configuration is the origin of the danger fill); urgency critical maps to danger.","Terminal UI: a message line at the bottom edge; no stacking."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-OVERFLOW","FX-STATE-MATRIX"],"related":["alert","dialog","progress","badge"],"specimens":["i3-window-frame","settings-panel"],"nonExamples":"A toast that slides in from an edge. A rounded, shadowed pill. A toast with\nno Dismiss that vanishes after two seconds. A toast that takes focus on\nappearance. Stacking more than three with no count. A form error shown as a\ntoast. Colour-only status without the glyph and worded text.","contrast":[{"label":"toast default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.canvas","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"toast default border","state":"default","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.canvas","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"toast hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.link-hover","bg":"color.interaction.hover.bg-strong","fgHex":"#f4eeee","bgHex":"#630f0d","ratio":11.41,"pass":true,"waiver":null},{"label":"toast focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.surface.canvas","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"toast focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.canvas","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"toast stacked text","state":"stacked","kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.canvas","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"toast stacked border","state":"stacked","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.canvas","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"toast reduced-motion text","state":"reduced-motion","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.canvas","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"toast reduced-motion border","state":"reduced-motion","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.canvas","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"glyph on the plain toast","state":null,"kind":"text","min":4.5,"fg":"color.status.info.text","bg":"color.surface.canvas","fgHex":"#7e9ebb","bgHex":"#0c0909","ratio":7.08,"pass":true,"waiver":null},{"label":"action text on the plain toast","state":null,"kind":"text","min":4.5,"fg":"color.text.link","bg":"color.surface.canvas","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"warning glyph on its tint","state":null,"kind":"text","min":4.5,"fg":"color.status.warning.text","bg":"color.status.warning.tint","fgHex":"#c9973f","bgHex":"#1f1a0c","ratio":6.59,"pass":true,"waiver":null},{"label":"warning border on its tint","state":null,"kind":"ui","min":3,"fg":"color.status.warning.border","bg":"color.status.warning.tint","fgHex":"#c9973f","bgHex":"#1f1a0c","ratio":6.59,"pass":true,"waiver":null},{"label":"text on the warning tint","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.status.warning.tint","fgHex":"#e99499","bgHex":"#1f1a0c","ratio":7.56,"pass":true,"waiver":null},{"label":"success glyph on its tint","state":null,"kind":"text","min":4.5,"fg":"color.status.success.text","bg":"color.status.success.tint","fgHex":"#86a46f","bgHex":"#0f1a0e","ratio":6.43,"pass":true,"waiver":null},{"label":"success border on its tint","state":null,"kind":"ui","min":3,"fg":"color.status.success.border","bg":"color.status.success.tint","fgHex":"#86a46f","bgHex":"#0f1a0e","ratio":6.43,"pass":true,"waiver":null},{"label":"text on the success tint","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.status.success.tint","fgHex":"#e99499","bgHex":"#0f1a0e","ratio":7.8,"pass":true,"waiver":null},{"label":"info glyph on its tint","state":null,"kind":"text","min":4.5,"fg":"color.status.info.text","bg":"color.status.info.tint","fgHex":"#7e9ebb","bgHex":"#0f141c","ratio":6.59,"pass":true,"waiver":null},{"label":"info border on its tint","state":null,"kind":"ui","min":3,"fg":"color.status.info.border","bg":"color.status.info.tint","fgHex":"#7e9ebb","bgHex":"#0f141c","ratio":6.59,"pass":true,"waiver":null},{"label":"text on the info tint","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.status.info.tint","fgHex":"#e99499","bgHex":"#0f141c","ratio":8.06,"pass":true,"waiver":null},{"label":"neutral glyph on its tint","state":null,"kind":"text","min":4.5,"fg":"color.status.neutral.text","bg":"color.status.neutral.tint","fgHex":"#bd787d","bgHex":"#241010","ratio":5.31,"pass":true,"waiver":null},{"label":"neutral border on its tint","state":null,"kind":"ui","min":3,"fg":"color.status.neutral.border","bg":"color.status.neutral.tint","fgHex":"#a3676b","bgHex":"#241010","ratio":4.07,"pass":true,"waiver":null},{"label":"text on the neutral tint","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.status.neutral.tint","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"text, glyph and buttons on the danger fill","state":null,"kind":"text","min":4.5,"fg":"color.status.danger.on-fill","bg":"color.status.danger.fill","fgHex":"#f9faf9","bgHex":"#dc282e","ratio":4.58,"pass":true,"waiver":null},{"label":"the danger fill is its own boundary against the canvas","state":null,"kind":"ui","min":3,"fg":"color.status.danger.fill","bg":"color.surface.canvas","fgHex":"#dc282e","bgHex":"#0c0909","ratio":4.14,"pass":true,"waiver":null},{"label":"danger border on the danger fill (decorative)","state":null,"kind":"ui","min":1,"fg":"color.status.danger.border","bg":"color.status.danger.fill","fgHex":"#e53935","bgHex":"#dc282e","ratio":1.13,"pass":true,"waiver":"the fill is the boundary at 4.14:1 against the canvas; the border only keeps the box model identical across statuses"}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"toast","family":"feedback","maturity":"stable","priority":"R1","title":"Toast","summary":"A brief notification in a fixed corner stack; canvas surface behind a 1px overlay border, status tints for the four polite statuses and the danger fill for critical ones.","native":true,"aria":{"pattern":"native <div role=status> (role=alert for danger) inside a region named Notifications; native buttons for the action and dismiss","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/alert/"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"root.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"glyph.text":{"alias":"color.status.info.text","value":"#7e9ebb","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"warning.bg":{"alias":"color.status.warning.tint","value":"#1f1a0c","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"warning.border":{"alias":"color.status.warning.border","value":"#c9973f","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"warning.text":{"alias":"color.status.warning.text","value":"#c9973f","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"success.bg":{"alias":"color.status.success.tint","value":"#0f1a0e","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"success.border":{"alias":"color.status.success.border","value":"#86a46f","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"success.text":{"alias":"color.status.success.text","value":"#86a46f","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"info.bg":{"alias":"color.status.info.tint","value":"#0f141c","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"info.border":{"alias":"color.status.info.border","value":"#7e9ebb","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"info.text":{"alias":"color.status.info.text","value":"#7e9ebb","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"neutral.bg":{"alias":"color.status.neutral.tint","value":"#241010","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"neutral.border":{"alias":"color.status.neutral.border","value":"#a3676b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"neutral.text":{"alias":"color.status.neutral.text","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"danger.bg":{"alias":"color.status.danger.fill","value":"#dc282e","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"danger.text":{"alias":"color.status.danger.on-fill","value":"#f9faf9","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"danger.button-bg-hover":{"alias":"color.action.destructive.pressed-bg","value":"#ae1914","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"action.text":{"alias":"color.text.link","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"action.bg-hover":{"alias":"color.interaction.hover.bg-strong","value":"#630f0d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"action.text-hover":{"alias":"color.text.link-hover","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"close.text":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"close.bg-hover":{"alias":"color.action.tertiary.hover-bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"close.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"count.text":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"stack.z":{"alias":"z.toast","value":"40","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"canvas surface, 1px overlay border, glyph in the status text colour","channel":"the glyph; the worded text","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}}}},{"state":"hover","visual":"action → {color.interaction.hover.bg-strong} with {color.text.link-hover}; Dismiss → {color.action.tertiary.hover-bg}; the timeout pauses","channel":"cursor: pointer; underline thickens on the action","tokens":{"fg":{"alias":"color.text.link-hover","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.hover.bg-strong","value":"#630f0d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px on the focused button; on the danger fill the ring takes {color.status.danger.on-fill}; the timeout pauses","channel":"the ring","tokens":{"fg":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"stacked","visual":"toasts sit in one column with a 4px gap, newest at the end; the last visible toast shows \"+n\" in {color.text.muted} for queued ones","channel":"the count text; at most three visible","tokens":{"fg":{"alias":"color.text.muted","value":"#bd787d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}}}},{"state":"reduced-motion","visual":"no transition; the toast is simply present or absent","channel":"`prefers-reduced-motion`; nothing moves","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}}}}],"keyboard":[{"key":"F6 / a host shortcut","action":"Moves focus into the notification region; toasts never steal focus when they appear."},{"key":"Tab / Shift+Tab","action":"Within the region, reaches the action and then Dismiss of each toast in order."},{"key":"Enter / Space","action":"Activates the action or dismisses."},{"key":"Escape","action":"Dismisses the focused toast and returns focus to the region, then to the page."}],"responsive":"The stack is at most 24rem wide and fills the viewport width minus the 8px gutter below 360px; text wraps, buttons keep their size; at 320px nothing is clipped. RTL mirrors the corner and the button order.","portability":{"web":"a <div role=region aria-label=Notifications> fixed in the end corner at z.toast holding <div role=status> toasts (role=alert for danger); the timeout pauses on hover and focus and is at least 8 s; appearance is an opacity change within the motion budget, never a slide.","nativeFallbacks":["GTK4 Toast in a ToastOverlay; the danger fill is not available and is recorded.","Desktop notifications through the host daemon (the historical dunst configuration is the origin of the danger fill); urgency critical maps to danger.","Terminal UI: a message line at the bottom edge; no stacking."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-OVERFLOW","FX-STATE-MATRIX"],"related":["alert","dialog","progress","badge"],"specimens":["i3-window-frame","settings-panel"],"nonExamples":"A toast that slides in from an edge. A rounded, shadowed pill. A toast with\nno Dismiss that vanishes after two seconds. A toast that takes focus on\nappearance. Stacking more than three with no count. A form error shown as a\ntoast. Colour-only status without the glyph and worded text.","contrast":[{"label":"toast default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.canvas","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"toast default border","state":"default","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.canvas","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"toast hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.link-hover","bg":"color.interaction.hover.bg-strong","fgHex":"#f4eeee","bgHex":"#630f0d","ratio":11.41,"pass":true,"waiver":null},{"label":"toast focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.surface.canvas","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"toast focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.canvas","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"toast stacked text","state":"stacked","kind":"text","min":4.5,"fg":"color.text.muted","bg":"color.surface.canvas","fgHex":"#bd787d","bgHex":"#0c0909","ratio":5.81,"pass":true,"waiver":null},{"label":"toast stacked border","state":"stacked","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.canvas","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"toast reduced-motion text","state":"reduced-motion","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.canvas","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"toast reduced-motion border","state":"reduced-motion","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.canvas","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"glyph on the plain toast","state":null,"kind":"text","min":4.5,"fg":"color.status.info.text","bg":"color.surface.canvas","fgHex":"#7e9ebb","bgHex":"#0c0909","ratio":7.08,"pass":true,"waiver":null},{"label":"action text on the plain toast","state":null,"kind":"text","min":4.5,"fg":"color.text.link","bg":"color.surface.canvas","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"warning glyph on its tint","state":null,"kind":"text","min":4.5,"fg":"color.status.warning.text","bg":"color.status.warning.tint","fgHex":"#c9973f","bgHex":"#1f1a0c","ratio":6.59,"pass":true,"waiver":null},{"label":"warning border on its tint","state":null,"kind":"ui","min":3,"fg":"color.status.warning.border","bg":"color.status.warning.tint","fgHex":"#c9973f","bgHex":"#1f1a0c","ratio":6.59,"pass":true,"waiver":null},{"label":"text on the warning tint","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.status.warning.tint","fgHex":"#e99499","bgHex":"#1f1a0c","ratio":7.56,"pass":true,"waiver":null},{"label":"success glyph on its tint","state":null,"kind":"text","min":4.5,"fg":"color.status.success.text","bg":"color.status.success.tint","fgHex":"#86a46f","bgHex":"#0f1a0e","ratio":6.43,"pass":true,"waiver":null},{"label":"success border on its tint","state":null,"kind":"ui","min":3,"fg":"color.status.success.border","bg":"color.status.success.tint","fgHex":"#86a46f","bgHex":"#0f1a0e","ratio":6.43,"pass":true,"waiver":null},{"label":"text on the success tint","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.status.success.tint","fgHex":"#e99499","bgHex":"#0f1a0e","ratio":7.8,"pass":true,"waiver":null},{"label":"info glyph on its tint","state":null,"kind":"text","min":4.5,"fg":"color.status.info.text","bg":"color.status.info.tint","fgHex":"#7e9ebb","bgHex":"#0f141c","ratio":6.59,"pass":true,"waiver":null},{"label":"info border on its tint","state":null,"kind":"ui","min":3,"fg":"color.status.info.border","bg":"color.status.info.tint","fgHex":"#7e9ebb","bgHex":"#0f141c","ratio":6.59,"pass":true,"waiver":null},{"label":"text on the info tint","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.status.info.tint","fgHex":"#e99499","bgHex":"#0f141c","ratio":8.06,"pass":true,"waiver":null},{"label":"neutral glyph on its tint","state":null,"kind":"text","min":4.5,"fg":"color.status.neutral.text","bg":"color.status.neutral.tint","fgHex":"#bd787d","bgHex":"#241010","ratio":5.31,"pass":true,"waiver":null},{"label":"neutral border on its tint","state":null,"kind":"ui","min":3,"fg":"color.status.neutral.border","bg":"color.status.neutral.tint","fgHex":"#a3676b","bgHex":"#241010","ratio":4.07,"pass":true,"waiver":null},{"label":"text on the neutral tint","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.status.neutral.tint","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"text, glyph and buttons on the danger fill","state":null,"kind":"text","min":4.5,"fg":"color.status.danger.on-fill","bg":"color.status.danger.fill","fgHex":"#f9faf9","bgHex":"#dc282e","ratio":4.58,"pass":true,"waiver":null},{"label":"the danger fill is its own boundary against the canvas","state":null,"kind":"ui","min":3,"fg":"color.status.danger.fill","bg":"color.surface.canvas","fgHex":"#dc282e","bgHex":"#0c0909","ratio":4.14,"pass":true,"waiver":null},{"label":"danger border on the danger fill (decorative)","state":null,"kind":"ui","min":1,"fg":"color.status.danger.border","bg":"color.status.danger.fill","fgHex":"#e53935","bgHex":"#dc282e","ratio":1.13,"pass":true,"waiver":"the fill is the boundary at 4.14:1 against the canvas; the border only keeps the box model identical across statuses"}]} |
| component-contract | toolbar | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"toolbar","family":"navigation","maturity":"stable","priority":"R1","title":"Toolbar","summary":"A row of related controls under one tab stop with arrow-key movement; ghost buttons, a vertical separator, and a \"more\" button when the row overflows.","native":false,"aria":{"pattern":"APG toolbar with roving tabindex; buttons, toggle buttons with aria-pressed, and a separator","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/","role":"toolbar"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.chrome","value":"#100909","status":"observed"},"root.border":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed"},"button.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"button.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"button.bg-pressed":{"alias":"color.interaction.pressed.bg","value":"#420f0c","status":"observed"},"button.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"},"button.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved"},"toggled.bg":{"alias":"color.interaction.pressed.bg","value":"#420f0c","status":"observed"},"toggled.border":{"alias":"color.border.active","value":"#e53935","status":"observed"},"toggled.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"separator.color":{"alias":"color.border.default","value":"#531310","status":"observed"},"more.chevron":{"alias":"color.icon.decorative","value":"#a3676b","status":"observed"}},"stateRules":[{"state":"default","visual":"text {color.text.default}; no fill; transparent border","channel":"—","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.chrome","value":"#100909","status":"observed"}}},{"state":"hover","visual":"background → {color.interaction.hover.bg}","channel":"cursor: pointer","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.chrome","value":"#100909","status":"observed"},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}}},{"state":"disabled","visual":"text {color.text.disabled}; no fill; no hover","channel":"`disabled`; cursor: not-allowed; skipped by the arrow keys","tokens":{}},{"state":"toggled","visual":"fill {color.interaction.pressed.bg}; 1px {color.border.active} border; text {color.text.bright}","channel":"`aria-pressed=\"true\"`; the border","tokens":{"fg":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"bg":{"alias":"color.interaction.pressed.bg","value":"#420f0c","status":"observed"},"border":{"alias":"color.border.active","value":"#e53935","status":"observed"}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Enters or leaves the toolbar; one control has tabindex 0 (roving tabindex)."},{"key":"Left / Right","action":"Moves focus to the previous or next enabled control; wraps at the ends; Up and Down when aria-orientation is vertical."},{"key":"Home / End","action":"Moves focus to the first or last control."},{"key":"Enter / Space","action":"Activates the focused button or toggles a toggle button."},{"key":"Escape","action":"Restores the previous value in a toolbar that edits, otherwise nothing."}],"responsive":"The row never wraps: below its intrinsic width the trailing controls move into the More menu (the overflow variant); at 320px only the leading controls and the more button remain visible. RTL mirrors the order and the arrow keys follow the reading direction.","portability":{"web":"A div with role toolbar and aria-label; native buttons inside, toggles with aria-pressed; a div with role separator and aria-orientation vertical; roving tabindex maintained by script; without script every button stays in the tab order, which is the acceptable no-JS fallback.","nativeFallbacks":["GTK4 Box in the toolbar style class with flat Buttons and ToggleButtons; a Separator between groups.","Qt QToolBar with QActions; checkable actions draw the pressed fill and active border.","Terminal UI: a one-line row of bracketed labels; the toggled one inverted."]},"fixtures":["FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-OVERFLOW","FX-STATE-MATRIX"],"related":["button","icon-button","menu","tabs","button-group"],"specimens":["filterable-table","i3-window-frame"],"nonExamples":"Buttons with a visible border at rest. A filled primary button inside the\ntoolbar. Rounded buttons or a pill-shaped toolbar. Every button in the tab\norder when script is available. A toggled state shown by colour alone without\n`aria-pressed`. A toolbar that wraps to two lines. A separator that receives\nfocus. Disabling by opacity.","contrast":[{"label":"toolbar default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.chrome","fgHex":"#e99499","bgHex":"#100909","ratio":8.6,"pass":true,"waiver":null},{"label":"toolbar hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"toolbar focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.chrome","fgHex":"#e99499","bgHex":"#100909","ratio":8.6,"pass":true,"waiver":null},{"label":"toolbar focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.chrome","fgHex":"#e53935","bgHex":"#100909","ratio":4.66,"pass":true,"waiver":null},{"label":"toolbar toggled text","state":"toggled","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.interaction.pressed.bg","fgHex":"#ffa2a7","bgHex":"#420f0c","ratio":8.41,"pass":true,"waiver":null},{"label":"toolbar toggled border","state":"toggled","kind":"ui","min":3,"fg":"color.border.active","bg":"color.interaction.pressed.bg","fgHex":"#e53935","bgHex":"#420f0c","ratio":3.81,"pass":true,"waiver":null},{"label":"disabled button text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.surface.chrome","fgHex":"#8a5559","bgHex":"#100909","ratio":3.31,"pass":true,"waiver":null},{"label":"separator (decorative; role separator carries the grouping)","state":null,"kind":"ui","min":1,"fg":"color.border.default","bg":"color.surface.chrome","fgHex":"#531310","bgHex":"#100909","ratio":1.38,"pass":true,"waiver":"the separator groups controls that are already distinct targets; it is not a control boundary"},{"label":"toolbar bottom edge (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.chrome","fgHex":"#2b0e0d","bgHex":"#100909","ratio":1.1,"pass":true,"waiver":"the edge separates chrome from content; the controls are the boundaries"}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"toolbar","family":"navigation","maturity":"stable","priority":"R1","title":"Toolbar","summary":"A row of related controls under one tab stop with arrow-key movement; ghost buttons, a vertical separator, and a \"more\" button when the row overflows.","native":false,"aria":{"pattern":"APG toolbar with roving tabindex; buttons, toggle buttons with aria-pressed, and a separator","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/","role":"toolbar"},"sizes":["compact","comfortable"],"tokens":{"root.bg":{"alias":"color.surface.chrome","value":"#100909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"root.border":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"button.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"button.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"button.bg-pressed":{"alias":"color.interaction.pressed.bg","value":"#420f0c","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"button.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"button.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"toggled.bg":{"alias":"color.interaction.pressed.bg","value":"#420f0c","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"toggled.border":{"alias":"color.border.active","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"toggled.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"separator.color":{"alias":"color.border.default","value":"#531310","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"more.chevron":{"alias":"color.icon.decorative","value":"#a3676b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"text {color.text.default}; no fill; transparent border","channel":"—","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.chrome","value":"#100909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"hover","visual":"background → {color.interaction.hover.bg}","channel":"cursor: pointer","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px","channel":"the ring","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.chrome","value":"#100909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"disabled","visual":"text {color.text.disabled}; no fill; no hover","channel":"`disabled`; cursor: not-allowed; skipped by the arrow keys","tokens":{}},{"state":"toggled","visual":"fill {color.interaction.pressed.bg}; 1px {color.border.active} border; text {color.text.bright}","channel":"`aria-pressed=\"true\"`; the border","tokens":{"fg":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.pressed.bg","value":"#420f0c","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.active","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Enters or leaves the toolbar; one control has tabindex 0 (roving tabindex)."},{"key":"Left / Right","action":"Moves focus to the previous or next enabled control; wraps at the ends; Up and Down when aria-orientation is vertical."},{"key":"Home / End","action":"Moves focus to the first or last control."},{"key":"Enter / Space","action":"Activates the focused button or toggles a toggle button."},{"key":"Escape","action":"Restores the previous value in a toolbar that edits, otherwise nothing."}],"responsive":"The row never wraps: below its intrinsic width the trailing controls move into the More menu (the overflow variant); at 320px only the leading controls and the more button remain visible. RTL mirrors the order and the arrow keys follow the reading direction.","portability":{"web":"A div with role toolbar and aria-label; native buttons inside, toggles with aria-pressed; a div with role separator and aria-orientation vertical; roving tabindex maintained by script; without script every button stays in the tab order, which is the acceptable no-JS fallback.","nativeFallbacks":["GTK4 Box in the toolbar style class with flat Buttons and ToggleButtons; a Separator between groups.","Qt QToolBar with QActions; checkable actions draw the pressed fill and active border.","Terminal UI: a one-line row of bracketed labels; the toggled one inverted."]},"fixtures":["FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-OVERFLOW","FX-STATE-MATRIX"],"related":["button","icon-button","menu","tabs","button-group"],"specimens":["filterable-table","i3-window-frame"],"nonExamples":"Buttons with a visible border at rest. A filled primary button inside the\ntoolbar. Rounded buttons or a pill-shaped toolbar. Every button in the tab\norder when script is available. A toggled state shown by colour alone without\n`aria-pressed`. A toolbar that wraps to two lines. A separator that receives\nfocus. Disabling by opacity.","contrast":[{"label":"toolbar default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.chrome","fgHex":"#e99499","bgHex":"#100909","ratio":8.6,"pass":true,"waiver":null},{"label":"toolbar hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"toolbar focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.chrome","fgHex":"#e99499","bgHex":"#100909","ratio":8.6,"pass":true,"waiver":null},{"label":"toolbar focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.chrome","fgHex":"#e53935","bgHex":"#100909","ratio":4.66,"pass":true,"waiver":null},{"label":"toolbar toggled text","state":"toggled","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.interaction.pressed.bg","fgHex":"#ffa2a7","bgHex":"#420f0c","ratio":8.41,"pass":true,"waiver":null},{"label":"toolbar toggled border","state":"toggled","kind":"ui","min":3,"fg":"color.border.active","bg":"color.interaction.pressed.bg","fgHex":"#e53935","bgHex":"#420f0c","ratio":3.81,"pass":true,"waiver":null},{"label":"disabled button text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.surface.chrome","fgHex":"#8a5559","bgHex":"#100909","ratio":3.31,"pass":true,"waiver":null},{"label":"separator (decorative; role separator carries the grouping)","state":null,"kind":"ui","min":1,"fg":"color.border.default","bg":"color.surface.chrome","fgHex":"#531310","bgHex":"#100909","ratio":1.38,"pass":true,"waiver":"the separator groups controls that are already distinct targets; it is not a control boundary"},{"label":"toolbar bottom edge (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.divider","bg":"color.surface.chrome","fgHex":"#2b0e0d","bgHex":"#100909","ratio":1.1,"pass":true,"waiver":"the edge separates chrome from content; the controls are the boundaries"}]} |
| component-contract | tooltip | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"tooltip","family":"feedback","maturity":"stable","priority":"R1","title":"Tooltip","summary":"A short description of a control shown on hover and focus; role tooltip linked by aria-describedby, a 1px overlay border on the raised surface, no arrow.","native":false,"aria":{"pattern":"APG tooltip: a trigger with aria-describedby pointing at an element with role=tooltip, shown on hover and focus, hidden on Escape","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/","role":"tooltip"},"sizes":["compact","comfortable"],"tokens":{"popup.bg":{"alias":"color.surface.raised","value":"#241010","status":"observed"},"popup.border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed"},"popup.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"shortcut.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"shortcut.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed"},"trigger.text":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed"},"trigger.bg-hover":{"alias":"color.action.tertiary.hover-bg","value":"#1c0a09","status":"observed"},"trigger.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"},"popup.z":{"alias":"z.popover","value":"10","status":"observed"}},"stateRules":[{"state":"default","visual":"trigger at rest; the popup shown for the demonstration","channel":"`aria-describedby` on the trigger","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.raised","value":"#241010","status":"observed"},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed"}}},{"state":"hover","visual":"trigger background → {color.action.tertiary.hover-bg}; the popup appears after 300 ms","channel":"cursor: pointer; the popup itself","tokens":{"fg":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed"},"bg":{"alias":"color.action.tertiary.hover-bg","value":"#1c0a09","status":"observed"}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px on the trigger; the popup appears at once","channel":"the ring; the popup","tokens":{"fg":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed"},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}}},{"state":"open","visual":"the popup visible, 1px {color.border.overlay} on {color.surface.raised}","channel":"the popup is present in the accessibility tree","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.raised","value":"#241010","status":"observed"},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed"}}},{"state":"closed","visual":"the popup absent; the trigger unchanged","channel":"`hidden`; the description is still read from the DOM","tokens":{}}],"keyboard":[{"key":"Tab","action":"Focusing the trigger shows the tooltip; leaving it hides the tooltip."},{"key":"Escape","action":"Hides the tooltip without moving focus; the trigger's own Escape behaviour is not triggered."},{"key":"Enter / Space","action":"Act on the trigger as usual; the tooltip hides on activation."}],"responsive":"The popup is at most 24rem wide and wraps; it flips to the side with room and is never clipped by the viewport; at 320px it is as wide as the viewport minus the gutter. RTL mirrors the placement and keeps the shortcut at the end.","portability":{"web":"the trigger carries aria-describedby to a <div role=tooltip>; visibility toggles the hidden attribute after a 300 ms open delay and no close delay; positioned with anchor positioning or a popover at z.popover; the tooltip is never the only place a control's name lives.","nativeFallbacks":["GTK4 tooltip-text; the host draws it with the overlay border through the tooltip css node.","Qt QToolTip stylesheet; border and background from the tokens; no rounded corners.","Terminal UI: the description in the status line while the control is focused."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-OVERFLOW","FX-STATE-MATRIX"],"related":["icon-button","popover","kbd","toolbar","menu"],"specimens":["i3-window-frame","filterable-table"],"nonExamples":"A rounded bubble with an arrow. A tooltip with a shadow or a fade longer\nthan 150 ms. A tooltip as the only accessible name of an icon button. A\ntooltip with a link or a button inside. One that opens on focus but not on\nhover, or on hover with no delay. A title attribute. A tooltip that follows\nthe pointer.","contrast":[{"label":"tooltip default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.raised","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"tooltip default border","state":"default","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.raised","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"tooltip hover text","state":"hover","kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.action.tertiary.hover-bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"tooltip focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.surface.canvas","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"tooltip focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.canvas","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"tooltip open text","state":"open","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.raised","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"tooltip open border","state":"open","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.raised","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"shortcut on the tooltip","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.raised","fgHex":"#ffa2a7","bgHex":"#241010","ratio":9.49,"pass":true,"waiver":null},{"label":"shortcut key border on the tooltip","state":null,"kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.raised","fgHex":"#a3676b","bgHex":"#241010","ratio":4.07,"pass":true,"waiver":null},{"label":"trigger text on the canvas","state":null,"kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.surface.canvas","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"tooltip","family":"feedback","maturity":"stable","priority":"R1","title":"Tooltip","summary":"A short description of a control shown on hover and focus; role tooltip linked by aria-describedby, a 1px overlay border on the raised surface, no arrow.","native":false,"aria":{"pattern":"APG tooltip: a trigger with aria-describedby pointing at an element with role=tooltip, shown on hover and focus, hidden on Escape","apg":"https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/","role":"tooltip"},"sizes":["compact","comfortable"],"tokens":{"popup.bg":{"alias":"color.surface.raised","value":"#241010","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"popup.border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"popup.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"shortcut.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"shortcut.border":{"alias":"color.border.control","value":"#a3676b","status":"proposed","deprecated":false,"decisionId":"D-007","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]}},"trigger.text":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"trigger.bg-hover":{"alias":"color.action.tertiary.hover-bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"trigger.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"popup.z":{"alias":"z.popover","value":"10","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"trigger at rest; the popup shown for the demonstration","channel":"`aria-describedby` on the trigger","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.raised","value":"#241010","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}}}},{"state":"hover","visual":"trigger background → {color.action.tertiary.hover-bg}; the popup appears after 300 ms","channel":"cursor: pointer; the popup itself","tokens":{"fg":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.action.tertiary.hover-bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px on the trigger; the popup appears at once","channel":"the ring; the popup","tokens":{"fg":{"alias":"color.action.tertiary.text","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"open","visual":"the popup visible, 1px {color.border.overlay} on {color.surface.raised}","channel":"the popup is present in the accessibility tree","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.raised","value":"#241010","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.overlay","value":"#e53935","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}}}},{"state":"closed","visual":"the popup absent; the trigger unchanged","channel":"`hidden`; the description is still read from the DOM","tokens":{}}],"keyboard":[{"key":"Tab","action":"Focusing the trigger shows the tooltip; leaving it hides the tooltip."},{"key":"Escape","action":"Hides the tooltip without moving focus; the trigger's own Escape behaviour is not triggered."},{"key":"Enter / Space","action":"Act on the trigger as usual; the tooltip hides on activation."}],"responsive":"The popup is at most 24rem wide and wraps; it flips to the side with room and is never clipped by the viewport; at 320px it is as wide as the viewport minus the gutter. RTL mirrors the placement and keeps the shortcut at the end.","portability":{"web":"the trigger carries aria-describedby to a <div role=tooltip>; visibility toggles the hidden attribute after a 300 ms open delay and no close delay; positioned with anchor positioning or a popover at z.popover; the tooltip is never the only place a control's name lives.","nativeFallbacks":["GTK4 tooltip-text; the host draws it with the overlay border through the tooltip css node.","Qt QToolTip stylesheet; border and background from the tokens; no rounded corners.","Terminal UI: the description in the status line while the control is focused."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-OVERFLOW","FX-STATE-MATRIX"],"related":["icon-button","popover","kbd","toolbar","menu"],"specimens":["i3-window-frame","filterable-table"],"nonExamples":"A rounded bubble with an arrow. A tooltip with a shadow or a fade longer\nthan 150 ms. A tooltip as the only accessible name of an icon button. A\ntooltip with a link or a button inside. One that opens on focus but not on\nhover, or on hover with no delay. A title attribute. A tooltip that follows\nthe pointer.","contrast":[{"label":"tooltip default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.raised","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"tooltip default border","state":"default","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.raised","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"tooltip hover text","state":"hover","kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.action.tertiary.hover-bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"tooltip focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.surface.canvas","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"tooltip focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.canvas","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"tooltip open text","state":"open","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.raised","fgHex":"#e99499","bgHex":"#241010","ratio":7.92,"pass":true,"waiver":null},{"label":"tooltip open border","state":"open","kind":"ui","min":3,"fg":"color.border.overlay","bg":"color.surface.raised","fgHex":"#e53935","bgHex":"#241010","ratio":4.3,"pass":true,"waiver":null},{"label":"shortcut on the tooltip","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.raised","fgHex":"#ffa2a7","bgHex":"#241010","ratio":9.49,"pass":true,"waiver":null},{"label":"shortcut key border on the tooltip","state":null,"kind":"ui","min":3,"fg":"color.border.control","bg":"color.surface.raised","fgHex":"#a3676b","bgHex":"#241010","ratio":4.07,"pass":true,"waiver":null},{"label":"trigger text on the canvas","state":null,"kind":"text","min":4.5,"fg":"color.action.tertiary.text","bg":"color.surface.canvas","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null}]} |
| component-contract | wizard | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","id":"wizard","family":"forms-advanced","maturity":"stable","priority":"R1","title":"Wizard","summary":"A multi-step form with a stepper header, the current panel and back/next actions; native buttons with aria-current=\"step\".","native":true,"aria":{"pattern":"native <button>s in an <ol>; the current step carries aria-current=step; the panel is a section named by its heading","apg":"https://www.w3.org/WAI/ARIA/apg/practices/forms/"},"sizes":["compact","comfortable"],"tokens":{"steps.divider":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed"},"step.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"step.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"},"step.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"},"step.text-current":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"step.indicator-current":{"alias":"color.border.selected-indicator","value":"#e53935","status":"observed"},"step.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved"},"step.marker-complete":{"alias":"color.status.success.text","value":"#86a46f","status":"approved"},"step.marker-invalid":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"},"step.indicator-invalid":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"},"panel.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed"},"panel.border":{"alias":"color.border.default","value":"#531310","status":"observed"},"title.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"text.text":{"alias":"color.text.default","value":"#e99499","status":"observed"},"message.text":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"},"next.bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed"},"next.text":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed"},"next.bg-hover":{"alias":"color.action.primary.hover-bg","value":"#911410","status":"observed"},"next.bg-pressed":{"alias":"color.action.primary.pressed-bg","value":"#630f0d","status":"observed"},"next.border":{"alias":"color.action.primary.border","value":"#9e231f","status":"observed"},"next.ring":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed"},"back.text":{"alias":"color.action.secondary.text","value":"#ffa2a7","status":"observed"},"back.border":{"alias":"color.action.secondary.border","value":"#a3676b","status":"observed"},"back.bg-hover":{"alias":"color.action.secondary.hover-bg","value":"#630f0d","status":"observed"},"busy.glyph":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed"}},"stateRules":[{"state":"default","visual":"steps in {color.text.default}; complete steps carry the ✓ in {color.status.success.text}","channel":"the ✓ glyph; the numbers","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed"}}},{"state":"hover","visual":"step background → {color.interaction.hover.bg}; Next → {color.action.primary.hover-bg}; Back → {color.action.secondary.hover-bg}","channel":"cursor: pointer","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed"},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed"}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px; on Next's fill the ring takes {color.interaction.focus.ring-container}","channel":"the ring","tokens":{"fg":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed"},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed"}}},{"state":"current","visual":"2px {color.border.selected-indicator} under the step; name in {color.text.bright}","channel":"`aria-current=\"step\"`; the indicator bar; the heading reads \"Step n of m\"","tokens":{"fg":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed"},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed"},"border":{"alias":"color.border.selected-indicator","value":"#e53935","status":"observed"}}},{"state":"disabled","visual":"a future step in {color.text.disabled}; no hover","channel":"`disabled`; cursor: not-allowed; skipped by Tab","tokens":{}},{"state":"invalid","visual":"the step's marker becomes ✕ in {color.status.danger.text}; its indicator takes {color.status.danger.border}; the panel shows the message","channel":"glyph; message text; `aria-invalid` on the failing fields","tokens":{"fg":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed"},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed"},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed"}}},{"state":"busy","visual":"Next shows the static ⋯ glyph before its label and does not respond; size unchanged","channel":"`aria-busy` on the wizard; the glyph; cursor: progress","tokens":{"fg":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed"},"bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed"}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Reaches each enabled step button, the panel's fields, then Back and Next; future steps are disabled and skipped."},{"key":"Enter / Space","action":"On a step button, goes to that step if it is reachable; on Next, validates the panel and advances; on Back, returns without validating."},{"key":"Escape","action":"Nothing; leaving a wizard is an explicit Cancel or the host's navigation."}],"responsive":"The stepper wraps to a vertical list below 600px, the panel and actions stack, and Next stays last in reading order; nothing scrolls horizontally at 320px. RTL mirrors the progression, the markers and the action order.","portability":{"web":"an <ol> of <button type=button> with aria-current=step on the current one and disabled on unreachable ones; the panel is a <section aria-labelledby>; focus moves to the panel heading after each step change; no role=tablist, because steps are sequential and validated.","nativeFallbacks":["GTK4 Assistant; the page list maps to the stepper, the current page to the indicator.","Qt QWizard; the side widget lists steps, the current one bold with the indicator.","Terminal UI: a breadcrumb line of steps above the form, the current one underlined."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-STATE-MATRIX"],"related":["button","fieldset","tabs","breadcrumbs","progress","admin-form"],"specimens":["admin-form","settings-panel"],"nonExamples":"Tabs restyled as steps. A progress bar in place of the stepper. Circles with\nconnecting lines that need a rounded radius. Future steps that look enabled\nand reject the click. A spinner on Next. Colour-only completion marks.\nValidation that blocks Back. Animated slides between panels.","contrast":[{"label":"wizard default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.canvas","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"wizard hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"wizard focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.canvas","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"wizard focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.canvas","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"wizard current text","state":"current","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.canvas","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"wizard current border","state":"current","kind":"ui","min":3,"fg":"color.border.selected-indicator","bg":"color.surface.canvas","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"wizard invalid text","state":"invalid","kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.canvas","fgHex":"#f73f35","bgHex":"#0c0909","ratio":5.4,"pass":true,"waiver":null},{"label":"wizard invalid border","state":"invalid","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.canvas","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"wizard busy text","state":"busy","kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.bg","fgHex":"#f4eeee","bgHex":"#871f19","ratio":8.17,"pass":true,"waiver":null},{"label":"complete marker on the canvas","state":null,"kind":"text","min":4.5,"fg":"color.status.success.text","bg":"color.surface.canvas","fgHex":"#86a46f","bgHex":"#0c0909","ratio":7.13,"pass":true,"waiver":null},{"label":"panel title on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"panel text on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"step message on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.default","fgHex":"#f73f35","bgHex":"#160b0b","ratio":5.26,"pass":true,"waiver":null},{"label":"panel edge (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.default","bg":"color.surface.canvas","fgHex":"#531310","bgHex":"#0c0909","ratio":1.39,"pass":true,"waiver":"the panel is identified by its heading and position, not by this edge"},{"label":"back button text","state":null,"kind":"text","min":4.5,"fg":"color.action.secondary.text","bg":"color.surface.canvas","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"back button boundary","state":null,"kind":"ui","min":3,"fg":"color.action.secondary.border","bg":"color.surface.canvas","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"next button boundary","state":null,"kind":"ui","min":3,"fg":"color.action.primary.border","bg":"color.surface.canvas","fgHex":"#9e231f","bgHex":"#0c0909","ratio":2.56,"pass":false,"waiver":"the primary button is identified by its text at 8.17:1 on its fill and by its position; the fill measures 2.12:1 and its border 2.56:1 against the canvas, a documented property of the actions family, not of the wizard"},{"label":"ring on the next button's fill","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.action.primary.bg","fgHex":"#ffa2a7","bgHex":"#871f19","ratio":4.9,"pass":true,"waiver":null},{"label":"future step text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.surface.canvas","fgHex":"#8a5559","bgHex":"#0c0909","ratio":3.33,"pass":true,"waiver":null}]} | {"schemaVersion":1,"theme":"j3w1-theme","profile":"default","profileStatus":"approved","id":"wizard","family":"forms-advanced","maturity":"stable","priority":"R1","title":"Wizard","summary":"A multi-step form with a stepper header, the current panel and back/next actions; native buttons with aria-current=\"step\".","native":true,"aria":{"pattern":"native <button>s in an <ol>; the current step carries aria-current=step; the panel is a section named by its heading","apg":"https://www.w3.org/WAI/ARIA/apg/practices/forms/"},"sizes":["compact","comfortable"],"tokens":{"steps.divider":{"alias":"color.border.divider","value":"#2b0e0d","status":"proposed","deprecated":false,"decisionId":"D-008","eligibility":{"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]}},"step.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"step.bg-hover":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"step.ring":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"step.text-current":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"step.indicator-current":{"alias":"color.border.selected-indicator","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"step.text-disabled":{"alias":"color.text.disabled","value":"#8a5559","status":"approved","deprecated":false,"decisionId":"D-003","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"step.marker-complete":{"alias":"color.status.success.text","value":"#86a46f","status":"approved","deprecated":false,"decisionId":"D-001","eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"step.marker-invalid":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"step.indicator-invalid":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"panel.bg":{"alias":"color.surface.default","value":"#160b0b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"panel.border":{"alias":"color.border.default","value":"#531310","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"title.text":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"text.text":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"message.text":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"next.bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"next.text":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"next.bg-hover":{"alias":"color.action.primary.hover-bg","value":"#911410","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"next.bg-pressed":{"alias":"color.action.primary.pressed-bg","value":"#630f0d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"next.border":{"alias":"color.action.primary.border","value":"#9e231f","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"next.ring":{"alias":"color.interaction.focus.ring-container","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"back.text":{"alias":"color.action.secondary.text","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"back.border":{"alias":"color.action.secondary.border","value":"#a3676b","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"back.bg-hover":{"alias":"color.action.secondary.hover-bg","value":"#630f0d","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"busy.glyph":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}},"stateRules":[{"state":"default","visual":"steps in {color.text.default}; complete steps carry the ✓ in {color.status.success.text}","channel":"the ✓ glyph; the numbers","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"hover","visual":"step background → {color.interaction.hover.bg}; Next → {color.action.primary.hover-bg}; Back → {color.action.secondary.hover-bg}","channel":"cursor: pointer","tokens":{"fg":{"alias":"color.text.default","value":"#e99499","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.interaction.hover.bg","value":"#1c0a09","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"focus-visible","visual":"ring 1px dashed {color.interaction.focus.ring} at −2px; on Next's fill the ring takes {color.interaction.focus.ring-container}","channel":"the ring","tokens":{"fg":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"outline":{"alias":"color.interaction.focus.ring","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"current","visual":"2px {color.border.selected-indicator} under the step; name in {color.text.bright}","channel":"`aria-current=\"step\"`; the indicator bar; the heading reads \"Step n of m\"","tokens":{"fg":{"alias":"color.text.bright","value":"#ffa2a7","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.border.selected-indicator","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"disabled","visual":"a future step in {color.text.disabled}; no hover","channel":"`disabled`; cursor: not-allowed; skipped by Tab","tokens":{}},{"state":"invalid","visual":"the step's marker becomes ✕ in {color.status.danger.text}; its indicator takes {color.status.danger.border}; the panel shows the message","channel":"glyph; message text; `aria-invalid` on the failing fields","tokens":{"fg":{"alias":"color.status.danger.text","value":"#f73f35","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.surface.canvas","value":"#0c0909","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"border":{"alias":"color.status.danger.border","value":"#e53935","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}},{"state":"busy","visual":"Next shows the static ⋯ glyph before its label and does not respond; size unchanged","channel":"`aria-busy` on the wizard; the glyph; cursor: progress","tokens":{"fg":{"alias":"color.action.primary.text","value":"#f4eeee","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}},"bg":{"alias":"color.action.primary.bg","value":"#871f19","status":"observed","deprecated":false,"decisionId":null,"eligibility":{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}}}}],"keyboard":[{"key":"Tab / Shift+Tab","action":"Reaches each enabled step button, the panel's fields, then Back and Next; future steps are disabled and skipped."},{"key":"Enter / Space","action":"On a step button, goes to that step if it is reachable; on Next, validates the panel and advances; on Back, returns without validating."},{"key":"Escape","action":"Nothing; leaving a wizard is an explicit Cancel or the host's navigation."}],"responsive":"The stepper wraps to a vertical list below 600px, the panel and actions stack, and Next stays last in reading order; nothing scrolls horizontally at 320px. RTL mirrors the progression, the markers and the action order.","portability":{"web":"an <ol> of <button type=button> with aria-current=step on the current one and disabled on unreachable ones; the panel is a <section aria-labelledby>; focus moves to the panel heading after each step change; no role=tablist, because steps are sequential and validated.","nativeFallbacks":["GTK4 Assistant; the page list maps to the stepper, the current page to the indicator.","Qt QWizard; the side widget lists steps, the current one bold with the indicator.","Terminal UI: a breadcrumb line of steps above the form, the current one underlined."]},"fixtures":["FX-LONG","FX-320","FX-ZOOM-200","FX-I18N","FX-RTL","FX-RM","FX-HC","FX-STATE-MATRIX"],"related":["button","fieldset","tabs","breadcrumbs","progress","admin-form"],"specimens":["admin-form","settings-panel"],"nonExamples":"Tabs restyled as steps. A progress bar in place of the stepper. Circles with\nconnecting lines that need a rounded radius. Future steps that look enabled\nand reject the click. A spinner on Next. Colour-only completion marks.\nValidation that blocks Back. Animated slides between panels.","contrast":[{"label":"wizard default text","state":"default","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.canvas","fgHex":"#e99499","bgHex":"#0c0909","ratio":8.65,"pass":true,"waiver":null},{"label":"wizard hover text","state":"hover","kind":"text","min":4.5,"fg":"color.text.default","bg":"color.interaction.hover.bg","fgHex":"#e99499","bgHex":"#1c0a09","ratio":8.35,"pass":true,"waiver":null},{"label":"wizard focus-visible text","state":"focus-visible","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.canvas","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"wizard focus-visible outline","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring","bg":"color.surface.canvas","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"wizard current text","state":"current","kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.canvas","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"wizard current border","state":"current","kind":"ui","min":3,"fg":"color.border.selected-indicator","bg":"color.surface.canvas","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"wizard invalid text","state":"invalid","kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.canvas","fgHex":"#f73f35","bgHex":"#0c0909","ratio":5.4,"pass":true,"waiver":null},{"label":"wizard invalid border","state":"invalid","kind":"ui","min":3,"fg":"color.status.danger.border","bg":"color.surface.canvas","fgHex":"#e53935","bgHex":"#0c0909","ratio":4.69,"pass":true,"waiver":null},{"label":"wizard busy text","state":"busy","kind":"text","min":4.5,"fg":"color.action.primary.text","bg":"color.action.primary.bg","fgHex":"#f4eeee","bgHex":"#871f19","ratio":8.17,"pass":true,"waiver":null},{"label":"complete marker on the canvas","state":null,"kind":"text","min":4.5,"fg":"color.status.success.text","bg":"color.surface.canvas","fgHex":"#86a46f","bgHex":"#0c0909","ratio":7.13,"pass":true,"waiver":null},{"label":"panel title on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.bright","bg":"color.surface.default","fgHex":"#ffa2a7","bgHex":"#160b0b","ratio":10.1,"pass":true,"waiver":null},{"label":"panel text on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.text.default","bg":"color.surface.default","fgHex":"#e99499","bgHex":"#160b0b","ratio":8.43,"pass":true,"waiver":null},{"label":"step message on the panel surface","state":null,"kind":"text","min":4.5,"fg":"color.status.danger.text","bg":"color.surface.default","fgHex":"#f73f35","bgHex":"#160b0b","ratio":5.26,"pass":true,"waiver":null},{"label":"panel edge (decorative)","state":null,"kind":"ui","min":1,"fg":"color.border.default","bg":"color.surface.canvas","fgHex":"#531310","bgHex":"#0c0909","ratio":1.39,"pass":true,"waiver":"the panel is identified by its heading and position, not by this edge"},{"label":"back button text","state":null,"kind":"text","min":4.5,"fg":"color.action.secondary.text","bg":"color.surface.canvas","fgHex":"#ffa2a7","bgHex":"#0c0909","ratio":10.37,"pass":true,"waiver":null},{"label":"back button boundary","state":null,"kind":"ui","min":3,"fg":"color.action.secondary.border","bg":"color.surface.canvas","fgHex":"#a3676b","bgHex":"#0c0909","ratio":4.45,"pass":true,"waiver":null},{"label":"next button boundary","state":null,"kind":"ui","min":3,"fg":"color.action.primary.border","bg":"color.surface.canvas","fgHex":"#9e231f","bgHex":"#0c0909","ratio":2.56,"pass":false,"waiver":"the primary button is identified by its text at 8.17:1 on its fill and by its position; the fill measures 2.12:1 and its border 2.56:1 against the canvas, a documented property of the actions family, not of the wizard"},{"label":"ring on the next button's fill","state":"focus-visible","kind":"ui","min":3,"fg":"color.interaction.focus.ring-container","bg":"color.action.primary.bg","fgHex":"#ffa2a7","bgHex":"#871f19","ratio":4.9,"pass":true,"waiver":null},{"label":"future step text (exempt; house floor 3:1)","state":"disabled","kind":"ui","min":3,"fg":"color.text.disabled","bg":"color.surface.canvas","fgHex":"#8a5559","bgHex":"#0c0909","ratio":3.33,"pass":true,"waiver":null}]} |
| decision | D-006 | "Focus-ring rule\n\nStatus: proposed.\n\n**Decision.** Controls and rows: `outline: 1px dashed {color.interaction.focus.ring}`\n(`#E53935`) with `outline-offset: -2px`. Focusable containers (panes, windows,\ndialogs, cards): `outline: 2px solid {color.interaction.focus.ring-container}`\n(`#FFA2A7`) with `outline-offset: -3px`. On any filled surface (selection,\naction fills, status fills) the ring takes that surface's on-fill text colour,\nbecause `#E53935` on `#911410` measures 2.15:1. For invalid + focus, where the\n2px danger border is already red, the ring switches to the container colour\n`#FFA2A7` at `outline-offset: -4px`. `:focus:not(:focus-visible)` draws nothing.\nIn forced-colors mode the ring uses `Highlight`. Selection is always a fill and\nfocus is always a ring; neither borrows the other's form." | "Focus-ring rule\n\nStatus: proposed.\n\n**Decision.** Controls and rows: `outline: 1px dashed {color.interaction.focus.ring}`\n(`#E53935`) with `outline-offset: -2px`. Focusable containers (panes, windows,\ndialogs, cards): `outline: 2px solid {color.interaction.focus.ring-container}`\n(`#FFA2A7`) with `outline-offset: -3px`. On any filled surface (selection,\naction fills, status fills) the ring takes that surface's on-fill text colour,\nbecause `#E53935` on `#911410` measures 2.15:1. For invalid + focus, where the\n2px danger border is already red, the ring switches to the container colour\n`#FFA2A7` at `outline-offset: -4px`. `:focus:not(:focus-visible)` draws nothing.\nIn forced-colors mode the ring uses `Highlight`. Selection is always a fill and\nfocus is always a ring; neither borrows the other's form.\n\n**Current clarification (D-015).** The owner-directed component mappings\nbelow clarify the generic on-fill wording above. Primary buttons and checked\ncontrols retain their explicitly declared container-colour ring; destructive\nfills retain their declared on-fill text ring. Geometry and contrast floors\nare unchanged." |
| decision | D-013 | null | "Consumption eligibility is separate from approval\n\nStatus: proposed (formal log status remains owner-controlled).\n\n**Context.** Issue #4 found conflicting instructions to use and to prohibit\npending roles in the approved default profile. Alternatives were to block\npending roles until individually approved, or to use pinned values with disclosure.\n\n**Owner direction, 2026-09-07.** During Phase 1 planning the owner selected\n\"Use and report\" and \"Block new use\" for deprecated roles, then authorized\nimplementation. That explicit direction governs consumption without approving\npending token values or changing D-005 through D-012.\n\n**Policy.** An approved default profile's pending roles may be used at a pinned\nrevision with disclosure of their pending decision IDs, including dependencies.\nProposed profiles remain preview-only and blocked for delivery. Heritage profiles\nare historical-only. Deprecated or heritage roles cannot be newly mapped in an\napproved profile; no substitute is implied. Ordinary observed/approved roles\nremain usable within their documented scope; primitives remain inspection-only.\nRelease version, profile status, role status, deprecation and eligibility are\nseparate facts. The generator emits the policy and eligibility metadata." |
| decision | D-014 | null | "Automatic inline literal color previews\n\nStatus: proposed (formal log status remains owner-controlled).\n\n**Context.** Issue #1 requests circular previews and a transparency checkerboard,\nwhich conflict with the general square geometry and no-gradient rules. Keeping\nsquare previews would remove the requested circle-to-square interaction.\n\n**Owner direction, 2026-09-07.** The owner explicitly approved a narrow preview\nexception and authorized implementation. It is presentation of literal data,\nnot a new palette, semantic role or component geometry rule.\n\n**Exception.** Every visible CSS hex literal on the spec page receives one\nautomatically generated preview. Preserve the literal exactly. The preview is\n16px including its theme-derived 1px boundary, circular at rest, and scales to\n17.4px with radius zero when CSS `:hover` matches. The fast duration token and\nease-out govern transform and border-radius; reduced motion removes animation.\nAlpha is composited over a checkerboard made from existing theme tokens.\nOnly this preview permits rounded geometry, patterned gradient backgrounds and\nborder-radius animation. Text, copying, keyboard order and no-JS access remain\nintact. The parsed literal is data and never inferred from a token or screenshot.\n\n\nSyntax specimens (literal data, not additional theme roles): `#f00`, `#f008`,\n`#ff0000`, `#ff000080`, `#000000`, `#ffffff`. These examples also exercise\ncopy fidelity and transparent, dark and light previews in the browser suite.\n\n### Follow the pointer hovering effect\n\nThe j3w1 specification's inline color circles provide a pointer-following\nexact-value preview for actual mouse and pen pointer events. The popup follows the pointer's\nposition inside the circle with an 8px gap, flips when necessary and stays\ninside an 8px viewport gutter. It disappears immediately when the pointer\nleaves that circle, on an outside press, Escape, or loss of window focus.\nAfter page or nested-container scrolling, recheck the element under the last\npointer position: keep the popup only if the same circle remains there.\nThe popup cannot capture pointer input or keep itself open when hovered.\nIt is a supplementary, non-interactive visual preview; token tables and the\nkeyboard-accessible token inspector retain the persistent information and links.\nLong previews are bounded by the viewport. No new keyboard stop is introduced.\nPointer tracking has no animation or easing, including under reduced motion.\nThis owner-directed behavior extends the D-014 preview exception only; it\ndoes not change the general tooltip or focus contract.\n\n**Compatibility clarification.** CSS `:hover` controls the circle-to-square\nmorph directly. Mouse and pen pointer events control the popup; touch and\nunknown pointer types do not open it. Neither behavior is gated by `hover`\nor `any-hover` media features: browsers can report no hover capability while\nstill delivering mouse input. Reduced motion continues to remove animation,\nand circles and their literal text remain visible without JavaScript." |
| decision | D-015 | null | "Clarify component mappings exposed by consumption acceptance\n\nStatus: proposed. The owner directed application of this resolution on\n2026-09-07; its implementation preserves existing component appearance.\nThe formal decision status remains owner-managed.\n\n**Context.** Phase 2's independently reviewed composed acceptance preserved\nthree contradictions: ordinary confirmation versus destructive alert-dialog\ntone, the primary button's pressed-border metadata versus its prose/CSS, and\nthe global on-fill focus wording versus explicit component ring mappings.\nPhase 3 controls must not present an arbitrary interpretation as canonical.\n\n**Owner-directed resolution.** Preserve current component appearance and all token\nvalues. Ordinary confirmation uses the primary action tone; destructive tone\nbelongs to destructive actions, independent of the confirmation's semantic\nrole. The primary button retains `color.action.primary.border` when pressed;\nsecondary and tertiary use `color.border.active`, and destructive retains its\ndeclared destructive border. Correct the generic/default metadata accordingly.\nFocusable controls retain their documented component ring mappings: primary\nand checked/selected fills use `color.interaction.focus.ring-container` where\ndeclared; destructive fills use their on-fill text role. Clarify the global\nwording to refer to these explicit mappings, retaining ring geometry,\nforced-colors behavior and every contrast floor. No profile or pending-token\napproval is implied.\n\n**Alternatives.** Enforce the generic prose everywhere, changing currently\nrendered pressed borders and focus colors; or retain the contradictions and\nexplicitly mark affected workbench configurations unresolved. Neither is\nsilently selected. Historical acceptance reports remain historical evidence." |
| appearance-source | site/src/styles/hex-swatches.css | null | "sha256-11+72Dft8m0u22CYiJ3sQGk8PP+0Wadvxg7AVogTeP0=" |
| appearance-source | site/src/styles/recipe-foundation.css | null | "sha256-siLjKAkNj84Wa0+Xz5Vf2yj9DT9k0K/Swy/cwHNrvYo=" |
| appearance-source | site/src/styles/site.css | "sha256-DE+9lH/7cWoXjU4qMd0IzTDhH8LzA4YzW5N00yR+83k=" | "sha256-4Cd1gSerTs7N04XByVqxrXWg9Y+eLINJmbDHEy+8Vzs=" |
| appearance-source | site/src/styles/tools.css | null | "sha256-URwQ1L2frmql0RzNxRX8Gl0gePnifqfppoE9pHBlSY8=" |
| appearance-source | site/src/styles/verification.css | null | "sha256-I9XFRQv86iLM5gKtTZqUypVixA6zE+nqEGB3sxSGGIQ=" |
| appearance-source | site/src/styles/workbench.css | null | "sha256-ik8Rud8IBnAZGAR7lq/Z5rzPquebmyj/wiJTg8dQkTk=" |
| appearance-source | spec/components/dialog.demo.html | "sha256-SArgjPtEcJQvkKUAgzz0gdscY/lUPBUqDdjYd0XwRf4=" | "sha256-m9m1JcXKJ5j3f0rxR1fojmkYvtgzUnhgWBPA0iI6cSM=" |
| appearance-source | spec/components/settings-panel.demo.html | "sha256-amUTiuR/FWyzI9r5TpuLjh4YxXyCdPPn9VW0n/eVIo4=" | "sha256-klOL3sjG/73PuBDA1/IYX1ccHbwsF2cdS+tMdayk1Ns=" |
| appearance-source | spec/components/tabs.demo.html | "sha256-cZUtxMTE9NyARr/iGCXy84x46AEKHYLgL+sqVylI5ac=" | "sha256-zpwAlnWKME4d9yYkPEucC/xj+zfhBZ2PTpYWSoYlL5o=" |

## Impact

Ports: no registered ports. Unknown: consumers without registered mappings cannot be enumerated.
- admin-form: known affected; roles: color.action.primary.bg, color.action.primary.text, color.action.secondary.border, color.action.secondary.text, color.action.tertiary.hover-bg, color.action.tertiary.text, color.border.control, color.border.default, color.border.disabled, color.border.divider, color.border.selected-indicator, color.border.strong, color.interaction.disabled.bg, color.status.danger.border, color.status.danger.text, color.status.danger.tint, color.status.info.border, color.status.info.text, color.status.info.tint, color.status.success.text, color.surface.default, color.surface.input, color.text.bright, color.text.default, color.text.disabled, color.text.link, color.text.muted. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/root.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/crumbs.link); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/crumbs.current); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/title.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/step.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/step.current-text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/step.current-indicator); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/step.complete); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/step.invalid); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/notice.tint); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/notice.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/notice.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/summary.tint); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/summary.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/summary.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/field.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/field.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/field.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/field.label); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/field.help); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/field.affix); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/invalid.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/invalid.message); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/disabled.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/disabled.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/disabled.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/review.key); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/review.header-rule); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/review.row-rule); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/footer.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/continue.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/continue.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/continue.busy-glyph); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/back.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/back.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/draft.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/tokens/draft.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/stateRules/1/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/19/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/19/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/20/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/20/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/21/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (/contrast/21/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/root.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/crumbs.link); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/crumbs.current); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/title.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/step.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/step.current-text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/step.current-indicator); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/step.complete); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/step.invalid); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/notice.tint); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/notice.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/notice.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/summary.tint); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/summary.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/summary.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/field.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/field.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/field.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/field.label); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/field.help); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/field.affix); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/invalid.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/invalid.message); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/disabled.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/disabled.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/disabled.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/review.key); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/review.header-rule); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/review.row-rule); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/footer.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/continue.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/continue.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/continue.busy-glyph); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/back.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/back.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/draft.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/tokens/draft.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/stateRules/1/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/19/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/19/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/20/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/20/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/21/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (/contrast/21/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/admin-form.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/admin-form.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- alert: known affected; roles: color.action.tertiary.hover-bg, color.action.tertiary.text, color.interaction.focus.ring, color.status.danger.border, color.status.danger.text, color.status.danger.tint, color.status.info.border, color.status.info.text, color.status.info.tint, color.status.neutral.border, color.status.neutral.text, color.status.neutral.tint, color.status.success.border, color.status.success.text, color.status.success.tint, color.status.warning.border, color.status.warning.text, color.status.warning.tint, color.text.default. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/tokens/danger.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/tokens/danger.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/tokens/danger.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/tokens/warning.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/tokens/warning.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/tokens/warning.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/tokens/success.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/tokens/success.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/tokens/success.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/tokens/info.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/tokens/info.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/tokens/info.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/tokens/neutral.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/tokens/neutral.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/tokens/neutral.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/tokens/body.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/tokens/close.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/tokens/close.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/tokens/close.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/19/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (/contrast/19/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/tokens/danger.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/tokens/danger.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/tokens/danger.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/tokens/warning.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/tokens/warning.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/tokens/warning.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/tokens/success.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/tokens/success.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/tokens/success.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/tokens/info.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/tokens/info.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/tokens/info.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/tokens/neutral.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/tokens/neutral.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/tokens/neutral.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/tokens/body.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/tokens/close.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/tokens/close.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/tokens/close.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/19/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (/contrast/19/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/alert.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/alert.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- badge: known affected; roles: color.action.primary.bg, color.action.primary.text, color.status.danger.border, color.status.danger.fill, color.status.danger.on-fill, color.status.danger.text, color.status.info.border, color.status.info.fill, color.status.info.on-fill, color.status.info.text, color.status.neutral.border, color.status.neutral.fill, color.status.neutral.on-fill, color.status.neutral.text, color.status.success.border, color.status.success.fill, color.status.success.on-fill, color.status.success.text, color.status.warning.border, color.status.warning.fill, color.status.warning.on-fill, color.status.warning.text, color.surface.default. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/tokens/danger.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/tokens/danger.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/tokens/danger.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/tokens/danger.outline-text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/tokens/warning.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/tokens/warning.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/tokens/warning.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/tokens/warning.outline-text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/tokens/success.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/tokens/success.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/tokens/success.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/tokens/success.outline-text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/tokens/info.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/tokens/info.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/tokens/info.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/tokens/info.outline-text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/tokens/neutral.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/tokens/neutral.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/tokens/neutral.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/tokens/neutral.outline-text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/tokens/count.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/tokens/count.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/19/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/19/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/20/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/20/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/21/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (/contrast/21/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/tokens/danger.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/tokens/danger.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/tokens/danger.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/tokens/danger.outline-text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/tokens/warning.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/tokens/warning.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/tokens/warning.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/tokens/warning.outline-text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/tokens/success.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/tokens/success.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/tokens/success.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/tokens/success.outline-text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/tokens/info.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/tokens/info.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/tokens/info.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/tokens/info.outline-text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/tokens/neutral.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/tokens/neutral.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/tokens/neutral.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/tokens/neutral.outline-text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/tokens/count.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/tokens/count.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/19/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/19/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/20/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/20/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/21/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (/contrast/21/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/badge.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/badge.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- breadcrumbs: known affected; roles: color.interaction.focus.ring, color.interaction.hover.bg, color.interaction.hover.bg-strong, color.surface.default, color.text.bright, color.text.default, color.text.link, color.text.link-hover, color.text.link-underline, color.text.muted. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/tokens/link.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/tokens/link.underline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/tokens/link.text-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/tokens/link.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/tokens/link.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/tokens/current.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/tokens/separator.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/tokens/ellipsis.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/tokens/ellipsis.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/tokens/link.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/tokens/link.underline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/tokens/link.text-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/tokens/link.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/tokens/link.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/tokens/current.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/tokens/separator.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/tokens/ellipsis.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/tokens/ellipsis.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/breadcrumbs.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/breadcrumbs.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- button: known affected; roles: color.action.destructive.border, color.action.destructive.filled-bg, color.action.destructive.filled-text, color.action.destructive.hover-bg, color.action.destructive.hover-text, color.action.destructive.pressed-bg, color.action.destructive.text, color.action.primary.bg, color.action.primary.border, color.action.primary.hover-bg, color.action.primary.pressed-bg, color.action.primary.text, color.action.secondary.bg, color.action.secondary.border, color.action.secondary.hover-bg, color.action.secondary.pressed-bg, color.action.secondary.text, color.action.tertiary.hover-bg, color.action.tertiary.text, color.border.active, color.border.disabled, color.interaction.disabled.bg, color.interaction.focus.ring, color.interaction.focus.ring-container, color.interaction.pressed.bg, color.surface.default, color.text.disabled. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/tokens/root.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/tokens/root.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/tokens/root.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/tokens/root.bg-active); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/tokens/secondary.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/tokens/secondary.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/tokens/secondary.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/tokens/secondary.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/tokens/secondary.bg-active); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/tokens/secondary.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/tokens/tertiary.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/tokens/tertiary.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/tokens/tertiary.bg-active); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/tokens/destructive.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/tokens/destructive.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/tokens/destructive.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/tokens/destructive.text-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/tokens/destructive.bg-active); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/tokens/destructive.bg-filled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/tokens/destructive.text-filled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/tokens/root.border-active); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/tokens/root.text-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/tokens/root.bg-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/tokens/root.border-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/tokens/loading.glyph); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/stateRules/5/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/stateRules/5/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/19/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/19/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/20/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/20/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/21/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/21/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/22/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/22/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/23/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/23/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/24/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/24/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/25/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (/contrast/25/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/tokens/root.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/tokens/root.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/tokens/root.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/tokens/root.bg-active); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/tokens/secondary.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/tokens/secondary.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/tokens/secondary.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/tokens/secondary.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/tokens/secondary.bg-active); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/tokens/secondary.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/tokens/tertiary.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/tokens/tertiary.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/tokens/tertiary.bg-active); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/tokens/destructive.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/tokens/destructive.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/tokens/destructive.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/tokens/destructive.text-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/tokens/destructive.bg-active); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/tokens/destructive.bg-filled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/tokens/destructive.text-filled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/tokens/root.border-active); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/tokens/secondary.border-active); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/tokens/tertiary.border-active); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/tokens/destructive.border-active); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/tokens/root.text-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/tokens/root.bg-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/tokens/root.border-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/tokens/loading.glyph); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/stateRules/5/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/stateRules/5/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/19/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/19/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/20/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/20/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/21/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/21/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/22/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/22/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/23/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/23/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/24/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (/contrast/24/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/button.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/button.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- card: known affected; roles: color.border.control, color.border.default, color.interaction.focus.ring-container, color.interaction.hover.bg, color.interaction.selection.bg, color.interaction.selection.text, color.surface.default, color.text.bright, color.text.default, color.text.muted. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/tokens/root.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/tokens/root.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/tokens/root.border-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/tokens/title.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/tokens/body.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/tokens/meta.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/tokens/selected.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/tokens/selected.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/tokens/selected.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/stateRules/1/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/stateRules/4/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/tokens/root.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/tokens/root.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/tokens/root.border-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/tokens/title.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/tokens/body.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/tokens/meta.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/tokens/selected.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/tokens/selected.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/tokens/selected.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/stateRules/1/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/stateRules/4/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/card.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/card.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- checkbox: known affected; roles: color.action.primary.bg, color.action.primary.hover-bg, color.action.primary.text, color.border.control, color.border.disabled, color.interaction.disabled.bg, color.interaction.focus.ring, color.interaction.focus.ring-container, color.interaction.hover.bg, color.status.danger.border, color.status.danger.text, color.surface.default, color.surface.input, color.text.bright, color.text.default, color.text.disabled. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/tokens/box.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/tokens/box.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/tokens/box.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/tokens/box.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/tokens/box.bg-checked); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/tokens/box.bg-checked-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/tokens/box.glyph); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/tokens/box.ring-checked); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/tokens/box.border-invalid); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/tokens/box.bg-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/tokens/box.border-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/tokens/box.glyph-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/tokens/text.default); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/tokens/text.disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/tokens/legend.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/tokens/legend.required-mark); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/tokens/message.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/stateRules/1/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/stateRules/2/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/stateRules/5/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/stateRules/5/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/stateRules/5/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/stateRules/8/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/stateRules/8/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/stateRules/9/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/stateRules/9/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/tokens/box.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/tokens/box.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/tokens/box.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/tokens/box.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/tokens/box.bg-checked); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/tokens/box.bg-checked-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/tokens/box.glyph); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/tokens/box.ring-checked); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/tokens/box.border-invalid); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/tokens/box.bg-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/tokens/box.border-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/tokens/box.glyph-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/tokens/text.default); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/tokens/text.disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/tokens/legend.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/tokens/legend.required-mark); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/tokens/message.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/stateRules/1/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/stateRules/2/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/stateRules/5/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/stateRules/5/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/stateRules/5/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/stateRules/8/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/stateRules/8/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/stateRules/9/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/stateRules/9/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/checkbox.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/checkbox.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- chip: known affected; roles: color.border.control, color.border.disabled, color.interaction.disabled.bg, color.interaction.focus.ring, color.interaction.focus.ring-container, color.interaction.hover.bg, color.interaction.hover.bg-strong, color.interaction.pressed.bg, color.interaction.selection.bg, color.interaction.selection.text, color.surface.default, color.text.bright, color.text.default, color.text.disabled, color.text.muted. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/tokens/root.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/tokens/root.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/tokens/root.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/tokens/root.bg-pressed); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/tokens/root.text-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/tokens/root.border-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/tokens/root.bg-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/tokens/selected.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/tokens/selected.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/tokens/selected.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/tokens/remove.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/tokens/remove.text-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/tokens/remove.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/stateRules/1/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/stateRules/2/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/stateRules/4/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/tokens/root.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/tokens/root.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/tokens/root.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/tokens/root.bg-pressed); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/tokens/root.text-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/tokens/root.border-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/tokens/root.bg-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/tokens/selected.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/tokens/selected.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/tokens/selected.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/tokens/remove.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/tokens/remove.text-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/tokens/remove.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/stateRules/1/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/stateRules/2/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/stateRules/4/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/chip.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/chip.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- code-editor: known affected; roles: color.border.control, color.code.bg, color.code.bracket-match, color.code.caret, color.code.current-line, color.code.gutter-bg, color.code.gutter-rule, color.code.indent-guide, color.code.line-number, color.code.line-number-active, color.code.selection-bg, color.code.syntax.attribute, color.code.syntax.comment, color.code.syntax.constant, color.code.syntax.deprecated, color.code.syntax.escape, color.code.syntax.function, color.code.syntax.heading, color.code.syntax.invalid, color.code.syntax.keyword, color.code.syntax.number, color.code.syntax.operator, color.code.syntax.property, color.code.syntax.punctuation, color.code.syntax.string, color.code.syntax.tag, color.code.syntax.type, color.code.syntax.variable, color.code.whitespace, color.interaction.focus.ring-container, color.interaction.selection.inactive-bg, color.interaction.selection.inactive-text, color.surface.sunken, color.text.muted. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/tokens/root.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/tokens/gutter.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/tokens/gutter.rule); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/tokens/gutter.bg-read-only); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/tokens/line-number.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/tokens/line-number.text-active); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/tokens/line.bg-current); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/tokens/caret.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/tokens/selection.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/tokens/selection.bg-inactive); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/tokens/selection.text-inactive); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/tokens/bracket.outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/tokens/indent.guide); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/tokens/whitespace.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/tokens/fold.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/tokens/fold.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/tokens/syntax.keyword); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/tokens/syntax.string); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/tokens/syntax.comment); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/tokens/syntax.number); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/tokens/syntax.constant); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/tokens/syntax.function); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/tokens/syntax.variable); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/tokens/syntax.type); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/tokens/syntax.operator); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/tokens/syntax.punctuation); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/tokens/syntax.property); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/tokens/syntax.heading); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/tokens/syntax.tag); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/tokens/syntax.attribute); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/tokens/syntax.escape); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/tokens/syntax.invalid); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/tokens/syntax.deprecated); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/stateRules/1/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/stateRules/4/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/stateRules/5/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/stateRules/5/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/19/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/19/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/20/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/20/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/21/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/21/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/22/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/22/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/23/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/23/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/24/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/24/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/25/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/25/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/26/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/26/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/27/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/27/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/28/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (/contrast/28/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/tokens/root.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/tokens/gutter.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/tokens/gutter.rule); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/tokens/gutter.bg-read-only); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/tokens/line-number.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/tokens/line-number.text-active); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/tokens/line.bg-current); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/tokens/caret.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/tokens/selection.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/tokens/selection.bg-inactive); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/tokens/selection.text-inactive); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/tokens/bracket.outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/tokens/indent.guide); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/tokens/whitespace.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/tokens/fold.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/tokens/fold.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/tokens/syntax.keyword); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/tokens/syntax.string); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/tokens/syntax.comment); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/tokens/syntax.number); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/tokens/syntax.constant); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/tokens/syntax.function); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/tokens/syntax.variable); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/tokens/syntax.type); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/tokens/syntax.operator); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/tokens/syntax.punctuation); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/tokens/syntax.property); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/tokens/syntax.heading); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/tokens/syntax.tag); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/tokens/syntax.attribute); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/tokens/syntax.escape); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/tokens/syntax.invalid); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/tokens/syntax.deprecated); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/stateRules/1/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/stateRules/4/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/stateRules/5/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/stateRules/5/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/19/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/19/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/20/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/20/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/21/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/21/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/22/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/22/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/23/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/23/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/24/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/24/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/25/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/25/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/26/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/26/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/27/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/27/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/28/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (/contrast/28/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/code-editor.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/code-editor.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- combobox: known affected; roles: color.action.tertiary.hover-bg, color.action.tertiary.text, color.border.active, color.border.control, color.border.disabled, color.border.divider, color.border.overlay, color.code.caret, color.interaction.disabled.bg, color.interaction.focus.ring, color.interaction.focus.ring-container, color.interaction.hover.bg, color.interaction.hover.bg-strong, color.interaction.selection.bg, color.interaction.selection.text, color.status.danger.border, color.status.danger.text, color.surface.canvas, color.surface.input, color.surface.raised, color.text.bright, color.text.default, color.text.disabled, color.text.link-hover, color.text.muted, color.text.placeholder, color.text.subtle. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/tokens/root.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/tokens/root.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/tokens/root.border-focus); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/tokens/root.ring-invalid); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/tokens/root.border-invalid); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/tokens/root.border-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/tokens/root.bg-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/tokens/input.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/tokens/input.text-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/tokens/input.placeholder); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/tokens/input.caret); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/tokens/toggle.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/tokens/toggle.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/tokens/label.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/tokens/listbox.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/tokens/listbox.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/tokens/option.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/tokens/option.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/tokens/option.text-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/tokens/option.bg-selected); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/tokens/option.text-selected); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/tokens/option.ring-selected); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/tokens/group.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/tokens/group.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/tokens/empty.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/tokens/help.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/tokens/message.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/stateRules/2/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/stateRules/5/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/stateRules/5/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/stateRules/5/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/stateRules/6/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/stateRules/6/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/stateRules/6/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/stateRules/7/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/stateRules/7/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/stateRules/7/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/stateRules/7/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/stateRules/9/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/stateRules/9/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/stateRules/9/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/19/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/19/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/20/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/20/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/21/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/21/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/22/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (/contrast/22/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/tokens/root.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/tokens/root.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/tokens/root.border-focus); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/tokens/root.ring-invalid); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/tokens/root.border-invalid); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/tokens/root.border-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/tokens/root.bg-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/tokens/input.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/tokens/input.text-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/tokens/input.placeholder); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/tokens/input.caret); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/tokens/toggle.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/tokens/toggle.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/tokens/label.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/tokens/listbox.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/tokens/listbox.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/tokens/option.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/tokens/option.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/tokens/option.text-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/tokens/option.bg-selected); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/tokens/option.text-selected); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/tokens/option.ring-selected); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/tokens/group.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/tokens/group.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/tokens/empty.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/tokens/help.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/tokens/message.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/stateRules/2/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/stateRules/5/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/stateRules/5/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/stateRules/5/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/stateRules/6/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/stateRules/6/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/stateRules/6/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/stateRules/7/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/stateRules/7/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/stateRules/7/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/stateRules/7/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/stateRules/9/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/stateRules/9/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/stateRules/9/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/19/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/19/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/20/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/20/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/21/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/21/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/22/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (/contrast/22/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/combobox.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/combobox.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- data-table: known affected; roles: color.action.primary.bg, color.action.primary.text, color.border.active, color.border.control, color.border.default, color.border.divider, color.border.strong, color.interaction.focus.ring, color.interaction.focus.ring-container, color.interaction.hover.bg, color.interaction.selection.bg, color.interaction.selection.text, color.surface.default, color.surface.input, color.text.bright, color.text.default, color.text.muted. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/tokens/header.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/tokens/header.rule); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/tokens/sort.glyph); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/tokens/row.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/tokens/row.divider); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/tokens/row.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/tokens/row.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/tokens/selected.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/tokens/selected.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/tokens/selected.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/tokens/checkbox.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/tokens/checkbox.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/tokens/checkbox.checked-bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/tokens/checkbox.glyph); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/tokens/resize.handle); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/tokens/resize.handle-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/tokens/empty.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/tokens/loading.glyph); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/stateRules/4/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/stateRules/5/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/stateRules/5/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/stateRules/6/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/stateRules/6/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/stateRules/7/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/stateRules/7/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/stateRules/8/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/stateRules/8/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/tokens/header.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/tokens/header.rule); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/tokens/sort.glyph); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/tokens/row.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/tokens/row.divider); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/tokens/row.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/tokens/row.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/tokens/selected.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/tokens/selected.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/tokens/selected.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/tokens/checkbox.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/tokens/checkbox.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/tokens/checkbox.checked-bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/tokens/checkbox.glyph); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/tokens/resize.handle); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/tokens/resize.handle-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/tokens/empty.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/tokens/loading.glyph); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/stateRules/4/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/stateRules/5/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/stateRules/5/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/stateRules/6/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/stateRules/6/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/stateRules/7/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/stateRules/7/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/stateRules/8/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/stateRules/8/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/data-table.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/data-table.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- date-picker: known affected; roles: color.border.active, color.border.control, color.border.disabled, color.border.divider, color.code.caret, color.interaction.disabled.bg, color.interaction.focus.ring, color.interaction.focus.ring-container, color.interaction.hover.bg, color.status.danger.border, color.status.danger.text, color.surface.canvas, color.surface.input, color.text.bright, color.text.default, color.text.disabled, color.text.muted. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/tokens/root.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/tokens/root.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/tokens/root.border-focus); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/tokens/root.ring-invalid); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/tokens/root.border-invalid); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/tokens/root.border-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/tokens/root.bg-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/tokens/root.border-readonly); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/tokens/root.bg-readonly); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/tokens/input.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/tokens/input.text-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/tokens/input.caret); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/tokens/label.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/tokens/legend.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/tokens/separator.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/tokens/help.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/tokens/message.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/stateRules/1/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/stateRules/2/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/stateRules/4/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/stateRules/4/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/stateRules/6/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/stateRules/6/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/tokens/root.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/tokens/root.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/tokens/root.border-focus); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/tokens/root.ring-invalid); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/tokens/root.border-invalid); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/tokens/root.border-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/tokens/root.bg-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/tokens/root.border-readonly); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/tokens/root.bg-readonly); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/tokens/input.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/tokens/input.text-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/tokens/input.caret); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/tokens/label.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/tokens/legend.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/tokens/separator.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/tokens/help.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/tokens/message.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/stateRules/1/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/stateRules/2/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/stateRules/4/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/stateRules/4/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/stateRules/6/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/stateRules/6/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/date-picker.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/date-picker.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- diagnostics: known affected; roles: color.border.control, color.border.divider, color.code.bg, color.code.gutter-rule, color.code.line-number, color.code.selection-bg, color.code.syntax.deprecated, color.diagnostic.error.bg, color.diagnostic.error.stripe, color.diagnostic.error.text, color.diagnostic.error.underline, color.diagnostic.hint.underline, color.diagnostic.info.text, color.diagnostic.info.underline, color.diagnostic.unused.text, color.diagnostic.warning.stripe, color.diagnostic.warning.text, color.diagnostic.warning.underline, color.interaction.focus.ring, color.interaction.focus.ring-container, color.interaction.hover.bg, color.interaction.selection.bg, color.interaction.selection.text, color.status.danger.text, color.status.success.text, color.surface.default, color.text.bright, color.text.default, color.text.muted, color.text.subtle. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/tokens/root.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/tokens/code.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/tokens/code.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/tokens/code.line-number); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/tokens/code.gutter-rule); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/tokens/code.selection-bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/tokens/error.underline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/tokens/error.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/tokens/error.stripe); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/tokens/error.line-bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/tokens/warning.underline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/tokens/warning.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/tokens/warning.stripe); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/tokens/info.underline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/tokens/info.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/tokens/hint.underline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/tokens/hint.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/tokens/unused.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/tokens/deprecated.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/tokens/row.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/tokens/row.location); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/tokens/row.divider); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/tokens/row.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/tokens/row.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/tokens/row.bg-selected); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/tokens/row.text-selected); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/tokens/row.ring-selected); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/tokens/header.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/tokens/status.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/tokens/empty.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/tokens/empty.glyph); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/stateRules/4/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/stateRules/5/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/stateRules/5/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/stateRules/6/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/stateRules/6/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/19/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/19/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/20/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/20/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/21/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/21/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/22/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/22/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/23/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/23/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/24/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/24/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/25/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/25/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/26/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/26/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/27/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/27/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/28/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/28/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/29/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/29/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/30/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/30/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/31/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (/contrast/31/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/tokens/root.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/tokens/code.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/tokens/code.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/tokens/code.line-number); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/tokens/code.gutter-rule); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/tokens/code.selection-bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/tokens/error.underline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/tokens/error.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/tokens/error.stripe); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/tokens/error.line-bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/tokens/warning.underline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/tokens/warning.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/tokens/warning.stripe); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/tokens/info.underline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/tokens/info.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/tokens/hint.underline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/tokens/hint.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/tokens/unused.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/tokens/deprecated.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/tokens/row.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/tokens/row.location); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/tokens/row.divider); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/tokens/row.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/tokens/row.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/tokens/row.bg-selected); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/tokens/row.text-selected); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/tokens/row.ring-selected); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/tokens/header.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/tokens/status.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/tokens/empty.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/tokens/empty.glyph); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/stateRules/4/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/stateRules/5/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/stateRules/5/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/stateRules/6/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/stateRules/6/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/19/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/19/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/20/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/20/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/21/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/21/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/22/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/22/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/23/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/23/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/24/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/24/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/25/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/25/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/26/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/26/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/27/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/27/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/28/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/28/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/29/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/29/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/30/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/30/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/31/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (/contrast/31/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diagnostics.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diagnostics.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- dialog: known affected; roles: color.action.destructive.filled-bg, color.action.destructive.filled-text, color.action.destructive.hover-bg, color.action.primary.bg, color.action.primary.hover-bg, color.action.primary.text, color.action.secondary.border, color.action.secondary.hover-bg, color.action.secondary.text, color.action.tertiary.hover-bg, color.action.tertiary.text, color.border.control, color.border.overlay, color.interaction.focus.ring, color.interaction.focus.ring-container, color.surface.backdrop, color.surface.input, color.surface.overlay, color.text.bright, color.text.default, color.text.muted, z.dialog. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/tokens/backdrop.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/tokens/root.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/tokens/root.z); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/tokens/title.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/tokens/text.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/tokens/close.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/tokens/close.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/tokens/close.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/tokens/button.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/tokens/button.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/tokens/button.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/tokens/primary.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/tokens/primary.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/tokens/primary.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/tokens/destructive.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/tokens/destructive.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/tokens/destructive.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/tokens/field.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/tokens/field.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/tokens/field.label); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/tokens/note.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/stateRules/1/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/stateRules/3/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/stateRules/5/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/stateRules/5/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/stateRules/5/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/stateRules/6/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/stateRules/6/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/stateRules/6/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/19/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/19/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/20/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/20/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/21/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/21/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/22/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (/contrast/22/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/tokens/backdrop.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/tokens/root.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/tokens/root.z); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/tokens/title.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/tokens/text.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/tokens/close.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/tokens/close.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/tokens/close.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/tokens/button.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/tokens/button.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/tokens/button.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/tokens/primary.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/tokens/primary.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/tokens/primary.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/tokens/destructive.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/tokens/destructive.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/tokens/destructive.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/tokens/field.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/tokens/field.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/tokens/field.label); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/tokens/note.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/stateRules/1/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/stateRules/3/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/stateRules/5/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/stateRules/5/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/stateRules/5/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/stateRules/6/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/stateRules/6/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/stateRules/6/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/19/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/19/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/20/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/20/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/21/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/21/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/22/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (/contrast/22/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/dialog.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/dialog.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/spec/components/dialog.demo.html (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/spec/components/dialog.demo.html (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- diff-view: known affected; roles: color.border.control, color.border.divider, color.code.bg, color.code.gutter-rule, color.diff.added.bg, color.diff.added.emphasis, color.diff.added.gutter, color.diff.conflict-border, color.diff.header-bg, color.diff.modified.bg, color.diff.modified.gutter, color.diff.removed.bg, color.diff.removed.emphasis, color.diff.removed.gutter, color.interaction.focus.ring, color.interaction.focus.ring-container, color.interaction.hover.bg, color.interaction.hover.bg-strong, color.interaction.selection.bg, color.interaction.selection.text, color.text.bright, color.text.default, color.text.link, color.text.muted. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/tokens/root.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/tokens/root.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/tokens/line-number.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/tokens/line-number.rule); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/tokens/row.divider); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/tokens/added.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/tokens/added.gutter); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/tokens/added.emphasis); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/tokens/removed.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/tokens/removed.gutter); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/tokens/removed.emphasis); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/tokens/modified.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/tokens/modified.gutter); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/tokens/hunk.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/tokens/hunk.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/tokens/hunk.context); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/tokens/conflict.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/tokens/conflict.marker); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/tokens/fold.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/tokens/fold.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/tokens/row.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/tokens/row.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/tokens/row.bg-selected); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/tokens/row.text-selected); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/tokens/row.ring-selected); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/stateRules/3/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/stateRules/5/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/stateRules/5/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/19/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/19/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/20/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/20/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/21/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/21/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/22/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/22/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/23/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/23/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/24/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/24/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/25/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/25/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/26/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/26/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/27/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/27/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/28/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (/contrast/28/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/tokens/root.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/tokens/root.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/tokens/line-number.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/tokens/line-number.rule); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/tokens/row.divider); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/tokens/added.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/tokens/added.gutter); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/tokens/added.emphasis); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/tokens/removed.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/tokens/removed.gutter); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/tokens/removed.emphasis); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/tokens/modified.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/tokens/modified.gutter); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/tokens/hunk.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/tokens/hunk.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/tokens/hunk.context); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/tokens/conflict.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/tokens/conflict.marker); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/tokens/fold.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/tokens/fold.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/tokens/row.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/tokens/row.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/tokens/row.bg-selected); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/tokens/row.text-selected); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/tokens/row.ring-selected); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/stateRules/3/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/stateRules/5/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/stateRules/5/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/19/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/19/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/20/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/20/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/21/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/21/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/22/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/22/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/23/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/23/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/24/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/24/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/25/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/25/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/26/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/26/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/27/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/27/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/28/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (/contrast/28/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/diff-view.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/diff-view.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- drawer: known affected; roles: color.action.tertiary.hover-bg, color.action.tertiary.text, color.border.divider, color.border.overlay, color.interaction.focus.ring, color.interaction.focus.ring-container, color.interaction.hover.bg-strong, color.surface.backdrop, color.surface.overlay, color.text.bright, color.text.default, color.text.link-hover, color.text.muted, z.drawer. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/tokens/backdrop.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/tokens/root.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/tokens/root.z); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/tokens/title.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/tokens/text.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/tokens/body.divider); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/tokens/item.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/tokens/item.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/tokens/item.text-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/tokens/close.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/tokens/close.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/tokens/close.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/tokens/note.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/stateRules/1/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/stateRules/3/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/stateRules/4/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/tokens/backdrop.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/tokens/root.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/tokens/root.z); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/tokens/title.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/tokens/text.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/tokens/body.divider); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/tokens/item.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/tokens/item.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/tokens/item.text-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/tokens/close.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/tokens/close.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/tokens/close.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/tokens/note.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/stateRules/1/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/stateRules/3/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/stateRules/4/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/drawer.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/drawer.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- empty-state: known affected; roles: color.action.secondary.border, color.action.secondary.hover-bg, color.action.secondary.text, color.border.divider, color.icon.decorative, color.interaction.focus.ring, color.surface.canvas, color.surface.default, color.text.bright, color.text.muted. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/empty-state.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/empty-state.json (/tokens/root.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/empty-state.json (/tokens/glyph.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/empty-state.json (/tokens/heading.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/empty-state.json (/tokens/text.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/empty-state.json (/tokens/action.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/empty-state.json (/tokens/action.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/empty-state.json (/tokens/action.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/empty-state.json (/tokens/action.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/empty-state.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/empty-state.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/empty-state.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/empty-state.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/empty-state.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/empty-state.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/empty-state.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/empty-state.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/empty-state.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/empty-state.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/empty-state.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/empty-state.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/empty-state.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/empty-state.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/empty-state.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/empty-state.json (/tokens/root.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/empty-state.json (/tokens/glyph.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/empty-state.json (/tokens/heading.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/empty-state.json (/tokens/text.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/empty-state.json (/tokens/action.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/empty-state.json (/tokens/action.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/empty-state.json (/tokens/action.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/empty-state.json (/tokens/action.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/empty-state.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/empty-state.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/empty-state.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/empty-state.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/empty-state.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/empty-state.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/empty-state.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/empty-state.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/empty-state.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/empty-state.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/empty-state.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/empty-state.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/empty-state.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/empty-state.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/empty-state.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/empty-state.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- field: known affected; roles: color.border.control, color.border.disabled, color.interaction.disabled.bg, color.status.danger.border, color.status.danger.text, color.surface.canvas, color.surface.default, color.surface.input, color.text.bright, color.text.default, color.text.disabled, color.text.muted. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/field.json (/tokens/root.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/field.json (/tokens/label.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/field.json (/tokens/label.required-mark); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/field.json (/tokens/control.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/field.json (/tokens/control.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/field.json (/tokens/control.border-invalid); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/field.json (/tokens/control.text-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/field.json (/tokens/control.bg-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/field.json (/tokens/control.border-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/field.json (/tokens/help.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/field.json (/tokens/message.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/field.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/field.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/field.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/field.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/field.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/field.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/field.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/field.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/field.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/field.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/field.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/field.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/field.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/field.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/field.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/field.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/field.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/field.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/field.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/field.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/field.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/field.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/field.json (/tokens/root.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/field.json (/tokens/label.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/field.json (/tokens/label.required-mark); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/field.json (/tokens/control.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/field.json (/tokens/control.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/field.json (/tokens/control.border-invalid); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/field.json (/tokens/control.text-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/field.json (/tokens/control.bg-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/field.json (/tokens/control.border-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/field.json (/tokens/help.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/field.json (/tokens/message.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/field.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/field.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/field.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/field.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/field.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/field.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/field.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/field.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/field.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/field.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/field.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/field.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/field.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/field.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/field.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/field.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/field.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/field.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/field.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/field.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/field.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/field.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/field.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/field.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- fieldset: known affected; roles: color.border.control, color.border.disabled, color.border.divider, color.interaction.disabled.bg, color.surface.default, color.surface.input, color.text.bright, color.text.default, color.text.disabled, color.text.muted. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/fieldset.json (/tokens/root.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/fieldset.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/fieldset.json (/tokens/legend.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/fieldset.json (/tokens/body.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/fieldset.json (/tokens/legend.text-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/fieldset.json (/tokens/field.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/fieldset.json (/tokens/field.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/fieldset.json (/tokens/field.bg-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/fieldset.json (/tokens/field.border-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/fieldset.json (/tokens/field.text-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/fieldset.json (/tokens/help.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/fieldset.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/fieldset.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/fieldset.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/fieldset.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/fieldset.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/fieldset.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/fieldset.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/fieldset.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/fieldset.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/fieldset.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/fieldset.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/fieldset.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/fieldset.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/fieldset.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/fieldset.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/fieldset.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/fieldset.json (/tokens/root.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/fieldset.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/fieldset.json (/tokens/legend.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/fieldset.json (/tokens/body.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/fieldset.json (/tokens/legend.text-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/fieldset.json (/tokens/field.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/fieldset.json (/tokens/field.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/fieldset.json (/tokens/field.bg-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/fieldset.json (/tokens/field.border-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/fieldset.json (/tokens/field.text-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/fieldset.json (/tokens/help.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/fieldset.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/fieldset.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/fieldset.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/fieldset.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/fieldset.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/fieldset.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/fieldset.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/fieldset.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/fieldset.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/fieldset.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/fieldset.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/fieldset.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/fieldset.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/fieldset.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/fieldset.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/fieldset.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/fieldset.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/fieldset.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- file-input: known affected; roles: color.action.primary.bg, color.action.secondary.bg, color.action.secondary.border, color.action.secondary.hover-bg, color.action.secondary.pressed-bg, color.action.secondary.text, color.action.tertiary.hover-bg, color.action.tertiary.text, color.border.disabled, color.border.divider, color.interaction.disabled.bg, color.interaction.drop-target, color.interaction.focus.ring, color.interaction.marquee, color.interaction.pressed.bg, color.status.danger.border, color.status.danger.text, color.surface.canvas, color.text.bright, color.text.default, color.text.disabled, color.text.muted, color.text.subtle. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/tokens/button.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/tokens/button.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/tokens/button.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/tokens/button.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/tokens/button.bg-pressed); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/tokens/button.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/tokens/button.border-invalid); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/tokens/button.text-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/tokens/button.border-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/tokens/button.bg-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/tokens/zone.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/tokens/zone.bg-drop-target); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/tokens/zone.hint); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/tokens/label.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/tokens/status.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/tokens/list.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/tokens/list.divider); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/tokens/list.size); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/tokens/list.error); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/tokens/remove.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/tokens/remove.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/tokens/progress.track); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/tokens/progress.stripe); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/tokens/help.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/tokens/message.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/stateRules/2/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/stateRules/4/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/tokens/button.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/tokens/button.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/tokens/button.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/tokens/button.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/tokens/button.bg-pressed); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/tokens/button.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/tokens/button.border-invalid); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/tokens/button.text-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/tokens/button.border-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/tokens/button.bg-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/tokens/zone.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/tokens/zone.bg-drop-target); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/tokens/zone.hint); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/tokens/label.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/tokens/status.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/tokens/list.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/tokens/list.divider); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/tokens/list.size); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/tokens/list.error); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/tokens/remove.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/tokens/remove.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/tokens/progress.track); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/tokens/progress.stripe); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/tokens/help.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/tokens/message.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/stateRules/2/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/stateRules/4/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/file-input.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/file-input.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- filterable-table: known affected; roles: color.action.primary.bg, color.action.primary.text, color.border.control, color.border.default, color.border.divider, color.border.strong, color.icon.decorative, color.icon.default, color.interaction.focus.ring, color.interaction.focus.ring-container, color.interaction.hover.bg, color.interaction.selection.bg, color.interaction.selection.text, color.status.info.fill, color.status.info.on-fill, color.status.success.fill, color.status.success.on-fill, color.surface.chrome, color.surface.default, color.surface.input, color.text.bright, color.text.default, color.text.disabled, color.text.muted, color.text.placeholder. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/root.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/toolbar.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/toolbar.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/toolbar.separator); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/search.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/search.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/search.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/search.placeholder); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/search.icon); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/filter.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/filter.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/new.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/new.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/chip.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/chip.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/chip.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/chip.remove); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/header.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/header.rule); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/row.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/row.rule); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/row.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/row.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/row.selected-bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/row.selected-text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/row.ring-on-selection); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/check.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/check.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/check.checked-bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/check.glyph); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/badge.tested-fill); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/badge.tested-text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/badge.demonstrated-fill); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/badge.demonstrated-text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/empty.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/empty.heading); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/empty.glyph); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/count.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/pagination.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/pagination.current); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/tokens/pagination.disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/root.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/toolbar.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/toolbar.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/toolbar.separator); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/search.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/search.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/search.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/search.placeholder); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/search.icon); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/filter.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/filter.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/new.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/new.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/chip.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/chip.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/chip.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/chip.remove); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/header.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/header.rule); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/row.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/row.rule); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/row.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/row.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/row.selected-bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/row.selected-text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/row.ring-on-selection); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/check.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/check.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/check.checked-bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/check.glyph); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/badge.tested-fill); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/badge.tested-text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/badge.demonstrated-fill); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/badge.demonstrated-text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/empty.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/empty.heading); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/empty.glyph); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/count.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/pagination.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/pagination.current); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/tokens/pagination.disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/filterable-table.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/filterable-table.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- i3-window-frame: known affected; roles: color.border.active, color.border.default, color.border.divider, color.border.overlay, color.border.selected-indicator, color.border.selected-indicator-inactive, color.code.bg, color.icon.decorative, color.interaction.focus.ring, color.interaction.focus.ring-container, color.interaction.hover.bg, color.interaction.selection.bg, color.interaction.selection.text, color.status.danger.fill, color.status.danger.on-fill, color.surface.canvas, color.surface.chrome, color.surface.chrome-alt, color.surface.desktop, color.terminal.bg, color.terminal.fg, color.text.bright, color.text.default, color.text.muted, shadow.floating. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/tokens/root.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/tokens/bar.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/tokens/bar.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/tokens/bar.rule); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/tokens/workspace.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/tokens/workspace.selected-bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/tokens/workspace.selected-text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/tokens/workspace.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/tokens/workspace.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/tokens/workspace.ring-on-selection); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/tokens/workspace.urgent-bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/tokens/workspace.urgent-text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/tokens/status.separator); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/tokens/status.glyph); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/tokens/clock.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/tokens/area.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/tokens/window.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/tokens/window.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/tokens/window.border-focused); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/tokens/window.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/tokens/title.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/tokens/title.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/tokens/title.bg-focused); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/tokens/title.text-focused); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/tokens/tab.indicator); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/tokens/tab.indicator-inactive); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/tokens/floating.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/tokens/floating.shadow); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/tokens/terminal.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/tokens/terminal.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/tokens/editor.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/stateRules/1/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/19/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (/contrast/19/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/tokens/root.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/tokens/bar.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/tokens/bar.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/tokens/bar.rule); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/tokens/workspace.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/tokens/workspace.selected-bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/tokens/workspace.selected-text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/tokens/workspace.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/tokens/workspace.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/tokens/workspace.ring-on-selection); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/tokens/workspace.urgent-bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/tokens/workspace.urgent-text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/tokens/status.separator); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/tokens/status.glyph); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/tokens/clock.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/tokens/area.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/tokens/window.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/tokens/window.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/tokens/window.border-focused); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/tokens/window.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/tokens/title.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/tokens/title.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/tokens/title.bg-focused); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/tokens/title.text-focused); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/tokens/tab.indicator); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/tokens/tab.indicator-inactive); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/tokens/floating.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/tokens/floating.shadow); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/tokens/terminal.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/tokens/terminal.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/tokens/editor.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/stateRules/1/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/19/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (/contrast/19/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/i3-window-frame.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/i3-window-frame.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- icon-button: known affected; roles: color.action.secondary.bg, color.action.tertiary.hover-bg, color.action.tertiary.text, color.border.active, color.border.disabled, color.border.selected-indicator, color.icon.default, color.interaction.disabled.bg, color.interaction.focus.ring, color.interaction.focus.ring-container, color.interaction.pressed.bg, color.interaction.selection.bg, color.interaction.selection.text, color.surface.default, color.text.disabled. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/tokens/root.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/tokens/root.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/tokens/root.bg-active); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/tokens/root.border-active); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/tokens/root.bg-toggled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/tokens/root.text-toggled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/tokens/root.border-toggled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/tokens/root.ring-toggled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/tokens/root.text-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/tokens/root.bg-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/tokens/root.border-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/tokens/icon.stroke); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/stateRules/5/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/stateRules/5/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/stateRules/6/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/stateRules/6/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/stateRules/6/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/tokens/root.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/tokens/root.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/tokens/root.bg-active); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/tokens/root.border-active); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/tokens/root.bg-toggled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/tokens/root.text-toggled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/tokens/root.border-toggled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/tokens/root.ring-toggled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/tokens/root.text-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/tokens/root.bg-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/tokens/root.border-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/tokens/icon.stroke); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/stateRules/5/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/stateRules/5/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/stateRules/6/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/stateRules/6/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/stateRules/6/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/icon-button.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/icon-button.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- link: known affected; roles: color.border.selected-indicator, color.icon.default, color.interaction.focus.ring, color.interaction.hover.bg-strong, color.surface.canvas, color.surface.default, color.text.bright, color.text.default, color.text.link, color.text.link-hover, color.text.link-underline. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/tokens/root.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/tokens/root.underline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/tokens/root.text-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/tokens/root.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/tokens/root.text-visited); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/tokens/root.text-current); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/tokens/root.indicator); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/tokens/icon.stroke); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/stateRules/4/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/tokens/root.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/tokens/root.underline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/tokens/root.text-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/tokens/root.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/tokens/root.text-visited); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/tokens/root.text-current); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/tokens/root.indicator); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/tokens/icon.stroke); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/stateRules/4/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/link.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/link.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- list: known affected; roles: color.border.control, color.border.divider, color.interaction.focus.ring, color.interaction.focus.ring-container, color.interaction.hover.bg, color.interaction.selection.bg, color.interaction.selection.inactive-bg, color.interaction.selection.inactive-text, color.interaction.selection.text, color.surface.default, color.text.default, color.text.disabled, color.text.muted. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/tokens/root.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/tokens/row.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/tokens/row.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/tokens/row.divider); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/tokens/row.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/tokens/row.text-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/tokens/selected.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/tokens/selected.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/tokens/selected.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/tokens/selected.inactive-bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/tokens/selected.inactive-text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/tokens/check.glyph); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/tokens/meta.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/stateRules/4/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/stateRules/5/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/stateRules/5/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/tokens/root.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/tokens/row.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/tokens/row.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/tokens/row.divider); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/tokens/row.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/tokens/row.text-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/tokens/selected.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/tokens/selected.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/tokens/selected.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/tokens/selected.inactive-bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/tokens/selected.inactive-text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/tokens/check.glyph); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/tokens/meta.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/stateRules/4/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/stateRules/5/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/stateRules/5/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/list.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/list.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- loading-indicator: known affected; roles: color.border.divider, color.surface.canvas, color.surface.default, color.text.default, color.text.muted. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/loading-indicator.json (/tokens/glyph.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/loading-indicator.json (/tokens/label.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/loading-indicator.json (/tokens/block.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/loading-indicator.json (/tokens/block.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/loading-indicator.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/loading-indicator.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/loading-indicator.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/loading-indicator.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/loading-indicator.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/loading-indicator.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/loading-indicator.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/loading-indicator.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/loading-indicator.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/loading-indicator.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/loading-indicator.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/loading-indicator.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/loading-indicator.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/loading-indicator.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/loading-indicator.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/loading-indicator.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/loading-indicator.json (/tokens/glyph.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/loading-indicator.json (/tokens/label.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/loading-indicator.json (/tokens/block.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/loading-indicator.json (/tokens/block.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/loading-indicator.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/loading-indicator.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/loading-indicator.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/loading-indicator.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/loading-indicator.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/loading-indicator.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/loading-indicator.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/loading-indicator.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/loading-indicator.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/loading-indicator.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/loading-indicator.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/loading-indicator.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/loading-indicator.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/loading-indicator.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/loading-indicator.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/loading-indicator.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/loading-indicator.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/loading-indicator.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- menu: known affected; roles: color.border.active, color.border.control, color.border.divider, color.border.overlay, color.icon.decorative, color.interaction.focus.ring, color.interaction.focus.ring-container, color.interaction.hover.bg, color.interaction.hover.bg-strong, color.interaction.pressed.bg, color.interaction.selection.bg, color.interaction.selection.text, color.surface.default, color.surface.raised, color.text.bright, color.text.default, color.text.disabled, color.text.link-hover, color.text.muted. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/tokens/button.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/tokens/button.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/tokens/button.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/tokens/button.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/tokens/button.bg-open); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/tokens/button.border-open); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/tokens/button.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/tokens/surface.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/tokens/surface.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/tokens/item.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/tokens/item.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/tokens/item.text-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/tokens/item.text-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/tokens/active.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/tokens/active.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/tokens/active.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/tokens/check.glyph); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/tokens/shortcut.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/tokens/separator.color); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/tokens/chevron.color); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/stateRules/2/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/stateRules/4/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/stateRules/6/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/stateRules/6/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/stateRules/7/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/stateRules/7/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/stateRules/7/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/tokens/button.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/tokens/button.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/tokens/button.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/tokens/button.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/tokens/button.bg-open); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/tokens/button.border-open); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/tokens/button.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/tokens/surface.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/tokens/surface.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/tokens/item.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/tokens/item.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/tokens/item.text-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/tokens/item.text-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/tokens/active.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/tokens/active.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/tokens/active.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/tokens/check.glyph); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/tokens/shortcut.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/tokens/separator.color); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/tokens/chevron.color); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/stateRules/2/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/stateRules/4/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/stateRules/6/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/stateRules/6/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/stateRules/7/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/stateRules/7/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/stateRules/7/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/menu.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/menu.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- number-field: known affected; roles: color.action.tertiary.hover-bg, color.action.tertiary.text, color.border.active, color.border.control, color.border.disabled, color.border.divider, color.code.caret, color.interaction.disabled.bg, color.interaction.focus.ring, color.interaction.focus.ring-container, color.interaction.hover.bg, color.status.danger.border, color.status.danger.text, color.surface.canvas, color.surface.default, color.surface.input, color.text.bright, color.text.default, color.text.disabled, color.text.muted. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/tokens/root.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/tokens/root.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/tokens/root.border-focus); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/tokens/root.ring-invalid); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/tokens/root.border-invalid); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/tokens/root.border-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/tokens/root.bg-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/tokens/root.border-readonly); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/tokens/root.bg-readonly); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/tokens/input.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/tokens/input.text-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/tokens/input.caret); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/tokens/unit.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/tokens/unit.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/tokens/action.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/tokens/action.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/tokens/action.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/tokens/label.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/tokens/help.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/tokens/message.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/stateRules/1/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/stateRules/2/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/stateRules/4/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/stateRules/4/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/stateRules/6/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/stateRules/6/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/19/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/19/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/20/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/20/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/21/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (/contrast/21/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/tokens/root.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/tokens/root.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/tokens/root.border-focus); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/tokens/root.ring-invalid); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/tokens/root.border-invalid); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/tokens/root.border-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/tokens/root.bg-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/tokens/root.border-readonly); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/tokens/root.bg-readonly); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/tokens/input.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/tokens/input.text-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/tokens/input.caret); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/tokens/unit.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/tokens/unit.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/tokens/action.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/tokens/action.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/tokens/action.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/tokens/label.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/tokens/help.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/tokens/message.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/stateRules/1/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/stateRules/2/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/stateRules/4/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/stateRules/4/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/stateRules/6/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/stateRules/6/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/19/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/19/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/20/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/20/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/21/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (/contrast/21/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/number-field.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/number-field.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- pagination: known affected; roles: color.interaction.focus.ring, color.interaction.focus.ring-container, color.interaction.hover.bg, color.interaction.pressed.bg, color.interaction.selection.bg, color.surface.default, color.text.bright, color.text.default, color.text.disabled, color.text.muted, color.text.on-selection. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/tokens/link.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/tokens/link.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/tokens/link.bg-pressed); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/tokens/link.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/tokens/link.text-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/tokens/current.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/tokens/current.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/tokens/current.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/tokens/gap.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/tokens/status.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/tokens/status.emphasis); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/tokens/link.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/tokens/link.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/tokens/link.bg-pressed); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/tokens/link.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/tokens/link.text-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/tokens/current.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/tokens/current.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/tokens/current.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/tokens/gap.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/tokens/status.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/tokens/status.emphasis); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/pagination.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/pagination.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- progress: known affected; roles: color.action.primary.bg, color.border.control, color.interaction.pressed.bg, color.status.danger.border, color.status.danger.fill, color.status.danger.text, color.surface.canvas, color.text.bright, color.text.default, color.text.muted. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/progress.json (/tokens/track.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/progress.json (/tokens/track.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/progress.json (/tokens/value.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/progress.json (/tokens/value.bg-error); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/progress.json (/tokens/stripe.a); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/progress.json (/tokens/stripe.b); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/progress.json (/tokens/label.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/progress.json (/tokens/value.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/progress.json (/tokens/detail.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/progress.json (/tokens/error.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/progress.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/progress.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/progress.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/progress.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/progress.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/progress.json (/stateRules/2/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/progress.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/progress.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/progress.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/progress.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/progress.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/progress.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/progress.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/progress.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/progress.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/progress.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/progress.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/progress.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/progress.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/progress.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/progress.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/progress.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/progress.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/progress.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/progress.json (/tokens/track.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/progress.json (/tokens/track.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/progress.json (/tokens/value.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/progress.json (/tokens/value.bg-error); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/progress.json (/tokens/stripe.a); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/progress.json (/tokens/stripe.b); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/progress.json (/tokens/label.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/progress.json (/tokens/value.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/progress.json (/tokens/detail.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/progress.json (/tokens/error.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/progress.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/progress.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/progress.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/progress.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/progress.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/progress.json (/stateRules/2/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/progress.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/progress.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/progress.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/progress.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/progress.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/progress.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/progress.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/progress.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/progress.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/progress.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/progress.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/progress.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/progress.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/progress.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/progress.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/progress.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/progress.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/progress.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/progress.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/progress.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- radio-group: known affected; roles: color.action.primary.bg, color.action.primary.hover-bg, color.action.primary.text, color.border.control, color.border.disabled, color.interaction.disabled.bg, color.interaction.focus.ring, color.interaction.focus.ring-container, color.interaction.hover.bg, color.status.danger.border, color.status.danger.text, color.surface.default, color.surface.input, color.text.bright, color.text.default, color.text.disabled. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/tokens/box.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/tokens/box.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/tokens/box.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/tokens/box.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/tokens/box.bg-checked); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/tokens/box.bg-checked-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/tokens/box.dot); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/tokens/box.ring-checked); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/tokens/box.border-invalid); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/tokens/box.bg-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/tokens/box.border-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/tokens/box.dot-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/tokens/text.default); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/tokens/text.disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/tokens/legend.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/tokens/legend.required-mark); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/tokens/message.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/stateRules/1/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/stateRules/2/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/stateRules/4/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/stateRules/6/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/stateRules/6/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/stateRules/7/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/stateRules/7/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/tokens/box.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/tokens/box.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/tokens/box.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/tokens/box.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/tokens/box.bg-checked); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/tokens/box.bg-checked-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/tokens/box.dot); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/tokens/box.ring-checked); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/tokens/box.border-invalid); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/tokens/box.bg-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/tokens/box.border-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/tokens/box.dot-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/tokens/text.default); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/tokens/text.disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/tokens/legend.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/tokens/legend.required-mark); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/tokens/message.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/stateRules/1/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/stateRules/2/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/stateRules/4/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/stateRules/6/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/stateRules/6/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/stateRules/7/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/stateRules/7/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/radio-group.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/radio-group.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- search-field: known affected; roles: color.action.tertiary.hover-bg, color.action.tertiary.text, color.border.active, color.border.control, color.border.default, color.border.disabled, color.code.caret, color.icon.default, color.interaction.disabled.bg, color.interaction.focus.ring, color.interaction.hover.bg, color.surface.default, color.surface.input, color.text.bright, color.text.default, color.text.disabled, color.text.muted, color.text.placeholder. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/tokens/root.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/tokens/root.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/tokens/root.border-focus); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/tokens/root.border-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/tokens/root.bg-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/tokens/input.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/tokens/input.text-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/tokens/input.placeholder); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/tokens/input.caret); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/tokens/icon.stroke); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/tokens/loading.glyph); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/tokens/clear.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/tokens/clear.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/tokens/kbd.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/tokens/kbd.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/tokens/label.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/tokens/help.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/tokens/status.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/stateRules/1/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/stateRules/2/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/stateRules/5/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/stateRules/5/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/stateRules/5/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/stateRules/7/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/stateRules/7/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/stateRules/7/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/19/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/19/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/20/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (/contrast/20/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/tokens/root.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/tokens/root.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/tokens/root.border-focus); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/tokens/root.border-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/tokens/root.bg-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/tokens/input.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/tokens/input.text-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/tokens/input.placeholder); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/tokens/input.caret); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/tokens/icon.stroke); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/tokens/loading.glyph); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/tokens/clear.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/tokens/clear.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/tokens/kbd.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/tokens/kbd.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/tokens/label.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/tokens/help.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/tokens/status.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/stateRules/1/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/stateRules/2/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/stateRules/5/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/stateRules/5/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/stateRules/5/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/stateRules/7/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/stateRules/7/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/stateRules/7/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/19/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/19/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/20/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (/contrast/20/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/search-field.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/search-field.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- select: known affected; roles: color.border.active, color.border.control, color.border.disabled, color.icon.default, color.interaction.disabled.bg, color.interaction.focus.ring, color.interaction.focus.ring-container, color.interaction.hover.bg, color.interaction.selection.bg, color.interaction.selection.text, color.status.danger.border, color.status.danger.text, color.surface.default, color.surface.input, color.surface.raised, color.text.bright, color.text.default, color.text.disabled, color.text.muted. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/tokens/root.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/tokens/root.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/tokens/root.border-focus); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/tokens/root.ring-invalid); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/tokens/root.border-invalid); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/tokens/root.border-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/tokens/root.bg-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/tokens/control.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/tokens/control.text-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/tokens/chevron.stroke); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/tokens/option.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/tokens/option.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/tokens/option.bg-selected); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/tokens/option.text-selected); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/tokens/group.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/tokens/label.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/tokens/label.required-mark); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/tokens/help.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/tokens/message.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/stateRules/1/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/stateRules/2/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/stateRules/4/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/stateRules/5/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/stateRules/5/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/stateRules/5/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/stateRules/5/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/19/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/19/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/20/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/20/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/21/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (/contrast/21/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/tokens/root.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/tokens/root.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/tokens/root.border-focus); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/tokens/root.ring-invalid); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/tokens/root.border-invalid); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/tokens/root.border-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/tokens/root.bg-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/tokens/control.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/tokens/control.text-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/tokens/chevron.stroke); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/tokens/option.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/tokens/option.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/tokens/option.bg-selected); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/tokens/option.text-selected); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/tokens/group.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/tokens/label.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/tokens/label.required-mark); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/tokens/help.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/tokens/message.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/stateRules/1/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/stateRules/2/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/stateRules/4/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/stateRules/5/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/stateRules/5/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/stateRules/5/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/stateRules/5/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/19/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/19/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/20/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/20/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/21/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (/contrast/21/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/select.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/select.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- settings-panel: known affected; roles: color.action.primary.bg, color.action.primary.text, color.action.secondary.border, color.action.secondary.text, color.border.control, color.border.default, color.border.divider, color.border.selected-indicator, color.interaction.focus.ring, color.interaction.hover.bg, color.status.danger.border, color.status.danger.text, color.surface.default, color.surface.input, color.text.bright, color.text.default, color.text.muted. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/tokens/root.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/tokens/nav.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/tokens/nav.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/tokens/nav.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/tokens/nav.current-text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/tokens/nav.current-indicator); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/tokens/nav.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/tokens/title.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/tokens/lead.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/tokens/group.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/tokens/group.legend); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/tokens/control.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/tokens/control.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/tokens/control.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/tokens/control.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/tokens/control.checked-bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/tokens/control.checked-glyph); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/tokens/invalid.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/tokens/invalid.message); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/tokens/footer.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/tokens/apply.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/tokens/apply.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/tokens/apply.busy-glyph); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/tokens/reset.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/tokens/reset.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/stateRules/1/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/stateRules/1/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/stateRules/2/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/tokens/root.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/tokens/nav.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/tokens/nav.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/tokens/nav.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/tokens/nav.current-text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/tokens/nav.current-indicator); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/tokens/nav.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/tokens/title.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/tokens/lead.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/tokens/group.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/tokens/group.legend); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/tokens/control.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/tokens/control.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/tokens/control.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/tokens/control.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/tokens/control.checked-bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/tokens/control.checked-glyph); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/tokens/invalid.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/tokens/invalid.message); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/tokens/footer.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/tokens/apply.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/tokens/apply.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/tokens/apply.busy-glyph); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/tokens/reset.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/tokens/reset.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/stateRules/1/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/stateRules/1/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/stateRules/2/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/settings-panel.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/settings-panel.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/spec/components/settings-panel.demo.html (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/spec/components/settings-panel.demo.html (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- sidebar-nav: known affected; roles: color.border.divider, color.border.selected-indicator, color.border.selected-indicator-inactive, color.icon.decorative, color.icon.default, color.interaction.focus.ring, color.interaction.focus.ring-container, color.interaction.hover.bg, color.interaction.pressed.bg, color.interaction.selection.bg, color.interaction.selection.inactive-bg, color.interaction.selection.inactive-text, color.interaction.selection.text, color.surface.default, color.text.bright, color.text.default. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/tokens/root.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/tokens/link.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/tokens/link.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/tokens/link.bg-pressed); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/tokens/link.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/tokens/link.indicator); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/tokens/link.indicator-inactive); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/tokens/current.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/tokens/selected.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/tokens/selected.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/tokens/selected.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/tokens/selected.inactive-bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/tokens/selected.inactive-text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/tokens/icon.stroke); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/tokens/group.chevron); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/stateRules/5/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/stateRules/5/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/stateRules/6/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/stateRules/6/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/stateRules/7/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/stateRules/7/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/tokens/root.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/tokens/link.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/tokens/link.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/tokens/link.bg-pressed); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/tokens/link.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/tokens/link.indicator); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/tokens/link.indicator-inactive); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/tokens/current.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/tokens/selected.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/tokens/selected.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/tokens/selected.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/tokens/selected.inactive-bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/tokens/selected.inactive-text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/tokens/icon.stroke); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/tokens/group.chevron); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/stateRules/5/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/stateRules/5/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/stateRules/6/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/stateRules/6/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/stateRules/7/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/stateRules/7/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/sidebar-nav.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/sidebar-nav.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- skip-link: known affected; roles: color.border.overlay, color.interaction.focus.ring, color.surface.raised, color.text.bright. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/skip-link.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/skip-link.json (/tokens/root.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/skip-link.json (/tokens/root.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/skip-link.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/skip-link.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/skip-link.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/skip-link.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/skip-link.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/skip-link.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/skip-link.json (/stateRules/1/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/skip-link.json (/stateRules/1/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/skip-link.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/skip-link.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/skip-link.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/skip-link.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/skip-link.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/skip-link.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/skip-link.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/skip-link.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/skip-link.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/skip-link.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/skip-link.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/skip-link.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/skip-link.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/skip-link.json (/tokens/root.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/skip-link.json (/tokens/root.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/skip-link.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/skip-link.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/skip-link.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/skip-link.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/skip-link.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/skip-link.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/skip-link.json (/stateRules/1/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/skip-link.json (/stateRules/1/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/skip-link.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/skip-link.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/skip-link.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/skip-link.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/skip-link.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/skip-link.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/skip-link.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/skip-link.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/skip-link.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/skip-link.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/skip-link.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/skip-link.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/skip-link.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/skip-link.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- switch: known affected; roles: color.action.primary.bg, color.action.primary.hover-bg, color.action.primary.text, color.border.control, color.border.disabled, color.interaction.disabled.bg, color.interaction.focus.ring, color.interaction.focus.ring-container, color.interaction.hover.bg, color.surface.default, color.surface.input, color.text.default, color.text.disabled, color.text.muted. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/tokens/track.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/tokens/track.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/tokens/track.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/tokens/track.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/tokens/track.bg-checked); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/tokens/track.bg-checked-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/tokens/track.ring-checked); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/tokens/track.bg-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/tokens/track.border-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/tokens/thumb.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/tokens/thumb.bg-checked); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/tokens/thumb.bg-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/tokens/name.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/tokens/state.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/tokens/name.text-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/stateRules/1/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/stateRules/2/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/stateRules/4/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/tokens/track.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/tokens/track.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/tokens/track.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/tokens/track.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/tokens/track.bg-checked); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/tokens/track.bg-checked-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/tokens/track.ring-checked); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/tokens/track.bg-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/tokens/track.border-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/tokens/thumb.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/tokens/thumb.bg-checked); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/tokens/thumb.bg-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/tokens/name.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/tokens/state.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/tokens/name.text-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/stateRules/1/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/stateRules/2/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/stateRules/4/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/switch.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/switch.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- table: known affected; roles: color.border.divider, color.border.strong, color.interaction.focus.ring, color.interaction.focus.ring-container, color.interaction.hover.bg, color.interaction.selection.bg, color.interaction.selection.inactive-bg, color.interaction.selection.inactive-text, color.interaction.selection.text, color.surface.default, color.surface.raised, color.text.bright, color.text.default, color.text.muted. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/tokens/header.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/tokens/header.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/tokens/header.rule); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/tokens/header.bg-sticky); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/tokens/sort.glyph); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/tokens/sort.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/tokens/row.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/tokens/row.divider); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/tokens/row.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/tokens/selected.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/tokens/selected.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/tokens/selected.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/tokens/selected.inactive-bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/tokens/selected.inactive-text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/tokens/caption.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/tokens/empty.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/tokens/loading.glyph); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/stateRules/3/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/stateRules/5/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/stateRules/5/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/stateRules/6/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/stateRules/6/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/stateRules/7/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/stateRules/7/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/tokens/header.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/tokens/header.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/tokens/header.rule); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/tokens/header.bg-sticky); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/tokens/sort.glyph); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/tokens/sort.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/tokens/row.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/tokens/row.divider); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/tokens/row.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/tokens/selected.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/tokens/selected.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/tokens/selected.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/tokens/selected.inactive-bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/tokens/selected.inactive-text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/tokens/caption.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/tokens/empty.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/tokens/loading.glyph); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/stateRules/3/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/stateRules/5/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/stateRules/5/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/stateRules/6/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/stateRules/6/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/stateRules/7/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/stateRules/7/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/table.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/table.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- tabs: known affected; roles: color.border.divider, color.border.selected-indicator, color.border.selected-indicator-inactive, color.interaction.focus.ring, color.interaction.hover.bg, color.interaction.pressed.bg, color.surface.default, color.text.bright, color.text.default, color.text.disabled. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/tokens/list.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/tokens/list.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/tokens/tab.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/tokens/tab.text-selected); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/tokens/tab.text-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/tokens/tab.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/tokens/tab.bg-pressed); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/tokens/tab.indicator); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/tokens/tab.indicator-inactive); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/tokens/tab.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/tokens/panel.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/tokens/panel.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/stateRules/4/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/stateRules/4/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/stateRules/5/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/stateRules/5/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/tokens/list.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/tokens/list.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/tokens/tab.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/tokens/tab.text-selected); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/tokens/tab.text-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/tokens/tab.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/tokens/tab.bg-pressed); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/tokens/tab.indicator); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/tokens/tab.indicator-inactive); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/tokens/tab.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/tokens/panel.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/tokens/panel.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/stateRules/4/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/stateRules/4/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/stateRules/5/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/stateRules/5/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tabs.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tabs.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/spec/components/tabs.demo.html (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/spec/components/tabs.demo.html (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- terminal: known affected; roles: color.border.control, color.code.current-line, color.interaction.focus.ring-container, color.terminal.ansi.0, color.terminal.ansi.1, color.terminal.ansi.10, color.terminal.ansi.11, color.terminal.ansi.12, color.terminal.ansi.13, color.terminal.ansi.14, color.terminal.ansi.15, color.terminal.ansi.2, color.terminal.ansi.3, color.terminal.ansi.4, color.terminal.ansi.5, color.terminal.ansi.6, color.terminal.ansi.7, color.terminal.ansi.8, color.terminal.ansi.9, color.terminal.bg, color.terminal.cursor, color.terminal.fg, color.terminal.selection-bg, color.terminal.selection-text, color.text.muted. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/tokens/root.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/tokens/root.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/tokens/cursor.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/tokens/cursor.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/tokens/selection.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/tokens/selection.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/tokens/current.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/tokens/prompt.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/tokens/prompt.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/tokens/prompt.branch-bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/tokens/prompt.branch-text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/tokens/dim.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/tokens/inverse.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/tokens/inverse.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/tokens/label.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/tokens/fail.glyph); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/tokens/slot.ansi-0); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/tokens/slot.ansi-1); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/tokens/slot.ansi-2); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/tokens/slot.ansi-3); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/tokens/slot.ansi-4); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/tokens/slot.ansi-5); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/tokens/slot.ansi-6); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/tokens/slot.ansi-7); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/tokens/slot.ansi-8); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/tokens/slot.ansi-9); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/tokens/slot.ansi-10); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/tokens/slot.ansi-11); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/tokens/slot.ansi-12); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/tokens/slot.ansi-13); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/tokens/slot.ansi-14); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/tokens/slot.ansi-15); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/stateRules/1/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/19/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/19/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/20/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/20/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/21/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/21/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/22/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/22/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/23/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/23/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/24/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/24/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/25/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/25/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/26/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/26/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/27/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/27/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/28/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/28/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/29/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (/contrast/29/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/tokens/root.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/tokens/root.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/tokens/cursor.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/tokens/cursor.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/tokens/selection.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/tokens/selection.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/tokens/current.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/tokens/prompt.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/tokens/prompt.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/tokens/prompt.branch-bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/tokens/prompt.branch-text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/tokens/dim.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/tokens/inverse.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/tokens/inverse.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/tokens/label.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/tokens/fail.glyph); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/tokens/slot.ansi-0); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/tokens/slot.ansi-1); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/tokens/slot.ansi-2); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/tokens/slot.ansi-3); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/tokens/slot.ansi-4); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/tokens/slot.ansi-5); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/tokens/slot.ansi-6); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/tokens/slot.ansi-7); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/tokens/slot.ansi-8); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/tokens/slot.ansi-9); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/tokens/slot.ansi-10); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/tokens/slot.ansi-11); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/tokens/slot.ansi-12); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/tokens/slot.ansi-13); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/tokens/slot.ansi-14); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/tokens/slot.ansi-15); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/stateRules/1/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/19/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/19/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/20/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/20/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/21/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/21/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/22/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/22/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/23/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/23/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/24/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/24/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/25/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/25/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/26/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/26/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/27/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/27/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/28/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/28/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/29/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (/contrast/29/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/terminal.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/terminal.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- text-field: known affected; roles: color.action.tertiary.hover-bg, color.action.tertiary.text, color.border.active, color.border.control, color.border.disabled, color.border.divider, color.code.caret, color.interaction.disabled.bg, color.interaction.focus.ring, color.interaction.focus.ring-container, color.interaction.hover.bg, color.interaction.text-selection.bg, color.interaction.text-selection.text, color.status.danger.border, color.status.danger.text, color.surface.canvas, color.surface.default, color.surface.input, color.text.bright, color.text.default, color.text.disabled, color.text.muted, color.text.placeholder. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/tokens/root.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/tokens/root.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/tokens/root.border-focus); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/tokens/root.ring-invalid); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/tokens/root.border-invalid); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/tokens/root.border-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/tokens/root.bg-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/tokens/root.border-readonly); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/tokens/input.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/tokens/input.text-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/tokens/input.placeholder); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/tokens/input.caret); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/tokens/input.selection-bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/tokens/input.selection-text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/tokens/label.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/tokens/label.required-mark); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/tokens/help.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/tokens/message.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/tokens/affix.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/tokens/affix.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/tokens/action.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/tokens/action.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/tokens/loading.glyph); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/stateRules/1/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/stateRules/2/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/stateRules/6/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/stateRules/6/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/stateRules/6/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/stateRules/7/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/stateRules/7/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/stateRules/7/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/stateRules/7/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/stateRules/11/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/stateRules/11/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/19/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (/contrast/19/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/tokens/root.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/tokens/root.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/tokens/root.border-focus); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/tokens/root.ring-invalid); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/tokens/root.border-invalid); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/tokens/root.border-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/tokens/root.bg-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/tokens/root.border-readonly); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/tokens/input.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/tokens/input.text-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/tokens/input.placeholder); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/tokens/input.caret); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/tokens/input.selection-bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/tokens/input.selection-text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/tokens/label.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/tokens/label.required-mark); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/tokens/help.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/tokens/message.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/tokens/affix.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/tokens/affix.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/tokens/action.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/tokens/action.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/tokens/loading.glyph); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/stateRules/1/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/stateRules/2/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/stateRules/6/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/stateRules/6/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/stateRules/6/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/stateRules/7/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/stateRules/7/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/stateRules/7/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/stateRules/7/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/stateRules/11/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/stateRules/11/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/19/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (/contrast/19/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/text-field.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/text-field.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- textarea: known affected; roles: color.border.active, color.border.control, color.border.disabled, color.border.divider, color.code.caret, color.interaction.disabled.bg, color.interaction.focus.ring, color.interaction.focus.ring-container, color.interaction.hover.bg, color.interaction.text-selection.bg, color.interaction.text-selection.text, color.status.danger.border, color.status.danger.text, color.surface.canvas, color.surface.default, color.surface.input, color.text.bright, color.text.default, color.text.disabled, color.text.muted, color.text.placeholder. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/tokens/root.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/tokens/root.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/tokens/root.border-focus); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/tokens/root.ring-invalid); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/tokens/root.border-invalid); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/tokens/root.border-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/tokens/root.bg-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/tokens/root.border-readonly); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/tokens/root.bg-readonly); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/tokens/input.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/tokens/input.text-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/tokens/input.placeholder); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/tokens/input.caret); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/tokens/input.selection-bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/tokens/input.selection-text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/tokens/label.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/tokens/label.required-mark); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/tokens/help.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/tokens/count.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/tokens/count.text-over); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/tokens/message.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/stateRules/1/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/stateRules/2/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/stateRules/6/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/stateRules/6/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/stateRules/6/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/stateRules/7/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/stateRules/7/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/stateRules/7/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/stateRules/7/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/stateRules/9/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/stateRules/9/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/19/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (/contrast/19/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/tokens/root.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/tokens/root.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/tokens/root.border-focus); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/tokens/root.ring-invalid); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/tokens/root.border-invalid); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/tokens/root.border-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/tokens/root.bg-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/tokens/root.border-readonly); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/tokens/root.bg-readonly); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/tokens/input.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/tokens/input.text-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/tokens/input.placeholder); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/tokens/input.caret); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/tokens/input.selection-bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/tokens/input.selection-text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/tokens/label.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/tokens/label.required-mark); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/tokens/help.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/tokens/count.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/tokens/count.text-over); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/tokens/message.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/stateRules/1/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/stateRules/2/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/stateRules/6/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/stateRules/6/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/stateRules/6/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/stateRules/7/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/stateRules/7/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/stateRules/7/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/stateRules/7/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/stateRules/9/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/stateRules/9/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/19/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (/contrast/19/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/textarea.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/textarea.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- time-picker: known affected; roles: color.border.active, color.border.control, color.border.disabled, color.code.caret, color.interaction.disabled.bg, color.interaction.focus.ring, color.interaction.hover.bg, color.status.danger.border, color.status.danger.text, color.surface.canvas, color.surface.input, color.text.bright, color.text.default, color.text.disabled, color.text.muted. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/tokens/root.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/tokens/root.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/tokens/root.border-focus); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/tokens/root.border-invalid); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/tokens/root.border-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/tokens/root.bg-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/tokens/input.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/tokens/input.text-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/tokens/input.caret); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/tokens/label.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/tokens/help.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/tokens/message.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/stateRules/1/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/stateRules/2/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/tokens/root.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/tokens/root.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/tokens/root.border-focus); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/tokens/root.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/tokens/root.border-invalid); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/tokens/root.border-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/tokens/root.bg-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/tokens/input.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/tokens/input.text-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/tokens/input.caret); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/tokens/label.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/tokens/help.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/tokens/message.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/stateRules/1/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/stateRules/2/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/time-picker.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/time-picker.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- toast: known affected; roles: color.action.destructive.pressed-bg, color.action.tertiary.hover-bg, color.action.tertiary.text, color.border.overlay, color.interaction.focus.ring, color.interaction.hover.bg-strong, color.status.danger.border, color.status.danger.fill, color.status.danger.on-fill, color.status.info.border, color.status.info.text, color.status.info.tint, color.status.neutral.border, color.status.neutral.text, color.status.neutral.tint, color.status.success.border, color.status.success.text, color.status.success.tint, color.status.warning.border, color.status.warning.text, color.status.warning.tint, color.surface.canvas, color.text.default, color.text.link, color.text.link-hover, color.text.muted, z.toast. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/tokens/root.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/tokens/root.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/tokens/glyph.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/tokens/warning.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/tokens/warning.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/tokens/warning.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/tokens/success.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/tokens/success.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/tokens/success.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/tokens/info.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/tokens/info.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/tokens/info.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/tokens/neutral.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/tokens/neutral.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/tokens/neutral.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/tokens/danger.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/tokens/danger.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/tokens/danger.button-bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/tokens/action.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/tokens/action.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/tokens/action.text-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/tokens/close.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/tokens/close.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/tokens/close.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/tokens/count.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/tokens/stack.z); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/stateRules/4/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/19/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/19/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/20/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/20/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/21/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/21/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/22/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/22/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/23/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/23/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/24/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/24/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/25/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (/contrast/25/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/tokens/root.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/tokens/root.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/tokens/glyph.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/tokens/warning.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/tokens/warning.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/tokens/warning.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/tokens/success.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/tokens/success.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/tokens/success.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/tokens/info.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/tokens/info.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/tokens/info.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/tokens/neutral.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/tokens/neutral.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/tokens/neutral.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/tokens/danger.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/tokens/danger.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/tokens/danger.button-bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/tokens/action.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/tokens/action.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/tokens/action.text-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/tokens/close.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/tokens/close.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/tokens/close.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/tokens/count.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/tokens/stack.z); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/stateRules/4/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/19/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/19/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/20/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/20/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/21/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/21/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/22/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/22/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/23/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/23/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/24/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/24/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/25/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (/contrast/25/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toast.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toast.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- toolbar: known affected; roles: color.border.active, color.border.default, color.border.divider, color.icon.decorative, color.interaction.focus.ring, color.interaction.hover.bg, color.interaction.pressed.bg, color.surface.chrome, color.text.bright, color.text.default, color.text.disabled. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/tokens/root.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/tokens/button.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/tokens/button.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/tokens/button.bg-pressed); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/tokens/button.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/tokens/button.text-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/tokens/toggled.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/tokens/toggled.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/tokens/toggled.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/tokens/separator.color); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/tokens/more.chevron); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/stateRules/4/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/tokens/root.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/tokens/root.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/tokens/button.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/tokens/button.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/tokens/button.bg-pressed); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/tokens/button.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/tokens/button.text-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/tokens/toggled.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/tokens/toggled.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/tokens/toggled.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/tokens/separator.color); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/tokens/more.chevron); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/stateRules/4/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/stateRules/4/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/stateRules/4/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/toolbar.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/toolbar.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- tooltip: known affected; roles: color.action.tertiary.hover-bg, color.action.tertiary.text, color.border.control, color.border.overlay, color.interaction.focus.ring, color.surface.canvas, color.surface.raised, color.text.bright, color.text.default, z.popover. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/tokens/popup.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/tokens/popup.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/tokens/popup.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/tokens/shortcut.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/tokens/shortcut.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/tokens/trigger.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/tokens/trigger.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/tokens/trigger.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/tokens/popup.z); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/tokens/popup.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/tokens/popup.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/tokens/popup.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/tokens/shortcut.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/tokens/shortcut.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/tokens/trigger.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/tokens/trigger.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/tokens/trigger.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/tokens/popup.z); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/stateRules/0/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/tooltip.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/tooltip.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)
- wizard: known affected; roles: color.action.primary.bg, color.action.primary.border, color.action.primary.hover-bg, color.action.primary.pressed-bg, color.action.primary.text, color.action.secondary.border, color.action.secondary.hover-bg, color.action.secondary.text, color.border.default, color.border.divider, color.border.selected-indicator, color.interaction.focus.ring, color.interaction.focus.ring-container, color.interaction.hover.bg, color.status.danger.border, color.status.danger.text, color.status.success.text, color.surface.canvas, color.surface.default, color.text.bright, color.text.default, color.text.disabled. https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/tokens/steps.divider); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/tokens/step.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/tokens/step.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/tokens/step.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/tokens/step.text-current); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/tokens/step.indicator-current); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/tokens/step.text-disabled); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/tokens/step.marker-complete); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/tokens/step.marker-invalid); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/tokens/step.indicator-invalid); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/tokens/panel.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/tokens/panel.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/tokens/title.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/tokens/text.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/tokens/message.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/tokens/next.bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/tokens/next.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/tokens/next.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/tokens/next.bg-pressed); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/tokens/next.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/tokens/next.ring); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/tokens/back.text); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/tokens/back.border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/tokens/back.bg-hover); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/tokens/busy.glyph); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/stateRules/5/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/stateRules/5/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/stateRules/5/tokens/border); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/stateRules/6/tokens/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/stateRules/6/tokens/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/tokens/steps.divider); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/tokens/step.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/tokens/step.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/tokens/step.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/tokens/step.text-current); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/tokens/step.indicator-current); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/tokens/step.text-disabled); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/tokens/step.marker-complete); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/tokens/step.marker-invalid); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/tokens/step.indicator-invalid); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/tokens/panel.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/tokens/panel.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/tokens/title.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/tokens/text.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/tokens/message.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/tokens/next.bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/tokens/next.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/tokens/next.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/tokens/next.bg-pressed); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/tokens/next.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/tokens/next.ring); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/tokens/back.text); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/tokens/back.border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/tokens/back.bg-hover); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/tokens/busy.glyph); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/stateRules/0/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/stateRules/0/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/stateRules/1/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/stateRules/1/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/stateRules/2/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/stateRules/2/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/stateRules/2/tokens/outline); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/stateRules/3/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/stateRules/3/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/stateRules/3/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/stateRules/5/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/stateRules/5/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/stateRules/5/tokens/border); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/stateRules/6/tokens/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/stateRules/6/tokens/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/0/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/0/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/1/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/1/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/2/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/2/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/3/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/3/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/4/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/4/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/5/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/5/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/6/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/6/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/7/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/7/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/8/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/8/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/9/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/9/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/10/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/10/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/11/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/11/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/12/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/12/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/13/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/13/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/14/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/14/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/15/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/15/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/16/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/16/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/17/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/17/bg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/18/fg); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (/contrast/18/bg); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/exports/components/wizard.json (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/exports/components/wizard.json (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/hex-swatches.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/recipe-foundation.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/site.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/tools.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/verification.css (file); https://github.com/j3w1/theme/blob/328076217d2728ee7dc2aea01c2f71452dbfc9c5/site/src/styles/workbench.css (file); https://github.com/j3w1/theme/blob/b601998b3711dcd62949d497ed828af2089f9544/site/src/styles/workbench.css (file)

## Expected verification

- Review changed roles and their explicit dependencies.
- Recheck applicable component states, focus, selection and contrast in each actual consumer.
- Run matched browser captures and inspect differences; record browser, fonts, viewport and input digests.
- Resolve unsupported historical inputs and unmapped consumers before claiming migration coverage.

## Limits

- Historical JavaScript and historical build tools are never executed.
- Only explicit revision-bound migration mappings establish renames.
- Missing eligibility or evidence fields remain unknown; current rules are never backfilled.
- Known affected means a recorded contract/dependency changed, not that a downstream application regressed.
- No native-port verification or automatic consumer upgrade is performed.