[pratikbuilds]

Summary

Clears the 18 contrast baselines that #120's measured check added to e2e/stories-a11y.known.json. They came from 9 stories in light and dark, and had three causes.

• Sidebar badge (a real failure). The orange badge tones (accent, warning, access) laid bg-primary/10 over whatever was below. On a selected row, whose ground is already a 10% primary wash, the label fell to 4.38:1. The tones now use a new static pair, --primary-tint / --primary-tint-foreground, defined as hex in :root, .dark and the dark media block. The pair is mapped in @theme inline and listed in REQUIRED, so the contrast gate checks it like every other X / X-foreground fill. It measures 4.78:1 in light and 4.92:1 in dark, the same look as before on a card.
• Prompt input (a checker gap). The fallback counted every textarea as painting, so the prompt input's transparent field hid the mirror that shows its words. A text field (a textarea, or an input of type text, search, email, url or tel) now paints only what its style draws: its box, its value or placeholder, and a selection highlight. Where a field's glyphs paint nothing, the elements drawing its words that axe did not judge are sampled too, and their samples follow the targets'. The mirror text and tokens now measure and pass.
• Accepted, with a reason. The known file is now a map from each key to why it stands. Six entries remain:
  • chat-prompt-input--disabled, light and dark: the mirror of a disabled field is at half opacity (3.07 / 3.96:1). WCAG 1.4.3 exempts inactive controls.
  • primitives-avatar--orbit and --stack-with-status, light and dark: the orbit ring is positioned over the initials and hollowed by a mask. Hit-testing finds its whole box, and the sampler takes a mask as opaque, so the ground under the initials can't be read.

Notes for review

• New browser fixtures pin the field rule both ways:
  • a field showing its own value or placeholder over text leaves that text unmeasured;
  • a dark mirror under a transparent field measures and passes;
  • a faint one is never passed;
  • the fallback samples the mirror on its own when axe judged none.
• The caret is ignored when deciding what a field paints.
• The orange badges keep border-primary-emphasis/40. That border is decorative, not text.
• --primary-tint doesn't change in the warm and cool themes, like --primary: those themes shift only surfaces.

Verification

• bun run check, bun run build, bun run contrast-test and bun run dep-guard pass.
• bun run test:e2e passes: 168 Playwright tests, including the Storybook axe sweep in light and dark.
• With the known file emptied, the sweep fails on exactly the 6 noted entries and nothing else.

Closes #138

[corbits-triage]

Triage: Pass

No changes needed from you. A maintainer will review this pull request.

[TheGreatAxios]

Review · Approve

Replaces translucent orange badge washes with static --primary-tint / --primary-tint-foreground tokens, updates the contrast sampler so text fields only paint visible glyphs and queue unjudged underlying mirrors, and reduces e2e/stories-a11y.known.json to six documented entries.

Findings

• e2e/contrast-dom.ts:127 (informational) — fieldGlyphs checks resolve(getComputedStyle(field, "::placeholder").color)[3] > 0 without checking -webkit-text-fill-color, whereas sample at line 447 checks lettering.getPropertyValue("-webkit-text-fill-color") || lettering.color.
• e2e/contrast-dom.ts:474 (informational) — mirrored: drawers.size > 0 is set unconditionally even when clip !== undefined prevented queueing drawers at line 463.