wbDesign Wiki
Storybook

Record — Figma Assembly Rules

Скачать .md ↓
Angularmolecule

Status: verified assembly scope for native Text/Link, Flow=Vertical.

Evidence

Fresh read-only Plugin API inspection and screenshot on 2026-09-22 verified Record set 8047:25999 in source file EO9tuCsqwuHL8cZ4Eb2psR, page 4789:72579, key eef1940127a436548906af70552e516d0eea41d6.

  • Text/Vertical 8047:26000, key f46627c88004e2fd56d810caf49291e728efa944.
  • Link/Vertical 8047:26008, key f7f95d9d360f42ecae709184fcbaa5d2c292d3f1.
  • Both references are 357×40, vertical Auto Layout, horizontal Fill, zero padding, 4px gap, primary/cross-axis MIN.
  • Label is Google Sans Regular 13px/16px; value is Regular 15px/20px. Label and value align left. Gap and text colors retain published variables.
  • Both variants expose Label text#3839:6 and Value text#3839:7 mapped to existing text nodes. Link value is native styled TEXT, not a nested Link.
  • Label icon#3839:5 and Value icon#3839:4 expose the optional info controls; source defaults are true. Controls retain IconButton owner c0df83d8febc4593994cbb22f5e1e255e10006d6 and published info glyphs.
  • The set exposes other Type/Flow choices, but this contract does not claim their anatomy is verified. Badge, Tag, Swap-component and Horizontal use require separately scoped evidence before authoring.

Assembly Rules

  • Button/Icon are optional because the two published boolean controls may hide info anatomy. They are not required for plain label/value records. Native Type=Link does not introduce a component.link dependency.
  • Rule ID: record.published — retain an instance of the published Record set, selecting Text or Link and Vertical through the native properties. Do not redraw its pair or substitute Data Display for a requested Record.
  • Rule ID: record.content — set Label text and Value text through published properties. Type=Link uses its existing styled text; do not insert another Link or overlay an underline. A link appearance does not establish a URL.
  • Rule ID: record.layout — preserve zero padding, left alignment, 4px gap, 40px standard height and native typography/bindings. Use horizontal Fill for the surrounding column width. Verify complete visible labels and values at the target width, especially identifiers and tax numbers.
  • Rule ID: record.info-controls — set Label icon and Value icon deliberately; turn both off when no explanatory action is specified. If enabled, retain published IconButton/glyph instances and separately verify their behavior.

Verification

Capture exact instance main/set keys, Type/Flow, Label/Value properties, rendered visible text, both info-control booleans, bounds and layout values. A screenshot must confirm readable label/value pairs without missing text or clipping. No backend, tooltip, URL or Angular behavior follows from this audit.

Documentation Task

LUU-427 · GitHub Issue 10 · verified member danil-lebedev, GitHub ID 50231562 · agent Codex / Specs · run/session luu427-drawer-20260922.

WB Logistics · Design SystemСборка 91da5ae

Поиск по Wiki

Начните вводить название или текст