Status: active Figma assembly evidence contract.
Scope
This sidecar records the verified published vertical-Tabs component set in the UI kit. It governs the visible Figma assembly only; the Angular API and keyboard behavior belong to the linked UX contract. Do not replace the verified key with a guessed or recreated Figma master.
Source evidence
- Figma file:
EO9tuCsqwuHL8cZ4Eb2psR. - Direct source frame:
🟣 🚛 Tabs_vert_row
(
14932:67620, 480×244). - Published component-set key:
2458c77021bbae55425a32d0bf21d143d38c15ed. Stroke=Offcomponent:13744:18022, 220×224, key18c9f48611462d15d4aca2db6185dfe660834dd1.Stroke=Oncomponent:14932:67631, 220×224, keydc3fa7060a0c5d37ee12dcd391548500d1eaeb62.
Verified assembly
- Rule ID:
tab-vert-row.layout— stack items vertically and stretch them to the 220px reference width. Each_tab_verticalrow has 10px inline and 6px block padding, with one flexible text slot. - Rule ID:
tab-vert-row.selection— the selected row has a 2px leftstroke/accentindicator, Body/bodyAccent (medium, 15/20), andtext icon/accent; unselected rows use Body/body (regular, 15/20) andbtn/Flat Sec (txt)/pressed. - Rule ID:
tab-vert-row.stroke— withStroke=On, add a 1px leftstroke/secondaryto the container. WithStroke=Off, omit that container border.
Dependency classification
No required or optional project-component dependency is declared. The nested
Figma layers _tab_vertical and TabText have not been verified as published
WB Logistics component owners, and component.tab-standard has different
horizontal anatomy. Do not infer a dependency from visual similarity.
Verification checklist
tab-vert-row.stroke: the selected indicator remains a 2px accent line in both Stroke variants; only the container's secondary 1px line changes.tab-vert-row.selection: selected and unselected labels use the verified 15px/20px accent and regular body roles.tab-vert-row.layout: labels are text-only, full-width rows; no icon, badge, disabled, loading, or error state is asserted from this source.