@sberbusiness/triplex-next-mcp-server 1.43.0-beta → 1.45.0-beta

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 (85) hide show
  1. package/README.md +7 -6
  2. package/bundle/components/AlertContext.md +11 -8
  3. package/bundle/components/AlertProcess.md +16 -12
  4. package/bundle/components/Badge.md +6 -3
  5. package/bundle/components/BodyPage.md +72 -4
  6. package/bundle/components/Button.md +46 -43
  7. package/bundle/components/ButtonDropdownExtended.md +3 -2
  8. package/bundle/components/ButtonIcon.md +7 -4
  9. package/bundle/components/Calendar.md +62 -59
  10. package/bundle/components/Caption.md +26 -23
  11. package/bundle/components/Checkbox.md +32 -29
  12. package/bundle/components/CheckboxTreeExtended.md +9 -5
  13. package/bundle/components/Chip.md +44 -41
  14. package/bundle/components/CodeText.md +26 -23
  15. package/bundle/components/Col.md +1 -2
  16. package/bundle/components/CollapsibleTree.md +8 -5
  17. package/bundle/components/CollapsibleTreeExtended.md +6 -1
  18. package/bundle/components/DatePickerExtended.md +409 -262
  19. package/bundle/components/Dropdown.md +33 -28
  20. package/bundle/components/EmptyView.md +12 -5
  21. package/bundle/components/ExpandAnimation.md +263 -218
  22. package/bundle/components/Footer.md +235 -278
  23. package/bundle/components/FooterPage.md +6 -2
  24. package/bundle/components/FormField.md +44 -41
  25. package/bundle/components/FormGroup.md +192 -52
  26. package/bundle/components/Header.md +491 -211
  27. package/bundle/components/HeaderPage.md +6 -2
  28. package/bundle/components/ImageGallery.md +33 -34
  29. package/bundle/components/ImageGalleryExtended.md +33 -34
  30. package/bundle/components/Island.md +52 -14
  31. package/bundle/components/LightBox.md +25 -18
  32. package/bundle/components/Link.md +211 -96
  33. package/bundle/components/ListActionItem.md +7 -4
  34. package/bundle/components/ListItem.md +11 -8
  35. package/bundle/components/ListItemControlsButton.md +16 -13
  36. package/bundle/components/ListItemControlsButtonDropdown.md +9 -6
  37. package/bundle/components/ListItemSelectable.md +7 -4
  38. package/bundle/components/ListMasterFooter.md +8 -5
  39. package/bundle/components/ListMasterHeader.md +8 -5
  40. package/bundle/components/ListSortableItem.md +11 -8
  41. package/bundle/components/ListTableItem.md +7 -4
  42. package/bundle/components/LoaderMiddle.md +7 -4
  43. package/bundle/components/LoaderScreen.md +11 -8
  44. package/bundle/components/LoaderSmall.md +7 -4
  45. package/bundle/components/Marker.md +184 -69
  46. package/bundle/components/MarkerStatus.md +206 -88
  47. package/bundle/components/MaskedField.md +2 -4
  48. package/bundle/components/MasterTable.md +602 -0
  49. package/bundle/components/ModalWindow.md +7 -4
  50. package/bundle/components/MultiselectField.md +2183 -132
  51. package/bundle/components/Notification.md +12 -9
  52. package/bundle/components/Overlay.md +33 -5
  53. package/bundle/components/Page.md +2 -2
  54. package/bundle/components/Pagination.md +27 -21
  55. package/bundle/components/Row.md +1 -1
  56. package/bundle/components/SelectExtendedField.md +3 -3
  57. package/bundle/components/SelectField.md +466 -148
  58. package/bundle/components/SliderExtended.md +39 -36
  59. package/bundle/components/SmallInput.md +194 -51
  60. package/bundle/components/Suggest.md +535 -99
  61. package/bundle/components/SwipeableArea.md +428 -79
  62. package/bundle/components/TableBasic.md +2302 -0
  63. package/bundle/components/TabsExtended.md +24 -21
  64. package/bundle/components/Tag.md +263 -78
  65. package/bundle/components/Text.md +28 -25
  66. package/bundle/components/TextField.md +3 -4
  67. package/bundle/components/ThemeProvider.md +50 -1
  68. package/bundle/components/Title.md +26 -23
  69. package/bundle/components/Tooltip.md +24 -21
  70. package/bundle/components/TopOverlay.md +368 -89
  71. package/bundle/components/TreeView.md +343 -166
  72. package/bundle/components/TreeViewNode.md +436 -0
  73. package/bundle/guides/codestyle.md +3 -0
  74. package/bundle/guides/commits.md +106 -26
  75. package/bundle/guides/context.md +84 -12
  76. package/bundle/guides/guidelines.md +321 -0
  77. package/bundle/guides/template.md +22 -12
  78. package/bundle/manifest.json +54 -20
  79. package/bundle/release-notes/1.44.0.mdx +113 -0
  80. package/bundle/release-notes/1.45.0.mdx +124 -0
  81. package/bundle/release-notes/1.46.0.mdx +7 -0
  82. package/bundle/tokens.json +6362 -0
  83. package/dist/index.js +177 -28
  84. package/dist/index.js.map +1 -1
  85. package/package.json +1 -1
