J3W1 / DESIGN SYSTEM
Published workbench revision → v0.1.0 release
Pinned release comparison · default
Source revision 1faefcf014c8bf01a6b27308ea796da968773a81
Choose another pair · Download JSON report · Download Markdown migration report
Historical availability
- After: No historical usage index; impact uses the recorded component and port mappings. Prose and composite alias dependencies may be unknown.
Semantic changes
| Kind | Contract and source | Before | After |
|---|---|---|---|
| token-status | border.width.default:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | border.width.emphasis:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | breakpoint.lg:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | breakpoint.md:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | breakpoint.sm:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | breakpoint.xs:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.action.destructive.border:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.action.destructive.filled-bg:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.action.destructive.filled-text:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.action.destructive.hover-bg:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.action.destructive.hover-text:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.action.destructive.pressed-bg:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.action.destructive.text:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.action.primary.bg:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.action.primary.border:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.action.primary.hover-bg:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.action.primary.pressed-bg:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.action.primary.text:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.action.secondary.bg:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.action.secondary.border:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.action.secondary.hover-bg:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.action.secondary.pressed-bg:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.action.secondary.text:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.action.tertiary.hover-bg:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.action.tertiary.text:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.border.active:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.border.control:decisionIdBefore source After source | "D-007" | null |
| token-status | color.border.control:eligibilityBefore source After source | {"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-007"]} | null |
| token-status | color.border.default:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.border.disabled:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.border.divider:decisionIdBefore source After source | "D-008" | null |
| token-status | color.border.divider:eligibilityBefore source After source | {"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]} | null |
| token-status | color.border.overlay:decisionIdBefore source After source | "D-008" | null |
| token-status | color.border.overlay:eligibilityBefore source After source | {"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]} | null |
| token-status | color.border.selected-indicator:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.border.selected-indicator-inactive:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.border.strong:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.chart.axis:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.chart.grid:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.chart.label:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.chart.series-1:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.chart.series-2:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.chart.series-3:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.chart.series-4:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.code.bg:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.code.bracket-match:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.code.caret:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.code.current-line:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.code.gutter-bg:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.code.gutter-rule:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.code.indent-guide:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.code.line-number:decisionIdBefore source After source | "D-003" | null |
| token-status | color.code.line-number:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.code.line-number-active:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.code.search-current-bg:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.code.search-current-text:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.code.search-match-bg:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.code.selection-bg:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.code.syntax.attribute:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.code.syntax.comment:decisionIdBefore source After source | "D-003" | null |
| token-status | color.code.syntax.comment:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.code.syntax.constant:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.code.syntax.deprecated:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.code.syntax.escape:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.code.syntax.function:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.code.syntax.heading:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.code.syntax.invalid:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.code.syntax.keyword:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.code.syntax.number:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.code.syntax.operator:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.code.syntax.property:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.code.syntax.punctuation:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.code.syntax.string:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.code.syntax.tag:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.code.syntax.type:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.code.syntax.variable:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.code.whitespace:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.diagnostic.error.bg:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.diagnostic.error.stripe:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.diagnostic.error.text:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.diagnostic.error.underline:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.diagnostic.hint.underline:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.diagnostic.info.text:decisionIdBefore source After source | "D-001" | null |
| token-status | color.diagnostic.info.text:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.diagnostic.info.underline:decisionIdBefore source After source | "D-001" | null |
| token-status | color.diagnostic.info.underline:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.diagnostic.unused.text:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.diagnostic.warning.stripe:decisionIdBefore source After source | "D-001" | null |
| token-status | color.diagnostic.warning.stripe:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.diagnostic.warning.text:decisionIdBefore source After source | "D-001" | null |
| token-status | color.diagnostic.warning.text:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.diagnostic.warning.underline:decisionIdBefore source After source | "D-001" | null |
| token-status | color.diagnostic.warning.underline:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.diff.added.bg:decisionIdBefore source After source | "D-001" | null |
| token-status | color.diff.added.bg:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.diff.added.emphasis:decisionIdBefore source After source | "D-001" | null |
| token-status | color.diff.added.emphasis:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.diff.added.gutter:decisionIdBefore source After source | "D-001" | null |
| token-status | color.diff.added.gutter:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.diff.conflict-border:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.diff.header-bg:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.diff.modified.bg:decisionIdBefore source After source | "D-001" | null |
| token-status | color.diff.modified.bg:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.diff.modified.gutter:decisionIdBefore source After source | "D-001" | null |
| token-status | color.diff.modified.gutter:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.diff.removed.bg:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.diff.removed.emphasis:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.diff.removed.gutter:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.icon.decorative:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.icon.default:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.interaction.disabled.bg:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.interaction.drop-target:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.interaction.focus.ring:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.interaction.focus.ring-container:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-metadata | color.interaction.focus.ring-containerBefore source After source | "Focus colour for containers and explicitly mapped filled controls (D-015); component rules determine ring geometry." | "2px solid focus ring on focusable containers; also the ring on fills." |
| token-status | color.interaction.hover.bg:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.interaction.hover.bg-strong:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.interaction.marquee:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.interaction.pressed.bg:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.interaction.scrollbar.thumb:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.interaction.scrollbar.thumb-hover:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.interaction.scrollbar.track:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.interaction.selection.bg:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.interaction.selection.inactive-bg:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.interaction.selection.inactive-text:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.interaction.selection.text:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.interaction.text-selection.bg:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.interaction.text-selection.text:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.primitive.alpha.black-55:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.alpha.black-65:decisionIdBefore source After source | "D-008" | null |
| token-status | color.primitive.alpha.black-65:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.alpha.red-12:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.alpha.red-6:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.alpha.transparent:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.amber.500:decisionIdBefore source After source | "D-001" | null |
| token-status | color.primitive.amber.500:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.amber.600:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.amber.tint:decisionIdBefore source After source | "D-001" | null |
| token-status | color.primitive.amber.tint:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.ansi.0:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.ansi.1:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.ansi.10:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.ansi.11:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.ansi.12:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.ansi.13:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.ansi.14:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.ansi.15:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.ansi.2:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.ansi.3:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.ansi.4:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.ansi.5:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.ansi.6:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.ansi.7:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.ansi.8:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.ansi.9:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.blue.500:decisionIdBefore source After source | "D-001" | null |
| token-status | color.primitive.blue.500:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.blue.600:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.blue.tint:decisionIdBefore source After source | "D-001" | null |
| token-status | color.primitive.blue.tint:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.green.500:decisionIdBefore source After source | "D-001" | null |
| token-status | color.primitive.green.500:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.green.600:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.green.tint:decisionIdBefore source After source | "D-001" | null |
| token-status | color.primitive.green.tint:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.ink.0:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.ink.15:decisionIdBefore source After source | "D-008" | null |
| token-status | color.primitive.ink.15:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.ink.20:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.ink.25:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.ink.30:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.ink.40:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.ink.52:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.ink.60:decisionIdBefore source After source | "D-008" | null |
| token-status | color.primitive.ink.60:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.paper.100:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.paper.90:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.red.100:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.red.150:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.red.200:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.red.250:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.red.300:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.red.350:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.red.400:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.red.450:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.red.50:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.red.500:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.red.550:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.red.650:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.red.750:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.red.760:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.red.770:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.red.800:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.red.850:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.rose.300:decisionIdBefore source After source | "D-003" | null |
| token-status | color.primitive.rose.300:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.rose.320:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.rose.350:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.rose.450:decisionIdBefore source After source | "D-003" | null |
| token-status | color.primitive.rose.450:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.rose.550:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.rose.600:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.rose.650:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.rose.700:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.primitive.rose.800:eligibilityBefore source After source | {"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]} | null |
| token-status | color.status.danger.border:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.status.danger.fill:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.status.danger.on-fill:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.status.danger.text:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.status.danger.tint:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.status.info.border:decisionIdBefore source After source | "D-001" | null |
| token-status | color.status.info.border:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.status.info.fill:decisionIdBefore source After source | "D-001" | null |
| token-status | color.status.info.fill:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.status.info.on-fill:decisionIdBefore source After source | "D-001" | null |
| token-status | color.status.info.on-fill:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.status.info.text:decisionIdBefore source After source | "D-001" | null |
| token-status | color.status.info.text:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.status.info.tint:decisionIdBefore source After source | "D-001" | null |
| token-status | color.status.info.tint:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.status.neutral.border:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.status.neutral.fill:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.status.neutral.on-fill:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.status.neutral.text:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.status.neutral.tint:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.status.success.border:decisionIdBefore source After source | "D-001" | null |
| token-status | color.status.success.border:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.status.success.fill:decisionIdBefore source After source | "D-001" | null |
| token-status | color.status.success.fill:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.status.success.on-fill:decisionIdBefore source After source | "D-001" | null |
| token-status | color.status.success.on-fill:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.status.success.text:decisionIdBefore source After source | "D-001" | null |
| token-status | color.status.success.text:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.status.success.tint:decisionIdBefore source After source | "D-001" | null |
| token-status | color.status.success.tint:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.status.warning.border:decisionIdBefore source After source | "D-001" | null |
| token-status | color.status.warning.border:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.status.warning.fill:decisionIdBefore source After source | "D-001" | null |
| token-status | color.status.warning.fill:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.status.warning.on-fill:decisionIdBefore source After source | "D-001" | null |
| token-status | color.status.warning.on-fill:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.status.warning.text:decisionIdBefore source After source | "D-001" | null |
| token-status | color.status.warning.text:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.status.warning.tint:decisionIdBefore source After source | "D-001" | null |
| token-status | color.status.warning.tint:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.surface.backdrop:decisionIdBefore source After source | "D-008" | null |
| token-status | color.surface.backdrop:eligibilityBefore source After source | {"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]} | null |
| token-status | color.surface.canvas:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.surface.chrome:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.surface.chrome-alt:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.surface.code:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.surface.default:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.surface.desktop:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.surface.input:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.surface.overlay:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.surface.raised:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.surface.sunken:decisionIdBefore source After source | "D-008" | null |
| token-status | color.surface.sunken:eligibilityBefore source After source | {"action":"use-and-report","reason":"Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.","decisionIds":["D-008"]} | null |
| token-status | color.surface.terminal:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.terminal.ansi.0:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.terminal.ansi.1:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.terminal.ansi.10:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.terminal.ansi.11:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.terminal.ansi.12:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.terminal.ansi.13:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.terminal.ansi.14:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.terminal.ansi.15:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.terminal.ansi.2:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.terminal.ansi.3:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.terminal.ansi.4:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.terminal.ansi.5:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.terminal.ansi.6:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.terminal.ansi.7:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.terminal.ansi.8:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.terminal.ansi.9:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.terminal.bg:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.terminal.cursor:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.terminal.fg:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.terminal.selection-bg:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.terminal.selection-text:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.text.accent:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.text.accent-strong:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.text.bright:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.text.default:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.text.disabled:decisionIdBefore source After source | "D-003" | null |
| token-status | color.text.disabled:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.text.inverse:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.text.link:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.text.link-hover:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.text.link-underline:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.text.muted:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.text.on-action:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.text.on-danger:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.text.on-light:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.text.on-selection:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.text.placeholder:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.text.prose:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | color.text.subtle:decisionIdBefore source After source | "D-003" | null |
| token-status | color.text.subtle:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | density.comfortable.control-height:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | density.comfortable.control-padding-x:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | density.comfortable.gap:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | density.comfortable.icon:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | density.comfortable.row-height:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | density.compact.control-height:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | density.compact.control-padding-x:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | density.compact.gap:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | density.compact.icon:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | density.compact.row-height:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | focus.offset:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | focus.offset-container:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | focus.offset-invalid:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | focus.ring:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | focus.ring-container:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | font.family.mono:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | font.letter-spacing.terminal:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | font.line-height.caption:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | font.line-height.code:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | font.line-height.h1:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | font.line-height.h2:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | font.line-height.h3:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | font.line-height.reading:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | font.line-height.terminal:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | font.line-height.ui-lg:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | font.line-height.ui-md:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | font.line-height.ui-sm:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | font.size.caption:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | font.size.code:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | font.size.h1:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | font.size.h2:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | font.size.h3:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | font.size.reading:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | font.size.terminal:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | font.size.ui-lg:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | font.size.ui-md:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | font.size.ui-sm:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | font.weight.bold:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | font.weight.regular:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | icon.size.lg:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | icon.size.md:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | icon.size.sm:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | icon.stroke:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | layout.app-max:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | layout.content-max:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | layout.measure:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | motion.duration.base:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | motion.duration.fast:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | motion.duration.slow:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | radius.none:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | shadow.floating:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | space.0:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | space.1:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | space.12:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | space.16:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | space.2:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | space.24:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | space.32:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | space.4:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | space.48:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | space.8:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | z.canvas:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | z.dialog:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | z.drawer:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | z.popover:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | z.raised:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | z.skip-link:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| token-status | z.toast:eligibilityBefore source After source | {"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]} | null |
| component-contract | admin-formBefore source After source | {"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, s… (complete value in download) | {"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 b… (complete value in download) |
| component-contract | alertBefore source After source | {"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; ro… (complete value in download) | {"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… (complete value in download) |
| component-contract | badgeBefore source After source | {"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 out… (complete value in download) | {"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 b… (complete value in download) |
| component-contract | breadcrumbsBefore source After source | {"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… (complete value in download) | {"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 … (complete value in download) |
| component-contract | buttonBefore source After source | {"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, dest… (complete value in download) | {"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 … (complete value in download) |
| component-contract | cardBefore source After source | {"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,… (complete value in download) | {"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 op… (complete value in download) |
| component-contract | checkboxBefore source After source | {"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… (complete value in download) | {"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… (complete value in download) |
| component-contract | chipBefore source After source | {"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… (complete value in download) | {"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 c… (complete value in download) |
| component-contract | code-editorBefore source After source | {"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 monoch… (complete value in download) | {"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 ever… (complete value in download) |
| component-contract | comboboxBefore source After source | {"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 autoco… (complete value in download) | {"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 l… (complete value in download) |
| component-contract | data-tableBefore source After source | {"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 heade… (complete value in download) | {"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… (complete value in download) |
| component-contract | date-pickerBefore source After source | {"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 … (complete value in download) | {"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… (complete value in download) |
| component-contract | diagnosticsBefore source After source | {"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 st… (complete value in download) | {"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 pane… (complete value in download) |
| component-contract | dialogBefore source After source | {"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… (complete value in download) | {"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 … (complete value in download) |
| component-contract | diff-viewBefore source After source | {"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 te… (complete value in download) | {"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-l… (complete value in download) |
| component-contract | drawerBefore source After source | {"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 sur… (complete value in download) | {"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 bor… (complete value in download) |
| component-contract | empty-stateBefore source After source | {"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 … (complete value in download) | {"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 i… (complete value in download) |
| component-contract | fieldBefore source After source | {"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 sta… (complete value in download) | {"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 m… (complete value in download) |
| component-contract | fieldsetBefore source After source | {"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 borde… (complete value in download) | {"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 ev… (complete value in download) |
| component-contract | file-inputBefore source After source | {"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 insid… (complete value in download) | {"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 … (complete value in download) |
| component-contract | filterable-tableBefore source After source | {"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 chi… (complete value in download) | {"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 d… (complete value in download) |
| component-contract | i3-window-frameBefore source After source | {"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 … (complete value in download) | {"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… (complete value in download) |
| component-contract | icon-buttonBefore source After source | {"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 acc… (complete value in download) | {"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 togg… (complete value in download) |
| component-contract | linkBefore source After source | {"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… (complete value in download) | {"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 … (complete value in download) |
| component-contract | listBefore source After source | {"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 … (complete value in download) | {"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… (complete value in download) |
| component-contract | loading-indicatorBefore source After source | {"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; inlin… (complete value in download) | {"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 cent… (complete value in download) |
| component-contract | menuBefore source After source | {"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… (complete value in download) | {"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 selecti… (complete value in download) |
| component-contract | number-fieldBefore source After source | {"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 digit… (complete value in download) | {"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 a… (complete value in download) |
| component-contract | paginationBefore source After source | {"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-… (complete value in download) | {"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 fo… (complete value in download) |
| component-contract | progressBefore source After source | {"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… (complete value in download) | {"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 stati… (complete value in download) |
| component-contract | radio-groupBefore source After source | {"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 … (complete value in download) | {"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… (complete value in download) |
| component-contract | search-fieldBefore source After source | {"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… (complete value in download) | {"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,… (complete value in download) |
| component-contract | selectBefore source After source | {"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 pop… (complete value in download) | {"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 an… (complete value in download) |
| component-contract | settings-panelBefore source After source | {"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, s… (complete value in download) | {"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-fi… (complete value in download) |
| component-contract | sidebar-navBefore source After source | {"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 se… (complete value in download) | {"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-… (complete value in download) |
| component-contract | skip-linkBefore source After source | {"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 … (complete value in download) | {"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 cont… (complete value in download) |
| component-contract | switchBefore source After source | {"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,… (complete value in download) | {"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… (complete value in download) |
| component-contract | tableBefore source After source | {"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 … (complete value in download) | {"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 em… (complete value in download) |
| component-contract | tabsBefore source After source | {"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 indica… (complete value in download) | {"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, ne… (complete value in download) |
| component-contract | terminalBefore source After source | {"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… (complete value in download) | {"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… (complete value in download) |
| component-contract | text-fieldBefore source After source | {"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… (complete value in download) | {"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 pa… (complete value in download) |
| component-contract | textareaBefore source After source | {"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 an… (complete value in download) | {"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 coun… (complete value in download) |
| component-contract | time-pickerBefore source After source | {"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 … (complete value in download) | {"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.","nativ… (complete value in download) |
| component-contract | toastBefore source After source | {"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 … (complete value in download) | {"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 s… (complete value in download) |
| component-contract | toolbarBefore source After source | {"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 vert… (complete value in download) | {"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 \"mor… (complete value in download) |
| component-contract | tooltipBefore source After source | {"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-descri… (complete value in download) | {"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… (complete value in download) |
| component-contract | wizardBefore source After source | {"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 … (complete value in download) | {"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=\… (complete value in download) |
| decision | D-006Before source After source | "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-conta… (complete value in download) | "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-conta… (complete value in download) |
| decision | D-013Before source After source | "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 … (complete value in download) | null |
| decision | D-014Before source After source | "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 … (complete value in download) | null |
| decision | D-015Before source After source | "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.** Phas… (complete value in download) | null |
| appearance-source | site/src/styles/hex-swatches.cssBefore source After source | "sha256-11+72Dft8m0u22CYiJ3sQGk8PP+0Wadvxg7AVogTeP0=" | null |
| appearance-source | site/src/styles/recipe-foundation.cssBefore source After source | "sha256-siLjKAkNj84Wa0+Xz5Vf2yj9DT9k0K/Swy/cwHNrvYo=" | null |
| appearance-source | site/src/styles/site.cssBefore source After source | "sha256-4Cd1gSerTs7N04XByVqxrXWg9Y+eLINJmbDHEy+8Vzs=" | "sha256-DE+9lH/7cWoXjU4qMd0IzTDhH8LzA4YzW5N00yR+83k=" |
| appearance-source | site/src/styles/tools.cssBefore source After source | "sha256-URwQ1L2frmql0RzNxRX8Gl0gePnifqfppoE9pHBlSY8=" | null |
| appearance-source | site/src/styles/verification.cssBefore source After source | "sha256-I9XFRQv86iLM5gKtTZqUypVixA6zE+nqEGB3sxSGGIQ=" | null |
| appearance-source | site/src/styles/workbench.cssBefore source After source | "sha256-ik8Rud8IBnAZGAR7lq/Z5rzPquebmyj/wiJTg8dQkTk=" | null |
| appearance-source | spec/components/dialog.demo.htmlBefore source After source | "sha256-m9m1JcXKJ5j3f0rxR1fojmkYvtgzUnhgWBPA0iI6cSM=" | "sha256-SArgjPtEcJQvkKUAgzz0gdscY/lUPBUqDdjYd0XwRf4=" |
| appearance-source | spec/components/settings-panel.demo.htmlBefore source After source | "sha256-klOL3sjG/73PuBDA1/IYX1ccHbwsF2cdS+tMdayk1Ns=" | "sha256-amUTiuR/FWyzI9r5TpuLjh4YxXyCdPPn9VW0n/eVIo4=" |
| appearance-source | spec/components/tabs.demo.htmlBefore source After source | "sha256-zpwAlnWKME4d9yYkPEucC/xj+zfhBZ2PTpYWSoYlL5o=" | "sha256-cZUtxMTE9NyARr/iGCXy84x46AEKHYLgL+sqVylI5ac=" |
Known downstream impact
Port catalogue: no registered ports. Unknown: consumers without registered mappings cannot be enumerated. Known affected means a recorded contract or dependency changed; it does not establish a regression in an application.
- admin-form: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- alert: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- badge: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- breadcrumbs: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- button: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- card: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- checkbox: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- chip: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- code-editor: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- combobox: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- data-table: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- date-picker: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- diagnostics: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- dialog: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- diff-view: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- drawer: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- empty-state: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- field: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- fieldset: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- file-input: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- filterable-table: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- i3-window-frame: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- icon-button: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- link: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- list: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- loading-indicator: known affected. color.border.divider, color.surface.canvas, color.surface.default, color.text.default, color.text.muted Dependency evidence (all file and JSON-pointer references are in the report).
- menu: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- number-field: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- pagination: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- progress: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- radio-group: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- search-field: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- select: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- settings-panel: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- sidebar-nav: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- skip-link: known affected. color.border.overlay, color.interaction.focus.ring, color.surface.raised, color.text.bright Dependency evidence (all file and JSON-pointer references are in the report).
- switch: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- table: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- tabs: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- terminal: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- text-field: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- textarea: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- time-picker: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- toast: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- toolbar: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- tooltip: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
- wizard: known affected. 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 Dependency evidence (all file and JSON-pointer references are in the report).
Matched visual references
640 × 480 CSS pixels · comfortable · LTR · static endpoints · historical JavaScript disabled. Both frames use the same browser and available local fonts. A change to requested typography or fixture bytes can change appearance independently of color. No actual keyboard, screen-reader or historical-runtime pass is implied.
Requested font before: "SauceCodePro NFM", "Source Code Pro", "Cascadia Mono", "Consolas", "Liberation Mono", "DejaVu Sans Mono", monospace; after: "SauceCodePro NFM", "Source Code Pro", "Cascadia Mono", "Consolas", "Liberation Mono", "DejaVu Sans Mono", monospace.
button
Same fixture bytes on both sides.
All maintained variants and states (static links):
- default/active: Before · After
- default/default: Before · After
- default/disabled: Before · After
- default/focus-visible: Before · After
- default/hover: Before · After
- default/loading: Before · After
- destructive/active: Before · After
- destructive/default: Before · After
- destructive/disabled: Before · After
- destructive/focus-visible: Before · After
- destructive/hover: Before · After
- destructive/loading: Before · After
- secondary/active: Before · After
- secondary/default: Before · After
- secondary/disabled: Before · After
- secondary/focus-visible: Before · After
- secondary/hover: Before · After
- secondary/loading: Before · After
- tertiary/active: Before · After
- tertiary/default: Before · After
- tertiary/disabled: Before · After
- tertiary/focus-visible: Before · After
- tertiary/hover: Before · After
- tertiary/loading: Before · After
text-field
Same fixture bytes on both sides.
All maintained variants and states (static links):
- affix/default: Before · After
- affix/disabled: Before · After
- affix/disabled+filled: Before · After
- affix/filled: Before · After
- affix/focus-visible: Before · After
- affix/hover: Before · After
- affix/invalid: Before · After
- affix/invalid+focus-visible: Before · After
- affix/invalid+hover: Before · After
- affix/loading: Before · After
- affix/placeholder-shown: Before · After
- affix/read-only: Before · After
- affix/read-only+focus-visible: Before · After
- affix/required: Before · After
- default/default: Before · After
- default/disabled: Before · After
- default/disabled+filled: Before · After
- default/filled: Before · After
- default/focus-visible: Before · After
- default/hover: Before · After
- default/invalid: Before · After
- default/invalid+focus-visible: Before · After
- default/invalid+hover: Before · After
- default/loading: Before · After
- default/placeholder-shown: Before · After
- default/read-only: Before · After
- default/read-only+focus-visible: Before · After
- default/required: Before · After
- number/default: Before · After
- number/disabled: Before · After
- number/disabled+filled: Before · After
- number/filled: Before · After
- number/focus-visible: Before · After
- number/hover: Before · After
- number/invalid: Before · After
- number/invalid+focus-visible: Before · After
- number/invalid+hover: Before · After
- number/loading: Before · After
- number/placeholder-shown: Before · After
- number/read-only: Before · After
- number/read-only+focus-visible: Before · After
- number/required: Before · After
- password/default: Before · After
- password/disabled: Before · After
- password/disabled+filled: Before · After
- password/filled: Before · After
- password/focus-visible: Before · After
- password/hover: Before · After
- password/invalid: Before · After
- password/invalid+focus-visible: Before · After
- password/invalid+hover: Before · After
- password/loading: Before · After
- password/placeholder-shown: Before · After
- password/read-only: Before · After
- password/read-only+focus-visible: Before · After
- password/required: Before · After
- search/default: Before · After
- search/disabled: Before · After
- search/disabled+filled: Before · After
- search/filled: Before · After
- search/focus-visible: Before · After
- search/hover: Before · After
- search/invalid: Before · After
- search/invalid+focus-visible: Before · After
- search/invalid+hover: Before · After
- search/loading: Before · After
- search/placeholder-shown: Before · After
- search/read-only: Before · After
- search/read-only+focus-visible: Before · After
- search/required: Before · After
checkbox
Same fixture bytes on both sides.
All maintained variants and states (static links):
- default/checked: Before · After
- default/checked+disabled: Before · After
- default/checked+focus-visible: Before · After
- default/default: Before · After
- default/disabled: Before · After
- default/focus-visible: Before · After
- default/hover: Before · After
- default/invalid: Before · After
- default/mixed: Before · After
- default/required: Before · After
- group/checked: Before · After
- group/checked+disabled: Before · After
- group/checked+focus-visible: Before · After
- group/default: Before · After
- group/disabled: Before · After
- group/focus-visible: Before · After
- group/hover: Before · After
- group/invalid: Before · After
- group/mixed: Before · After
- group/required: Before · After
tabs
Same fixture bytes on both sides.
All maintained variants and states (static links):
- default/default: Before · After
- default/disabled: Before · After
- default/focus-visible: Before · After
- default/hover: Before · After
- default/selected: Before · After
- default/selected+container-inactive: Before · After
- default/selected+focus-visible: Before · After
- overflow/default: Before · After
- overflow/disabled: Before · After
- overflow/focus-visible: Before · After
- overflow/hover: Before · After
- overflow/selected: Before · After
- overflow/selected+container-inactive: Before · After
- overflow/selected+focus-visible: Before · After
dialog
Fixture bytes changed: differences include content or markup, not only theme values.
All maintained variants and states (static links):
- alert-dialog/closed: Before · After
- alert-dialog/default: Before · After
- alert-dialog/focus-trapped: Before · After
- alert-dialog/focus-visible: Before · After
- alert-dialog/hover: Before · After
- alert-dialog/open: Before · After
- alert-dialog/reduced-motion: Before · After
- default/closed: Before · After
- default/default: Before · After
- default/focus-trapped: Before · After
- default/focus-visible: Before · After
- default/hover: Before · After
- default/open: Before · After
- default/reduced-motion: Before · After
- form/closed: Before · After
- form/default: Before · After
- form/focus-trapped: Before · After
- form/focus-visible: Before · After
- form/hover: Before · After
- form/open: Before · After
- form/reduced-motion: Before · After
table
Same fixture bytes on both sides.
All maintained variants and states (static links):
- default/default: Before · After
- default/empty: Before · After
- default/hover: Before · After
- default/loading: Before · After
- default/selected: Before · After
- default/selected+container-inactive: Before · After
- default/selected+focus-visible: Before · After
- default/sorted: Before · After
- numeric/default: Before · After
- numeric/empty: Before · After
- numeric/hover: Before · After
- numeric/loading: Before · After
- numeric/selected: Before · After
- numeric/selected+container-inactive: Before · After
- numeric/selected+focus-visible: Before · After
- numeric/sorted: Before · After
- sticky-header/default: Before · After
- sticky-header/empty: Before · After
- sticky-header/hover: Before · After
- sticky-header/loading: Before · After
- sticky-header/selected: Before · After
- sticky-header/selected+container-inactive: Before · After
- sticky-header/selected+focus-visible: Before · After
- sticky-header/sorted: Before · After
- with-caption/default: Before · After
- with-caption/empty: Before · After
- with-caption/hover: Before · After
- with-caption/loading: Before · After
- with-caption/selected: Before · After
- with-caption/selected+container-inactive: Before · After
- with-caption/selected+focus-visible: Before · After
- with-caption/sorted: Before · After
sidebar-nav
Same fixture bytes on both sides.
All maintained variants and states (static links):
- collapsed/collapsed: Before · After
- collapsed/current: Before · After
- collapsed/default: Before · After
- collapsed/expanded: Before · After
- collapsed/focus-visible: Before · After
- collapsed/hover: Before · After
- collapsed/selected: Before · After
- collapsed/selected+container-inactive: Before · After
- default/collapsed: Before · After
- default/current: Before · After
- default/default: Before · After
- default/expanded: Before · After
- default/focus-visible: Before · After
- default/hover: Before · After
- default/selected: Before · After
- default/selected+container-inactive: Before · After
- nested/collapsed: Before · After
- nested/current: Before · After
- nested/default: Before · After
- nested/expanded: Before · After
- nested/focus-visible: Before · After
- nested/hover: Before · After
- nested/selected: Before · After
- nested/selected+container-inactive: Before · After
Expected migration 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.