Effect

Источник: ds-docs/component-contracts/foundations/effect.md

Источник: коллекция effect файла Astra DS (23 переменные) и 8 стилей эффектов · tokens/effect.tokens.json · id сверены с tokens/variable-ids.json. Только факты. Находки — в конце.

Тени и размытия устроены так же, как типографика: носитель — стиль, а не узел. Слой ссылается на стиль эффекта, стиль — на переменные. Переменных на эффект несколько: тень разложена на смещение по X, смещение по Y, размытие и, у одной, растяжение; составного токена тени в файле нет. Цвет тени берётся отдельно — из группы other/shadow коллекции цвета.

Стили эффектов


`background-blur/default`	Фоновое размытие	—	8	—	—	`bg-blur`
`background-blur/overlay`	Фоновое размытие	—	8	—	—	`overlay-bg-blur`
`background-blur/menu`	Фоновое размытие	—	16	—	—	`menu-bg-blur`
`drop-shadow/default`	Тень	0, 4	8	0	30%	`drop-shadow-value-*`
`drop-shadow/basic-action`	Тень	0, 0	24	0	16%	`basic-action-drop-shadow-value-*`
`drop-shadow/dragged`	Две тени	0, 4	24	0	16%	`drag-drop-shadow-value-*-02`
		0, 4	8	0	8%	`drag-drop-shadow-value-*-01`
`drop-shadow/segmented-control`	Тень	0, 0	24	0	8%	`segmented-control-drop-shadow-value-*`
`drop-shadow/field`	Тень	0, 2	4	2	100%	`field-drop-shadow-value-*`

Восемь стилей: три размытия фона и пять теней. drop-shadow/dragged — единственный из двух слоёв: широкая мягкая тень плюс узкая под ней.

Переменные


`drag-drop-shadow-value-x-01`	0	`11195:19434`	да
`drag-drop-shadow-value-y-01`	4	`11195:19435`	да
`drag-drop-shadow-value-b-01`	8	`11195:19436`	да
`drag-drop-shadow-value-x-02`	0	`11195:19438`	да
`drag-drop-shadow-value-y-02`	4	`11195:19439`	да
`drag-drop-shadow-value-b-02`	24	`11195:19440`	да
`basic-action-drop-shadow-value-x`	0	`13891:46841`	да
`basic-action-drop-shadow-value-y`	0	`13891:46842`	да
`basic-action-drop-shadow-value-b`	24	`13891:46843`	да
`segmented-control-drop-shadow-value-x`	0	`47290:5484`	да
`segmented-control-drop-shadow-value-y`	0	`47290:5485`	да
`segmented-control-drop-shadow-value-b`	24	`47290:5486`	да
`overlay-bg-blur`	8	`49304:11636`	да
`bg-blur`	8	`49304:12136`	да
`menu-bg-blur`	16	`49304:12137`	да
`field-drop-shadow-value-x`	0	`56246:14924`	да
`field-drop-shadow-value-y`	2	`56246:14925`	да
`field-drop-shadow-value-b`	4	`56246:14926`	да
`field-drop-shadow-value-s`	2	`56246:14927`	да
`drop-shadow-value-x`	0	`59759:23619`	да
`drop-shadow-value-y`	4	`59759:23620`	да
`drop-shadow-value-b`	8	`59759:23621`	да
`toast-notification-bacground-blur`	4	`84242:39729`	—

Scope у всех — EFFECT_FLOAT. codeSyntax и описаний нет ни у одной.

Находки

toast-notification-bacground-blur не привязан ни к одному стилю — единственная переменная из 23, которая никуда не ведёт. И в имени опечатка: bacground вместо background.
Контракт компонента эффекты не записывает. В словаре узла нет поля для тени и размытия: fill, stroke, opacity, radius есть, эффекта нет. Значит ни одна тень базы сейчас не описана — при сборке по контракту она не появится.
Тень разложена на числа, и собрать её обратно можно только по стилю. Переменные дают смещение и размытие, но не цвет: он лежит в коллекции цвета отдельной группой other/shadow. Одна тень — это пять переменных из двух коллекций плюс стиль.
drag-drop-shadow-01 и drop-shadow дают одно и то же — 0, 4, 8. Два набора переменных на одинаковую тень, и различает их только имя.
basic-action-drop-shadow и segmented-control-drop-shadow тоже совпадают — 0, 0, 24. Отличаются только прозрачностью цвета: 16% против 8%.
Прозрачность тени задана в цвете, а не переменной. У drop-shadow/field она 100%, у остальных от 8% до 30% — это значения цветовых переменных other/shadow/*, и по имени переменной прозрачность не видна.

См. также: color — светлая тема, motion, README.