1. Home
  2. Docs
  3. Changelog
Release notes

Changelog

Every change to the design system, in reverse chronological order. Following semver: minor bumps add components or tokens; patches refine existing ones; majors break the public API.

v1.2.0 2026-05-09 Latest

Round out the missing components

Adds the second wave of Tier-1 components plus a tokens.json export for downstream tooling.

Added
  • .tabs, .tab, .tab-panel — underline-style tab nav
  • .tooltip with [data-tooltip] — CSS-only bubble on hover/focus
  • .breadcrumbs — <ol> with / separators and aria-current
  • .pagination — numbered list with prev/next + active state
  • .skeleton — shimmer placeholder with .is-text / .is-title / .is-block / .is-circle
  • .empty-state — centered no-data panel with icon slot
  • tokens.json — machine-readable mirror for Figma / Tailwind / Style Dictionary
Examples
v1.1.0 2026-05-09

Form patterns + accessibility fixes

First wave of missing components plus a contrast bump for muted body text.

Added
  • .field, .field-label, .field-help, .field-error — vertical field-group wrapper
  • .input.is-error, :disabled states on form controls
  • .textarea, .select with theme-aware chevron
  • .radio, .switch matching the existing .checkbox pattern
  • .alert with .is-info / .is-success / .is-warning / .is-danger
  • .code-block for multi-line <pre><code> with optional copy slot
  • .dialog styling for native <dialog> with ::backdrop
  • kbd chip for keyboard shortcuts
  • examples/forms.html · examples/docs.html — new showcase pages
Changed
  • --gray-500: #85858A → #6F6F75 in light mode (5.05:1 on --paper, clears WCAG AA 4.5:1 for body text). Dark mode unchanged at 6.4:1.
  • DESIGN_SYSTEM.md — new Accessibility section documenting the deliberate sub-3:1 hairline border choice and contrast guarantees for new tokens.
Migration

Replace stale documentation hex literals if you've forked an older copy:

- <span class="hex">#85858A</span><span class="tok">--gray-500</span>
+ <span class="hex">#6F6F75</span><span class="tok">--gray-500</span>
v1.0.1 2026-05-09

GitHub Pages deploy

Added
  • GitHub Actions workflow (.github/workflows/pages.yml) deploys examples/ on push to main
  • Workflow syncs canonical tokens.css + inkwell.css into examples/ at deploy time so the live demo never drifts from source
  • Live demo link in README pointing to vscarpenter.github.io/inkwell
v1.0.0 2026-05-09 Initial release

The first cut

The structural layer, the Indigo & Cloud palette, ten core components, dark mode out of the box, and an opinionated design spec.

Includes
  • tokens.css — color, typography, spacing, radius, border, shadow, motion, layout
  • inkwell.css — brand-named alias re-exporting tokens.css
  • Components: .btn, .input, .checkbox, .badge, .card, .stat-card, .tbl, .tldr, .pill, .timeline, .chip-dot, .avatar, .toc, .sec-head, .eyebrow
  • Pattern B dark mode (auto + manual override on <html data-theme>)
  • DESIGN_SYSTEM.md spec, preview.html showcase, variants/ with three alternate palettes
Demonstrates: .breadcrumbs, .pagination, version pills, .code-block for migration diffs, native <article> + <ol> semantics throughout.

Made with hairlines and serifs by Vinny Carpenter. The 1.5px is on purpose.