@sberbusiness/triplex-next-mcp-server 1.44.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 (76) hide show
  1. package/README.md +7 -6
  2. package/bundle/components/AlertContext.md +11 -8
  3. package/bundle/components/AlertProcess.md +13 -10
  4. package/bundle/components/Badge.md +6 -3
  5. package/bundle/components/Button.md +46 -43
  6. package/bundle/components/ButtonDropdownExtended.md +3 -2
  7. package/bundle/components/ButtonIcon.md +7 -4
  8. package/bundle/components/Calendar.md +62 -59
  9. package/bundle/components/Caption.md +26 -23
  10. package/bundle/components/Checkbox.md +32 -29
  11. package/bundle/components/CheckboxTreeExtended.md +9 -5
  12. package/bundle/components/Chip.md +44 -41
  13. package/bundle/components/CodeText.md +26 -23
  14. package/bundle/components/Col.md +1 -2
  15. package/bundle/components/CollapsibleTree.md +8 -5
  16. package/bundle/components/Dropdown.md +33 -28
  17. package/bundle/components/EmptyView.md +12 -5
  18. package/bundle/components/FooterPage.md +6 -2
  19. package/bundle/components/FormField.md +44 -41
  20. package/bundle/components/FormGroup.md +192 -52
  21. package/bundle/components/Header.md +491 -211
  22. package/bundle/components/HeaderPage.md +6 -2
  23. package/bundle/components/ImageGallery.md +33 -34
  24. package/bundle/components/ImageGalleryExtended.md +33 -34
  25. package/bundle/components/Island.md +16 -13
  26. package/bundle/components/LightBox.md +14 -12
  27. package/bundle/components/Link.md +211 -96
  28. package/bundle/components/ListActionItem.md +7 -4
  29. package/bundle/components/ListItem.md +11 -8
  30. package/bundle/components/ListItemControlsButton.md +16 -13
  31. package/bundle/components/ListItemControlsButtonDropdown.md +9 -6
  32. package/bundle/components/ListItemSelectable.md +7 -4
  33. package/bundle/components/ListMasterFooter.md +8 -5
  34. package/bundle/components/ListMasterHeader.md +8 -5
  35. package/bundle/components/ListSortableItem.md +11 -8
  36. package/bundle/components/ListTableItem.md +7 -4
  37. package/bundle/components/LoaderMiddle.md +7 -4
  38. package/bundle/components/LoaderScreen.md +11 -8
  39. package/bundle/components/LoaderSmall.md +7 -4
  40. package/bundle/components/Marker.md +184 -69
  41. package/bundle/components/MarkerStatus.md +206 -88
  42. package/bundle/components/MaskedField.md +2 -4
  43. package/bundle/components/MasterTable.md +602 -0
  44. package/bundle/components/ModalWindow.md +7 -4
  45. package/bundle/components/MultiselectField.md +2183 -132
  46. package/bundle/components/Notification.md +12 -9
  47. package/bundle/components/Overlay.md +9 -4
  48. package/bundle/components/Page.md +2 -2
  49. package/bundle/components/Pagination.md +15 -8
  50. package/bundle/components/Row.md +1 -1
  51. package/bundle/components/SelectExtendedField.md +3 -3
  52. package/bundle/components/SelectField.md +466 -148
  53. package/bundle/components/SliderExtended.md +39 -36
  54. package/bundle/components/SmallInput.md +194 -51
  55. package/bundle/components/Suggest.md +535 -99
  56. package/bundle/components/SwipeableArea.md +428 -79
  57. package/bundle/components/TableBasic.md +19 -11
  58. package/bundle/components/TabsExtended.md +24 -21
  59. package/bundle/components/Tag.md +6 -2
  60. package/bundle/components/Text.md +28 -25
  61. package/bundle/components/TextField.md +3 -4
  62. package/bundle/components/ThemeProvider.md +50 -1
  63. package/bundle/components/Title.md +26 -23
  64. package/bundle/components/Tooltip.md +24 -21
  65. package/bundle/components/TopOverlay.md +7 -4
  66. package/bundle/guides/codestyle.md +3 -0
  67. package/bundle/guides/context.md +84 -12
  68. package/bundle/guides/guidelines.md +321 -0
  69. package/bundle/guides/template.md +22 -12
  70. package/bundle/manifest.json +31 -14
  71. package/bundle/release-notes/1.45.0.mdx +117 -0
  72. package/bundle/release-notes/1.46.0.mdx +7 -0
  73. package/bundle/tokens.json +6362 -0
  74. package/dist/index.js +177 -28
  75. package/dist/index.js.map +1 -1
  76. package/package.json +1 -1