@@ -3,28 +3,28 @@ component: Caption
3
3
  category: Typography
4
4
  related: [Text, Title, CodeText]
5
5
  tokens:
6
- - --triplex-next-Typography-Primary_Color
7
- - --triplex-next-Typography-PrimaryInvert_Color
8
- - --triplex-next-Typography-Complementary_Color
9
- - --triplex-next-Typography-ComplementaryInvert_Color
10
- - --triplex-next-Typography-Secondary_Color
11
- - --triplex-next-Typography-SecondaryInvert_Color
12
- - --triplex-next-Typography-Tertiary_Color
13
- - --triplex-next-Typography-TertiaryInvert_Color
14
- - --triplex-next-Typography-Disabled_Color
15
- - --triplex-next-Typography-DisabledInvert_Color
16
- - --triplex-next-Typography-Brand_Color
17
- - --triplex-next-Typography-BrandInvert_Color
18
- - --triplex-next-Typography-Info_Color
19
- - --triplex-next-Typography-InfoInvert_Color
20
- - --triplex-next-Typography-Success_Color
21
- - --triplex-next-Typography-SuccessInvert_Color
22
- - --triplex-next-Typography-Warning_Color
23
- - --triplex-next-Typography-WarningInvert_Color
24
- - --triplex-next-Typography-Error_Color
25
- - --triplex-next-Typography-ErrorInvert_Color
26
- - --triplex-next-Typography-System_Color
27
- - --triplex-next-Typography-SystemInvert_Color
6
+ - Typography.Primary_Color
7
+ - Typography.PrimaryInvert_Color
8
+ - Typography.Complementary_Color
9
+ - Typography.ComplementaryInvert_Color
10
+ - Typography.Secondary_Color
11
+ - Typography.SecondaryInvert_Color
12
+ - Typography.Tertiary_Color
13
+ - Typography.TertiaryInvert_Color
14
+ - Typography.Disabled_Color
15
+ - Typography.DisabledInvert_Color
16
+ - Typography.Brand_Color
17
+ - Typography.BrandInvert_Color
18
+ - Typography.Info_Color
19
+ - Typography.InfoInvert_Color
20
+ - Typography.Success_Color
21
+ - Typography.SuccessInvert_Color
22
+ - Typography.Warning_Color
23
+ - Typography.WarningInvert_Color
24
+ - Typography.Error_Color
25
+ - Typography.ErrorInvert_Color
26
+ - Typography.System_Color
27
+ - Typography.SystemInvert_Color
28
28
  stories: stories/Typography/Caption.stories.tsx
29
29
  version: "1.0"
30
30
  ---
@@ -73,7 +73,10 @@ version: "1.0"
73
73
 
74
74
  ## Дизайн-токены
75
75
 
76
- Цвета — общие CSS-переменные семейства Typography (см. frontmatter): `--triplex-next-Typography-{Type}_Color` и `--triplex-next-Typography-{Type}Invert_Color`.
76
+ Переопределяются через `ThemeProvider` (prop `tokens`) — см. `ThemeProvider-ai.md` →
77
+ «Как переопределять токены». Значения по умолчанию — `src/components/DesignTokens/components/Typography.ts`.
78
+
79
+ Цвета — общие токены группы `Typography` (см. frontmatter): `Typography.{Type}_Color` и `Typography.{Type}Invert_Color`.
77
80
 
