NODEDC_DESIGN_GUIDELINE/docs/ICONS.md

2.6 KiB
Raw Blame History

Иконки

Канонический набор собран по реально используемым действиям Launcher/Hub, SEO, BIM Viewer и разрешённым новым участкам Engine. Полные vendor-наборы не являются частью дизайн-системы: наличие SVG в Font Awesome или export в Lucide не делает иконку канонической.

Геометрия

Контекст Размер glyph Hit target
Плотная строка/label 1415px задаёт строка
Обычная кнопка 1516px 46px круг или кнопка с текстом
Крупное оконное действие 1718px 46.72px круг

Базовый stroke — 1.6. Внутри кнопок glyph дополнительно получает optical scale 0.78; hit target и наружная окружность не уменьшаются. Иконка наследует currentColor. Фон и active/disabled/hover состояния принадлежат IconButton, Button, navigation item или другому компоненту поверхности.

Группы

Группа Канонические имена
Окно и слой close, plus, expand, minimize, refresh, panel, apps
Навигация chevron-left, chevron-right, chevron-down, grid, list, sliders, search
Редактирование save, edit, trash, copy, upload, download, external
Состояние и доступ check, alert, activity, lock, key, shield, circle
Сущности profile, users, building, globe, database, network, inbox, mail
Контент image, video, file, folder, clipboard, settings

Живая таблица с названиями, поверхностями и размерами находится в разделе Guideline → Иконки. Машинный список — в registry/icons.json.

Правило расширения

Новая иконка добавляется только после подтверждённого применения в продукте. Нужно выбрать семантическое имя, добавить export в Icon, запись в registry и specimen в каталоге. Локальный импорт иконки только ради немного другой формы запрещён.