@@ -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
 
@@ -3,19 +3,21 @@ component: Dropdown
3
3
  category: Dropdown
4
4
  related: [ButtonDropdown, ButtonDropdownExtended, Portal, MobileView, OverlayBase, SelectField, SelectExtendedField, SuggestField, MultiselectField, TabsLine]
5
5
  tokens:
6
- - --triplex-next-Dropdown-Background
7
- - --triplex-next-Dropdown-Shadow
8
- - --triplex-next-DropdownList-Color
9
- - --triplex-next-DropdownList-Background_Default
10
- - --triplex-next-DropdownList-Background_Active
11
- - --triplex-next-DropdownList-Background_Selected
12
- - --triplex-next-DropdownMobile-Backdrop
13
- - --triplex-next-DropdownMobile-Header_Background
14
- - --triplex-next-DropdownMobile-Content_Background
15
- - --triplex-next-DropdownMobile-Footer_Background
16
- - --triplex-next-DropdownMobile-Border_Color
17
- - --triplex-next-DropdownMobileList-Active_Background
18
- - --triplex-next-DropdownMobileList-Selected_Background
6
+ - Dropdown.Background
7
+ - Dropdown.Shadow
8
+ - DropdownList.Color
9
+ - DropdownList.Background_Default
10
+ - DropdownList.Background_Active
11
+ - DropdownList.Background_Selected
12
+ - DropdownMobile.Backdrop
13
+ - DropdownMobile.Header_Background
14
+ - DropdownMobile.Content_Background
15
+ - DropdownMobile.Footer_Background
16
+ - DropdownMobile.Border_Color
17
+ - DropdownMobileList.Active_Background
18
+ - DropdownMobileList.Selected_Background
19
+ - FormField.Input_Color_Default
20
+ - FormField.Placeholder_Color
19
21
  stories: stories/Dropdown/Dropdown.stories.tsx
20
22
  version: "1.0"
21
23
  ---
@@ -92,23 +94,26 @@ version: "1.0"
92
94
 
93
95
  ## Дизайн-токены
94
96
 
95
- ```
96
- --triplex-next-Dropdown-Background
97
- --triplex-next-Dropdown-Shadow
98
- --triplex-next-DropdownList-Color
99
- --triplex-next-DropdownList-Background_Default
100
- --triplex-next-DropdownList-Background_Active
101
- --triplex-next-DropdownList-Background_Selected
102
- --triplex-next-DropdownMobile-Backdrop
103
- --triplex-next-DropdownMobile-Header_Background
104
- --triplex-next-DropdownMobile-Content_Background
105
- --triplex-next-DropdownMobile-Footer_Background
106
- --triplex-next-DropdownMobile-Border_Color
107
- --triplex-next-DropdownMobileList-Active_Background
108
- --triplex-next-DropdownMobileList-Selected_Background
97
+ Переопределяются через `ThemeProvider` (prop `tokens`) — см. `ThemeProvider-ai.md` →
98
+ «Как переопределять токены». Значения по умолчанию — файлы групп `Dropdown`, `DropdownList`, `DropdownMobile`, `DropdownMobileList` в `src/components/DesignTokens/components/`.
99
+
100
+ ```text
101
+ Dropdown.Background
102
+ Dropdown.Shadow
103
+ DropdownList.Color
104
+ DropdownList.Background_Default
105
+ DropdownList.Background_Active
106
+ DropdownList.Background_Selected
107
+ DropdownMobile.Backdrop
108
+ DropdownMobile.Header_Background
109
+ DropdownMobile.Content_Background
110
+ DropdownMobile.Footer_Background
111
+ DropdownMobile.Border_Color
112
+ DropdownMobileList.Active_Background
113
+ DropdownMobileList.Selected_Background
109
114
  ```
110
115
 
111
- `DropdownMobileInput` дополнительно использует токены поля ввода: `--triplex-next-FormField-Input_Color_Default`, `--triplex-next-FormField-Placeholder_Color`.
116
+ `DropdownMobileInput` дополнительно использует токены поля ввода: `FormField.Input_Color_Default`, `FormField.Placeholder_Color`.
112
117
 
113
118
  ---
114
119
 
@@ -3,8 +3,8 @@ component: EmptyView
3
3
  category: Feedback
4
4
  related: [Button]
5
5
  tokens:
6
- - --triplex-next-Typography-Primary_Color
7
- - --triplex-next-Typography-Secondary_Color
6
+ - Typography.Primary_Color
7
+ - Typography.Secondary_Color
8
8
  stories: stories/EmptyView/EmptyView.stories.tsx
9
9
  version: "1.0"
10
10
  ---
@@ -47,10 +47,16 @@ version: "1.0"
47
47
 
48
48
  ## Дизайн-токены
49
49
 
50
+ Переопределяются через `ThemeProvider` (prop `tokens`) — см. `ThemeProvider-ai.md` →
51
+ «Как переопределять токены». Значения по умолчанию — `src/components/DesignTokens/components/Typography.ts`.
52
+
53
+ ```text
54
+ Typography.Primary_Color (title, description без title)
55
+ Typography.Secondary_Color (description с title, caption)
50
56
  ```
51
- --triplex-next-Typography-Primary_Color (title, description без title)
52
- --triplex-next-Typography-Secondary_Color (description с title, caption)
53
- ```
57
+
58
+ Собственных токенов у компонента нет: цвета приходят от вложенных `Title` и `Text`,
59
+ в `styles/EmptyView.module.less` заданы только отступы и выравнивание.
54
60
 