78
81
  Размеры шрифта и line-height — фиксированные пиксельные значения в `styles/Caption.module.less` (токенов для них нет).
79
82
 
@@ -3,20 +3,20 @@ component: Checkbox
3
3
  category: Inputs
4
4
  related: [CheckboxXGroup, CheckboxYGroup, CheckboxTree, CheckboxTreeExtended]
5
5
  tokens:
6
- - --triplex-next-Checkbox-Background_Default
7
- - --triplex-next-Checkbox-BorderColor_Default
8
- - --triplex-next-Checkbox-Checkmark_Fill_Default
9
- - --triplex-next-Checkbox-Background_Hover
10
- - --triplex-next-Checkbox-BorderColor_Hover
11
- - --triplex-next-Checkbox-Background_Checked_Default
12
- - --triplex-next-Checkbox-BorderColor_Checked_Default
13
- - --triplex-next-Checkbox-Background_Disabled
14
- - --triplex-next-Checkbox-BorderColor_Disabled
15
- - --triplex-next-Checkbox-Background_Checked_Disabled
16
- - --triplex-next-Checkbox-BorderColor_Checked_Disabled
17
- - --triplex-next-Checkbox-Checkmark_Fill_Disabled
18
- - --triplex-next-Checkbox-BorderColor_Focus
19
- - --triplex-next-Checkbox-Background_Checked_Hover
6
+ - Checkbox.Background_Default
7
+ - Checkbox.BorderColor_Default
8
+ - Checkbox.Checkmark_Fill_Default
9
+ - Checkbox.Background_Hover
10
+ - Checkbox.BorderColor_Hover
11
+ - Checkbox.Background_Checked_Default
12
+ - Checkbox.BorderColor_Checked_Default
13
+ - Checkbox.Background_Disabled
14
+ - Checkbox.BorderColor_Disabled
15
+ - Checkbox.Background_Checked_Disabled
16
+ - Checkbox.BorderColor_Checked_Disabled
17
+ - Checkbox.Checkmark_Fill_Disabled
18
+ - Checkbox.BorderColor_Focus
19
+ - Checkbox.Background_Checked_Hover
20
20
  stories: stories/Checkbox/Checkbox.stories.tsx
21
21
  version: "1.0"
22
22
  ---
@@ -62,21 +62,24 @@ version: "1.0"
62
62
 
63
63
  ## Дизайн-токены
64
64
 
65
- ```
66
- --triplex-next-Checkbox-Background_Default
67
- --triplex-next-Checkbox-BorderColor_Default
68
- --triplex-next-Checkbox-Checkmark_Fill_Default
69
- --triplex-next-Checkbox-Background_Hover
70
- --triplex-next-Checkbox-BorderColor_Hover
71
- --triplex-next-Checkbox-Background_Checked_Default
72
- --triplex-next-Checkbox-BorderColor_Checked_Default
73
- --triplex-next-Checkbox-Background_Disabled
74
- --triplex-next-Checkbox-BorderColor_Disabled
75
- --triplex-next-Checkbox-Background_Checked_Disabled
76
- --triplex-next-Checkbox-BorderColor_Checked_Disabled
77
- --triplex-next-Checkbox-Checkmark_Fill_Disabled
78
- --triplex-next-Checkbox-BorderColor_Focus
79
- --triplex-next-Checkbox-Background_Checked_Hover
65
+ Переопределяются через `ThemeProvider` (prop `tokens`) — см. `ThemeProvider-ai.md` →
66
+ «Как переопределять токены». Значения по умолчанию — `src/components/DesignTokens/components/Checkbox.ts`.
67
+
68
+ ```text
69
+ Checkbox.Background_Default
70
+ Checkbox.BorderColor_Default
71
+ Checkbox.Checkmark_Fill_Default
72
+ Checkbox.Background_Hover
73
+ Checkbox.BorderColor_Hover
74
+ Checkbox.Background_Checked_Default
75
+ Checkbox.BorderColor_Checked_Default
76
+ Checkbox.Background_Disabled
77
+ Checkbox.BorderColor_Disabled
78
+ Checkbox.Background_Checked_Disabled
79
+ Checkbox.BorderColor_Checked_Disabled
80
+ Checkbox.Checkmark_Fill_Disabled
81
+ Checkbox.BorderColor_Focus
82
+ Checkbox.Background_Checked_Hover
80
83
  ```
81
84
 
82
85
  ---
@@ -3,7 +3,7 @@ component: CheckboxTreeExtended
3
3
  category: Inputs
4
4
  related: [CheckboxTree, CollapsibleTreeExtended, Checkbox]
5
5
  tokens:
6
- - --triplex-next-Checkbox-BorderColor_Focus
6
+ - Checkbox.BorderColor_Focus
7
7
  stories: stories/CheckboxTreeExtended/CheckboxTreeExtended.stories.tsx
8
8
  version: "1.0"
9
9
  ---
@@ -88,11 +88,15 @@ render-функции узла.
88
88
 
89
89
  ## Дизайн-токены
90
90
 
91
- Собственных токенов компонент не вводит. Единственная CSS-переменная в стилях —
92
- у стрелки раскрытия (см. «Инварианты», сейчас не отрисовывается):
91
+ Переопределяются через `ThemeProvider` (prop `tokens`) — см. `ThemeProvider-ai.md` →
92
+ «Как переопределять токены». Значения по умолчанию — `src/components/DesignTokens/components/Checkbox.ts`.
93
93
 
94
- ```
95
- --triplex-next-Checkbox-BorderColor_Focus
94
+ Собственных токенов компонент не вводит. Единственный токен в стилях — общий
95
+ `Checkbox.BorderColor_Focus`: тот же токен рисует фокус чекбокса, а здесь —
96
+ `:focus-visible` стрелки раскрытия (см. «Инварианты», сейчас не отрисовывается):
97
+
98
+ ```text
99
+ Checkbox.BorderColor_Focus
96
100
  ```
