Правила
Источник:
ds-docs/reference/guidelines/README.md,ds-docs/component-contracts/rules/
Правила и процессы: как заводить компоненты, как называть, как применять токены, как вести себя переходам, загрузке и уведомлениям. Наверх — README.
Как заводить и называть компоненты
| Правила оформления компонентов | Атомы ✱, Pascal Case с пробелом, свойства Variant/Boolean/Text/Instance swap, State layer. Версия 2.0 |
| Теги в названии компонентов | Префиксы Dev Example/DP/Page/Template/❌ Deprecated, суффиксы продукта и команды + справочник кодов |
| Версии компонента | Свойство Version: 🟢 Stable / ❌ Deprecated |
Токены на практике
| Токены цвета в макетах | Три вида токенов, четыре категории, уровни bg-surface → bg-layer-01 → bg-layer-02 |
| Анимация: процессы | Как дизайнер передаёт анимацию (Figma Prototype + аннотации, Jitter) и как разработчик её читает |
Поведение продукта
| Flow Motion | Переходы между страницами; Flutter-хост и React-модули |
| Загрузка веб-модулей | Скелетон, Preloader, стадии загрузки микрофронтов |
| Уведомления | Notification Layer, приоритеты, правило 3 секунд |
| Паттерн поиска | Search Dialog против поиска на странице |
Проверка оформления
| Правила для плагина-проверки | Как устроен каталог правил и как его встроить в плагин |
| Проверяемый список | 41 правило: признак, строгость, где смотреть в выгрузке и в Plugin API |
Куда смотреть дальше
- Значения токенов — foundations.
- Карточки компонентов — reference/components.
- «Почему так» и устные договорённости — decisions.