@salutejs/plasma-web 1.422.0-canary.1486.11363705461.0 → 1.422.0
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +233 -0
- package/api/plasma-web.api.md +9 -12
- package/components/Segment/Segment.d.ts +9 -12
- package/components/Segment/SegmentGroup.config.d.ts +5 -2
- package/components/Segment/SegmentGroup.config.js +14 -11
- package/components/Segment/SegmentItem.config.d.ts +1 -1
- package/components/Segment/SegmentItem.config.js +8 -8
- package/css/cjs/components/Segment/Segment.css +19 -18
- package/css/cjs/components/Segment/SegmentGroup.config.js +6 -3
- package/css/cjs/components/Segment/SegmentGroup.config.js.map +1 -1
- package/css/cjs/components/Segment/SegmentGroup.config_uubjjb.css +11 -0
- package/css/cjs/components/Segment/SegmentItem.config.js +3 -3
- package/css/cjs/components/Segment/SegmentItem.config.js.map +1 -1
- package/css/cjs/components/Segment/SegmentItem.config_1mppsqs.css +9 -0
- package/css/cjs/index.css +20 -19
- package/css/es/components/Segment/Segment.css +19 -18
- package/css/es/components/Segment/SegmentGroup.config.js +6 -3
- package/css/es/components/Segment/SegmentGroup.config.js.map +1 -1
- package/css/es/components/Segment/SegmentGroup.config_uubjjb.css +11 -0
- package/css/es/components/Segment/SegmentItem.config.js +3 -3
- package/css/es/components/Segment/SegmentItem.config.js.map +1 -1
- package/css/es/components/Segment/SegmentItem.config_1mppsqs.css +9 -0
- package/css/es/index.css +20 -19
- package/es/components/Segment/SegmentGroup.config.js +14 -11
- package/es/components/Segment/SegmentItem.config.js +8 -8
- package/package.json +11 -11
- package/css/cjs/components/Segment/SegmentGroup.config_notwep.css +0 -10
- package/css/cjs/components/Segment/SegmentItem.config_g2b5lk.css +0 -9
- package/css/es/components/Segment/SegmentGroup.config_notwep.css +0 -10
- package/css/es/components/Segment/SegmentItem.config_g2b5lk.css +0 -9
- package/temp/plasma-web.api.md +0 -3402
package/CHANGELOG.md
CHANGED
@@ -1,3 +1,236 @@
|
|
1
|
+
# v1.422.0 (Thu Oct 17 2024)
|
2
|
+
|
3
|
+
### Release Notes
|
4
|
+
|
5
|
+
#### Release by 16.10.2024 ([#1487](https://github.com/salute-developers/plasma/pull/1487))
|
6
|
+
|
7
|
+
## Components
|
8
|
+
|
9
|
+
### Accordion
|
10
|
+
|
11
|
+
- свойство `view` помечено как `optional`
|
12
|
+
- свойство `view` для AccordionItem помечено как `deprecated`
|
13
|
+
- свойство `title` для `AccordionItem` теперь `ReactNode`
|
14
|
+
|
15
|
+
|
16
|
+
|
17
|
+
[PLASMA-3591]: Fix Accordion types (https://github.com/salute-developers/plasma/pull/1467)
|
18
|
+
|
19
|
+
### TextArea
|
20
|
+
|
21
|
+
- исправлен скроллбар
|
22
|
+
- обновлены `snapshots`
|
23
|
+
|
24
|
+
|
25
|
+
feat(plasma-*, sdds-*): TextArea scrollbar (https://github.com/salute-developers/plasma/pull/1471)
|
26
|
+
|
27
|
+
### Popup
|
28
|
+
|
29
|
+
- добавлены storybook декораторы для `Popup` и `Notification` для правильного отображения: `Drawer, Modal, Notification, Popup`
|
30
|
+
|
31
|
+
|
32
|
+
plasma-*: Fix popup mount logic (https://github.com/salute-developers/plasma/pull/1412)
|
33
|
+
|
34
|
+
### Tabs
|
35
|
+
|
36
|
+
- вертикальные табы добавлены в поставку всех клиентских библиотек
|
37
|
+
- добавлено свойство `value` для горизонтальных и вертикальных табов
|
38
|
+
- исправлены токены для всех пакетов
|
39
|
+
|
40
|
+
<img width="181" alt="Снимок экрана 2024-09-24 в 14 39 29" src="https://github.com/user-attachments/assets/9889e4d1-9297-4cf9-a577-23f5d1c8c9af">
|
41
|
+
|
42
|
+
<img width="163" alt="Снимок экрана 2024-09-24 в 14 38 56" src="https://github.com/user-attachments/assets/596e92aa-1136-4f41-bb29-67ce31dbff75">
|
43
|
+
|
44
|
+
|
45
|
+
`plasma-*, sdds-*`: Vertical Tabs added (https://github.com/salute-developers/plasma/pull/1374)
|
46
|
+
|
47
|
+
### Badge
|
48
|
+
|
49
|
+
- добавлен новый размер `XS`
|
50
|
+
|
51
|
+
|
52
|
+
|
53
|
+
[PLASMA-3598]: Badge: Add size XS (https://github.com/salute-developers/plasma/pull/1466)
|
54
|
+
|
55
|
+
### `SDDS-CS`
|
56
|
+
|
57
|
+
#### Button
|
58
|
+
|
59
|
+
- используется token `--text-accent` когда `view: secondary`
|
60
|
+
|
61
|
+
#### Chip
|
62
|
+
|
63
|
+
- для `closeIconColor` используется token `--text-accent` когда `view: secondary`
|
64
|
+
|
65
|
+
#### Badge
|
66
|
+
|
67
|
+
- изменены `padding{Right,Left}` на `8px`
|
68
|
+
|
69
|
+
|
70
|
+
[PLASMA-3611]: Правки конфигураций Button, Chip, Badge [SDDS-CS] (https://github.com/salute-developers/plasma/pull/1473)
|
71
|
+
|
72
|
+
### Breadcrumbs
|
73
|
+
|
74
|
+
* добавлена поддержка обработчика `onClick` при клике на ссылку
|
75
|
+
* поправлены union типы
|
76
|
+
* обновлена документация с указанием типов элементов
|
77
|
+
|
78
|
+
|
79
|
+
feat(plasma-new-hope, *-docs): Add onClick for item to `Breadcrumbs` component (https://github.com/salute-developers/plasma/pull/1480)
|
80
|
+
|
81
|
+
### Tabs
|
82
|
+
- исправлен скролл табов при малой ширине
|
83
|
+
- в `storybooks` добавлены свойства `width` и `height`, доступные при условии `clip = scroll`
|
84
|
+
|
85
|
+
|
86
|
+
`plasma-new-hope`: fix tabs arrow scroll (https://github.com/salute-developers/plasma/pull/1476)
|
87
|
+
|
88
|
+
### Attach
|
89
|
+
- исправлен `onChange`, `id` и `name`
|
90
|
+
- добавлено свойство `onClear`
|
91
|
+
- в документацию добавлен пример с использованием компонента внутри формы
|
92
|
+
|
93
|
+
|
94
|
+
`plasma-new-hope`: fix Attach (https://github.com/salute-developers/plasma/pull/1481)
|
95
|
+
|
96
|
+
### Combobox
|
97
|
+
|
98
|
+
- добавлен дженерик для св-ва `items` в компоненте Combobox
|
99
|
+
|
100
|
+
|
101
|
+
feat(plasma-b2c, web, sdds): Added generic for items in Combobox (https://github.com/salute-developers/plasma/pull/1470)
|
102
|
+
|
103
|
+
### TextArea
|
104
|
+
|
105
|
+
- добавлена фокусировка по клику на дочерние элементы
|
106
|
+
|
107
|
+
|
108
|
+
plasma-*: Focus TextArea by click inside (https://github.com/salute-developers/plasma/pull/1444)
|
109
|
+
|
110
|
+
### SDDS CS Pack 4 ( overlay and navigation )
|
111
|
+
|
112
|
+
- изменены токены для компонентов: `Autocomplie`, `Avatar`, `Breadcrumbs`, `Cell`, `Drawer`, `Dropdown`, `Modal`, `Notification`, `Pagination`, `Popover`, `Price`, `Progress`, `Segment`, `Slider`, `Tabs`, `Toast`, `Toolbar`, `Tooltip`
|
113
|
+
- добавлена и обновлена актуальная документация
|
114
|
+
|
115
|
+
|
116
|
+
fix(sdds-cs): set overlay and navigation tokens (https://github.com/salute-developers/plasma/pull/1458)
|
117
|
+
|
118
|
+
### DatePicker
|
119
|
+
|
120
|
+
- добавлен вызов change callback при выборе даты из календаря
|
121
|
+
- добавлена возможность указать frame, в котором будет происходить рендер календаря
|
122
|
+
- добавлена сортировка дат для Range DatePicker
|
123
|
+
- исправлено поведение фокуса при закрытии календаря
|
124
|
+
|
125
|
+
|
126
|
+
feat(plasma-new-hope): Datepicker improvements (https://github.com/salute-developers/plasma/pull/1475)
|
127
|
+
|
128
|
+
### Segment
|
129
|
+
|
130
|
+
* добавлен вертикальный режим
|
131
|
+
* обновлен дизайн горизонтального отображения
|
132
|
+
* обновлен CS дизайн
|
133
|
+
|
134
|
+
|
135
|
+
feat: Segment redesign (https://github.com/salute-developers/plasma/pull/1392)
|
136
|
+
|
137
|
+
|
138
|
+
## Docs
|
139
|
+
|
140
|
+
### Документация `SDDS-CS`
|
141
|
+
|
142
|
+
- исправлены некорректные `imports` для примеров в документации к `Dropdown`
|
143
|
+
- добавлена страница для компонента `Tooltip`
|
144
|
+
|
145
|
+
|
146
|
+
[PLASMA-3536]: Fix incorrect imports by doc (https://github.com/salute-developers/plasma/pull/1469)
|
147
|
+
|
148
|
+
|
149
|
+
## Misc
|
150
|
+
|
151
|
+
### Attach
|
152
|
+
|
153
|
+
- исправлен `truncate` имени файла
|
154
|
+
- исправлены тесты
|
155
|
+
|
156
|
+
|
157
|
+
`plasma-new-hope`: fix attach truncate (https://github.com/salute-developers/plasma/pull/1454)
|
158
|
+
|
159
|
+
|
160
|
+
feat(plasma-tokens): auto generate stylesSalute theme (https://github.com/salute-developers/plasma/pull/1472)
|
161
|
+
|
162
|
+
### ThemeBuilder
|
163
|
+
|
164
|
+
* изменены методы генерации базовой темы в старом формате
|
165
|
+
* изменены методы генерации базовой темы для новой архитектуры
|
166
|
+
|
167
|
+
|
168
|
+
feat(plasma-theme-builder): Update generating default theme (https://github.com/salute-developers/plasma/pull/1477)
|
169
|
+
|
170
|
+
### Toast
|
171
|
+
|
172
|
+
- исправлен токен background для view="dark"
|
173
|
+
|
174
|
+
**Before**
|
175
|
+
<img width="319" alt="image" src="https://github.com/user-attachments/assets/fea32b30-270b-48c1-87f0-d6169e2d3bd7">
|
176
|
+
|
177
|
+
**After**
|
178
|
+
<img width="128" alt="image" src="https://github.com/user-attachments/assets/f52f5174-2a52-4dd0-a964-7fbcd52fdad6">
|
179
|
+
|
180
|
+
|
181
|
+
|
182
|
+
fix(plasma-*,sdds-*): Fix Toast background token (https://github.com/salute-developers/plasma/pull/1478)
|
183
|
+
|
184
|
+
---
|
185
|
+
|
186
|
+
#### 🚀 Enhancement
|
187
|
+
|
188
|
+
- Release by 16.10.2024 [#1487](https://github.com/salute-developers/plasma/pull/1487) ([@shuga2704](https://github.com/shuga2704) [@Salute-Eva](https://github.com/Salute-Eva) [@Yakutoc](https://github.com/Yakutoc) [@denivladislav](https://github.com/denivladislav) [@luizasok](https://github.com/luizasok) [@neretin-trike](https://github.com/neretin-trike) [@vadim-kudr](https://github.com/vadim-kudr) [@TitanKuzmich](https://github.com/TitanKuzmich) [@iljs](https://github.com/iljs) [@Yeti-or](https://github.com/Yeti-or))
|
189
|
+
- feat: SegmentGroup redesign & vertical mode [#1392](https://github.com/salute-developers/plasma/pull/1392) ([@vadim-kudr](https://github.com/vadim-kudr))
|
190
|
+
- feat(*): add breadrumbs new tokens [#1458](https://github.com/salute-developers/plasma/pull/1458) ([@iljs](https://github.com/iljs))
|
191
|
+
- feat(plasma-web, plasma-b2c, sdds): Interlayer in Combobox according to the new generic [#1470](https://github.com/salute-developers/plasma/pull/1470) ([@shuga2704](https://github.com/shuga2704))
|
192
|
+
- feat(plasma-new-hope): Add generic of ItemOption in ComboboxProps ([@shuga2704](https://github.com/shuga2704))
|
193
|
+
- feat: api report update by prop `size:xs` [#1466](https://github.com/salute-developers/plasma/pull/1466) ([@Yakutoc](https://github.com/Yakutoc))
|
194
|
+
- feat(plasma-*): add `size:xs` [badge] ([@Yakutoc](https://github.com/Yakutoc))
|
195
|
+
|
196
|
+
#### 🐛 Bug Fix
|
197
|
+
|
198
|
+
- Update package-lock.json files ([@Salute-Eva](https://github.com/Salute-Eva))
|
199
|
+
- Update versions ([@Salute-Eva](https://github.com/Salute-Eva))
|
200
|
+
- docs: generate new api reports ([@TitanKuzmich](https://github.com/TitanKuzmich))
|
201
|
+
- docs: regenerate api reports [#1478](https://github.com/salute-developers/plasma/pull/1478) ([@TitanKuzmich](https://github.com/TitanKuzmich))
|
202
|
+
- test(plasma-*): update Toast tests ([@TitanKuzmich](https://github.com/TitanKuzmich))
|
203
|
+
- fix(plasma-*,sdds-*): fix Toast background token ([@TitanKuzmich](https://github.com/TitanKuzmich))
|
204
|
+
- chore(): added width and height to Tabs storybooks [#1476](https://github.com/salute-developers/plasma/pull/1476) ([@denivladislav](https://github.com/denivladislav))
|
205
|
+
- docs(): api reports regenerated [#1374](https://github.com/salute-developers/plasma/pull/1374) ([@denivladislav](https://github.com/denivladislav))
|
206
|
+
- fix(plasma-new-hope): fix tokens, styles and typos ([@denivladislav](https://github.com/denivladislav))
|
207
|
+
- chore(plasma-b2c, plasma-web): vertical Tabs tests added ([@denivladislav](https://github.com/denivladislav))
|
208
|
+
- chore(plasma-*, sdds-*): Tabs ported ([@denivladislav](https://github.com/denivladislav))
|
209
|
+
- feat(plasma-*, sdds-*): Tabs split into Horizontal and Vertical ([@denivladislav](https://github.com/denivladislav))
|
210
|
+
- test(plasma-*): fix Popover flucky test [#1412](https://github.com/salute-developers/plasma/pull/1412) ([@TitanKuzmich](https://github.com/TitanKuzmich))
|
211
|
+
- test(plasma-*): fix Popup depending tests ([@TitanKuzmich](https://github.com/TitanKuzmich))
|
212
|
+
- fix(plasma-*,sdds-*): fix Modal & Popup stories docs ([@TitanKuzmich](https://github.com/TitanKuzmich))
|
213
|
+
- fix: fix storybook popover container ([@vadim-kudr](https://github.com/vadim-kudr))
|
214
|
+
- feat(plasma-*, sdds-*): add scrollbar to TextArea ([@denivladislav](https://github.com/denivladislav))
|
215
|
+
- fix(plasma-b2c, plasma-web): fix Attach tests ([@denivladislav](https://github.com/denivladislav))
|
216
|
+
- fix: api report update [#1467](https://github.com/salute-developers/plasma/pull/1467) ([@Yakutoc](https://github.com/Yakutoc))
|
217
|
+
- chore: Update package-lock.json files \[skip ci\] ([@Salute-Eva](https://github.com/Salute-Eva))
|
218
|
+
|
219
|
+
#### Authors: 10
|
220
|
+
|
221
|
+
- [@iljs](https://github.com/iljs)
|
222
|
+
- [@Salute-Eva](https://github.com/Salute-Eva)
|
223
|
+
- Alexander Lobyntsev ([@Yakutoc](https://github.com/Yakutoc))
|
224
|
+
- Dima Shugaev ([@shuga2704](https://github.com/shuga2704))
|
225
|
+
- Krivonos Aleksandr ([@TitanKuzmich](https://github.com/TitanKuzmich))
|
226
|
+
- Luiza_Sok ([@luizasok](https://github.com/luizasok))
|
227
|
+
- neretinaa ([@neretin-trike](https://github.com/neretin-trike))
|
228
|
+
- Vadim ([@vadim-kudr](https://github.com/vadim-kudr))
|
229
|
+
- Vasiliy ([@Yeti-or](https://github.com/Yeti-or))
|
230
|
+
- Vladislav Denisov ([@denivladislav](https://github.com/denivladislav))
|
231
|
+
|
232
|
+
---
|
233
|
+
|
1
234
|
# v1.413.0 (Thu Oct 03 2024)
|
2
235
|
|
3
236
|
### Release Notes
|
package/api/plasma-web.api.md
CHANGED
@@ -2706,21 +2706,16 @@ true: PolymorphicClassName;
|
|
2706
2706
|
pilled: {
|
2707
2707
|
true: PolymorphicClassName;
|
2708
2708
|
};
|
2709
|
-
|
2709
|
+
stretch: {
|
2710
2710
|
true: PolymorphicClassName;
|
2711
2711
|
};
|
2712
|
-
|
2712
|
+
filledBackground: {
|
2713
2713
|
true: PolymorphicClassName;
|
2714
2714
|
};
|
2715
|
-
|
2716
|
-
|
2717
|
-
|
2718
|
-
|
2719
|
-
pilled?: boolean | undefined;
|
2720
|
-
filledBackground?: boolean | undefined;
|
2721
|
-
size?: string | undefined;
|
2722
|
-
view?: string | undefined;
|
2723
|
-
} & RefAttributes<HTMLDivElement>>;
|
2715
|
+
orientation: {
|
2716
|
+
vertical: PolymorphicClassName;
|
2717
|
+
};
|
2718
|
+
}> & SegmentGroupProps & RefAttributes<HTMLDivElement>>;
|
2724
2719
|
|
2725
2720
|
export { SegmentGroupProps }
|
2726
2721
|
|
@@ -2728,8 +2723,8 @@ export { SegmentGroupProps }
|
|
2728
2723
|
export const SegmentItem: FunctionComponent<PropsType< {
|
2729
2724
|
view: {
|
2730
2725
|
clear: PolymorphicClassName;
|
2731
|
-
default: PolymorphicClassName;
|
2732
2726
|
secondary: PolymorphicClassName;
|
2727
|
+
default: PolymorphicClassName;
|
2733
2728
|
};
|
2734
2729
|
size: {
|
2735
2730
|
xs: PolymorphicClassName;
|
@@ -2751,6 +2746,8 @@ pilled?: boolean | undefined;
|
|
2751
2746
|
customHandleSelect?: ((e: MouseEvent_2<HTMLButtonElement, MouseEvent>) => void) | undefined;
|
2752
2747
|
size?: string | undefined;
|
2753
2748
|
view?: string | undefined;
|
2749
|
+
contentLeft?: ReactNode;
|
2750
|
+
contentRight?: ReactNode;
|
2754
2751
|
} & RefAttributes<HTMLLabelElement>>;
|
2755
2752
|
|
2756
2753
|
export { SegmentItemProps }
|
@@ -23,29 +23,24 @@ export declare const SegmentGroup: import("react").FunctionComponent<import("@sa
|
|
23
23
|
pilled: {
|
24
24
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
25
25
|
};
|
26
|
-
|
26
|
+
stretch: {
|
27
27
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
28
28
|
};
|
29
|
-
|
29
|
+
filledBackground: {
|
30
30
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
31
31
|
};
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
pilled?: boolean | undefined;
|
37
|
-
filledBackground?: boolean | undefined;
|
38
|
-
size?: string | undefined;
|
39
|
-
view?: string | undefined;
|
40
|
-
} & import("react").RefAttributes<HTMLDivElement>>;
|
32
|
+
orientation: {
|
33
|
+
vertical: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
34
|
+
};
|
35
|
+
}> & import("@salutejs/plasma-new-hope/styled-components").SegmentGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
41
36
|
/**
|
42
37
|
* Компонент сегмента.
|
43
38
|
*/
|
44
39
|
export declare const SegmentItem: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
45
40
|
view: {
|
46
41
|
clear: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
47
|
-
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
48
42
|
secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
43
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
49
44
|
};
|
50
45
|
size: {
|
51
46
|
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -67,4 +62,6 @@ export declare const SegmentItem: import("react").FunctionComponent<import("@sal
|
|
67
62
|
customHandleSelect?: ((e: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
|
68
63
|
size?: string | undefined;
|
69
64
|
view?: string | undefined;
|
65
|
+
contentLeft?: import("react").ReactNode;
|
66
|
+
contentRight?: import("react").ReactNode;
|
70
67
|
} & import("react").RefAttributes<HTMLLabelElement>>;
|
@@ -20,11 +20,14 @@ export declare const config: {
|
|
20
20
|
pilled: {
|
21
21
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
22
22
|
};
|
23
|
-
|
23
|
+
stretch: {
|
24
24
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
25
25
|
};
|
26
|
-
|
26
|
+
filledBackground: {
|
27
27
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
28
28
|
};
|
29
|
+
orientation: {
|
30
|
+
vertical: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
31
|
+
};
|
29
32
|
};
|
30
33
|
};
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.config = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
8
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
|
8
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
|
9
9
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
10
10
|
var config = exports.config = {
|
11
11
|
defaults: {
|
@@ -14,26 +14,29 @@ var config = exports.config = {
|
|
14
14
|
},
|
15
15
|
variations: {
|
16
16
|
view: {
|
17
|
-
clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ":
|
18
|
-
filled: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ":
|
17
|
+
clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--plasma-colors-button-focused, var(--text-accent));\n "])), _styledComponents.segmentTokens.arrowColor, _styledComponents.segmentTokens.groupBackgroundColor, _styledComponents.segmentTokens.outlineFocusColor),
|
18
|
+
filled: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--plasma-colors-button-focused, var(--text-accent));\n "])), _styledComponents.segmentTokens.arrowColor, _styledComponents.segmentTokens.groupBackgroundColor, _styledComponents.segmentTokens.outlineFocusColor)
|
19
19
|
},
|
20
20
|
size: {
|
21
|
-
xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.
|
22
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.
|
23
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.
|
24
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ":
|
21
|
+
xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.625rem;\n ", ": 1.125rem;\n ", ": auto;\n ", ": auto;\n ", ": 0.25rem 0.75rem;\n ", ": 0.75rem 0;\n "])), _styledComponents.segmentTokens.groupBorderRadius, _styledComponents.segmentTokens.groupPilledBorderRadius, _styledComponents.segmentTokens.groupWidth, _styledComponents.segmentTokens.groupHeight, _styledComponents.segmentTokens.groupArrowPadding, _styledComponents.segmentTokens.groupVerticalArrowPadding),
|
22
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": 1.375rem;\n ", ": auto;\n ", ": auto;\n ", ": 0.5rem 0.875rem;\n ", ": 0.875rem 0;\n "])), _styledComponents.segmentTokens.groupBorderRadius, _styledComponents.segmentTokens.groupPilledBorderRadius, _styledComponents.segmentTokens.groupWidth, _styledComponents.segmentTokens.groupHeight, _styledComponents.segmentTokens.groupArrowPadding, _styledComponents.segmentTokens.groupVerticalArrowPadding),
|
23
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.875rem;\n ", ": 1.625rem;\n ", ": auto;\n ", ": auto;\n ", ": 0.75rem 1.25rem;\n ", ": 1.25rem 0;\n "])), _styledComponents.segmentTokens.groupBorderRadius, _styledComponents.segmentTokens.groupPilledBorderRadius, _styledComponents.segmentTokens.groupWidth, _styledComponents.segmentTokens.groupHeight, _styledComponents.segmentTokens.groupArrowPadding, _styledComponents.segmentTokens.groupVerticalArrowPadding),
|
24
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1rem;\n ", ": 1.875rem;\n ", ": auto;\n ", ": auto;\n ", ": 1rem 1.375rem;\n ", ": 1.375rem 0;\n "])), _styledComponents.segmentTokens.groupBorderRadius, _styledComponents.segmentTokens.groupPilledBorderRadius, _styledComponents.segmentTokens.groupWidth, _styledComponents.segmentTokens.groupHeight, _styledComponents.segmentTokens.groupArrowPadding, _styledComponents.segmentTokens.groupVerticalArrowPadding)
|
25
25
|
},
|
26
26
|
disabled: {
|
27
27
|
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.segmentTokens.disabledOpacity)
|
28
28
|
},
|
29
29
|
pilled: {
|
30
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["
|
30
|
+
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
31
|
+
},
|
32
|
+
stretch: {
|
33
|
+
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
31
34
|
},
|
32
35
|
filledBackground: {
|
33
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(
|
36
|
+
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-secondary);\n "])), _styledComponents.segmentTokens.groupFilledBackgroundColor)
|
34
37
|
},
|
35
|
-
|
36
|
-
|
38
|
+
orientation: {
|
39
|
+
vertical: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
37
40
|
}
|
38
41
|
}
|
39
42
|
};
|
@@ -6,8 +6,8 @@ export declare const config: {
|
|
6
6
|
variations: {
|
7
7
|
view: {
|
8
8
|
clear: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
9
|
-
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
10
9
|
secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
10
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
11
11
|
};
|
12
12
|
size: {
|
13
13
|
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -14,21 +14,21 @@ var config = exports.config = {
|
|
14
14
|
},
|
15
15
|
variations: {
|
16
16
|
view: {
|
17
|
-
clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--
|
18
|
-
|
19
|
-
|
17
|
+
clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-primary-hover);\n ", ": transparent;\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary-hover);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n\n ", ": var(--plasma-colors-button-focused, var(--text-accent));\n "])), _styledComponents.segmentTokens.itemColor, _styledComponents.segmentTokens.itemBackgroundColor, _styledComponents.segmentTokens.itemColorHover, _styledComponents.segmentTokens.itemBackgroundColorHover, _styledComponents.segmentTokens.itemAdditionalColor, _styledComponents.segmentTokens.itemAdditionalColorHover, _styledComponents.segmentTokens.itemSelectedColor, _styledComponents.segmentTokens.itemSelectedBackgroundColor, _styledComponents.segmentTokens.itemSelectedColorHover, _styledComponents.segmentTokens.itemSelectedBackgroundColorHover, _styledComponents.segmentTokens.itemSelectedAdditionalColor, _styledComponents.segmentTokens.itemSelectedAdditionalColorHover, _styledComponents.segmentTokens.outlineFocusColor),
|
18
|
+
secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": transparent;\n ", ": var(--text-primary-hover);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-card);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-transparent-card);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n\n ", ": var(--plasma-colors-button-focused, var(--text-accent));\n "])), _styledComponents.segmentTokens.itemColor, _styledComponents.segmentTokens.itemBackgroundColor, _styledComponents.segmentTokens.itemColorHover, _styledComponents.segmentTokens.itemBackgroundColorHover, _styledComponents.segmentTokens.itemAdditionalColor, _styledComponents.segmentTokens.itemAdditionalColorHover, _styledComponents.segmentTokens.itemSelectedColor, _styledComponents.segmentTokens.itemSelectedBackgroundColor, _styledComponents.segmentTokens.itemSelectedColorHover, _styledComponents.segmentTokens.itemSelectedBackgroundColorHover, _styledComponents.segmentTokens.itemSelectedAdditionalColor, _styledComponents.segmentTokens.itemSelectedAdditionalColorHover, _styledComponents.segmentTokens.outlineFocusColor),
|
19
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": transparent;\n ", ": var(--text-primary-hover);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary-hover);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-secondary);\n ", ": var(--inverse-text-secondary);\n\n ", ": var(--plasma-colors-button-focused, var(--text-accent));\n "])), _styledComponents.segmentTokens.itemColor, _styledComponents.segmentTokens.itemBackgroundColor, _styledComponents.segmentTokens.itemColorHover, _styledComponents.segmentTokens.itemBackgroundColorHover, _styledComponents.segmentTokens.itemAdditionalColor, _styledComponents.segmentTokens.itemAdditionalColorHover, _styledComponents.segmentTokens.itemSelectedColor, _styledComponents.segmentTokens.itemSelectedBackgroundColor, _styledComponents.segmentTokens.itemSelectedColorHover, _styledComponents.segmentTokens.itemSelectedBackgroundColorHover, _styledComponents.segmentTokens.itemSelectedAdditionalColor, _styledComponents.segmentTokens.itemSelectedAdditionalColorHover, _styledComponents.segmentTokens.outlineFocusColor)
|
20
20
|
},
|
21
21
|
size: {
|
22
|
-
xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.
|
23
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.
|
24
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.
|
25
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.
|
22
|
+
xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": auto;\n ", ": 2rem;\n ", ": 0.5rem 0.75rem;\n ", ": 0.5rem 0.5rem;\n ", ": 0.0625rem 0.125rem;\n ", ": 0.125rem;\n ", ": 0;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), _styledComponents.segmentTokens.itemBorderRadius, _styledComponents.segmentTokens.itemWidth, _styledComponents.segmentTokens.itemHeight, _styledComponents.segmentTokens.itemPadding, _styledComponents.segmentTokens.itemPilledPadding, _styledComponents.segmentTokens.itemContentPadding, _styledComponents.segmentTokens.itemIconMargin, _styledComponents.segmentTokens.itemMarginLeft, _styledComponents.segmentTokens.fontFamily, _styledComponents.segmentTokens.fontSize, _styledComponents.segmentTokens.fontStyle, _styledComponents.segmentTokens.fontWeight, _styledComponents.segmentTokens.letterSpacing, _styledComponents.segmentTokens.lineHeight),
|
23
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.625rem;\n ", ": auto;\n ", ": 2.5rem;\n ", ": 0.5rem 1rem;\n ", ": 0.5rem 0.5rem;\n ", ": 0.1875rem 0.125rem;\n ", ": 0.125rem;\n ", ": 0rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-bold-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), _styledComponents.segmentTokens.itemBorderRadius, _styledComponents.segmentTokens.itemWidth, _styledComponents.segmentTokens.itemHeight, _styledComponents.segmentTokens.itemPadding, _styledComponents.segmentTokens.itemPilledPadding, _styledComponents.segmentTokens.itemContentPadding, _styledComponents.segmentTokens.itemIconMargin, _styledComponents.segmentTokens.itemMarginLeft, _styledComponents.segmentTokens.fontFamily, _styledComponents.segmentTokens.fontSize, _styledComponents.segmentTokens.fontStyle, _styledComponents.segmentTokens.fontWeight, _styledComponents.segmentTokens.letterSpacing, _styledComponents.segmentTokens.lineHeight),
|
24
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": auto;\n ", ": 3rem;\n ", ": 0.75rem 1.25rem;\n ", ": 0.75rem 0.75rem;\n ", ": 0.125rem;\n ", ": 0.25rem;\n ", ": 0rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-bold-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), _styledComponents.segmentTokens.itemBorderRadius, _styledComponents.segmentTokens.itemWidth, _styledComponents.segmentTokens.itemHeight, _styledComponents.segmentTokens.itemPadding, _styledComponents.segmentTokens.itemPilledPadding, _styledComponents.segmentTokens.itemContentPadding, _styledComponents.segmentTokens.itemIconMargin, _styledComponents.segmentTokens.itemMarginLeft, _styledComponents.segmentTokens.fontFamily, _styledComponents.segmentTokens.fontSize, _styledComponents.segmentTokens.fontStyle, _styledComponents.segmentTokens.fontWeight, _styledComponents.segmentTokens.letterSpacing, _styledComponents.segmentTokens.lineHeight),
|
25
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.875rem;\n ", ": auto;\n ", ": 3.5rem;\n ", ": 1rem 1.5rem; /* 1.625 */\n ", ": 1rem 1rem;\n ", ": 0.0625rem 0.125rem;\n ", ": 0.375rem;\n ", ": 0;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n "])), _styledComponents.segmentTokens.itemBorderRadius, _styledComponents.segmentTokens.itemWidth, _styledComponents.segmentTokens.itemHeight, _styledComponents.segmentTokens.itemPadding, _styledComponents.segmentTokens.itemPilledPadding, _styledComponents.segmentTokens.itemContentPadding, _styledComponents.segmentTokens.itemIconMargin, _styledComponents.segmentTokens.itemMarginLeft, _styledComponents.segmentTokens.fontFamily, _styledComponents.segmentTokens.fontSize, _styledComponents.segmentTokens.fontStyle, _styledComponents.segmentTokens.fontWeight, _styledComponents.segmentTokens.letterSpacing, _styledComponents.segmentTokens.lineHeight)
|
26
26
|
},
|
27
27
|
disabled: {
|
28
28
|
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.segmentTokens.disabledOpacity)
|
29
29
|
},
|
30
30
|
pilled: {
|
31
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.
|
31
|
+
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.75rem;\n "])), _styledComponents.segmentTokens.itemPilledBorderRadius)
|
32
32
|
}
|
33
33
|
}
|
34
34
|
};
|
@@ -1,20 +1,21 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
5
|
-
.
|
6
|
-
.
|
7
|
-
.
|
8
|
-
.
|
9
|
-
.
|
1
|
+
.SegmentItem_config_1mppsqs_cw5l9ny__3bdc03cc{--plasma-segment-item-color:var(--text-secondary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--text-primary-hover);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-additional-color:var(--text-tertiary);--plasma-segment-item-additional-color-hover:var(--text-secondary);--plasma-segment-item-selected-color:var(--text-primary-hover);--plasma-segment-item-selected-background-color:transparent;--plasma-segment-item-selected-color-hover:var(--text-primary);--plasma-segment-item-selected-background-color-hover:transparent;--plasma-segment-item-selected-additional-color:var(--text-secondary);--plasma-segment-item-selected-additional-color-hover:var(--text-secondary);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused,var(--text-accent));}
|
2
|
+
.SegmentItem_config_1mppsqs_s1xvuorj__3bdc03cc{--plasma-segment-item-color:var(--text-primary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--text-primary-hover);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-additional-color:var(--text-secondary);--plasma-segment-item-additional-color-hover:var(--text-secondary);--plasma-segment-item-selected-color:var(--text-primary);--plasma-segment-item-selected-background-color:var(--surface-transparent-card);--plasma-segment-item-selected-color-hover:var(--text-primary-hover);--plasma-segment-item-selected-background-color-hover:var(--surface-transparent-card);--plasma-segment-item-selected-additional-color:var(--text-secondary);--plasma-segment-item-selected-additional-color-hover:var(--text-secondary);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused,var(--text-accent));}
|
3
|
+
.SegmentItem_config_1mppsqs_d1f4sf91__3bdc03cc{--plasma-segment-item-color:var(--text-primary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--text-primary-hover);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-additional-color:var(--text-secondary);--plasma-segment-item-additional-color-hover:var(--text-secondary);--plasma-segment-item-selected-color:var(--inverse-text-primary);--plasma-segment-item-selected-background-color:var(--surface-solid-default);--plasma-segment-item-selected-color-hover:var(--inverse-text-primary-hover);--plasma-segment-item-selected-background-color-hover:var(--surface-solid-default);--plasma-segment-item-selected-additional-color:var(--inverse-text-secondary);--plasma-segment-item-selected-additional-color-hover:var(--inverse-text-secondary);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused,var(--text-accent));}
|
4
|
+
.SegmentItem_config_1mppsqs_x12jn5jz__3bdc03cc{--plasma-segment-item-border-radius:0.5rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:2rem;--plasma-segment-item-padding:0.5rem 0.75rem;--plasma-segment-item-pilled-padding:0.5rem 0.5rem;--plasma-segment-item-content-padding:0.0625rem 0.125rem;--plasma-segment-item-content-icon-margin:0.125rem;--plasma-segment-item-margin-left:0;--plasma-segment-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-xs-line-height);}
|
5
|
+
.SegmentItem_config_1mppsqs_s1w7desh__3bdc03cc{--plasma-segment-item-border-radius:0.625rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:2.5rem;--plasma-segment-item-padding:0.5rem 1rem;--plasma-segment-item-pilled-padding:0.5rem 0.5rem;--plasma-segment-item-content-padding:0.1875rem 0.125rem;--plasma-segment-item-content-icon-margin:0.125rem;--plasma-segment-item-margin-left:0rem;--plasma-segment-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-s-line-height);}
|
6
|
+
.SegmentItem_config_1mppsqs_msu8eyv__3bdc03cc{--plasma-segment-item-border-radius:0.75rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:3rem;--plasma-segment-item-padding:0.75rem 1.25rem;--plasma-segment-item-pilled-padding:0.75rem 0.75rem;--plasma-segment-item-content-padding:0.125rem;--plasma-segment-item-content-icon-margin:0.25rem;--plasma-segment-item-margin-left:0rem;--plasma-segment-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-m-line-height);}
|
7
|
+
.SegmentItem_config_1mppsqs_l1k7f0bw__3bdc03cc{--plasma-segment-item-border-radius:0.875rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:3.5rem;--plasma-segment-item-padding:1rem 1.5rem;--plasma-segment-item-pilled-padding:1rem 1rem;--plasma-segment-item-content-padding:0.0625rem 0.125rem;--plasma-segment-item-content-icon-margin:0.375rem;--plasma-segment-item-margin-left:0;--plasma-segment-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-l-line-height);}
|
8
|
+
.SegmentItem_config_1mppsqs_t169sl90__3bdc03cc{--plasma-segment-disabled-opacity:0.4;}
|
9
|
+
.SegmentItem_config_1mppsqs_t1aaurja__3bdc03cc{--plasma-segment-item-pilled-border-radius:1.75rem;}
|
10
10
|
|
11
|
-
.
|
12
|
-
.
|
13
|
-
.
|
14
|
-
.
|
15
|
-
.
|
16
|
-
.
|
17
|
-
.
|
18
|
-
|
19
|
-
|
11
|
+
.SegmentGroup_config_uubjjb_cct3vnm__d8a74cf1{--plasma-segment-arrow-color:var(--text-secondary);--plasma-segment-group-background-color:transparent;--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused,var(--text-accent));}
|
12
|
+
.SegmentGroup_config_uubjjb_f15142ru__d8a74cf1{--plasma-segment-arrow-color:var(--text-secondary);--plasma-segment-group-background-color:transparent;--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused,var(--text-accent));}
|
13
|
+
.SegmentGroup_config_uubjjb_xekvq49__d8a74cf1{--plasma-segment-group-border-radius:0.625rem;--plasma-segment-group-pilled-border-radius:1.125rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;--plasma-segment-group-arrow-padding:0.25rem 0.75rem;--plasma-segment-group-vertical-arrow-padding:0.75rem 0;}
|
14
|
+
.SegmentGroup_config_uubjjb_slveods__d8a74cf1{--plasma-segment-group-border-radius:0.75rem;--plasma-segment-group-pilled-border-radius:1.375rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;--plasma-segment-group-arrow-padding:0.5rem 0.875rem;--plasma-segment-group-vertical-arrow-padding:0.875rem 0;}
|
15
|
+
.SegmentGroup_config_uubjjb_mt19ik9__d8a74cf1{--plasma-segment-group-border-radius:0.875rem;--plasma-segment-group-pilled-border-radius:1.625rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;--plasma-segment-group-arrow-padding:0.75rem 1.25rem;--plasma-segment-group-vertical-arrow-padding:1.25rem 0;}
|
16
|
+
.SegmentGroup_config_uubjjb_l1pt19wo__d8a74cf1{--plasma-segment-group-border-radius:1rem;--plasma-segment-group-pilled-border-radius:1.875rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;--plasma-segment-group-arrow-padding:1rem 1.375rem;--plasma-segment-group-vertical-arrow-padding:1.375rem 0;}
|
17
|
+
.SegmentGroup_config_uubjjb_t1832286__d8a74cf1{--plasma-segment-disabled-opacity:0.4;}
|
18
|
+
|
19
|
+
|
20
|
+
.SegmentGroup_config_uubjjb_tjfuhig__d8a74cf1{--plasma-segment-group-filled-background-color:var(--surface-transparent-secondary);}
|
20
21
|
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import './SegmentGroup.
|
1
|
+
import './SegmentGroup.config_uubjjb.css';
|
2
2
|
'use strict';
|
3
3
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
@@ -25,11 +25,14 @@ var config = {
|
|
25
25
|
pilled: {
|
26
26
|
"true": "tho2yw5"
|
27
27
|
},
|
28
|
-
|
28
|
+
stretch: {
|
29
29
|
"true": "t1q8y2w0"
|
30
30
|
},
|
31
|
-
|
31
|
+
filledBackground: {
|
32
32
|
"true": "tjfuhig"
|
33
|
+
},
|
34
|
+
orientation: {
|
35
|
+
vertical: "v1d6v4b9"
|
33
36
|
}
|
34
37
|
}
|
35
38
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SegmentGroup.config.js","sources":["../../../../src-css/components/Segment/SegmentGroup.config.ts"],"sourcesContent":["import { css, segmentTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'clear',\n size: 'xs',\n },\n variations: {\n view: {\n clear: css`\n ${segmentTokens.
|
1
|
+
{"version":3,"file":"SegmentGroup.config.js","sources":["../../../../src-css/components/Segment/SegmentGroup.config.ts"],"sourcesContent":["import { css, segmentTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'clear',\n size: 'xs',\n },\n variations: {\n view: {\n clear: css`\n ${segmentTokens.arrowColor}: var(--text-secondary);\n ${segmentTokens.groupBackgroundColor}: transparent;\n ${segmentTokens.outlineFocusColor}: var(--plasma-colors-button-focused, var(--text-accent));\n `,\n filled: css`\n ${segmentTokens.arrowColor}: var(--text-secondary);\n ${segmentTokens.groupBackgroundColor}: transparent;\n ${segmentTokens.outlineFocusColor}: var(--plasma-colors-button-focused, var(--text-accent));\n `,\n },\n size: {\n xs: css`\n ${segmentTokens.groupBorderRadius}: 0.625rem;\n ${segmentTokens.groupPilledBorderRadius}: 1.125rem;\n ${segmentTokens.groupWidth}: auto;\n ${segmentTokens.groupHeight}: auto;\n ${segmentTokens.groupArrowPadding}: 0.25rem 0.75rem;\n ${segmentTokens.groupVerticalArrowPadding}: 0.75rem 0;\n `,\n s: css`\n ${segmentTokens.groupBorderRadius}: 0.75rem;\n ${segmentTokens.groupPilledBorderRadius}: 1.375rem;\n ${segmentTokens.groupWidth}: auto;\n ${segmentTokens.groupHeight}: auto;\n ${segmentTokens.groupArrowPadding}: 0.5rem 0.875rem;\n ${segmentTokens.groupVerticalArrowPadding}: 0.875rem 0;\n `,\n m: css`\n ${segmentTokens.groupBorderRadius}: 0.875rem;\n ${segmentTokens.groupPilledBorderRadius}: 1.625rem;\n ${segmentTokens.groupWidth}: auto;\n ${segmentTokens.groupHeight}: auto;\n ${segmentTokens.groupArrowPadding}: 0.75rem 1.25rem;\n ${segmentTokens.groupVerticalArrowPadding}: 1.25rem 0;\n `,\n l: css`\n ${segmentTokens.groupBorderRadius}: 1rem;\n ${segmentTokens.groupPilledBorderRadius}: 1.875rem;\n ${segmentTokens.groupWidth}: auto;\n ${segmentTokens.groupHeight}: auto;\n ${segmentTokens.groupArrowPadding}: 1rem 1.375rem;\n ${segmentTokens.groupVerticalArrowPadding}: 1.375rem 0;\n `,\n },\n disabled: {\n true: css`\n ${segmentTokens.disabledOpacity}: 0.4;\n `,\n },\n pilled: {\n true: css``,\n },\n stretch: {\n true: css``,\n },\n filledBackground: {\n true: css`\n ${segmentTokens.groupFilledBackgroundColor}: var(--surface-transparent-secondary);\n `,\n },\n orientation: {\n vertical: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","filled","xs","s","m","l","disabled","true","pilled","stretch","filledBackground","orientation","vertical"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,OAAO;AACbC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAIJ,SAAA;AACDC,MAAAA,MAAM,EAAA,UAAA;KAKT;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,EAAE,EAOD,SAAA;AACDC,MAAAA,CAAC,EAOA,SAAA;AACDC,MAAAA,CAAC,EAOA,SAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAQJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,MAAI,EAAA,SAAA;KACP;AACDE,IAAAA,OAAO,EAAE;MACLF,MAAI,EAAA,UAAA;KACP;AACDG,IAAAA,gBAAgB,EAAE;MACdH,MAAI,EAAA,SAAA;KAGP;AACDI,IAAAA,WAAW,EAAE;AACTC,MAAAA,QAAQ,EAAA,UAAA;AACZ,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
.cct3vnm{--plasma-segment-arrow-color:var(--text-secondary);--plasma-segment-group-background-color:transparent;--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused,var(--text-accent));}
|
2
|
+
.f15142ru{--plasma-segment-arrow-color:var(--text-secondary);--plasma-segment-group-background-color:transparent;--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused,var(--text-accent));}
|
3
|
+
.xekvq49{--plasma-segment-group-border-radius:0.625rem;--plasma-segment-group-pilled-border-radius:1.125rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;--plasma-segment-group-arrow-padding:0.25rem 0.75rem;--plasma-segment-group-vertical-arrow-padding:0.75rem 0;}
|
4
|
+
.slveods{--plasma-segment-group-border-radius:0.75rem;--plasma-segment-group-pilled-border-radius:1.375rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;--plasma-segment-group-arrow-padding:0.5rem 0.875rem;--plasma-segment-group-vertical-arrow-padding:0.875rem 0;}
|
5
|
+
.mt19ik9{--plasma-segment-group-border-radius:0.875rem;--plasma-segment-group-pilled-border-radius:1.625rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;--plasma-segment-group-arrow-padding:0.75rem 1.25rem;--plasma-segment-group-vertical-arrow-padding:1.25rem 0;}
|
6
|
+
.l1pt19wo{--plasma-segment-group-border-radius:1rem;--plasma-segment-group-pilled-border-radius:1.875rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;--plasma-segment-group-arrow-padding:1rem 1.375rem;--plasma-segment-group-vertical-arrow-padding:1.375rem 0;}
|
7
|
+
.t1832286{--plasma-segment-disabled-opacity:0.4;}
|
8
|
+
|
9
|
+
|
10
|
+
.tjfuhig{--plasma-segment-group-filled-background-color:var(--surface-transparent-secondary);}
|
11
|
+
|