Покрытие легаси-китов
Оба легаси-кита продукта в Figma — ADMY Kit и Tesseract —
сведены в канон «42»: у каждого из 68 имён есть дом. Ни одного «пробела»:
полноту проверяет kit-inventory.test.js. Реальную недостающую возможность —
графики — закрыл компонент Chart.
В каноне напрямую 33
Имя кита совпадает с каноническим компонентом.
| Имя кита | Дом в каноне | Почему |
|---|---|---|
alert | alert | Сообщение уровня секции или формы — канонический Alert. |
aside | aside | Боковая колонка страницы — регион context каркаса application-shell, не компонент. |
avatar | avatar | Идентификатор пользователя — канонический Avatar. |
button | button | Действие — канонический Button. |
card | card | Карточка — поверхность региона редактора по токенам скина, не компонент. |
chart | chart | Диаграмма — канонический Chart (плейсхолдер серий). |
checkbox | checkbox | Отмечаемое значение — канонический Checkbox. |
description | description | Описание и ошибка поля — пропсы полей канона, не отдельный компонент. |
dualist | dualist | Две области выбора из длинного списка — канонический Dualist. |
flipper | flipper | Циклический режим одной кнопкой-значком — канонический Flipper. |
header | header | Шапка — регион каркаса; состав задаёт навигация и роли продукта. |
icon | icon | Значок из словаря канона вне кнопки — канонический Icon. |
indicator | indicator | Состояние точкой — канонический Indicator. |
input-date | input-date | Ввод даты — канонический Input Date. |
input-date-range | input-date-range | Ввод диапазона дат — канонический Input Date Range. |
input-select | input-select | Поле с выбором единицы — канонический Input Select. |
island | island | Панель-остров — поверхность региона main или context каркаса по токенам скина, не компонент. |
label | label | Плавающая подпись поля — часть полей канона, не отдельный компонент. |
loader | loader | Индикатор ожидания — Progress без value (indeterminate); загрузка области — areaStates: loading и Skeleton. |
logo | logo | Бренд-марка в шапке боковой навигации — рисует renderer (screen-shell-brand) по context.product. |
page-header | page-header | Титульная строка (заголовок и действия) — рисует renderer вокруг документа. |
pagination | pagination | Переход между страницами коллекции — канонический Pagination. |
popover | popover | Всплывающая панель у якоря — канонический Popover. |
radio | radio | Выбор одного из видимого набора — канонический Radio. |
select | select | Выбор из короткого закрытого списка — канонический Select. |
sidebar | sidebar | Боковая панель — навигационный регион каркаса. |
status | status | Состояние сущности с подписью — канонический Status. |
table | table | Табличная выдача — канонический Table. |
tag | tag | Метка — канонический Tag. |
textarea | textarea | Многострочный ввод — канонический Textarea. |
title | title | Заголовок блока — свойство title у layout или текстовый узел. |
toast | toast | Обратимое уведомление с отменой — канонический Toast. |
user-line | user-line | Строка пользователя — композиция avatar и text, зависит от данных продукта. |
В каноне под другим именем 24
Тот же компонент канона под именем кита.
| Имя кита | Дом в каноне | Почему |
|---|---|---|
admin-user-card | user-card | Карточка админа-пользователя — аватар, текст и метка без своего поведения. |
calendar | input-date | Календарь-пикер живёт внутри Input Date (Bits Calendar), отдельного нет. |
chart-graph | chart | График с осями — тот же Chart, тип line/area. |
drag-list | checkbox-group | Список с перетаскиванием (Tesseract drag-list) — режим reorderable у Checkbox Group с изменяемым порядком items. |
dropdown | menu | Выпадающий список действий — Menu (значения — Popover). |
dropdown-user-menu | user-menu | Меню пользователя — Menu с аватаром и текстом в пунктах. |
filter-switcher | segmented-control | Переключатель режима отбора — Segmented Control. |
hint | tooltip | Подсказка со значком вопроса — Hint над Tooltip. |
hover-title | tooltip | Подпись при наведении — Tooltip. |
hr-vr | divider | Горизонтальная и вертикальная линии — канонический Divider. |
id | entity-id | Идентификатор — текстовый узел с данными, не компонент. |
input-text | input | Текстовое поле — канонический Input. |
input-text-password | input | Поле пароля — Input с type=password. |
mark-format | tag | Метка формата — канонический Tag. |
mark-list | tag | Список меток — набор Tag. |
modal | dialog | Модальное окно — канонический Dialog. |
page__navigation | page-navigation | Боковая навигация — регион каркаса; пункты и права — вне канона. |
scrollbar | scroll-area | Тонкая полоса прокрутки в цветах скина — основание в controls-shared.css (токены --c-scrollbar-*), не компонент. |
snippet | copy-field | Поле для чтения с копированием — Copy Field; имя snippet занято под Svelte snippets. |
switcher | switch | Немедленное булево переключение — канонический Switch. |
tab | tabs | Вкладка — часть канонического Tabs. |
tagger | tag-input | Поле свободных меток с чипами — канонический Tag Input. |
toggle | segmented-control | Переключатель сегментов — Segmented Control (или Toggle Group). |
updown | flipper | Переключатель направления сортировки — канонический Flipper. |
Экземпляр паттерна 3
Экран собирается паттерном, а не отдельным компонентом.
| Имя кита | Дом в каноне | Почему |
|---|---|---|
filter | entity-list | Панель фильтров — регион filters/toolbar «Списка сущностей». |
login | form | Вход и восстановление пароля — экземпляры паттерна «Форма». |
payments | entity-list | Список платежей — экземпляр «Списка сущностей». |
Композиция канонных сущностей 5
Продуктовый блок из готовых компонентов без нового поведения.
| Имя кита | Дом в каноне | Почему |
|---|---|---|
creative | thumbnail+status+text+tag | Строка креатива — превью, статус, текст и метки без нового поведения. |
feedback | text+button+link | Блок обратной связи — текст, кнопка и ссылка без своего поведения. |
modal-balance | dialog+input+button | Модалка пополнения баланса — Dialog с полями и кнопками. |
rates | text+tag+extra-group | Сводка ставок — текст, метки и счётчики без нового поведения. |
support | text+button+link | Блок поддержки — текст, кнопка и ссылка без своего поведения. |
Продуктовая деталь 3
Данные одного продукта; переносимое — из канона.
| Имя кита | Дом в каноне | Почему |
|---|---|---|
cashback-level | admy-cashback-level | Уровни кешбэка — бизнес-данные ADMY; переносимое — Meter или Progress. |
feed | admy-feed | Лента событий — данные и типы событий ADMY; строка из text/status/tag/avatar. |
placeholder-chart | admy-placeholder-chart | Заглушка графика — пустое состояние области с продуктовой иллюстрацией. |
Каркас 0
Рисует renderer как хром черновика; отдельным компонентом не является.
| Имя кита | Дом в каноне | Почему |
|---|
Основание 0
Примитив, токен или часть поля, а не самостоятельный компонент.
| Имя кита | Дом в каноне | Почему |
|---|