Popup — Figma Assembly Rules

Status: active Figma assembly contract.

Scope

Use this contract for the generic WB Logistics Popup component. Line Clamp (component.line-clamp-popup) and other overlays must be documented from their own verified component evidence, not inferred from this Popup.

Source Evidence

Direct Figma evidence: Figma Popup 13808:29756 passed context and screenshot checks (328×366).

Required Assembly

Rule ID: popup.published — use the Popup component for the overlay surface; do not recreate it as a local dark card.
Select size S or M through the component variant.
Show the title/subtitle block only when the Figma text control is enabled.
Insert custom body and action content through the Popup Slot. Action buttons remain nested Button instances and retain their own component contract.
Set closability through the recorded close control. Trigger mechanics, placement, timing, Escape handling, outside-click behavior, and hover behavior belong to the invoking composition.

Tokens And Sizing

Preserve the Figma Popup's dark bg/toast surface, white text treatment, radius, shadow, and size-specific padding/typography bindings.
Do not alter the Figma surface to match the known runtime Popup color difference; record it as an Open Question rather than altering the Figma surface.

Verification Checklist

Size, text block, Slot, actions, and close affordance use the existing Popup anatomy.
The overlay is not used as a normal-flow card or a modal substitute.
Line Clamp-specific, hover, and placement rules have not been copied into this generic contract.