Files
whynot-design/adapters/plain-css
tegwick 05fa31e2b5
Some checks failed
ci / check (push) Has been cancelled
ci / release (push) Has been cancelled
fix(adapter): resolve all WHYNOT-WP-0002 drift — designbook-refresh green
Triage the three surfaced divergences the governance-correct way (no stack->React
back-edit, no ir/ hand-edit); make adapt-lit/parity-lit/designbook-refresh now
exit 0:

- PipelineStrip: documented TAG_OVERRIDES in scripts/ir-extract.mjs maps the
  React 'PipelineStrip' to the established tag wn-pipeline (the web-component tag
  is an IR-projection detail, not React-dictated; the component name stays
  faithful). Tag now matches the element; parity tests it (no longer skipped).
- PageHeader.actions: the drift detector now collects each element's named slots
  and treats an IR prop honoured by a same-named slot (<slot name="actions">) as
  satisfied (prop-via-slot, informational) rather than prop-missing.
- Sidebar.current: recorded as an auditable accepted divergence in
  adapters/lit/drift.accepted.json (React monolithic 'current' key vs Lit per-item
  'active' on composable <wn-sidebar-item>) — listed, downgraded to info, not gated.

Rendered surfaces (src/, examples/) untouched — verified zero diff; parity renders
all 10 components green. Adapt/parity outputs idempotent (stable re-run).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-30 09:53:59 +02:00
..

plain-css adapter — second-adapter smoke (WHYNOT-WP-0002 · T10)

This is not a finished stack. It exists to prove the IR/adapter boundary: that a second, non-Lit adapter can consume the same ir/ and honour the same adapters/ADAPTER_CONTRACT.md. The deliverable is confidence in the seam, so the architecture can later be lifted into a coulomb-level tool — not a usable plain-CSS component kit.

Run with make adapt-plain-css (adapters/plain-css/adapt.mjs).

What it proves

Contract concern This adapter Same as Lit?
Input is ir/ only reads ir/tokens.json + ir/components/*.json ✓ identical inputs
Tokens fully generated adapters/plain-css/tokens.css (CSS custom properties, deterministic no-op re-run) ✓ same discipline, different target
New component → stub write-once class stub adapters/plain-css/stubs/<tag>.css (base + variant modifier classes from the contract) ✓ write-once, into a staging dir
Drift roll-up adapters/plain-css/_report.json in the contract's report shape (stack, generatedAt, components[]) ✓ portable shape
Exit codes 0 ok · 2 usage · 3 new/drift · 5 internal ✓ shared convention

Because plain-CSS has no hand-authored source, every IR component reports status: "new" and gets a stub — exactly the contract's new-component path. That a totally different stack reuses the same IR, the same report shape, and the same exit codes — with zero changes to ir/ — is the proof the boundary holds.

What it deliberately does NOT do

No real CSS appearance, no parity, no full component set, no integration into the repo's build. Finishing a plain-CSS (or Vue/Svelte/…) stack is future work; the seam is what T10 validates. See DesignSystemIntroduction.md §5.1 and the Lit reference adapter (adapters/lit/) for the full implementation.