tegwick
05fa31e2b5
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>
131 lines
4.5 KiB
Markdown
131 lines
4.5 KiB
Markdown
<!-- GENERATED by scripts/ir-extract.mjs (make ir) — do not hand-edit. -->
|
|
# whynot-design IR catalog
|
|
|
|
**designVersion** `0.4.0` · **components** 10 · **generated** 2026-06-30T07:46:35.138Z
|
|
|
|
Machine-readable companion: [`manifest.json`](./manifest.json) (per-component + token hashes).
|
|
|
|
## atoms
|
|
|
|
### Button `<wn-button>`
|
|
|
|
Button — extracted from designbook ui_kits/whynot-control/Atoms.jsx.
|
|
|
|
| prop | attribute | type | default |
|
|
| --- | --- | --- | --- |
|
|
| `variant` | `variant` | enum(secondary \| primary \| ghost) | `secondary` |
|
|
| `icon` | `icon` | boolean | — |
|
|
|
|
_Non-portable (React-only) props:_ `onClick`, `style`.
|
|
|
|
**Slots:** `default`
|
|
**Events:** `wn-click`
|
|
**Variants:** variant (secondary/primary/ghost)
|
|
**Contract:** [`components/Button.json`](./components/Button.json) · **hash** `sha256:4a32713049e433dd` · **exemplar:** [`exemplars/Button.html`](./exemplars/Button.html)
|
|
|
|
### Eyebrow `<wn-eyebrow>`
|
|
|
|
Eyebrow — extracted from designbook ui_kits/whynot-control/Atoms.jsx.
|
|
|
|
_Non-portable (React-only) props:_ `style`.
|
|
|
|
**Slots:** `default`
|
|
**Contract:** [`components/Eyebrow.json`](./components/Eyebrow.json) · **hash** `sha256:56baa59a49b5f32c` · **exemplar:** [`exemplars/Eyebrow.html`](./exemplars/Eyebrow.html)
|
|
|
|
### Icon `<wn-icon>`
|
|
|
|
Icon — extracted from designbook ui_kits/whynot-control/Atoms.jsx.
|
|
|
|
| prop | attribute | type | default |
|
|
| --- | --- | --- | --- |
|
|
| `name` | `name` | string | — |
|
|
| `size` | `size` | number | `16` |
|
|
|
|
_Non-portable (React-only) props:_ `style`.
|
|
|
|
**Contract:** [`components/Icon.json`](./components/Icon.json) · **hash** `sha256:2557fbffb3aa6ee1`
|
|
|
|
### StageDot `<wn-stage-dot>`
|
|
|
|
StageDot — extracted from designbook ui_kits/whynot-control/Atoms.jsx.
|
|
|
|
| prop | attribute | type | default |
|
|
| --- | --- | --- | --- |
|
|
| `level` | `level` | string | `S2` |
|
|
| `label` | `label` | string | — |
|
|
|
|
_Non-portable (React-only) props:_ `style`.
|
|
|
|
**Contract:** [`components/StageDot.json`](./components/StageDot.json) · **hash** `sha256:f6f7790aa886261e` · **exemplar:** [`exemplars/StageDot.html`](./exemplars/StageDot.html)
|
|
|
|
### Stamp `<wn-stamp>`
|
|
|
|
Stamp — extracted from designbook ui_kits/whynot-control/Atoms.jsx.
|
|
|
|
_Non-portable (React-only) props:_ `style`.
|
|
|
|
**Slots:** `default`
|
|
**Contract:** [`components/Stamp.json`](./components/Stamp.json) · **hash** `sha256:0b32f43ed19ac470`
|
|
|
|
### Tag `<wn-tag>`
|
|
|
|
Tag — extracted from designbook ui_kits/whynot-control/Atoms.jsx.
|
|
|
|
| prop | attribute | type | default |
|
|
| --- | --- | --- | --- |
|
|
| `active` | `active` | boolean | — |
|
|
| `draft` | `draft` | boolean | — |
|
|
|
|
_Non-portable (React-only) props:_ `style`.
|
|
|
|
**Slots:** `default`
|
|
**Contract:** [`components/Tag.json`](./components/Tag.json) · **hash** `sha256:91ee34eac1457016` · **exemplar:** [`exemplars/Tag.html`](./exemplars/Tag.html)
|
|
|
|
## chrome
|
|
|
|
### PageHeader `<wn-page-header>`
|
|
|
|
PageHeader — extracted from designbook ui_kits/whynot-control/Chrome.jsx.
|
|
|
|
| prop | attribute | type | default |
|
|
| --- | --- | --- | --- |
|
|
| `eyebrow` | `eyebrow` | boolean | — |
|
|
| `title` | `title` | string | — |
|
|
| `lede` | `lede` | boolean | — |
|
|
| `actions` | `actions` | boolean | — |
|
|
|
|
**Contract:** [`components/PageHeader.json`](./components/PageHeader.json) · **hash** `sha256:93e12068e2f58f10` · **exemplar:** [`exemplars/PageHeader.html`](./exemplars/PageHeader.html)
|
|
|
|
### PipelineStrip `<wn-pipeline>`
|
|
|
|
PipelineStrip — extracted from designbook ui_kits/whynot-control/Chrome.jsx.
|
|
|
|
| prop | attribute | type | default |
|
|
| --- | --- | --- | --- |
|
|
| `activeIdx` | `active-idx` | number | `3` |
|
|
|
|
**Contract:** [`components/PipelineStrip.json`](./components/PipelineStrip.json) · **hash** `sha256:167717c21cceff79` · **exemplar:** [`exemplars/PipelineStrip.html`](./exemplars/PipelineStrip.html)
|
|
|
|
### Sidebar `<wn-sidebar>`
|
|
|
|
Sidebar — extracted from designbook ui_kits/whynot-control/Chrome.jsx.
|
|
|
|
| prop | attribute | type | default |
|
|
| --- | --- | --- | --- |
|
|
| `current` | `current` | enum(doc:) | — |
|
|
|
|
_Non-portable (React-only) props:_ `onNav`.
|
|
|
|
**Events:** `wn-nav`
|
|
**Variants:** current (doc:)
|
|
**Contract:** [`components/Sidebar.json`](./components/Sidebar.json) · **hash** `sha256:8340b292fff7a80d` · **exemplar:** [`exemplars/Sidebar.html`](./exemplars/Sidebar.html)
|
|
|
|
### TopNav `<wn-top-nav>`
|
|
|
|
TopNav — extracted from designbook ui_kits/whynot-control/Chrome.jsx.
|
|
|
|
_Non-portable (React-only) props:_ `onNew`.
|
|
|
|
**Events:** `wn-new`
|
|
**Contract:** [`components/TopNav.json`](./components/TopNav.json) · **hash** `sha256:32ebc6e46db38f93` · **exemplar:** [`exemplars/TopNav.html`](./exemplars/TopNav.html)
|