Update session log and component registry for 2026-03-31c
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -26,6 +26,46 @@ Each entry follows this structure:
|
||||
|
||||
## Sessions
|
||||
|
||||
### Session 2026-03-31c — PaymentStep/ConfirmationStep review + progress bar + CartButton
|
||||
|
||||
**Agent(s):** Claude Opus 4.6 (1M context)
|
||||
|
||||
**Work completed:**
|
||||
- **Organism normalize pass (Phase 3):** Scanned all 6 organisms. Fixed FuneralFinderV3 transition timing (200ms → 150ms ease-in-out), added autodocs tag to V3 stories. Navigation audit 18/20, ServiceSelector 20/20.
|
||||
- **Navigation P1 fix:** Logo wrapper changed from `div[role=link]` to proper `<a>` tag for keyboard accessibility.
|
||||
- **PaymentStep feedback (5 items):** Divider under subheading, lock icon alignment, ToggleButtonGroup `align` + `direction` props (centre-aligned payment options, vertical payment method stack), checkbox alignment fix.
|
||||
- **ToggleButtonGroup atom enhanced:** New `align` (start/center) and `direction` (row/column) props. Description text bumped from `text.secondary` to `text.primary`.
|
||||
- **SummaryStep:** Save button → text variant (matches other pages), centred.
|
||||
- **Cross-page heading spacing:** All wizard pages `mb: 1` → `mb: 2` on display3 heading.
|
||||
- **ConfirmationStep redesign:** Animated SVG tick (circle draws then checkmark), "What happens next" warm card with bullet points, contact phone as prop, link-based secondary actions.
|
||||
- **VenueStep + ProvidersStep:** Sticky search bar padding fix, off-white bg behind card lists.
|
||||
- **IntroStep, CemeteryStep, CrematoriumStep, DateTimeStep:** Dividers under subheadings.
|
||||
- **CoffinsStep:** h4 heading (matches list layouts), sidebar headings h5 → h6.
|
||||
- **CartButton molecule (new):** Outlined pill trigger with receipt icon + "Your Plan" + formatted total in brand colour. Click opens DialogShell with items grouped by section via LineItem, total row, empty state. Mobile collapses to icon + price.
|
||||
- **WizardLayout:** Removed STEPPER_VARIANTS whitelist — stepper bar now renders on all variants when props provided. Stepper centred at 700px max-width, cart hugs right.
|
||||
- **StepIndicator:** Desktop label fontSize bumped to 0.875rem for readability.
|
||||
- **Prop threading:** progressStepper + runningTotal added to DateTimeStep, VenueStep, SummaryStep, PaymentStep.
|
||||
- **Style Dictionary:** Auto-generate tokens.d.ts on build, fixed TS unused imports.
|
||||
|
||||
**Decisions made:**
|
||||
- ToggleButtonGroup `align` and `direction` are opt-in props — existing usages unchanged
|
||||
- ConfirmationStep contact phone is now a prop (default 1800 987 888), no more hardcoded placeholder
|
||||
- WizardLayout stepper bar shows on ANY variant when props provided (StepperBar returns null when empty)
|
||||
- CartButton is a molecule (not organism) — self-contained trigger + dialog, same pattern as FilterPanel
|
||||
- Stepper bar layout: stepper centred at maxWidth 700px, cart hugs right edge
|
||||
|
||||
**Open questions:**
|
||||
- PaymentStep CTA is right-aligned — all other pages use full-width. Should it match?
|
||||
- Progress bar stories should be added to more page stories (currently only DateTimeStep has them)
|
||||
|
||||
**Next steps:**
|
||||
- Continue user feedback/edits on remaining pages
|
||||
- Add progress bar + cart to remaining page stories
|
||||
- Retroactive review Phase 3 organisms: Navigation P2s still pending (hardcoded fontSize, drawer width)
|
||||
- Update component-registry.md with CartButton
|
||||
|
||||
---
|
||||
|
||||
### Session 2026-03-31b — CoffinDetailsStep rewrite + AdditionalServicesStep split
|
||||
|
||||
**Agent(s):** Claude Opus 4.6 (1M context)
|
||||
|
||||
Reference in New Issue
Block a user