Update memory — IconButton, Divider, Link atoms registered

- component-registry: 3 atoms moved from planned → review
- session-log: Session 25n continued — atoms batch build

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-25 20:17:59 +11:00
parent 933dca3f09
commit dccf8e6514
2 changed files with 43 additions and 6 deletions

View File

@@ -624,7 +624,44 @@ Each entry follows this structure:
- **Planned (5 organisms):** ServiceSelector, PricingTable, ArrangementForm, Navigation, Footer
**Next steps:**
- User to review VenueCard in Storybook
- Build next molecule (ServiceOption — selectable card for arrangement items) or next atoms (IconButton, Avatar, Divider, Link)
- Consider MapCard as deferred until map integration
- ~~User to review VenueCard in Storybook~~ ✓ Approved
- ~~Build next atoms (IconButton, Divider, Link)~~ ✓ Done
### Session 2026-03-25n (continued) — IconButton, Divider, Link atoms
**Agent(s):** Claude Opus (via conversation)
**Work completed:**
- Built IconButton atom — wraps MUI IconButton with FA theme overrides:
- 3 sizes reusing Button height tokens (sm 32px, md 40px, lg 48px)
- Rounded rect shape (borderRadius.md), brand hover colours, focus ring
- 4 colour options: default, primary, secondary, error
- 5 stories including CommonUseCases (card toolbar, dialog close, nav toggle)
- Built Divider atom — wraps MUI Divider with FA border token:
- Horizontal/vertical orientation, fullWidth/inset/middle variants
- Text children support (MUI built-in)
- 6 stories including InContent and NavigationList patterns
- Built Link atom — wraps MUI Link with FA brand tokens:
- Copper colour (brand.600, 4.8:1 contrast) by default
- Underline on hover, focus-visible ring, fontWeight 500
- 7 stories including Inline (body text), Navigation, FooterLinks
- Added MuiIconButton, MuiDivider, MuiLink overrides to theme
**Decisions made:**
- IconButton uses rounded rect (borderRadius.md) not circle — consistent with Button. Circle can be achieved with sx if needed.
- Link defaults to underline="hover" — always-underlined links feel heavy in FA's clean aesthetic, but the underline is important for discoverability so it appears on hover.
- No new component tokens — IconButton reuses Button tokens, Divider uses palette.divider, Link uses palette colours.
**Component status at end of session:**
- **Done (8):** Button, Typography, Input, Card, Badge, Chip, Switch, Radio
- **Review (3 atoms):** IconButton, Divider, Link
- **Review (2 molecules):** ProviderCard (v2, audit 17/20), VenueCard (critique 33/40)
- **Planned (3 atoms):** Icon, Avatar, ColourToggle, Slider
- **Planned (4 molecules):** MapCard, ServiceOption, SearchBar, StepIndicator, FormField
- **Planned (5 organisms):** ServiceSelector, PricingTable, ArrangementForm, Navigation, Footer
**Next steps:**
- User to review IconButton, Divider, Link in Storybook
- Build ServiceOption molecule (core arrangement flow interaction)
- Consider building Navigation organism (now that IconButton + Link are available)
- Remaining P3s: InfoOutlinedIcon sizing in ProviderCard, image loading placeholder, accent bar 3px→4px