Filter Row — Figma Assembly Rules

Status: active Figma assembly contract.

Scope

Use this contract for the Filter-row filter-management region. Search, switches, column controls, and other trailing controls normally belong to the enclosing list/table composition. When Actions=true, the published component owns its trailing action slot.

Source Evidence

Current direct Figma evidence: 🟣 🚛 Filter-row 21003:107046 passed context, screenshot, and variable checks; its behavior specification is 12367:83559. The current node supersedes the stale visual guidance from 14713:34219.
The existing marker key is preserved as historical published-marker evidence. The current exact-node read did not expose a replacement master component key; do not change or manufacture a key until a verified Figma read resolves it.
The current Row contains Filter Chip instances. The Chip's inventory-linked local-composition sidecar records their verified anatomy and the unavailable main component key; the key gap does not prevent this required Row dependency.

Required Assembly

Dependency classification: component.filter-chip is required because the Row's left region is defined by Filter Chip instances. component.button is optional because + Фильтр depends on the configured Row state. Badge is not direct Row anatomy: its conditional Selected=Many use belongs only to the Filter Chip contract.
Rule ID: filter-row.published — use the canonical Filter Row for the left filter region and right action region; never redraw either locally.
The left region contains the independently wrapping Chip list, + Фильтр, and reset. The right region contains switches, columns, and actions; it stays shrink-to-fit while the left region wraps. A filter addition opens its new optional Chip; an empty optional Chip disappears when its overlay closes.
Required, pinned, optional, disabled, invalid, empty, one-value, and many-value Chip states are distinct. Required clears and its owner may expose an error when empty; pinned resets but stays visible; optional clears and removes. Do not draw an ad-hoc close icon or local error treatment.
Reset is visible only after a non-default change, appears after a divider in the left region, reads «Сбросить фильтры», restores pinned defaults, removes optional filters, and closes active overlays. + Фильтр is a secondary Button and remains visible while its menu is open.
Figma property names such as f1, clear, and Actions are construction evidence only. They do not define Angular inputs.

Tokens And Sizing

In the right region every group (Switch-container, Columns, CTA) begins with a 1×20 div line, --space-200 before its controls; groups are --space-200 apart; CTA1 and more have no gap.
Use --space-900 between left and right regions, --space-400 inside the left filter group, and --space-200 for Chip wrapping and standard 8px padding. Chips use --radius-s, --space-300 inline-start padding, --space-50 within the label/value/chevron body, and 16px icon/separator geometry from the existing spacing scale.
Map default, selected/opened, hover, pressed, disabled, error, and error-hover through the existing semantic background, text-icon, stroke, and danger token families; do not substitute raw Figma colors.

Verification Checklist

filter-row.published: the Row and nested canonical controls remain instances, with the left wrapping region and right static region intact.
Required, pinned, optional, disabled, and invalid conditions have no ad-hoc close controls or local color treatments.
Filter values, defaults, lifecycle, overlay ownership, and actions remain screen-specific configuration.