DSCatalyst design system
TenantRexall
Design system/Components/Image asset
atom ยท source observed

Image asset

Managed media with alt text, source evidence, responsive sizing, and optional remote origin.

6consumers0evidence7tokens
Rendered primitiveImage asset variants and statesdeterministic source context state extraction
Campaign media scaffoldCampaign, promo, and service images that may contain baked-in marketing copy. Pending image-slot extraction.
agent inferred
Loaded
Campaign imageManaged media with alt text, source URL, crop, and responsive sizing metadata.
asset.loadedagent inferred
Fallback
Fallback imageManaged media with alt text, source URL, crop, and responsive sizing metadata.
asset.fallbackrequired derived
Linked
Linked creativeManaged media with alt text, source URL, crop, and responsive sizing metadata.
asset.linkedagent inferred
Focus
Campaign imageManaged media with alt text, source URL, crop, and responsive sizing metadata.
focus.ringrequired derived

Semantic token resolution

Mattevar(--wl-component-surface)surfaceBackgroundbackgroundFocus ringvar(--wl-accent)Image assetatom API

Used by

Campaign carouselHero campaign creative.directFeatured promotions gridOffer card imagery.directWeekly flyer location toolbarFlyer thumbnails/pages in fallback viewer.directPharmacy service card gridService card imagery.directBe Well app campaignProgram campaign image or app artwork.directWellness prescriptions panelProgram illustration/photo blocks.direct

Proposed contract

srcsourceSrcaltwidthheightfitprioritycaption

Token contract

Mattevar(--wl-component-surface)Border widthvar(--wl-surface-border-width)Shadowvar(--wl-surface-shadow)Radiusvar(--wl-card-radius)Paddingvar(--wl-card-padding)Captionvar(--wl-muted)Focus ringvar(--wl-accent)
  • Important for campaign, flyer, service, and promotion migration because much current copy is baked into images.