@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.
- package/README.md +7 -6
- package/bundle/components/AlertContext.md +11 -8
- package/bundle/components/AlertProcess.md +13 -10
- package/bundle/components/Badge.md +6 -3
- 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/Dropdown.md +33 -28
- package/bundle/components/EmptyView.md +12 -5
- 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 +16 -13
- package/bundle/components/LightBox.md +14 -12
- 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 +9 -4
- package/bundle/components/Page.md +2 -2
- package/bundle/components/Pagination.md +15 -8
- 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 +19 -11
- package/bundle/components/TabsExtended.md +24 -21
- package/bundle/components/Tag.md +6 -2
- 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 +7 -4
- package/bundle/guides/codestyle.md +3 -0
- 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 +31 -14
- package/bundle/release-notes/1.45.0.mdx +117 -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,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
|
|
|
@@ -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
|
-
-
|
|
7
|
-
-
|
|
8
|
-
-
|
|
9
|
-
-
|
|
10
|
-
-
|
|
11
|
-
-
|
|
12
|
-
-
|
|
13
|
-
-
|
|
14
|
-
-
|
|
15
|
-
-
|
|
16
|
-
-
|
|
17
|
-
-
|
|
18
|
-
-
|
|
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
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
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` дополнительно использует токены поля ввода:
|
|
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
|
-
-
|
|
7
|
-
-
|
|
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
|
-
|
|
52
|
-
|
|
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:
|
|
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
|
-
|
|
|
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
|
-
-
|
|
7
|
-
-
|
|
8
|
-
-
|
|
9
|
-
-
|
|
10
|
-
-
|
|
11
|
-
-
|
|
12
|
-
-
|
|
13
|
-
-
|
|
14
|
-
-
|
|
15
|
-
-
|
|
16
|
-
-
|
|
17
|
-
-
|
|
18
|
-
-
|
|
19
|
-
-
|
|
20
|
-
-
|
|
21
|
-
-
|
|
22
|
-
-
|
|
23
|
-
-
|
|
24
|
-
-
|
|
25
|
-
-
|
|
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
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
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
|
---
|