Update component registry, session log, and review plan

Add MiniCard, MapPin, MapPopup to registry. Log session work
including retroactive review completion and new component builds.
Mark all review phases complete in retroactive-review-plan.md.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-04-06 19:51:53 +10:00
parent ae1e344a8a
commit 5364c1a3fc
2 changed files with 16 additions and 0 deletions

View File

@@ -48,6 +48,19 @@ Each entry follows this structure:
**Next steps:**
- User has components to change/build — shifting to that work
**Work completed (continued):**
- **MiniCard molecule (new):** Compact vertical card for grids, recommendations, and map popups. Image + title + optional price/badges/chips/meta (location, rating, capacity). 3 component tokens (miniCard.image.height 120px, content.padding 12px, content.gap 4px). Audit: 20/20 after P2 fixes (aria-label on rating, aria-hidden on decorative icons).
- **MapPin atom (new):** Airbnb-style price-pill map markers. Two variants: pill (price label + downward nub) and dot (no price). Verified = brand palette (gold bg, copper text), unverified = neutral grey. Active state inverts colours + scale-up. 6 component tokens. Pure CSS for Mapbox/Google Maps overlay. role="button" + keyboard + focus ring.
- **MapPopup molecule (new):** Floating card for map pin click context. Paper with image + name + price + meta row + "View details" link + downward nub. Drop-shadow filter. Verified badge inside image. 260px fixed width.
- **Component tokens:** miniCard.json and mapPin.json added to Style Dictionary, rebuilt CSS/JS/TS outputs (407 declarations total).
**Decisions made:**
- MiniCard uses `h6` for title (smaller than ProviderCard's `h5`), `caption` for meta, `body2` for price
- MapPin pill is 28px tall with 12px font — compact for map density
- MapPin dot is 12px — below 44px touch target but standard for map markers (map libraries add hit areas)
- MapPopup is 260px wide with 100px image — compact for map overlay context
- Chips in MiniCard rendered as soft default Badges (no interactive Chip atom) for visual simplicity
---
### Session 2026-04-01 — FuneralFinder V4, HomePage V3/V4, Footer restyle