j3w1 / Published workbench revision → v0.1.0 releaseVue · HTML · React · Astro

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

KindContract and sourceBeforeAfter
token-statusborder.width.default:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusborder.width.emphasis:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusbreakpoint.lg:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusbreakpoint.md:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusbreakpoint.sm:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusbreakpoint.xs:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.action.destructive.border:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.action.destructive.filled-bg:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.action.destructive.filled-text:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.action.destructive.hover-bg:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.action.destructive.hover-text:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.action.destructive.pressed-bg:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.action.destructive.text:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.action.primary.bg:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.action.primary.border:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.action.primary.hover-bg:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.action.primary.pressed-bg:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.action.primary.text:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.action.secondary.bg:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.action.secondary.border:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.action.secondary.hover-bg:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.action.secondary.pressed-bg:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.action.secondary.text:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.action.tertiary.hover-bg:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.action.tertiary.text:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.border.active:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.border.control:decisionId
Before source After source
"D-007"null
token-statuscolor.border.control:eligibility
Before 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-statuscolor.border.default:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.border.disabled:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.border.divider:decisionId
Before source After source
"D-008"null
token-statuscolor.border.divider:eligibility
Before 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-statuscolor.border.overlay:decisionId
Before source After source
"D-008"null
token-statuscolor.border.overlay:eligibility
Before 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-statuscolor.border.selected-indicator:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.border.selected-indicator-inactive:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.border.strong:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.chart.axis:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.chart.grid:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.chart.label:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.chart.series-1:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.chart.series-2:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.chart.series-3:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.chart.series-4:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.code.bg:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.code.bracket-match:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.code.caret:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.code.current-line:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.code.gutter-bg:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.code.gutter-rule:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.code.indent-guide:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.code.line-number:decisionId
Before source After source
"D-003"null
token-statuscolor.code.line-number:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.code.line-number-active:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.code.search-current-bg:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.code.search-current-text:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.code.search-match-bg:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.code.selection-bg:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.code.syntax.attribute:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.code.syntax.comment:decisionId
Before source After source
"D-003"null
token-statuscolor.code.syntax.comment:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.code.syntax.constant:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.code.syntax.deprecated:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.code.syntax.escape:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.code.syntax.function:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.code.syntax.heading:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.code.syntax.invalid:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.code.syntax.keyword:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.code.syntax.number:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.code.syntax.operator:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.code.syntax.property:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.code.syntax.punctuation:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.code.syntax.string:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.code.syntax.tag:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.code.syntax.type:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.code.syntax.variable:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.code.whitespace:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.diagnostic.error.bg:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.diagnostic.error.stripe:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.diagnostic.error.text:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.diagnostic.error.underline:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.diagnostic.hint.underline:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.diagnostic.info.text:decisionId
Before source After source
"D-001"null
token-statuscolor.diagnostic.info.text:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.diagnostic.info.underline:decisionId
Before source After source
"D-001"null
token-statuscolor.diagnostic.info.underline:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.diagnostic.unused.text:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.diagnostic.warning.stripe:decisionId
Before source After source
"D-001"null
token-statuscolor.diagnostic.warning.stripe:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.diagnostic.warning.text:decisionId
Before source After source
"D-001"null
token-statuscolor.diagnostic.warning.text:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.diagnostic.warning.underline:decisionId
Before source After source
"D-001"null
token-statuscolor.diagnostic.warning.underline:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.diff.added.bg:decisionId
Before source After source
"D-001"null
token-statuscolor.diff.added.bg:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.diff.added.emphasis:decisionId
Before source After source
"D-001"null
token-statuscolor.diff.added.emphasis:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.diff.added.gutter:decisionId
Before source After source
"D-001"null
token-statuscolor.diff.added.gutter:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.diff.conflict-border:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.diff.header-bg:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.diff.modified.bg:decisionId
Before source After source
"D-001"null
token-statuscolor.diff.modified.bg:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.diff.modified.gutter:decisionId
Before source After source
"D-001"null
token-statuscolor.diff.modified.gutter:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.diff.removed.bg:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.diff.removed.emphasis:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.diff.removed.gutter:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.icon.decorative:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.icon.default:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.interaction.disabled.bg:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.interaction.drop-target:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.interaction.focus.ring:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.interaction.focus.ring-container:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-metadatacolor.interaction.focus.ring-container
Before 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-statuscolor.interaction.hover.bg:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.interaction.hover.bg-strong:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.interaction.marquee:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.interaction.pressed.bg:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.interaction.scrollbar.thumb:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.interaction.scrollbar.thumb-hover:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.interaction.scrollbar.track:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.interaction.selection.bg:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.interaction.selection.inactive-bg:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.interaction.selection.inactive-text:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.interaction.selection.text:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.interaction.text-selection.bg:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.interaction.text-selection.text:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.primitive.alpha.black-55:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.alpha.black-65:decisionId
Before source After source
"D-008"null
token-statuscolor.primitive.alpha.black-65:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.alpha.red-12:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.alpha.red-6:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.alpha.transparent:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.amber.500:decisionId
Before source After source
"D-001"null
token-statuscolor.primitive.amber.500:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.amber.600:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.amber.tint:decisionId
Before source After source
"D-001"null
token-statuscolor.primitive.amber.tint:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.ansi.0:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.ansi.1:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.ansi.10:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.ansi.11:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.ansi.12:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.ansi.13:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.ansi.14:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.ansi.15:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.ansi.2:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.ansi.3:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.ansi.4:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.ansi.5:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.ansi.6:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.ansi.7:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.ansi.8:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.ansi.9:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.blue.500:decisionId
Before source After source
"D-001"null
token-statuscolor.primitive.blue.500:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.blue.600:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.blue.tint:decisionId
Before source After source
"D-001"null
token-statuscolor.primitive.blue.tint:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.green.500:decisionId
Before source After source
"D-001"null
token-statuscolor.primitive.green.500:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.green.600:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.green.tint:decisionId
Before source After source
"D-001"null
token-statuscolor.primitive.green.tint:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.ink.0:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.ink.15:decisionId
Before source After source
"D-008"null
token-statuscolor.primitive.ink.15:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.ink.20:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.ink.25:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.ink.30:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.ink.40:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.ink.52:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.ink.60:decisionId
Before source After source
"D-008"null
token-statuscolor.primitive.ink.60:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.paper.100:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.paper.90:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.red.100:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.red.150:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.red.200:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.red.250:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.red.300:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.red.350:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.red.400:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.red.450:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.red.50:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.red.500:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.red.550:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.red.650:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.red.750:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.red.760:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.red.770:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.red.800:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.red.850:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.rose.300:decisionId
Before source After source
"D-003"null
token-statuscolor.primitive.rose.300:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.rose.320:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.rose.350:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.rose.450:decisionId
Before source After source
"D-003"null
token-statuscolor.primitive.rose.450:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.rose.550:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.rose.600:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.rose.650:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.rose.700:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.primitive.rose.800:eligibility
Before source After source
{"action":"blocked","reason":"Inspection only: consume semantic roles, not primitives.","decisionIds":[]}null
token-statuscolor.status.danger.border:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.status.danger.fill:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.status.danger.on-fill:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.status.danger.text:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.status.danger.tint:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.status.info.border:decisionId
Before source After source
"D-001"null
token-statuscolor.status.info.border:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.status.info.fill:decisionId
Before source After source
"D-001"null
token-statuscolor.status.info.fill:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.status.info.on-fill:decisionId
Before source After source
"D-001"null
token-statuscolor.status.info.on-fill:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.status.info.text:decisionId
Before source After source
"D-001"null
token-statuscolor.status.info.text:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.status.info.tint:decisionId
Before source After source
"D-001"null
token-statuscolor.status.info.tint:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.status.neutral.border:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.status.neutral.fill:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.status.neutral.on-fill:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.status.neutral.text:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.status.neutral.tint:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.status.success.border:decisionId
Before source After source
"D-001"null
token-statuscolor.status.success.border:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.status.success.fill:decisionId
Before source After source
"D-001"null
token-statuscolor.status.success.fill:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.status.success.on-fill:decisionId
Before source After source
"D-001"null
token-statuscolor.status.success.on-fill:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.status.success.text:decisionId
Before source After source
"D-001"null
token-statuscolor.status.success.text:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.status.success.tint:decisionId
Before source After source
"D-001"null
token-statuscolor.status.success.tint:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.status.warning.border:decisionId
Before source After source
"D-001"null
token-statuscolor.status.warning.border:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.status.warning.fill:decisionId
Before source After source
"D-001"null
token-statuscolor.status.warning.fill:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.status.warning.on-fill:decisionId
Before source After source
"D-001"null
token-statuscolor.status.warning.on-fill:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.status.warning.text:decisionId
Before source After source
"D-001"null
token-statuscolor.status.warning.text:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.status.warning.tint:decisionId
Before source After source
"D-001"null
token-statuscolor.status.warning.tint:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.surface.backdrop:decisionId
Before source After source
"D-008"null
token-statuscolor.surface.backdrop:eligibility
Before 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-statuscolor.surface.canvas:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.surface.chrome:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.surface.chrome-alt:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.surface.code:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.surface.default:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.surface.desktop:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.surface.input:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.surface.overlay:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.surface.raised:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.surface.sunken:decisionId
Before source After source
"D-008"null
token-statuscolor.surface.sunken:eligibility
Before 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-statuscolor.surface.terminal:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.terminal.ansi.0:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.terminal.ansi.1:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.terminal.ansi.10:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.terminal.ansi.11:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.terminal.ansi.12:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.terminal.ansi.13:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.terminal.ansi.14:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.terminal.ansi.15:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.terminal.ansi.2:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.terminal.ansi.3:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.terminal.ansi.4:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.terminal.ansi.5:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.terminal.ansi.6:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.terminal.ansi.7:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.terminal.ansi.8:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.terminal.ansi.9:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.terminal.bg:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.terminal.cursor:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.terminal.fg:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.terminal.selection-bg:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.terminal.selection-text:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.text.accent:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.text.accent-strong:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.text.bright:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.text.default:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.text.disabled:decisionId
Before source After source
"D-003"null
token-statuscolor.text.disabled:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.text.inverse:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.text.link:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.text.link-hover:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.text.link-underline:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.text.muted:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.text.on-action:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.text.on-danger:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.text.on-light:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.text.on-selection:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.text.placeholder:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.text.prose:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuscolor.text.subtle:decisionId
Before source After source
"D-003"null
token-statuscolor.text.subtle:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusdensity.comfortable.control-height:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusdensity.comfortable.control-padding-x:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusdensity.comfortable.gap:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusdensity.comfortable.icon:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusdensity.comfortable.row-height:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusdensity.compact.control-height:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusdensity.compact.control-padding-x:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusdensity.compact.gap:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusdensity.compact.icon:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusdensity.compact.row-height:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusfocus.offset:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusfocus.offset-container:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusfocus.offset-invalid:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusfocus.ring:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusfocus.ring-container:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusfont.family.mono:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusfont.letter-spacing.terminal:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusfont.line-height.caption:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusfont.line-height.code:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusfont.line-height.h1:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusfont.line-height.h2:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusfont.line-height.h3:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusfont.line-height.reading:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusfont.line-height.terminal:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusfont.line-height.ui-lg:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusfont.line-height.ui-md:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusfont.line-height.ui-sm:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusfont.size.caption:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusfont.size.code:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusfont.size.h1:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusfont.size.h2:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusfont.size.h3:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusfont.size.reading:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusfont.size.terminal:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusfont.size.ui-lg:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusfont.size.ui-md:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusfont.size.ui-sm:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusfont.weight.bold:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusfont.weight.regular:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusicon.size.lg:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusicon.size.md:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusicon.size.sm:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusicon.stroke:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuslayout.app-max:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuslayout.content-max:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statuslayout.measure:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusmotion.duration.base:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusmotion.duration.fast:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusmotion.duration.slow:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusradius.none:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusshadow.floating:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusspace.0:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusspace.1:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusspace.12:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusspace.16:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusspace.2:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusspace.24:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusspace.32:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusspace.4:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusspace.48:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusspace.8:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusz.canvas:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusz.dialog:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusz.drawer:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusz.popover:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusz.raised:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusz.skip-link:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
token-statusz.toast:eligibility
Before source After source
{"action":"use","reason":"Use within the role's documented scope and restrictions.","decisionIds":[]}null
component-contractadmin-form
Before 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-contractalert
Before 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-contractbadge
Before 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-contractbreadcrumbs
Before 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-contractbutton
Before 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-contractcard
Before 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-contractcheckbox
Before 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-contractchip
Before 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-contractcode-editor
Before 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-contractcombobox
Before 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-contractdata-table
Before 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-contractdate-picker
Before 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-contractdiagnostics
Before 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-contractdialog
Before 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-contractdiff-view
Before 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-contractdrawer
Before 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-contractempty-state
Before 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-contractfield
Before 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-contractfieldset
Before 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-contractfile-input
Before 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-contractfilterable-table
Before 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-contracti3-window-frame
Before 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-contracticon-button
Before 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-contractlink
Before 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-contractlist
Before 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-contractloading-indicator
Before 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-contractmenu
Before 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-contractnumber-field
Before 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-contractpagination
Before 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-contractprogress
Before 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-contractradio-group
Before 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-contractsearch-field
Before 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-contractselect
Before 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-contractsettings-panel
Before 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-contractsidebar-nav
Before 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-contractskip-link
Before 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-contractswitch
Before 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-contracttable
Before 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-contracttabs
Before 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-contractterminal
Before 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-contracttext-field
Before 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-contracttextarea
Before 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-contracttime-picker
Before 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-contracttoast
Before 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-contracttoolbar
Before 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-contracttooltip
Before 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-contractwizard
Before 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)
decisionD-006
Before 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)
decisionD-013
Before 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
decisionD-014
Before 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
decisionD-015
Before 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-sourcesite/src/styles/hex-swatches.css
Before source After source
"sha256-11+72Dft8m0u22CYiJ3sQGk8PP+0Wadvxg7AVogTeP0="null
appearance-sourcesite/src/styles/recipe-foundation.css
Before source After source
"sha256-siLjKAkNj84Wa0+Xz5Vf2yj9DT9k0K/Swy/cwHNrvYo="null
appearance-sourcesite/src/styles/site.css
Before source After source
"sha256-4Cd1gSerTs7N04XByVqxrXWg9Y+eLINJmbDHEy+8Vzs=""sha256-DE+9lH/7cWoXjU4qMd0IzTDhH8LzA4YzW5N00yR+83k="
appearance-sourcesite/src/styles/tools.css
Before source After source
"sha256-URwQ1L2frmql0RzNxRX8Gl0gePnifqfppoE9pHBlSY8="null
appearance-sourcesite/src/styles/verification.css
Before source After source
"sha256-I9XFRQv86iLM5gKtTZqUypVixA6zE+nqEGB3sxSGGIQ="null
appearance-sourcesite/src/styles/workbench.css
Before source After source
"sha256-ik8Rud8IBnAZGAR7lq/Z5rzPquebmyj/wiJTg8dQkTk="null
appearance-sourcespec/components/dialog.demo.html
Before source After source
"sha256-m9m1JcXKJ5j3f0rxR1fojmkYvtgzUnhgWBPA0iI6cSM=""sha256-SArgjPtEcJQvkKUAgzz0gdscY/lUPBUqDdjYd0XwRf4="
appearance-sourcespec/components/settings-panel.demo.html
Before source After source
"sha256-klOL3sjG/73PuBDA1/IYX1ccHbwsF2cdS+tMdayk1Ns=""sha256-amUTiuR/FWyzI9r5TpuLjh4YxXyCdPPn9VW0n/eVIo4="
appearance-sourcespec/components/tabs.demo.html
Before 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.

    Before — Published workbench revision
    After — v0.1.0 release

    All maintained variants and states (static links):

    text-field

    Same fixture bytes on both sides.

    Before — Published workbench revision
    After — v0.1.0 release

    All maintained variants and states (static links):

    checkbox

    Same fixture bytes on both sides.

    Before — Published workbench revision
    After — v0.1.0 release

    All maintained variants and states (static links):

    tabs

    Same fixture bytes on both sides.

    Before — Published workbench revision
    After — v0.1.0 release

    All maintained variants and states (static links):

    dialog

    Fixture bytes changed: differences include content or markup, not only theme values.

    Before — Published workbench revision
    After — v0.1.0 release

    All maintained variants and states (static links):

    table

    Same fixture bytes on both sides.

    Before — Published workbench revision
    After — v0.1.0 release

    All maintained variants and states (static links):

    sidebar-nav

    Same fixture bytes on both sides.

    Before — Published workbench revision
    After — v0.1.0 release

    All maintained variants and states (static links):

    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.

    j3w1 / command

    • SPEC Overview
    • SPEC Foundations
    • SPEC Components
    • SPEC Patterns
    • SPEC Tokens
    • SPEC Tools
    • SPEC Implement
    • SPEC For agents
    • SPEC Ports
    • SPEC Releases
    • DEMO Vue application demo
    • SPEC Complete UI theme specification