97
101
 
98
102
  Размеры и цвета самих чекбоксов приходят из `Checkbox`, вертикальные отступы
@@ -3,25 +3,25 @@ component: Chip
3
3
  category: Chips
4
4
  related: [ChipGroup, ChipIcon, ChipOptions, ChipSelect, ChipMultiselect, ChipSort, ChipSuggest, ChipDatePicker, ChipClearButton, ChipDropdownArrow, Badge, IconWrapper]
5
5
  tokens:
6
- - --triplex-next-Chip-Background_Type1_Default
7
- - --triplex-next-Chip-Background_Type1_Hover
8
- - --triplex-next-Chip-Background_Type2_Default
9
- - --triplex-next-Chip-Background_Type2_Hover
10
- - --triplex-next-Chip-Background_Active
11
- - --triplex-next-Chip-Background_Disabled
12
- - --triplex-next-Chip-Background_Selected_Default
13
- - --triplex-next-Chip-Background_Selected_Hover
14
- - --triplex-next-Chip-Background_Selected_Active
15
- - --triplex-next-Chip-Background_Selected_Disabled
16
- - --triplex-next-Chip-Color_Default
17
- - --triplex-next-Chip-Color_Hover
18
- - --triplex-next-Chip-Color_Active
19
- - --triplex-next-Chip-Color_Disabled
20
- - --triplex-next-Chip-Color_Selected_Default
21
- - --triplex-next-Chip-Color_Selected_Hover
22
- - --triplex-next-Chip-Color_Selected_Active
23
- - --triplex-next-Chip-Color_Selected_Disabled
24
- - --triplex-next-Chip-Shadow_Focus
6
+ - Chip.Background_Type1_Default
7
+ - Chip.Background_Type1_Hover
8
+ - Chip.Background_Type2_Default
9
+ - Chip.Background_Type2_Hover
10
+ - Chip.Background_Active
11
+ - Chip.Background_Disabled
12
+ - Chip.Background_Selected_Default
13
+ - Chip.Background_Selected_Hover
14
+ - Chip.Background_Selected_Active
15
+ - Chip.Background_Selected_Disabled
16
+ - Chip.Color_Default
17
+ - Chip.Color_Hover
18
+ - Chip.Color_Active
19
+ - Chip.Color_Disabled
20
+ - Chip.Color_Selected_Default
21
+ - Chip.Color_Selected_Hover
22
+ - Chip.Color_Selected_Active
23
+ - Chip.Color_Selected_Disabled
24
+ - Chip.Shadow_Focus
25
25
  stories: stories/Chips/Chip.stories.tsx
26
26
  version: "1.0"
27
27
  ---
