Design System v4.4 — agent surface, DTCG 2025.10, full dark theme
The GOV-DS-2026-02 rev. v4.4 programme (ships with the next minor release):
- Agent surface:
@risqbase-inc/ui-components-mcpMCP server (11 read-only tools over components, tokens, recipes, lifecycle, scanner rules and Layer-3 showcase entries), Streamable HTTP endpoint at/mcp,llms.txt+llms-full.txt+ per-page.mdmirrors — all generated from one registry (build:agent-surface), freshness CI-gated (scanner rule R14). - Tokens: DTCG 2025.10 source (
*.tokens.json, OKLCH colors with round-trip-exact hex fallbacks,$deprecated, resolver-driven theming). Consumer-visible CSS is value-identical;oklch()lands as a progressive enhancement under@supports. - Dark theme: complete coverage of every semantic + component color token (62 newly derived values, contrast-verified per theme); lint-enforced completeness; docs-site theme switcher. New
color.action.linktoken for interactive text (resolves identically toaction.primaryin light). - High contrast: forced-colors compliance pass —
data-fcroles on meaning-bearing SVG geometry, system-color mappings intokens.css(replaces the never-populatedhctoken theme;'hc'stays accepted but deprecated). - Motion:
MotionProvider+useReducedMotion(beta) — localStorage preference over the OS signal,data-motionCSS contract, all four animated primitives migrated;motion-preferencesettings-toggle recipe. - Charts:
area,heatmap,metric-cardand the restoredchoropleth(CEO 10 Jun reversal of the rung-1 cut) complete 7/7 of the ChartContainer taxonomy; visually-hidden data-table fallback on every chart type. - Scanner rules: R12 token hygiene, R13 motion gating, R14 agent-surface freshness, R15 brand-mark integrity — each proven to fail on committed fixtures before passing on clean source.
- AAA text tier (PR-B, 2026-06-11):
color.text.subtlestone-500 → stone-600 (4.8:1 → 7.6:1 on white) andcolor.text.on-inverse-subtlestone-400 → stone-300 (6.9:1 → 11.7:1 on stone-900) — every secondary-text role now clears WCAG 1.4.6 AAA (≥7:1) in both themes (dark overrides already cleared: 7.73 / 7.44, no adjustment needed). Direct aliases (header tagline / nav links / launch date, gauge caption) re-annotatedcontrastLevel: aaa. Rationale + audit trail: the AAA programme in the brand-mark v3 hand-off's AAA Compliance Catalogue. Visual delta: secondary text reads slightly darker in light theme — deliberate, no structural change. - Brand mark v3 (rev. A1 v1.1, 2026-06-11 — surface-relative): frozen Geist-Bold outline assets replace the drifted Helvetica-
<text>mark —public/icon.svg(card),public/mark.svg(barecurrentColor), optional inverse favicon; exported as@risqbase-inc/ui-components/assets/*. New semantic tokenscolor.brand.mark(indigo-700 light / indigo-300 dark — deliberately diverges fromcolor.action.primary, which is unchanged) andcolor.brand.mark-on-inverse(the per-theme mirror for inverse surfaces).color.header.logo/color.footer.logore-pointed to the brand chain; Header and Footer inline the frozen mark glyph; Footer raw classes (bg-stone-900/text-gray-400/text-indigo-400/border-gray-800) rewired tocolor.footer.*tokens with AAA meta/link bumps (stone-400 → stone-300 on the inverse surface, ≥7:1 in both themes). The WCAG 1.4.6/1.4.9 logotype exemption remains documented belt-and-braces only — all brand pairs clear AAA outright.