docs: describe direct local token adaptation
This commit is contained in:
@@ -17,13 +17,15 @@
|
||||
приняты из темы приложения и Mantine 9.5.1; теперь ими владеет JSON. Default
|
||||
radius остаётся md, font family заголовков совпадает с общей.
|
||||
|
||||
[`theme.ts`](../../frontend/src/shared/theme/theme.ts) проверяет source через
|
||||
установленный Zod и [`tokens.schema.ts`](../../frontend/src/shared/theme/tokens.schema.ts),
|
||||
затем адаптирует данные в Mantine. Схема проверяет структуру, единицы и диапазоны,
|
||||
число оттенков и ссылки ролей; ошибочные данные не подменяются defaults.
|
||||
[`theme.ts`](../../frontend/src/shared/theme/theme.ts) напрямую адаптирует JSON
|
||||
в Mantine. Файл — доверенная конфигурация репозитория; приложение не загружает
|
||||
внешние или пользовательские токены и не проверяет JSON runtime-схемой.
|
||||
Размеры px преобразуются native `rem`, сохраняя `--mantine-scale`, тени собираются
|
||||
из слоёв с `rgba`, а breakpoints остаются em без масштабирования. Неопубликованные
|
||||
палитры и настройки поведения компонентов остаются defaults Mantine.
|
||||
Небольшой [`theme.test.ts`](../../frontend/src/shared/theme/theme.test.ts)
|
||||
проверяет преобразования адаптера; корректность изменений локального JSON
|
||||
проверяется при review, сборке и проверке внешнего вида.
|
||||
|
||||
Используйте props Mantine (`gap="md"`, `p="xl"`, `radius="md"`, `shadow="xs"`)
|
||||
или `--mantine-spacing-*`, `--mantine-radius-*` и другие native CSS variables.
|
||||
@@ -75,8 +77,9 @@ imports, CSS variables или исполняемого кода. Это конт
|
||||
| Тени | Упорядоченные слои: offsetX/offsetY/blur/spread в px, ссылка `color` на base и opacity 0–1. |
|
||||
| Breakpoints | Именованные `values` xs–xl с `unit: "em"`, не зависят от масштаба UI. |
|
||||
|
||||
Имена палитр `dimmed` и `bright` зарезервированы адаптером Mantine;
|
||||
`white` и `black` принадлежат base colors. Вес шрифта ограничен диапазоном 1–1000.
|
||||
Не используйте для палитр специальные имена Mantine `dimmed` и `bright`;
|
||||
`white` и `black` принадлежат base colors. Задавайте вес шрифта в диапазоне
|
||||
CSS 1–1000. Это правила редактирования формата, а не runtime-проверки.
|
||||
|
||||
Внешний потребитель читает raw JSON напрямую. Например, из workspace root,
|
||||
без Node, React или Mantine:
|
||||
|
||||
Reference in New Issue
Block a user