@@ -99,7 +99,7 @@ version: "1.0"
99
99
  вызовут `onClick` / `onKeyDown`. Не полагайся на `disabled` как на защиту в логике —
100
100
  проверяй флаг в самом обработчике, если это критично.
101
101
  - **`selected` и `disabled` совместимы** — есть отдельные токены
102
- `--triplex-next-Chip-*_Selected_Disabled`.
102
+ `Chip.*_Selected_Disabled`.
103
103
  - Ширина ограничена: `min-width: 40px`, `max-width: 264px`. Длинный `children`
104
104
  обрезается многоточием, а не переносится.
105
105
 
@@ -107,28 +107,31 @@ version: "1.0"
107
107
 
108
108
  ## Дизайн-токены
109
109
 
110
- Паттерн: `--triplex-next-Chip-{Property}_{Modifier}_{State}`
110
+ Переопределяются через `ThemeProvider` (prop `tokens`) — см. `ThemeProvider-ai.md` →
111
+ «Как переопределять токены». Значения по умолчанию — `src/components/DesignTokens/components/Chip.ts`.
112
+
113
+ Паттерн: `Chip.{Property}_{Modifier}_{State}`
111
114
 
112
115
  ```text
113
- --triplex-next-Chip-Background_Type1_Default
114
- --triplex-next-Chip-Background_Type1_Hover
115
- --triplex-next-Chip-Background_Type2_Default
116
- --triplex-next-Chip-Background_Type2_Hover
117
- --triplex-next-Chip-Background_Active
118
- --triplex-next-Chip-Background_Disabled
119
- --triplex-next-Chip-Background_Selected_Default
120
- --triplex-next-Chip-Background_Selected_Hover
121
- --triplex-next-Chip-Background_Selected_Active
122
- --triplex-next-Chip-Background_Selected_Disabled
123
- --triplex-next-Chip-Color_Default
124
- --triplex-next-Chip-Color_Hover
125
- --triplex-next-Chip-Color_Active
126
- --triplex-next-Chip-Color_Disabled
127
- --triplex-next-Chip-Color_Selected_Default
128
- --triplex-next-Chip-Color_Selected_Hover
129
- --triplex-next-Chip-Color_Selected_Active
130
- --triplex-next-Chip-Color_Selected_Disabled
131
- --triplex-next-Chip-Shadow_Focus
116
+ Chip.Background_Type1_Default
117
+ Chip.Background_Type1_Hover
118
+ Chip.Background_Type2_Default
119
+ Chip.Background_Type2_Hover
120
+ Chip.Background_Active
121
+ Chip.Background_Disabled
122
+ Chip.Background_Selected_Default
123
+ Chip.Background_Selected_Hover
124
+ Chip.Background_Selected_Active
125
+ Chip.Background_Selected_Disabled
126
+ Chip.Color_Default
127
+ Chip.Color_Hover
128
+ Chip.Color_Active
129
+ Chip.Color_Disabled
130
+ Chip.Color_Selected_Default
131
+ Chip.Color_Selected_Hover
132
+ Chip.Color_Selected_Active
133
+ Chip.Color_Selected_Disabled
134
+ Chip.Shadow_Focus
132
135
  ```
133
136
 
134
137
  Токены `_Type1_` / `_Type2_` существуют только для `Background` в состояниях
@@ -175,7 +178,7 @@ Default и Hover. Цвет текста (`Color_*`) от типа не зави
175
178
  внешний `onKeyDown` вызывается всегда и после `preventDefault`. Если чипс должен
176
179
  срабатывать с клавиатуры, потребитель обрабатывает Enter/Space сам через `onKeyDown`.
177
180
  Обёртки семейства (`ChipSelect`, `ChipSuggest`, `ChipDatePicker`) делают это на своём уровне.
178
- - Фокус-стиль через `:focus-visible` (`--triplex-next-Chip-Shadow_Focus`) — виден только
181
+ - Фокус-стиль через `:focus-visible` (`Chip.Shadow_Focus`) — виден только
179
182
  при клавиатурной навигации. Нативная обводка на корневом элементе намеренно отключена
180
183
  (`outline: none` в LESS) в пользу `box-shadow` — убирать правило нельзя, иначе фокус
181
184
  отрисуется дважды.
@@ -3,28 +3,28 @@ component: CodeText
3
3
  category: Typography
4
4
  related: [Text, Title, Caption]
