You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
🧩 22 component-states harnesses — full set under examples/component-states/, each gated in light + dark: Button, Input, Modal, Tabs, Select/Combobox, Checkbox-Radio-Switch, Toast, Feedback, Navigation, Overlays, Misc, Card, Data Table, Drawer, Date Picker, File Upload, Search/Form-Field, Charts, Tree/Carousel/Image carousel/Divider, Command Palette, App Shell (header + sidebar landmarks), Context Menu. accuracy_report now 25/25 = 100%.
📊 Charts / data-viz — Bar, Line+area, Donut, Sparkline, Scatter (role="img" + legend), animated on entry (pathLength line-draw, scaleY bars, staggered points) with prefers-reduced-motion parity.
🎨 lucide icon sprite — examples/component-states/icons.js injects one <symbol> sprite; icons are referenced by name <svg class="ico"><use href="#i-bell"/></svg> — no per-use path, no network, offline + gate-safe. Every harness icon converted (hand-drawn approximations that rendered as broken glyphs are gone).
📐 Responsive gate — scripts/verify_responsive.mjs fails on any horizontal overflow at 280 / 320 / 414 px. Fixed fixed-width / unreset-list-padding / non-wrapping-flex / minmax traps across the set.
🎚️ New theme tokens — motion (--duration-*, --ease-*, --transition-micro), color-blind-aware chart palette (--color-chart-1..6), and a dark-aware --color-surface-brand.
♿ Gate refinements — verify_states holds graphical / icon-only controls to 3:1 (WCAG 1.4.11, not 4.5) and exempts disabled controls; verify_focustrap no longer false-passes a display:noneposition:fixed dialog (caught a drawer that never closed).
🧱 Verified patterns — thin custom checkbox/radio (real <input> under a pointer-events:none box, check + dash as two <path> in one <svg>), smooth grid-rows accordion, auto-fit (not auto-fill) card grids, equal-height panels, mobile sidebar that pushes content down instead of overlapping.
📚 design-component skill — added "RENDER AND LOOK — gates don't prove pixels", responsive, motion, layout, icons-by-sprite, and graphical-control rules.