Add MiniCard molecule and component tokens for MiniCard + MapPin
MiniCard: compact vertical card for grids, recommendations, and map popups. Image + title + optional price/badges/chips/meta. Lighter than ProviderCard — no verified tiers, no logo. Audit: 20/20. MapPin tokens added (build next): price-pill markers for map views. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
17
tokens/component/mapPin.json
Normal file
17
tokens/component/mapPin.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"mapPin": {
|
||||
"$description": "MapPin atom tokens — price-pill map markers for provider/venue map views. Verified (brand) vs unverified (neutral) visual distinction.",
|
||||
"height": { "$type": "dimension", "$value": "28px", "$description": "Pill height — compact for map density" },
|
||||
"paddingX": { "$type": "dimension", "$value": "{spacing.2}", "$description": "8px horizontal padding inside pill" },
|
||||
"fontSize": { "$type": "dimension", "$value": "12px", "$description": "Small but legible price text" },
|
||||
"borderRadius": { "$type": "dimension", "$value": "{borderRadius.full}", "$description": "Fully rounded pill shape" },
|
||||
"dot": {
|
||||
"$description": "Dot variant for pins without a price label.",
|
||||
"size": { "$type": "dimension", "$value": "12px", "$description": "Small circle marker" }
|
||||
},
|
||||
"nub": {
|
||||
"$description": "Downward-pointing nub anchoring the pill to the map location.",
|
||||
"size": { "$type": "dimension", "$value": "6px", "$description": "Nub triangle size" }
|
||||
}
|
||||
}
|
||||
}
|
||||
15
tokens/component/miniCard.json
Normal file
15
tokens/component/miniCard.json
Normal file
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"miniCard": {
|
||||
"$description": "MiniCard molecule tokens — compact vertical card for providers, venues, packages in grids, recommendations, and map popups.",
|
||||
"image": {
|
||||
"$type": "dimension",
|
||||
"$description": "Hero image area dimensions.",
|
||||
"height": { "$value": "120px", "$description": "Shorter image than full listing cards (180px) for compact grids" }
|
||||
},
|
||||
"content": {
|
||||
"$description": "Content area spacing.",
|
||||
"padding": { "$type": "dimension", "$value": "{spacing.3}", "$description": "12px — matches ProviderCard/VenueCard content padding" },
|
||||
"gap": { "$type": "dimension", "$value": "{spacing.1}", "$description": "4px vertical gap between content rows" }
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user