5
5
  tokens:
6
- - --triplex-next-Typography-Primary_Color
7
- - --triplex-next-Typography-PrimaryInvert_Color
8
- - --triplex-next-Typography-Complementary_Color
9
- - --triplex-next-Typography-ComplementaryInvert_Color
10
- - --triplex-next-Typography-Secondary_Color
11
- - --triplex-next-Typography-SecondaryInvert_Color
12
- - --triplex-next-Typography-Tertiary_Color
13
- - --triplex-next-Typography-TertiaryInvert_Color
14
- - --triplex-next-Typography-Disabled_Color
15
- - --triplex-next-Typography-DisabledInvert_Color
16
- - --triplex-next-Typography-Brand_Color
17
- - --triplex-next-Typography-BrandInvert_Color
18
- - --triplex-next-Typography-Info_Color
19
- - --triplex-next-Typography-InfoInvert_Color
20
- - --triplex-next-Typography-Success_Color
21
- - --triplex-next-Typography-SuccessInvert_Color
22
- - --triplex-next-Typography-Warning_Color
23
- - --triplex-next-Typography-WarningInvert_Color
24
- - --triplex-next-Typography-Error_Color
25
- - --triplex-next-Typography-ErrorInvert_Color
26
- - --triplex-next-Typography-System_Color
27
- - --triplex-next-Typography-SystemInvert_Color
6
+ - Typography.Primary_Color
7
+ - Typography.PrimaryInvert_Color
8
+ - Typography.Complementary_Color
9
+ - Typography.ComplementaryInvert_Color
10
+ - Typography.Secondary_Color
11
+ - Typography.SecondaryInvert_Color
12
+ - Typography.Tertiary_Color
13
+ - Typography.TertiaryInvert_Color
14
+ - Typography.Disabled_Color
15
+ - Typography.DisabledInvert_Color
16
+ - Typography.Brand_Color
17
+ - Typography.BrandInvert_Color
18
+ - Typography.Info_Color
19
+ - Typography.InfoInvert_Color
20
+ - Typography.Success_Color
21
+ - Typography.SuccessInvert_Color
22
+ - Typography.Warning_Color
23
+ - Typography.WarningInvert_Color
24
+ - Typography.Error_Color
25
+ - Typography.ErrorInvert_Color
26
+ - Typography.System_Color
27
+ - Typography.SystemInvert_Color
28
28
  stories: stories/Typography/CodeText.stories.tsx
29
29
  version: "1.0"
30
30
  ---
@@ -68,7 +68,10 @@ version: "1.0"
68
68
 
69
69
  ## Дизайн-токены
70
70
 
71
- Цвета — общие CSS-переменные семейства Typography (см. frontmatter): `--triplex-next-Typography-{Type}_Color` и `--triplex-next-Typography-{Type}Invert_Color`.
71
+ Переопределяются через `ThemeProvider` (prop `tokens`) — см. `ThemeProvider-ai.md` →
72
+ «Как переопределять токены». Значения по умолчанию — `src/components/DesignTokens/components/Typography.ts`.
73
+
74
+ Цвета — общие токены группы `Typography` (см. frontmatter): `Typography.{Type}_Color` и `Typography.{Type}Invert_Color`.
72
75
 
73
76
  Шрифт и размер — фиксированные значения в `styles/CodeText.module.less` (токенов для них нет).
74
77
 
@@ -78,8 +78,7 @@ mobile-first):
78
78
 
79
79
  ## Дизайн-токены
80
80
 
81
- Собственных CSS-переменных дизайн-темы (`--triplex-next-*`) компонент не
82
- использует. Ширины и отступы вычисляются в LESS как доли `100% / 12`; gutter —
81
+ Собственных дизайн-токенов у компонента нет. Ширины и отступы вычисляются в LESS как доли `100% / 12`; gutter —
83
82
  локальная переменная `--grid-horizontal-gap`, значение которой берётся из LESS-
84
83
  переменных `@grid-horizontal-gap-SM` (8px) / `@grid-horizontal-gap-MD` (12px)
85
84
  в `src/styles/components/grid.less`.
@@ -3,8 +3,8 @@ component: CollapsibleTree
3
3
  category: CollapsibleTree
4
4
  related: [CollapsibleTreeExtended, CollapsibleTreeNodeHeader, CollapsibleTreeNodeLabel, TreeView, AccordionBase]
