docs: describe local frontend packages and ownership
Docs security / security (pull_request) Successful in 9s
Docs verify / verify (pull_request) Successful in 12s
Conventional commits / commits (pull_request) Successful in 11s
Docs security / security (push) Successful in 7s
Docs verify / verify (push) Successful in 11s
Docs security / security (pull_request) Successful in 9s
Docs verify / verify (pull_request) Successful in 12s
Conventional commits / commits (pull_request) Successful in 11s
Docs security / security (push) Successful in 7s
Docs verify / verify (push) Successful in 11s
OpenSpec change: evolve-frontend-stack
This commit was merged in pull request #21.
This commit is contained in:
+30
-2
@@ -4,6 +4,34 @@
|
||||
типографику, интервалы, радиусы, тени и адаптивные размеры.
|
||||
Поддерживается светлая схема; тёмная тема не заявлена.
|
||||
|
||||
## Общая основа и каталог
|
||||
|
||||
Внутри frontend используются три private npm workspace-пакета:
|
||||
|
||||
| Пакет | Ответственность |
|
||||
| --- | --- |
|
||||
| `@wealthledger/tokens` | JSON со значениями палитры, типографики, интервалов и других визуальных параметров |
|
||||
| `@wealthledger/ui` | Mantine-тема, общие стили, StateView, LoadingSkeleton и EntryCard |
|
||||
| `@wealthledger/icons` | React-иконки добавления, редактирования и удаления |
|
||||
|
||||
EntryCard отвечает за расположение переданных подписей, значения и действий.
|
||||
Предметный компонент определяет смысл операции, форматирует данные и выбирает
|
||||
цветовую роль. Денежные расчёты и запросы не входят в общий UI-пакет.
|
||||
|
||||
Иконки наследуют цвет через `currentColor`. По умолчанию они декоративные:
|
||||
доступное имя принадлежит кнопке. Самостоятельная смысловая иконка получает
|
||||
явные роль изображения и доступное имя. Предметные рисунки и анимации
|
||||
остаются в приложении; поставки raw SVG и мобильного UI нет.
|
||||
|
||||
Storybook объединяет примеры приложения и пакетов. Он показывает синтетические
|
||||
состояния без API, авторизации и query providers; формы получают локальные
|
||||
callbacks. Каталог помогает проверять представление, но не заменяет проверки
|
||||
запросов, денежных ограничений и восстановления после ошибок.
|
||||
|
||||
Пакеты используются локально и не опубликованы в registry. Независимый выпуск
|
||||
не настроен. Потребители импортируют публичные exports пакетов напрямую; прежние
|
||||
compatibility re-exports `shared/theme` и `shared/ui` удалены.
|
||||
|
||||
## Семантические роли
|
||||
|
||||
| Роль | Цветовая основа | Применение |
|
||||
@@ -16,8 +44,8 @@
|
||||
| border | gray.3 | Граница поверхности |
|
||||
| primary | blue filled | Основное действие и активная навигация |
|
||||
| info | blue.6 | Информация |
|
||||
| positive | green.6 | Положительный результат с текстом или знаком |
|
||||
| negative | red.6 | Ошибка или отрицательный результат с текстом или знаком |
|
||||
| positive | green.9 | Положительный результат с текстом или знаком |
|
||||
| negative | red.9 | Ошибка или отрицательный результат с текстом или знаком |
|
||||
| warning | yellow.6 | Предупреждение; не мелкий текст на белом |
|
||||
|
||||
Цвет не заменяет подпись или знак. Палитра не гарантирует доступный контраст
|
||||
|
||||
Reference in New Issue
Block a user