@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.
- package/README.md +7 -6
- package/bundle/components/AlertContext.md +11 -8
- package/bundle/components/AlertProcess.md +16 -12
- package/bundle/components/Badge.md +6 -3
- package/bundle/components/BodyPage.md +72 -4
- package/bundle/components/Button.md +46 -43
- package/bundle/components/ButtonDropdownExtended.md +3 -2
- package/bundle/components/ButtonIcon.md +7 -4
- package/bundle/components/Calendar.md +62 -59
- package/bundle/components/Caption.md +26 -23
- package/bundle/components/Checkbox.md +32 -29
- package/bundle/components/CheckboxTreeExtended.md +9 -5
- package/bundle/components/Chip.md +44 -41
- package/bundle/components/CodeText.md +26 -23
- package/bundle/components/Col.md +1 -2
- package/bundle/components/CollapsibleTree.md +8 -5
- package/bundle/components/CollapsibleTreeExtended.md +6 -1
- package/bundle/components/DatePickerExtended.md +409 -262
- package/bundle/components/Dropdown.md +33 -28
- package/bundle/components/EmptyView.md +12 -5
- package/bundle/components/ExpandAnimation.md +263 -218
- package/bundle/components/Footer.md +235 -278
- package/bundle/components/FooterPage.md +6 -2
- package/bundle/components/FormField.md +44 -41
- package/bundle/components/FormGroup.md +192 -52
- package/bundle/components/Header.md +491 -211
- package/bundle/components/HeaderPage.md +6 -2
- package/bundle/components/ImageGallery.md +33 -34
- package/bundle/components/ImageGalleryExtended.md +33 -34
- package/bundle/components/Island.md +52 -14
- package/bundle/components/LightBox.md +25 -18
- package/bundle/components/Link.md +211 -96
- package/bundle/components/ListActionItem.md +7 -4
- package/bundle/components/ListItem.md +11 -8
- package/bundle/components/ListItemControlsButton.md +16 -13
- package/bundle/components/ListItemControlsButtonDropdown.md +9 -6
- package/bundle/components/ListItemSelectable.md +7 -4
- package/bundle/components/ListMasterFooter.md +8 -5
- package/bundle/components/ListMasterHeader.md +8 -5
- package/bundle/components/ListSortableItem.md +11 -8
- package/bundle/components/ListTableItem.md +7 -4
- package/bundle/components/LoaderMiddle.md +7 -4
- package/bundle/components/LoaderScreen.md +11 -8
- package/bundle/components/LoaderSmall.md +7 -4
- package/bundle/components/Marker.md +184 -69
- package/bundle/components/MarkerStatus.md +206 -88
- package/bundle/components/MaskedField.md +2 -4
- package/bundle/components/MasterTable.md +602 -0
- package/bundle/components/ModalWindow.md +7 -4
- package/bundle/components/MultiselectField.md +2183 -132
- package/bundle/components/Notification.md +12 -9
- package/bundle/components/Overlay.md +33 -5
- package/bundle/components/Page.md +2 -2
- package/bundle/components/Pagination.md +27 -21
- package/bundle/components/Row.md +1 -1
- package/bundle/components/SelectExtendedField.md +3 -3
- package/bundle/components/SelectField.md +466 -148
- package/bundle/components/SliderExtended.md +39 -36
- package/bundle/components/SmallInput.md +194 -51
- package/bundle/components/Suggest.md +535 -99
- package/bundle/components/SwipeableArea.md +428 -79
- package/bundle/components/TableBasic.md +2302 -0
- package/bundle/components/TabsExtended.md +24 -21
- package/bundle/components/Tag.md +263 -78
- package/bundle/components/Text.md +28 -25
- package/bundle/components/TextField.md +3 -4
- package/bundle/components/ThemeProvider.md +50 -1
- package/bundle/components/Title.md +26 -23
- package/bundle/components/Tooltip.md +24 -21
- package/bundle/components/TopOverlay.md +368 -89
- package/bundle/components/TreeView.md +343 -166
- package/bundle/components/TreeViewNode.md +436 -0
- package/bundle/guides/codestyle.md +3 -0
- package/bundle/guides/commits.md +106 -26
- package/bundle/guides/context.md +84 -12
- package/bundle/guides/guidelines.md +321 -0
- package/bundle/guides/template.md +22 -12
- package/bundle/manifest.json +54 -20
- package/bundle/release-notes/1.44.0.mdx +113 -0
- package/bundle/release-notes/1.45.0.mdx +124 -0
- package/bundle/release-notes/1.46.0.mdx +7 -0
- package/bundle/tokens.json +6362 -0
- package/dist/index.js +177 -28
- package/dist/index.js.map +1 -1
- 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
|
-
-
|
|
7
|
-
-
|
|
8
|
-
-
|
|
9
|
-
-
|
|
10
|
-
-
|
|
11
|
-
-
|
|
12
|
-
-
|
|
13
|
-
-
|
|
14
|
-
-
|
|
15
|
-
-
|
|
16
|
-
-
|
|
17
|
-
-
|
|
18
|
-
-
|
|
19
|
-
-
|
|
20
|
-
-
|
|
21
|
-
-
|
|
22
|
-
-
|
|
23
|
-
-
|
|
24
|
-
-
|
|
25
|
-
-
|
|
26
|
-
-
|
|
27
|
-
-
|
|
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
|
-
|
|
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
|
-
-
|
|
7
|
-
-
|
|
8
|
-
-
|
|
9
|
-
-
|
|
10
|
-
-
|
|
11
|
-
-
|
|
12
|
-
-
|
|
13
|
-
-
|
|
14
|
-
-
|
|
15
|
-
-
|
|
16
|
-
-
|
|
17
|
-
-
|
|
18
|
-
-
|
|
19
|
-
-
|
|
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
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
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
|
-
-
|
|
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
|
-
|
|
92
|
-
|
|
91
|
+
Переопределяются через `ThemeProvider` (prop `tokens`) — см. `ThemeProvider-ai.md` →
|
|
92
|
+
«Как переопределять токены». Значения по умолчанию — `src/components/DesignTokens/components/Checkbox.ts`.
|
|
93
93
|
|
|
94
|
-
|
|
95
|
-
|
|
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
|
-
-
|
|
7
|
-
-
|
|
8
|
-
-
|
|
9
|
-
-
|
|
10
|
-
-
|
|
11
|
-
-
|
|
12
|
-
-
|
|
13
|
-
-
|
|
14
|
-
-
|
|
15
|
-
-
|
|
16
|
-
-
|
|
17
|
-
-
|
|
18
|
-
-
|
|
19
|
-
-
|
|
20
|
-
-
|
|
21
|
-
-
|
|
22
|
-
-
|
|
23
|
-
-
|
|
24
|
-
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
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` (
|
|
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
|
-
-
|
|
7
|
-
-
|
|
8
|
-
-
|
|
9
|
-
-
|
|
10
|
-
-
|
|
11
|
-
-
|
|
12
|
-
-
|
|
13
|
-
-
|
|
14
|
-
-
|
|
15
|
-
-
|
|
16
|
-
-
|
|
17
|
-
-
|
|
18
|
-
-
|
|
19
|
-
-
|
|
20
|
-
-
|
|
21
|
-
-
|
|
22
|
-
-
|
|
23
|
-
-
|
|
24
|
-
-
|
|
25
|
-
-
|
|
26
|
-
-
|
|
27
|
-
-
|
|
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
|
-
|
|
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
|
|
package/bundle/components/Col.md
CHANGED
|
@@ -78,8 +78,7 @@ mobile-first):
|
|
|
78
78
|
|
|
79
79
|
## Дизайн-токены
|
|
80
80
|
|
|
81
|
-
Собственных
|
|
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
|
-
-
|
|
7
|
-
-
|
|
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
|
-
|
|
107
|
-
|
|
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
|
-
|
|
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
|
|