@connectorvol/tree 9.0.2 → 9.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/(constants)/treeViewerThemes.d.ts +9 -5
  2. package/dist/(constants)/treeViewerThemes.js +11 -7
  3. package/dist/(utils)/treeViewerPanelNavigation.svelte.js +3 -6
  4. package/package.json +5 -5
package/dist/(constants)/treeViewerThemes.d.ts CHANGED
@@ -1,12 +1,16 @@
1
1
  import type { TTreeViewerTheme } from "../(models)/treeViewerTheme.js";
2
2
  /**
3
- * Тёмная тема `TreeViewer`, выровненная по палитре с `CHESSBOARD_THEMES.dark`:
4
- * фон = `b` доски (zinc-700), границы = `w` доски (zinc-500), текст белый.
5
- * Не зависит от light/dark режима приложения — стиль одинаков в обоих.
3
+ * Тёмная тема `TreeViewer`. Фон привязан к `--background` тёмной темы
4
+ * приложения (см. `portal/src/routes/layout.css` — `oklch(0.18 0.015 264.695)`),
5
+ * чтобы панель вариаций всегда совпадала с body и не «выпадала» из раскладки.
6
+ * Границы и текст оптимизированы под тёмный фон (фиксированные значения,
7
+ * тонкая линия `rgb(50,50,50)` сохраняет видимые разделители между ходами
8
+ * без необходимости подмешивать полупрозрачность из `--border`).
6
9
  */
7
10
  export declare const TREE_VIEWER_DARK_THEME: TTreeViewerTheme;
8
11
  /**
9
- * Светлая тема `TreeViewer`: белый фон, gray-300 границы, zinc-900 текст.
10
- * Не зависит от light/dark режима приложения — стиль одинаков в обоих.
12
+ * Светлая тема `TreeViewer`. Фон привязан к `--background` светлой темы,
13
+ * чтобы панель вариаций всегда совпадала с body. Границы и текст
14
+ * оптимизированы под светлый фон.
11
15
  */
12
16
  export declare const TREE_VIEWER_LIGHT_THEME: TTreeViewerTheme;
package/dist/(constants)/treeViewerThemes.js CHANGED
@@ -1,19 +1,23 @@
1
1
  /**
2
- * Тёмная тема `TreeViewer`, выровненная по палитре с `CHESSBOARD_THEMES.dark`:
3
- * фон = `b` доски (zinc-700), границы = `w` доски (zinc-500), текст белый.
4
- * Не зависит от light/dark режима приложения — стиль одинаков в обоих.
2
+ * Тёмная тема `TreeViewer`. Фон привязан к `--background` тёмной темы
3
+ * приложения (см. `portal/src/routes/layout.css` — `oklch(0.18 0.015 264.695)`),
4
+ * чтобы панель вариаций всегда совпадала с body и не «выпадала» из раскладки.
5
+ * Границы и текст оптимизированы под тёмный фон (фиксированные значения,
6
+ * тонкая линия `rgb(50,50,50)` сохраняет видимые разделители между ходами
7
+ * без необходимости подмешивать полупрозрачность из `--border`).
5
8
  */
6
9
  export const TREE_VIEWER_DARK_THEME = {
7
- background: "rgb(20, 20, 20)",
10
+ background: "var(--background)",
8
11
  border: "rgb(50, 50, 50)",
9
12
  text: "rgb(200, 200, 200)",
10
13
  };
11
14
  /**
12
- * Светлая тема `TreeViewer`: белый фон, gray-300 границы, zinc-900 текст.
13
- * Не зависит от light/dark режима приложения — стиль одинаков в обоих.
15
+ * Светлая тема `TreeViewer`. Фон привязан к `--background` светлой темы,
16
+ * чтобы панель вариаций всегда совпадала с body. Границы и текст
17
+ * оптимизированы под светлый фон.
14
18
  */
15
19
  export const TREE_VIEWER_LIGHT_THEME = {
16
- background: "oklch(1 0 0)",
20
+ background: "var(--background)",
17
21
  border: "oklch(0.872 0.01 286)",
18
22
  text: "oklch(0.21 0.006 285.885)",
19
23
  };
package/dist/(utils)/treeViewerPanelNavigation.svelte.js CHANGED
@@ -160,8 +160,7 @@ function createTreeViewerPanelNavigation(chessTree) {
160
160
  }
161
161
  if (e.key === "ArrowUp") {
162
162
  variantNavigator?.forceClose();
163
- if (chessTree.isVariationDrillDownActive() &&
164
- isCurrentNodeInDrillHeader()) {
163
+ if (chessTree.isVariationDrillDownActive() && isCurrentNodeInDrillHeader()) {
165
164
  requestDrillExitPrompt();
166
165
  e.preventDefault();
167
166
  return;
@@ -173,8 +172,7 @@ function createTreeViewerPanelNavigation(chessTree) {
173
172
  }
174
173
  else if (e.key === "ArrowDown") {
175
174
  variantNavigator?.forceClose();
176
- if (chessTree.isVariationDrillDownActive() &&
177
- isCurrentNodeInDrillHeader()) {
175
+ if (chessTree.isVariationDrillDownActive() && isCurrentNodeInDrillHeader()) {
178
176
  requestDrillExitPrompt();
179
177
  e.preventDefault();
180
178
  return;
@@ -184,8 +182,7 @@ function createTreeViewerPanelNavigation(chessTree) {
184
182
  }
185
183
  else if (e.key === "ArrowLeft") {
186
184
  variantNavigator?.forceClose();
187
- if (chessTree.isVariationDrillDownActive() &&
188
- isCurrentNodeInDrillHeader()) {
185
+ if (chessTree.isVariationDrillDownActive() && isCurrentNodeInDrillHeader()) {
189
186
  requestDrillExitPrompt();
190
187
  e.preventDefault();
191
188
  return;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@connectorvol/tree",
3
- "version": "9.0.2",
3
+ "version": "9.0.3",
4
4
  "files": [
5
5
  "dist",
6
6
  "!dist/**/*.test.*",
@@ -40,8 +40,8 @@
40
40
  "test:e2e:ui": "node node_modules/@playwright/test/cli.js test --ui"
41
41
  },
42
42
  "dependencies": {
43
- "@connectorvol/chessops": "9.0.2",
44
- "@connectorvol/shared": "9.0.2",
43
+ "@connectorvol/chessops": "9.0.3",
44
+ "@connectorvol/shared": "9.0.3",
45
45
  "bits-ui": "2.16.4",
46
46
  "clsx": "2.1.1",
47
47
  "svelte-toolbelt": "0.10.6",
@@ -49,8 +49,8 @@
49
49
  "tailwind-variants": "3.2.2"
50
50
  },
51
51
  "devDependencies": {
52
- "@connectorvol/chess-shadcn": "9.0.2",
53
- "@connectorvol/chessboard": "9.0.2",
52
+ "@connectorvol/chess-shadcn": "9.0.3",
53
+ "@connectorvol/chessboard": "9.0.3",
54
54
  "@ianvs/prettier-plugin-sort-imports": "4.5.1",
55
55
  "@internationalized/date": "3.12.2",
56
56
  "@lucide/svelte": "1.21.0",