Skip to content

History / Style Guide

Revisions

  • docs(style): update Photo Annotator pattern — a11y audit (Story #1478) - min-height instead of height on ToolPalette to prevent overflow clipping - active button must use --color-primary-active border (3:1 contrast requirement) - color swatch padding technique for 44px touch target - complete live-region announcement table for all shape operations - keyboard navigation spec (roving tabindex, Escape ownership, arrow key scope) - screen reader requirements: selection state, undo/redo, delete announcements - dark mode: inline input must use var(--color-text-inverse) not literal white - SVG shape visual table updated with freehand/measurement/callout handle counts

    ux-designer committed May 18, 2026
    6f47ae9

  • docs(style): add Photo Annotator component pattern section

    ux-designer committed May 17, 2026
    4405706

  • docs(style): add --color-text-quoted token for quotation-status amounts (issue #1449) Co-Authored-By: Claude ux-designer (Sonnet 4.6) <noreply@anthropic.com>

    Frank Steiler committed May 17, 2026
    5db1e18

  • docs(style): add shared components section to Style Guide Documents Badge, SearchPicker, Modal, Skeleton, EmptyState, and FormError — the six shared components introduced in PRs #852, #854, #857, #861, and #863. Each entry covers the props interface, usage examples, built-in variant classes, and accessibility behavior. Co-Authored-By: Claude ux-designer (Sonnet 4.6) <noreply@anthropic.com>

    @claude claude committed Mar 16, 2026
    45c2543

  • docs: add GET /api/budget/breakdown endpoint

    @claude claude committed Mar 5, 2026
    9d52d0c

  • docs: update brand identity section with light/dark logo variants Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

    @claude claude committed Feb 26, 2026
    d4e6512

  • docs: format wiki markdown files with Prettier Co-Authored-By: Claude orchestrator (Opus 4.6) <noreply@anthropic.com>

    @claude claude committed Feb 22, 2026
    3927e08

  • docs: add Style Guide wiki page (Story 12.5) Comprehensive design system reference covering: - Design token architecture (3-layer system explanation) - Full Layer 1 color palette with hex values (gray, blue, red, green) - All Layer 2 semantic tokens with light/dark values and usage - Shadow scale (light + dark variants) - Typography: font family, sizes (2xs-4xl), weights - Spacing tokens (4px grid, 0-64px) - Border radius tokens (sm, md, lg, circle, full) - Transition tokens (fast, normal, medium, slow + composites) - Z-index scale (dropdown, overlay, sidebar, modal) - Component patterns: token usage, badges, form inputs, buttons, NavLink - Dark mode implementation guide: ThemeContext, ThemeToggle, localStorage, system pref detection - How to add new dark mode tokens (3-step process) - Brand identity: Logo component, favicon, color identity Updated Home.md index to link to Style Guide. Co-Authored-By: Claude ux-designer (Opus 4.6) <noreply@anthropic.com>

    @claude claude committed Feb 18, 2026
    70960a3