сочетания Type=Tag с подписью снизу в макете нет — пятая ячейка из шести, а не шестая; в разметке подпись при обоих положениях идёт первой, переставляется только показ
Части
булевы пропы: Show IconHelp · Suffix · Value Icon · Badge
только подпись и значение
Комиссия
1 200,00
Show IconHelp
Комиссия
1 200,00
Suffix
Комиссия
1 200,00₽
Value Icon
Комиссия
1 200,00
Badge
Заявок
128+999
полный состав
Комиссия
1 200,00₽+999
Размеры вложенных
берут НЕ размер хозяина — своя таблица соответствия
Прочитано по булевым переменным Core/LinkText/*, Core/Tag/* и
Core/Badge/*, а не по совпадению имён: переменная Core/Tag/MD
включена в режиме LG, а не MD — она называет размер ТЕГА, а не размер хозяина. Пойти
здесь по именам значило бы поставить у MD тег на размер больше положенного.
Размерности
коллекция «❖ Data Item» — источник
Переменная Figma
MD
SM
LG
Min height
40
36
44
Core/Gap
6
4
8
Core/Value/Gap
6
4
6
Core/Value/Size
16
14
18
Core/Value/Line Height
24
20
24
Core/Icon/Top-Bottom
4
2
4
Core/Icon/Width · Height
16
16
20
Core/Badge/Top-Bottom
4
2
4
Core/Suffix/Top-Bottom
4
2
6
Новых токенов компонент не потребовал ни одного: все четыре цвета уже были и совпали
с макетом по всем четырём темам, 16 ячеек из 16. Переменная Min height при
этом привязана к корню только у трёх вариантов из пяти — у двух Type=Text
привязки высоты нет вовсе; здесь высота задана всем пяти, и это приведение к общему
правилу, а не замер.
Так и не так
границы применения
Так
Подпись и значение, которое только читают: сводка, карточка, шапка таблицы
Суммы — моноширинными цифрами, чтобы разряды вставали в столбик
Знак вопроса — только с подсказкой: он обещает объяснение
Ссылка и тег внутри — настоящие компоненты со своими состояниями
Статус — дословно словом из словаря, на языке интерфейса: «Ожидает» ≠ «В обработке»
Не так
Подпись к полю ввода — это Input с лейблом, тут значение не редактируют
Много значений одной сущности рядом — это таблица с выравниванием колонок
Заголовок раздела — обычный heading, у него другая типографика
Наведение на всю строку — его несёт контейнер, у Data Item состояний нет
Сумма с молчаливым округлением — точность отображается полностью