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:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user