coulomb/whynot-design

tegwick 65247c9320 release: @whynot/design v0.4.2 on Forgejo

Assistant: codex
Assistant-Model: gpt-5.6-sol
Assistant-Session: 01a06d83-1cbc-71f2-b0dc-e0f48cedae43

2026-09-04 23:26:28 +02:00

4.5 KiB

Raw Blame History

whynot-design IR catalog

designVersion 0.4.2 · components 10 · generated 2026-09-04T21:25:01.914Z

Machine-readable companion: 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 · hash sha256:4a32713049e433dd · exemplar: 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 · hash sha256:56baa59a49b5f32c · exemplar: 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 · 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 · hash sha256:f6f7790aa886261e · exemplar: 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 · 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 · hash sha256:91ee34eac1457016 · exemplar: 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 · hash sha256:93e12068e2f58f10 · exemplar: 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 · hash sha256:167717c21cceff79 · exemplar: 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 · hash sha256:8340b292fff7a80d · exemplar: 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 · hash sha256:32ebc6e46db38f93 · exemplar: exemplars/TopNav.html