55
61
  ---
56
62
 
@@ -96,6 +102,7 @@ version: "1.0"
96
102
  |---|---|
97
103
  | 2026-04-09 | Создан компонент и документ. |
98
104
  | 2026-04-27 | Приведён в соответствие с `docs/ai/template-ai.md`: добавлена колонка `Example file`, переименована подсекция «Поведение описания» в «Ограничения по темам». |
105
+ | 2026-08-31 | Заголовок всегда рендерится как `Title` с `ETitleSize.H3` и `EFontWeightTitle.MEDIUM`: убран `TITLE_CONFIG`, типографика `title` больше не зависит от `size`. |
99
106
 
100
107
  ---
101
108
 
@@ -2,7 +2,8 @@
2
2
  component: FooterPage
3
3
  category: Page
4
4
  related: [Page, HeaderPage, BodyPage, Footer, Island, LightBox]
5
- tokens: [--triplex-next-FooterPage-StickyShadow]
5
+ tokens:
6
+ - FooterPage.StickyShadow
6
7
  stories: stories/Page/FooterPage/FooterPage.stories.tsx
7
8
  version: "1.0"
8
9
  ---
@@ -51,9 +52,12 @@ version: "1.0"
51
52
 
52
53
  ## Дизайн-токены
53
54
 
55
+ Переопределяются через `ThemeProvider` (prop `tokens`) — см. `ThemeProvider-ai.md` →
56
+ «Как переопределять токены». Значения по умолчанию — `src/components/DesignTokens/components/FooterPage.ts`.
57
+
54
58
  | Токен | Назначение |
55
59
  |---|---|
56
- | `--triplex-next-FooterPage-StickyShadow` | Тень прилипшего футера (когда `sticky` и футер коснулся нижней границы, `data-stuck="true"`). |
60
+ | `FooterPage.StickyShadow` | Тень прилипшего футера (когда `sticky` и футер коснулся нижней границы, `data-stuck="true"`). |
57
61
 
58
62
  Внешний вид карточки наследуется от `Island` (`EIslandType.TYPE_1`). Радиус нижних углов при
