@ryuzaki13/react-foundation-ui 3.1.0 → 3.1.2

package/COLOR_TOKENS_MIGRATION.md

@@ -40,7 +40,7 @@
 
 ## Производные состояния
 
-Hover, active и soft не входят в карту `status`, но снова доступны как публичные генерируемые CSS-токены. UI-пакет вычисляет их через единые `color-mix(in srgb, ...)` из четырёх основных ролей. Карта `tokens` остаётся последним escape hatch, если приложению действительно требуется точное переопределение.
+Hover, active и soft не входят в карту `status`, но снова доступны как публичные генерируемые CSS-токены. UI-пакет вычисляет их через единые `color-mix(in srgb, ...)` из четырёх основных ролей. Карта `tokens` имеет наивысший compile-time приоритет, если приложению действительно требуется точное переопределение. Базовые роли, общие границы, производные состояния и `tokens` сначала объединяются в одну Sass-карту, поэтому совпадающий ключ заменяется до генерации CSS и объявляется в theme selector ровно один раз.
 
 ```text
 --status-brand-text-hover: --brand-text-hover
@@ -102,19 +102,19 @@ Hover, active и soft не входят в карту `status`, но снова
 --interactive-color: удалён; обычное свойство color самого компонента
 --interactive-surface: удалён; обычное свойство background-color самого компонента
 --interactive-border: удалён; обычное свойство border-color самого компонента
---interactive-hover-color: --accent-on-fill
---interactive-active-color: --accent-on-fill
+--interactive-hover-color: --accent-text-hover
+--interactive-active-color: --accent-text-active
 --interactive-selected-color: --accent-on-fill
---interactive-hover-surface: --accent-fill
---interactive-active-surface: --accent-fill
+--interactive-hover-surface: --accent-fill-hover
+--interactive-active-surface: --accent-fill-active
 --interactive-selected-surface: --accent-fill
---interactive-hover-border: --accent-border
---interactive-active-border: --accent-border
+--interactive-hover-border: --accent-border-hover
+--interactive-active-border: --accent-border-active
 --interactive-selected-border: --accent-border
 отсутствовал: --accent-on-fill
 ```
 
-`interactiveSurface` намеренно использует базовые `--accent-fill`, `--accent-border` и `--accent-on-fill` для hover, active и selected: это единое заполненное состояние выбора. Производные `--accent-*-hover` и `--accent-*-active` предназначены для компонентов, которые меняют уже заданный tone между состояниями.
+`interactiveSurface` использует производные `--accent-*-hover` и `--accent-*-active` для одноимённых интерактивных состояний. Выбранное состояние остаётся устойчивым заполненным состоянием и использует базовые `--accent-fill`, `--accent-border` и `--accent-on-fill`.
 
 ## High contrast
 

package/README.md

@@ -114,7 +114,7 @@ import "@ryuzaki13/react-foundation-ui/styles.css";
 
 Mixin `ui-tone()` применяет те же формулы локально, а не ссылается на унаследованное вычисленное значение. Благодаря этому component-scoped переопределение базовой роли, например `--brand-fill`, продолжает влиять на состояния конкретного контрола.
 
-Каждый первичный цветовой токен использует одноимённый high-contrast token перед hex fallback: например, `--error-text: var(--hc-error-text, #b91c1c)`. Цветовые значения из карты `tokens` получают такой wrapper автоматически. Это позволяет будущему contrast-режиму заменить палитру без повторной компиляции темы. Производные состояния ссылаются на базовые CSS-переменные, поэтому учитывают их переопределения в том же theme selector. Карта `tokens` выводится последней и остаётся escape hatch для редкого точного override любого токена.
+Каждый первичный цветовой токен использует одноимённый high-contrast token перед hex fallback: например, `--error-text: var(--hc-error-text, #b91c1c)`. Цветовые значения из карты `tokens` получают такой wrapper автоматически. Это позволяет будущему contrast-режиму заменить палитру без повторной компиляции темы. Производные состояния ссылаются на базовые CSS-переменные, поэтому учитывают их переопределения в том же theme selector. Карта `tokens` имеет наивысший compile-time приоритет и остаётся escape hatch для редкого точного override любого токена. UI-пакет объединяет базовые роли, границы, производные состояния и `tokens` до генерации CSS, поэтому каждое итоговое custom property объявляется в theme selector ровно один раз.
 
 ```scss
 @use "@ryuzaki13/react-foundation-ui/styles/themes" as foundationThemes;
@@ -147,7 +147,7 @@ Mixin `ui-tone()` применяет те же формулы локально,
 }
 ```
 
-`accent` больше не является отдельной экспериментальной системой `--interactive-*`: это полноценная семантическая схема с теми же четырьмя ролями. Компоненты используют её для текущего, выбранного и наведённого состояния. Полная карта переименований вынесена в `COLOR_TOKENS_MIGRATION.md`.
+`accent` больше не является отдельной экспериментальной системой `--interactive-*`: это полноценная семантическая схема с теми же четырьмя ролями. Интерактивные поверхности используют её производные роли для hover/active и базовые роли для устойчивого selected-состояния. Полная карта переименований вынесена в `COLOR_TOKENS_MIGRATION.md`.
 
 ## Сканирование штрихкодов