21877ce4e6
Add Chip atom component
...
- Interactive tag for filtering, selection, and dismissible labels
- Wraps MUI Chip with FA tokens: 12 component tokens (height, padding, font, icon sizes)
- Two variants (filled/outlined) × two colours (default/primary) × two sizes (sm/md)
- Custom `selected` prop promotes to brand colour with warm bg (outlined)
- MUI theme overrides: soft tonal fills, branded outlines, hover/focus states
- 10 Storybook stories including interactive filter and removable tag demos
- Preflight passed all 5 checks
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-03-25 16:45:24 +11:00
1188eef96e
Update memory files — end of session
...
- Mark Button, Typography, Input as done (were still review)
- Add session 2026-03-25i log for impeccable integration
- Document component status: 5 done, 10 atoms/molecules/organisms planned
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-03-25 16:37:54 +11:00
cb57bc3042
Integrate impeccable design quality tools
...
Selective integration from pbakaus/impeccable (Apache 2.0):
Reference material (docs/reference/impeccable/):
- 7 design guides: typography, color-and-contrast, spatial-design,
motion-design, interaction-design, responsive-design, ux-writing
- 3 critique references: cognitive-load, heuristics-scoring, personas
- 4 skill references for internal use: audit, critique, polish,
frontend-design (anti-patterns list)
New skills:
- /audit — technical quality scoring (0-20) across 5 dimensions:
accessibility, performance, theming, responsive, design quality
- /critique — UX design review using Nielsen's 10 heuristics (0-40),
adapted for FA's sensitive audience context
Updated skills:
- /review-component — added interactive states checklist and design
anti-patterns checklist (8 checks each)
- /preflight — added visual QA spot-check section (transitions,
focus-visible, touch targets, spacing consistency)
No code changes — all existing components, tokens, and theme untouched.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-03-25 16:35:39 +11:00
d1ae1a6f27
Update memory files for Badge atom
...
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-03-25 16:05:54 +11:00
ab14af9cc6
Mark Card atom as done
...
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-03-25 15:50:38 +11:00
a899c9a376
Update memory files for Card selected state
...
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-03-25 15:46:38 +11:00
3be3afd80c
Update memory files for Card atom
...
- Component registry: Card → review with full details
- Session log: Add session 2026-03-25f entry
- Token registry: Add card component tokens
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-03-25 15:32:02 +11:00
732c872576
Initial commit: FA 2.0 Design System foundation
...
Token pipeline (Style Dictionary v4, DTCG format):
- Primitive tokens: colour palettes (brand, sage, neutral, feedback),
typography (3 font families, 21-variant type scale), spacing (4px grid),
border radius, shadows, opacity
- Semantic tokens: text, surface, border, interactive, feedback colours;
typography roles; layout spacing
- Component tokens: Button (4 sizes), Input (2 sizes)
- Generated outputs: CSS custom properties, JS ES6 module, flat JSON
Atoms (3 components):
- Button: contained/soft/outlined/text × primary/secondary, 4 sizes,
loading state, underline for text variant
- Typography: 21 variants across display/heading/body/label/caption/overline,
maxLines truncation
- Input: external label, helper text, error/success validation,
start/end icons, required indicator, 2 sizes, multiline support
Infrastructure:
- MUI v5 theme with full token mapping
- Storybook 8 with autodocs
- Claude Code agents and skills for token/component workflows
- Design system documentation and cross-session memory
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-03-25 15:08:15 +11:00