5
5
  tokens:
6
- - --triplex-next-CollapsibleTree-Header_Background_Hover
7
- - --triplex-next-CollapsibleTree-Header_Shadow_Focus
6
+ - CollapsibleTree.Header_Background_Hover
7
+ - CollapsibleTree.Header_Shadow_Focus
8
8
  stories: stories/CollapsibleTree/CollapsibleTree.stories.tsx
9
9
  version: "1.0"
10
10
  ---
@@ -102,9 +102,12 @@ Type guard: `isCollapsibleTreeNodeLeaf(node)` — `"content" in node`.
102
102
 
103
103
  ## Дизайн-токены
104
104
 
105
+ Переопределяются через `ThemeProvider` (prop `tokens`) — см. `ThemeProvider-ai.md` →
106
+ «Как переопределять токены». Значения по умолчанию — `src/components/DesignTokens/components/CollapsibleTree.ts`.
107
+
105
108
  ```text
106
- --triplex-next-CollapsibleTree-Header_Background_Hover
107
- --triplex-next-CollapsibleTree-Header_Shadow_Focus
109
+ CollapsibleTree.Header_Background_Hover
110
+ CollapsibleTree.Header_Shadow_Focus
108
111
  ```
109
112
 
110
113
  Цвета disabled-состояния задаются без собственных токенов: шеврон — глобальным
@@ -177,7 +180,7 @@ Type guard: `isCollapsibleTreeNodeLeaf(node)` — `"content" in node`.
177
180
  - Свёрнутая ветка получает `visibility: hidden` на body через
178
181
  `CollapsibleTreeExtended` — Tab не уходит в скрытое содержимое.
179
182
  - Фокус-стиль — `:focus-visible` через токен
180
- `--triplex-next-CollapsibleTree-Header_Shadow_Focus`.
183
+ `CollapsibleTree.Header_Shadow_Focus`.
181
184
 
182
185
  ---
183
186
 
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  component: CollapsibleTreeExtended
3
3
  category: CollapsibleTree
4
- related: [CollapsibleTree, TreeView, AccordionBase]
4
+ related: [CollapsibleTree, TreeView, TreeViewNode, AccordionBase]
5
5
  tokens: []
6
6
  stories: stories/CollapsibleTreeExtended/CollapsibleTreeExtended.stories.tsx
7
7
  version: "1.0"
@@ -161,6 +161,10 @@ FC-обёртка над `TreeView` без собственных props.
161
161
  нестандартный UI узла не нужен — используй её.
162
162
  - `TreeView` (`src/components/TreeView`) — нижний слой: семантика дерева,
163
163
  абстрактное дерево нод, фокус, активная нода, клавиатурная навигация.
164
+ - `TreeViewNode` (`TreeView.Node`) — узел, который оборачивает каждая нода
165
+ `CollapsibleTreeExtended`: `ICollapsibleTreeExtendedNodeProps` наследует
166
+ `Omit<ITreeViewNodeProps, "children">`, поэтому `id`, `opened`, `prevNodeId`,
167
+ `nextNodeId` и остальные props узла работают здесь так же, как у голой ноды.
164
168
  - `AccordionBase` (`src/components/AccordionBase`) — анимация раскрытия и
165
169
  `onToggle` после завершения анимации. Используется внутри каждой ноды.
166
170
 
@@ -187,6 +191,7 @@ FC-обёртка над `TreeView` без собственных props.
187
191
  | 2026-05-15 | Создан документ. Зафиксирован фикс controlled-инварианта (режим вычисляется на каждом рендере) и пополнение stories (`Playground`, `VisualTests`) |
188
192
  | 2026-07-06 | В story-примерах шеврон открытого узла теперь указывает вверх (`rotate(-90deg)`), а не вниз — синхронно с `CollapsibleTree` |
189
193
  | 2026-07-14 | В story-примерах на кнопку заголовка добавлены глобальные классы icons-next: `hoverable` всегда и `active` при `opened` — цвет иконки раскрытия, синхронно с `CollapsibleTreeNodeHeader` |
194
+ | 2026-08-26 | В `related` добавлен `TreeViewNode` — у узла появился собственный AI.md, и он точный адресат наследования `ICollapsibleTreeExtendedNodeProps` |
190
195
 
191
196
  ---
192
197