59
63
  прилипании плавно обнуляется через CSS-переменную `--r-bottom` (управляется хуком
@@ -3,26 +3,26 @@ component: FormField
3
3
  category: FormField
4
4
  related: [FormFieldLabel, FormFieldInput, FormFieldTextarea, FormFieldTarget, FormFieldMaskedInput, FormFieldPrefix, FormFieldPostfix, FormFieldClear, FormFieldDescription, FormFieldCounter, FormGroup, TextField, TextareaField, MaskedField, SelectField, SuggestField, DateField]
5
5
  tokens:
6
- - --triplex-next-FormField-Background_Default
7
- - --triplex-next-FormField-Background_Hover
8
- - --triplex-next-FormField-Background_Active
9
- - --triplex-next-FormField-Background_Disabled
10
- - --triplex-next-FormField-Background_Error
11
- - --triplex-next-FormField-Background_Error_Hover
12
- - --triplex-next-FormField-Background_Warning
13
- - --triplex-next-FormField-Background_Warning_Hover
14
- - --triplex-next-FormField-Shadow_Default
15
- - --triplex-next-FormField-Shadow_Active
16
- - --triplex-next-FormField-Shadow_Error_Active
17
- - --triplex-next-FormField-Shadow_Warning_Active
18
- - --triplex-next-FormField-Input_Color_Default
19
- - --triplex-next-FormField-Input_Color_Disabled
20
- - --triplex-next-FormField-Label_Color_Default
21
- - --triplex-next-FormField-Label_Color_Disabled
22
- - --triplex-next-FormField-Placeholder_Color
23
- - --triplex-next-FormField-Target_Color_Default
24
- - --triplex-next-FormField-Target_Color_Disabled
25
- - --triplex-next-FormField-Target_PlaceholderColor_Default
6
+ - FormField.Background_Default
7
+ - FormField.Background_Hover
8
+ - FormField.Background_Active
9
+ - FormField.Background_Disabled
10
+ - FormField.Background_Error
11
+ - FormField.Background_Error_Hover
12
+ - FormField.Background_Warning
13
+ - FormField.Background_Warning_Hover
14
+ - FormField.Shadow_Default
15
+ - FormField.Shadow_Active
16
+ - FormField.Shadow_Error_Active
17
+ - FormField.Shadow_Warning_Active
18
+ - FormField.Input_Color_Default
19
+ - FormField.Input_Color_Disabled
20
+ - FormField.Label_Color_Default
21
+ - FormField.Label_Color_Disabled
22
+ - FormField.Placeholder_Color
23
+ - FormField.Target_Color_Default
24
+ - FormField.Target_Color_Disabled
25
+ - FormField.Target_PlaceholderColor_Default
26
26
  stories: stories/FormField/FormField.stories.tsx
27
27
  version: "1.0"
28
28
  ---
@@ -69,27 +69,30 @@ version: "1.0"
69
69
 
70
70
  ## Дизайн-токены
71
71
 
72
- ```
73
- --triplex-next-FormField-Background_Default
74
- --triplex-next-FormField-Background_Hover
75
- --triplex-next-FormField-Background_Active
76
- --triplex-next-FormField-Background_Disabled
77
- --triplex-next-FormField-Background_Error
78
- --triplex-next-FormField-Background_Error_Hover
79
- --triplex-next-FormField-Background_Warning
80
- --triplex-next-FormField-Background_Warning_Hover
81
- --triplex-next-FormField-Shadow_Default
82
- --triplex-next-FormField-Shadow_Active
83
- --triplex-next-FormField-Shadow_Error_Active
84
- --triplex-next-FormField-Shadow_Warning_Active
85
- --triplex-next-FormField-Input_Color_Default
86
- --triplex-next-FormField-Input_Color_Disabled
87
- --triplex-next-FormField-Label_Color_Default
88
- --triplex-next-FormField-Label_Color_Disabled
89
- --triplex-next-FormField-Placeholder_Color
90
- --triplex-next-FormField-Target_Color_Default
91
- --triplex-next-FormField-Target_Color_Disabled
92
- --triplex-next-FormField-Target_PlaceholderColor_Default
72
+ Переопределяются через `ThemeProvider` (prop `tokens`) — см. `ThemeProvider-ai.md` →
73
+ «Как переопределять токены». Значения по умолчанию — `src/components/DesignTokens/components/FormField.ts`.
74
+
75
+ ```text
76
+ FormField.Background_Default
77
+ FormField.Background_Hover
78
+ FormField.Background_Active
79
+ FormField.Background_Disabled
80
+ FormField.Background_Error
81
+ FormField.Background_Error_Hover
82
+ FormField.Background_Warning
83
+ FormField.Background_Warning_Hover
84
+ FormField.Shadow_Default
85
+ FormField.Shadow_Active
86
+ FormField.Shadow_Error_Active
87
+ FormField.Shadow_Warning_Active
88
+ FormField.Input_Color_Default
89
+ FormField.Input_Color_Disabled
90
+ FormField.Label_Color_Default
91
+ FormField.Label_Color_Disabled
92
+ FormField.Placeholder_Color
93
+ FormField.Target_Color_Default
94
+ FormField.Target_Color_Disabled
95
+ FormField.Target_PlaceholderColor_Default
93
96
  ```
94
97
 
95
98
  ---