endfield-vision 2.1.0 → 2.1.1

package/README.md

@@ -12,10 +12,10 @@ The live catalog is the **ENDFIELD Vision** section of the playground in the [re
 npm i endfield-vision
 ```
 
-While the package is on its way to npm, install it from the GitHub release (same build, same imports):
+Without the npm registry: every GitHub release has the same build attached as an archive.
 
 ```bash
-npm i https://github.com/RetentionSoftware/endfield-vision/releases/download/v2.1.0/endfield-vision-2.1.0.tgz
+npm i https://github.com/RetentionSoftware/endfield-vision/releases/download/v2.1.1/endfield-vision-2.1.1.tgz
 ```
 
 Requires `react` and `react-dom` 19.
@@ -94,7 +94,7 @@ Three independent settings on `<html>`:
 - **Theme** - `data-theme="dark|light"`.
 - **Style** - `data-style="slim"` (no attribute means `default`). A style changes how elements look, not their size: control heights, spacing and type scale stay the same, so switching never breaks a layout.
   - `default` - contrasting, accent-colored selection, viewfinder corners, uppercase section labels.
-  - `slim` - flat and calm: warm neutrals, nothing glows, selection is a neutral tone, outlined secondary and danger buttons, sentence-case labels, a crisp focus line instead of a soft halo.
+  - `slim` - flat and calm: soft neutrals, nothing glows, selection is a neutral tone, outlined secondary and danger buttons, sentence-case labels, a crisp focus line instead of a soft halo.
 - **Accent** - `data-accent="amber|emerald|cyan|rose|violet|ink"` (no attribute means indigo). `ink` is a neutral accent: the primary button is ink-colored and color stays in statuses only. Each preset has its own values for each style and theme; contrast is checked by tests.
 
 `ThemeScript` sets all three before rendering. Options: `defaultTheme` (`'dark' | 'light' | 'system'`), `defaultStyle`, `defaultAccent`, `themeKey`, `styleKey`, `accentKey`, `nonce` (for CSP).

package/README.ru.md

@@ -12,10 +12,10 @@
 npm i endfield-vision
 ```
 
-Пока пакет готовится к публикации в npm, ставьте его из релиза на GitHub (та же сборка, те же импорты):
+Без реестра npm: к каждому релизу на GitHub приложена та же сборка архивом.
 
 ```bash
-npm i https://github.com/RetentionSoftware/endfield-vision/releases/download/v2.1.0/endfield-vision-2.1.0.tgz
+npm i https://github.com/RetentionSoftware/endfield-vision/releases/download/v2.1.1/endfield-vision-2.1.1.tgz
 ```
 
 Нужны `react` и `react-dom` 19.
@@ -94,7 +94,7 @@ import { LocaleProvider } from 'endfield-vision'
 - **Тема** - `data-theme="dark|light"`.
 - **Стиль** - `data-style="slim"` (без атрибута - `default`). Стиль меняет подачу элементов, а не размеры: высоты контролов, отступы и кегль те же, поэтому переключение не ломает раскладку.
   - `default` («Стандартный») - контрастный, выделение акцентом, уголки видоискателя, подписи разделов капсом.
-  - `slim` («Утончённый») - плоский и спокойный: тёплые нейтрали, ничего не светится, выбранное - нейтральным тоном, вторичная и опасная кнопки контуром, подписи без капса, фокус - чёткая линия вместо мягкого ореола.
+  - `slim` («Утончённый») - плоский и спокойный: мягкие нейтрали, ничего не светится, выбранное - нейтральным тоном, вторичная и опасная кнопки контуром, подписи без капса, фокус - чёткая линия вместо мягкого ореола.
 - **Акцент** - `data-accent="amber|emerald|cyan|rose|violet|ink"` (без атрибута - indigo). `ink` («Чернила») - нейтральный акцент: основная кнопка чернильная, цвет остаётся только в статусах. У каждого пресета свои значения для каждого стиля и темы; контраст проверяют тесты.
 
 `ThemeScript` ставит все три до отрисовки. Опции: `defaultTheme` (`'dark' | 'light' | 'system'`), `defaultStyle`, `defaultAccent`, `themeKey`, `styleKey`, `accentKey`, `nonce` (для CSP).

package/dist/styles/accents.css

@@ -115,7 +115,7 @@
   }
 
   /*
-   * Стиль Slim: те же пресеты, приглушённые под тёплые нейтрали.
+   * Стиль Slim: те же пресеты, приглушённые под нейтрали стиля.
    * indigo - без атрибута data-accent.
    */
   :root[data-style='slim']:not([data-accent]) {
@@ -167,11 +167,11 @@
   }
 
   :root[data-style='slim'][data-accent='ink'] {
-    --ev-accent-rgb: 200, 196, 186;
-    --ev-accent-text: #e2dfd8;
-    --ev-accent-strong: #e8e6df;
-    --ev-accent-strong-hover: #f4f2ec;
-    --ev-text-on-accent: #1c1b18;
+    --ev-accent-rgb: 200, 198, 192;
+    --ev-accent-text: #e2e0db;
+    --ev-accent-strong: #e9e8e3;
+    --ev-accent-strong-hover: #f5f4f0;
+    --ev-text-on-accent: #181817;
   }
 
   :root[data-style='slim'][data-theme='light']:not([data-accent]) {

package/dist/styles/tokens.css

@@ -295,39 +295,39 @@
 
   /*
    * Стиль Slim («Утончённый»): <html data-style="slim">. Плоский и спокойный:
-   * тёплые нейтрали, без свечения, выбранное - нейтральным тоном, подписи без капса.
+   * нейтрали с лёгким тёплым оттенком, без свечения, выбранное - нейтральным тоном, подписи без капса.
    * Размеры (высоты контролов, отступы, кегль) те же, что в Default.
    * Правила компонентов - в slim.css (слой ev.styles).
    *
-   * Контраст (тёмная): --ev-text-muted 5.6 к --ev-surface-1, 4.6 к --ev-surface-3;
-   * --ev-border-control 3.5 к фону поля. Светлая: --ev-text-muted 5.8 / 4.7, рамка поля 3.4.
+   * Контраст (тёмная): --ev-text-muted 5.8 к --ev-surface-1, 4.8 к --ev-surface-3;
+   * --ev-border-control 3.6 к фону поля. Светлая: --ev-text-muted 5.8 / 4.7, рамка поля 3.4.
    */
   :root[data-style='slim'] {
-    --ev-bg: #1c1b19;
-    --ev-surface-1: #242320;
-    --ev-surface-2: #2b2a27;
-    --ev-surface-3: #33312e;
-    --ev-surface-input: #1f1e1c;
-    --ev-surface-overlay: rgba(10, 9, 8, 0.6);
-    --ev-surface-tooltip: #3a3834;
+    --ev-bg: #181817;
+    --ev-surface-1: #20201e;
+    --ev-surface-2: #272725;
+    --ev-surface-3: #2f2e2c;
+    --ev-surface-input: #1b1b1a;
+    --ev-surface-overlay: rgba(8, 8, 7, 0.62);
+    --ev-surface-tooltip: #363533;
     --ev-surface-nested: var(--ev-surface-2);
 
-    --ev-tint-1: rgba(255, 250, 240, 0.025);
-    --ev-tint-2: rgba(255, 250, 240, 0.045);
-    --ev-tint-3: rgba(255, 250, 240, 0.07);
-    --ev-tint-4: rgba(255, 250, 240, 0.1);
+    --ev-tint-1: rgba(255, 253, 248, 0.025);
+    --ev-tint-2: rgba(255, 253, 248, 0.045);
+    --ev-tint-3: rgba(255, 253, 248, 0.07);
+    --ev-tint-4: rgba(255, 253, 248, 0.1);
 
-    --ev-border-soft: rgba(255, 250, 240, 0.05);
-    --ev-border: #33312d;
-    --ev-border-strong: #403e39;
-    --ev-border-control: #77736b;
-    --ev-border-hover: #8d897f;
+    --ev-border-soft: rgba(255, 253, 248, 0.05);
+    --ev-border: #2f2f2c;
+    --ev-border-strong: #3c3b38;
+    --ev-border-control: #74726c;
+    --ev-border-hover: #8a8881;
 
-    --ev-text: #ecebe6;
-    --ev-text-secondary: #c2bfb7;
-    --ev-text-muted: #9e9a91;
-    --ev-text-disabled: #6a675f;
-    --ev-text-on-solid: #1c1b19;
+    --ev-text: #ecebe8;
+    --ev-text-secondary: #c0beb8;
+    --ev-text-muted: #9c9a93;
+    --ev-text-disabled: #686660;
+    --ev-text-on-solid: #181817;
 
     --ev-success-rgb: 127, 191, 149;
     --ev-success-strong: #3f7d57;
@@ -339,9 +339,9 @@
     --ev-info-rgb: 134, 174, 214;
     --ev-violet-rgb: 182, 166, 224;
 
-    --ev-chart-grid: #33312d;
-    --ev-chart-axis: #403e39;
-    --ev-chart-crosshair: #77736b;
+    --ev-chart-grid: #2f2f2c;
+    --ev-chart-axis: #3c3b38;
+    --ev-chart-crosshair: #74726c;
 
     --ev-radius-xs: 4px;
     --ev-radius-sm: 6px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "endfield-vision",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "Endfield Vision - design system for React / Next.js: tokens, dark and light themes, accent presets, accessible components without third-party UI dependencies",
   "keywords": [
     "react",

package/src/styles/accents.css

@@ -115,7 +115,7 @@
   }
 
   /*
-   * Стиль Slim: те же пресеты, приглушённые под тёплые нейтрали.
+   * Стиль Slim: те же пресеты, приглушённые под нейтрали стиля.
    * indigo - без атрибута data-accent.
    */
   :root[data-style='slim']:not([data-accent]) {
@@ -167,11 +167,11 @@
   }
 
   :root[data-style='slim'][data-accent='ink'] {
-    --ev-accent-rgb: 200, 196, 186;
-    --ev-accent-text: #e2dfd8;
-    --ev-accent-strong: #e8e6df;
-    --ev-accent-strong-hover: #f4f2ec;
-    --ev-text-on-accent: #1c1b18;
+    --ev-accent-rgb: 200, 198, 192;
+    --ev-accent-text: #e2e0db;
+    --ev-accent-strong: #e9e8e3;
+    --ev-accent-strong-hover: #f5f4f0;
+    --ev-text-on-accent: #181817;
   }
 
   :root[data-style='slim'][data-theme='light']:not([data-accent]) {

package/src/styles/tokens.css

@@ -295,39 +295,39 @@
 
   /*
    * Стиль Slim («Утончённый»): <html data-style="slim">. Плоский и спокойный:
-   * тёплые нейтрали, без свечения, выбранное - нейтральным тоном, подписи без капса.
+   * нейтрали с лёгким тёплым оттенком, без свечения, выбранное - нейтральным тоном, подписи без капса.
    * Размеры (высоты контролов, отступы, кегль) те же, что в Default.
    * Правила компонентов - в slim.css (слой ev.styles).
    *
-   * Контраст (тёмная): --ev-text-muted 5.6 к --ev-surface-1, 4.6 к --ev-surface-3;
-   * --ev-border-control 3.5 к фону поля. Светлая: --ev-text-muted 5.8 / 4.7, рамка поля 3.4.
+   * Контраст (тёмная): --ev-text-muted 5.8 к --ev-surface-1, 4.8 к --ev-surface-3;
+   * --ev-border-control 3.6 к фону поля. Светлая: --ev-text-muted 5.8 / 4.7, рамка поля 3.4.
    */
   :root[data-style='slim'] {
-    --ev-bg: #1c1b19;
-    --ev-surface-1: #242320;
-    --ev-surface-2: #2b2a27;
-    --ev-surface-3: #33312e;
-    --ev-surface-input: #1f1e1c;
-    --ev-surface-overlay: rgba(10, 9, 8, 0.6);
-    --ev-surface-tooltip: #3a3834;
+    --ev-bg: #181817;
+    --ev-surface-1: #20201e;
+    --ev-surface-2: #272725;
+    --ev-surface-3: #2f2e2c;
+    --ev-surface-input: #1b1b1a;
+    --ev-surface-overlay: rgba(8, 8, 7, 0.62);
+    --ev-surface-tooltip: #363533;
     --ev-surface-nested: var(--ev-surface-2);
 
-    --ev-tint-1: rgba(255, 250, 240, 0.025);
-    --ev-tint-2: rgba(255, 250, 240, 0.045);
-    --ev-tint-3: rgba(255, 250, 240, 0.07);
-    --ev-tint-4: rgba(255, 250, 240, 0.1);
+    --ev-tint-1: rgba(255, 253, 248, 0.025);
+    --ev-tint-2: rgba(255, 253, 248, 0.045);
+    --ev-tint-3: rgba(255, 253, 248, 0.07);
+    --ev-tint-4: rgba(255, 253, 248, 0.1);
 
-    --ev-border-soft: rgba(255, 250, 240, 0.05);
-    --ev-border: #33312d;
-    --ev-border-strong: #403e39;
-    --ev-border-control: #77736b;
-    --ev-border-hover: #8d897f;
+    --ev-border-soft: rgba(255, 253, 248, 0.05);
+    --ev-border: #2f2f2c;
+    --ev-border-strong: #3c3b38;
+    --ev-border-control: #74726c;
+    --ev-border-hover: #8a8881;
 
-    --ev-text: #ecebe6;
-    --ev-text-secondary: #c2bfb7;
-    --ev-text-muted: #9e9a91;
-    --ev-text-disabled: #6a675f;
-    --ev-text-on-solid: #1c1b19;
+    --ev-text: #ecebe8;
+    --ev-text-secondary: #c0beb8;
+    --ev-text-muted: #9c9a93;
+    --ev-text-disabled: #686660;
+    --ev-text-on-solid: #181817;
 
     --ev-success-rgb: 127, 191, 149;
     --ev-success-strong: #3f7d57;
@@ -339,9 +339,9 @@
     --ev-info-rgb: 134, 174, 214;
     --ev-violet-rgb: 182, 166, 224;
 
-    --ev-chart-grid: #33312d;
-    --ev-chart-axis: #403e39;
-    --ev-chart-crosshair: #77736b;
+    --ev-chart-grid: #2f2f2c;
+    --ev-chart-axis: #3c3b38;
+    --ev-chart-crosshair: #74726c;
 
     --ev-radius-xs: 4px;
     --ev-radius-sm: 6px;