# Changelog All notable changes to `@whynot/design` are recorded here. Hand-edited until release cadence makes it painful. Format follows [Keep a Changelog](https://keepachangelog.com/en/1.1.0/). Versioning rules: see [`DesignSystemIntroduction.md` §5](./DesignSystemIntroduction.md#5-versioning-discipline). ## [Unreleased] _Nothing yet. Add entries above the next `[vX.Y.Z]` block as PRs land._ ## [0.1.0] — 2026-05-23 **Initial seed.** Established `whynot-design` as the implementation surface for the `whynot` visual language. Decision recorded in `whynot-control/DECISIONS.md` as DEC-004 (pending). ### Added - `src/styles/colors_and_type.css` — full token set + semantic element styles. - `tokens/` — source-of-truth JSON tokens for colours, type, spacing, radii, shadows. - `src/components/Atoms.jsx` — `Eyebrow`, `Tag`, `Button`, `StageDot`, `Stamp`, `Icon`. - `src/components/Chrome.jsx` — `TopNav`, `Sidebar`, `PageHeader`, `PipelineStrip`. - `examples/whynot-control/` — click-through UI kit recreating the `whynot-control` surface (inbox, prototypes, prototype detail, signals, betas, decisions, control-doc viewer). - `assets/whynot-logo.png` — LEGO-brick + `?!` mark. - `SKILL.md` — Agent Skill manifest, cross-compatible with Claude Code. - `README.md` — full design language. - `DesignSystemIntroduction.md` — integration guide. - `CONTRIBUTING.md` — contribution flow + house rules. ### Known caveats - IBM Plex is loaded from Google Fonts. Drop `.woff2` files into `fonts/` and swap to a local `@font-face` for offline use. - No build step — consumers import JSX directly. Promote to a build when the system has >30 components or needs non-React consumers. - Playwright visual regression covers `examples/whynot-control/index.html` only. Add per-component coverage when component count exceeds ~20. - `assets/whynot-logo.png` is raster. Re-draw as SVG before promoting to `1.0.0`.