@salutejs/plasma-web 1.597.0-canary.2301.18868987022.0 → 1.597.0-dev.0
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/components/LinkButton/LinkButton.config.js +18 -12
- package/components/Tabs/horizontal/HorizontalIconTabItem.config.js +1 -1
- package/components/Tabs/horizontal/HorizontalTabItem.config.js +20 -24
- package/css/cjs/components/LinkButton/LinkButton.config.js +1 -1
- package/css/cjs/components/LinkButton/LinkButton.config.js.map +1 -1
- package/css/cjs/components/LinkButton/{LinkButton.config_1b6kqyz.css → LinkButton.config_b1souo.css} +6 -6
- package/css/cjs/components/LinkButton/LinkButton.css +13 -13
- package/css/cjs/components/Tabs/TabItem.css +15 -15
- package/css/cjs/components/Tabs/TabsController.css +15 -15
- package/css/cjs/components/Tabs/horizontal/HorizontalIconTabItem.config.js +1 -1
- package/css/cjs/components/Tabs/horizontal/HorizontalIconTabItem.config.js.map +1 -1
- package/css/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +1 -1
- package/css/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -1
- package/css/cjs/components/Tabs/horizontal/HorizontalTabItem.config_1ibgsbi.css +16 -0
- package/css/cjs/index.css +28 -28
- package/css/es/components/LinkButton/LinkButton.config.js +1 -1
- package/css/es/components/LinkButton/LinkButton.config.js.map +1 -1
- package/css/es/components/LinkButton/{LinkButton.config_1b6kqyz.css → LinkButton.config_b1souo.css} +6 -6
- package/css/es/components/LinkButton/LinkButton.css +13 -13
- package/css/es/components/Tabs/TabItem.css +15 -15
- package/css/es/components/Tabs/TabsController.css +15 -15
- package/css/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js +1 -1
- package/css/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js.map +1 -1
- package/css/es/components/Tabs/horizontal/HorizontalTabItem.config.js +1 -1
- package/css/es/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -1
- package/css/es/components/Tabs/horizontal/HorizontalTabItem.config_1ibgsbi.css +16 -0
- package/css/es/index.css +28 -28
- package/es/components/LinkButton/LinkButton.config.js +18 -12
- package/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js +1 -1
- package/es/components/Tabs/horizontal/HorizontalTabItem.config.js +20 -24
- package/package.json +8 -8
- package/css/cjs/components/Tabs/horizontal/HorizontalTabItem.config_2zkdz0.css +0 -16
- package/css/es/components/Tabs/horizontal/HorizontalTabItem.config_2zkdz0.css +0 -16
|
@@ -28,7 +28,8 @@ function _templateObject() {
|
|
|
28
28
|
": var(--surface-transparent-clear);\n ",
|
|
29
29
|
": var(--text-primary-hover);\n ",
|
|
30
30
|
": var(--text-primary-active);\n ",
|
|
31
|
-
": var(--surface-accent);\n
|
|
31
|
+
": var(--surface-accent);\n ",
|
|
32
|
+
": var(--text-primary-hover);\n "
|
|
32
33
|
]);
|
|
33
34
|
_templateObject = function _templateObject() {
|
|
34
35
|
return data;
|
|
@@ -44,7 +45,8 @@ function _templateObject1() {
|
|
|
44
45
|
": var(---surface-transparent-clear);\n ",
|
|
45
46
|
": var(--text-accent-hover);\n ",
|
|
46
47
|
": var(--text-accent-active);\n ",
|
|
47
|
-
": var(--surface-accent);\n
|
|
48
|
+
": var(--surface-accent);\n ",
|
|
49
|
+
": var(--text-accent-hover);\n "
|
|
48
50
|
]);
|
|
49
51
|
_templateObject1 = function _templateObject() {
|
|
50
52
|
return data;
|
|
@@ -60,7 +62,8 @@ function _templateObject2() {
|
|
|
60
62
|
": var(--surface-transparent-clear);\n ",
|
|
61
63
|
": var(--text-secondary-hover);\n ",
|
|
62
64
|
": var(--text-secondary-active);\n ",
|
|
63
|
-
": var(--surface-accent);\n
|
|
65
|
+
": var(--surface-accent);\n ",
|
|
66
|
+
": var(--text-secondary-hover);\n "
|
|
64
67
|
]);
|
|
65
68
|
_templateObject2 = function _templateObject() {
|
|
66
69
|
return data;
|
|
@@ -76,7 +79,8 @@ function _templateObject3() {
|
|
|
76
79
|
": var(--surface-transparent-clear);\n ",
|
|
77
80
|
": var(--text-positive-hover);\n ",
|
|
78
81
|
": var(--text-positive-active);\n ",
|
|
79
|
-
": var(--surface-accent);\n
|
|
82
|
+
": var(--surface-accent);\n ",
|
|
83
|
+
": var(--text-positive-hover);\n "
|
|
80
84
|
]);
|
|
81
85
|
_templateObject3 = function _templateObject() {
|
|
82
86
|
return data;
|
|
@@ -92,7 +96,8 @@ function _templateObject4() {
|
|
|
92
96
|
": var(--surface-transparent-clear);\n ",
|
|
93
97
|
": var(--text-warning-hover);\n ",
|
|
94
98
|
": var(--text-warning-active);\n ",
|
|
95
|
-
": var(--surface-accent);\n
|
|
99
|
+
": var(--surface-accent);\n ",
|
|
100
|
+
": var(--text-warning-hover);\n "
|
|
96
101
|
]);
|
|
97
102
|
_templateObject4 = function _templateObject() {
|
|
98
103
|
return data;
|
|
@@ -108,7 +113,8 @@ function _templateObject5() {
|
|
|
108
113
|
": var(--surface-transparent-clear);\n ",
|
|
109
114
|
": var(--text-negative-hover);\n ",
|
|
110
115
|
": var(--text-negative-active);\n ",
|
|
111
|
-
": var(--surface-accent);\n
|
|
116
|
+
": var(--surface-accent);\n ",
|
|
117
|
+
": var(--text-negative-hover);\n "
|
|
112
118
|
]);
|
|
113
119
|
_templateObject5 = function _templateObject() {
|
|
114
120
|
return data;
|
|
@@ -275,12 +281,12 @@ var config = {
|
|
|
275
281
|
},
|
|
276
282
|
variations: {
|
|
277
283
|
view: {
|
|
278
|
-
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor),
|
|
279
|
-
accent: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor),
|
|
280
|
-
secondary: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor),
|
|
281
|
-
positive: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor),
|
|
282
|
-
warning: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor),
|
|
283
|
-
negative: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor)
|
|
284
|
+
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor, _styledcomponents.linkButtonTokens.linkButtonTextColorHover),
|
|
285
|
+
accent: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor, _styledcomponents.linkButtonTokens.linkButtonTextColorHover),
|
|
286
|
+
secondary: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor, _styledcomponents.linkButtonTokens.linkButtonTextColorHover),
|
|
287
|
+
positive: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor, _styledcomponents.linkButtonTokens.linkButtonTextColorHover),
|
|
288
|
+
warning: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor, _styledcomponents.linkButtonTokens.linkButtonTextColorHover),
|
|
289
|
+
negative: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor, _styledcomponents.linkButtonTokens.linkButtonTextColorHover)
|
|
284
290
|
},
|
|
285
291
|
size: {
|
|
286
292
|
xl: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.linkButtonTokens.linkButtonHeight, _styledcomponents.linkButtonTokens.linkButtonPadding, _styledcomponents.linkButtonTokens.linkButtonRadius, _styledcomponents.linkButtonTokens.linkButtonFontFamily, _styledcomponents.linkButtonTokens.linkButtonFontSize, _styledcomponents.linkButtonTokens.linkButtonFontStyle, _styledcomponents.linkButtonTokens.linkButtonFontWeight, _styledcomponents.linkButtonTokens.linkButtonLetterSpacing, _styledcomponents.linkButtonTokens.linkButtonLineHeight, _styledcomponents.linkButtonTokens.linkButtonSpinnerSize, _styledcomponents.linkButtonTokens.linkButtonSpinnerColor, _styledcomponents.linkButtonTokens.linkButtonTextPadding, _styledcomponents.linkButtonTokens.linkButtonLeftContentMargin, _styledcomponents.linkButtonTokens.linkButtonRightContentMargin, _styledcomponents.linkButtonTokens.linkButtonAdditionalContentMargin),
|
|
@@ -37,8 +37,6 @@ function _templateObject() {
|
|
|
37
37
|
": var(--text-secondary);\n ",
|
|
38
38
|
": transparent;\n ",
|
|
39
39
|
": background-color 0.3s ease-in-out;\n\n ",
|
|
40
|
-
": 0;\n ",
|
|
41
|
-
": 0;\n\n ",
|
|
42
40
|
": var(--surface-accent);\n\n ",
|
|
43
41
|
": 0rem;\n ",
|
|
44
42
|
": var(--text-primary);\n ",
|
|
@@ -98,8 +96,6 @@ function _templateObject2() {
|
|
|
98
96
|
": var(--text-secondary);\n ",
|
|
99
97
|
": transparent;\n ",
|
|
100
98
|
": background-color 0.3s ease-in-out;\n\n ",
|
|
101
|
-
": 0;\n ",
|
|
102
|
-
": 0;\n\n ",
|
|
103
99
|
": var(--surface-accent);\n\n ",
|
|
104
100
|
": 0.125rem;\n ",
|
|
105
101
|
": var(--text-primary);\n ",
|
|
@@ -147,9 +143,9 @@ function _templateObject4() {
|
|
|
147
143
|
": 0.375rem;\n ",
|
|
148
144
|
": auto;\n ",
|
|
149
145
|
": 2rem;\n ",
|
|
150
|
-
": 0 0.
|
|
146
|
+
": 0 0.125rem;\n ",
|
|
151
147
|
": 0 0.375rem;\n ",
|
|
152
|
-
": 1.
|
|
148
|
+
": 1.5rem;\n ",
|
|
153
149
|
": 0.25rem;\n ",
|
|
154
150
|
": 0.125rem;\n\n ",
|
|
155
151
|
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
@@ -171,9 +167,9 @@ function _templateObject5() {
|
|
|
171
167
|
": 0.5rem;\n ",
|
|
172
168
|
": auto;\n ",
|
|
173
169
|
": 2.5rem;\n ",
|
|
174
|
-
": 0 0.
|
|
170
|
+
": 0 0.125rem;\n ",
|
|
175
171
|
": 0 0.5rem;\n ",
|
|
176
|
-
": 1.
|
|
172
|
+
": 1.5rem;\n ",
|
|
177
173
|
": 0.25rem;\n ",
|
|
178
174
|
": 0.125rem;\n\n ",
|
|
179
175
|
": var(--plasma-typo-body-s-font-family);\n ",
|
|
@@ -195,9 +191,9 @@ function _templateObject6() {
|
|
|
195
191
|
": 0.625rem;\n ",
|
|
196
192
|
": auto;\n ",
|
|
197
193
|
": 3rem;\n ",
|
|
198
|
-
": 0 0.
|
|
194
|
+
": 0 0.125rem;\n ",
|
|
199
195
|
": 0 0.5rem;\n ",
|
|
200
|
-
": 1.
|
|
196
|
+
": 1.5rem;\n ",
|
|
201
197
|
": 0.375rem;\n ",
|
|
202
198
|
": 0.125rem;\n\n ",
|
|
203
199
|
": var(--plasma-typo-body-m-font-family);\n ",
|
|
@@ -219,9 +215,9 @@ function _templateObject7() {
|
|
|
219
215
|
": 0.75rem;\n ",
|
|
220
216
|
": auto;\n ",
|
|
221
217
|
": 3.5rem;\n ",
|
|
222
|
-
": 0 0.
|
|
218
|
+
": 0 0.125rem;\n ",
|
|
223
219
|
": 0 0.75rem;\n ",
|
|
224
|
-
": 1.
|
|
220
|
+
": 1.5rem;\n ",
|
|
225
221
|
": 0.5rem;\n ",
|
|
226
222
|
": 0.125rem;\n\n ",
|
|
227
223
|
": var(--plasma-typo-body-l-font-family);\n ",
|
|
@@ -243,8 +239,8 @@ function _templateObject8() {
|
|
|
243
239
|
": 0.375rem;\n ",
|
|
244
240
|
": auto;\n ",
|
|
245
241
|
": 3rem;\n ",
|
|
246
|
-
":
|
|
247
|
-
": 1.
|
|
242
|
+
": 0 0.125rem;\n ",
|
|
243
|
+
": 1.5rem;\n ",
|
|
248
244
|
": 0.625rem;\n\n ",
|
|
249
245
|
": var(--plasma-typo-h5-font-family);\n ",
|
|
250
246
|
": var(--plasma-typo-h5-font-size);\n ",
|
|
@@ -265,8 +261,8 @@ function _templateObject9() {
|
|
|
265
261
|
": 0.375rem;\n ",
|
|
266
262
|
": auto;\n ",
|
|
267
263
|
": 3.25rem;\n ",
|
|
268
|
-
":
|
|
269
|
-
":
|
|
264
|
+
": 0 0.125rem;\n ",
|
|
265
|
+
": 1.75rem;\n ",
|
|
270
266
|
": 0.625rem;\n\n ",
|
|
271
267
|
": var(--plasma-typo-h4-font-family);\n ",
|
|
272
268
|
": var(--plasma-typo-h4-font-size);\n ",
|
|
@@ -287,8 +283,8 @@ function _templateObject10() {
|
|
|
287
283
|
": 0.5rem;\n ",
|
|
288
284
|
": auto;\n ",
|
|
289
285
|
": 3.875rem;\n ",
|
|
290
|
-
":
|
|
291
|
-
":
|
|
286
|
+
": 0 0.125rem;\n ",
|
|
287
|
+
": 2rem;\n ",
|
|
292
288
|
": 0.75rem;\n\n ",
|
|
293
289
|
": var(--plasma-typo-h3-font-family);\n ",
|
|
294
290
|
": var(--plasma-typo-h3-font-size);\n ",
|
|
@@ -309,8 +305,8 @@ function _templateObject11() {
|
|
|
309
305
|
": 0.625rem;\n ",
|
|
310
306
|
": auto;\n ",
|
|
311
307
|
": 4.5rem;\n ",
|
|
312
|
-
":
|
|
313
|
-
": 2.
|
|
308
|
+
": 0 0.125rem;\n ",
|
|
309
|
+
": 2.25rem;\n ",
|
|
314
310
|
": 0.875rem;\n\n ",
|
|
315
311
|
": var(--plasma-typo-h2-font-family);\n ",
|
|
316
312
|
": var(--plasma-typo-h2-font-size);\n ",
|
|
@@ -331,8 +327,8 @@ function _templateObject12() {
|
|
|
331
327
|
": 0.75rem;\n ",
|
|
332
328
|
": auto;\n ",
|
|
333
329
|
": 5.75rem;\n ",
|
|
334
|
-
":
|
|
335
|
-
": 3.
|
|
330
|
+
": 0 0.125rem;\n ",
|
|
331
|
+
": 3.25rem;\n ",
|
|
336
332
|
": 1rem;\n\n ",
|
|
337
333
|
": var(--plasma-typo-h1-font-family);\n ",
|
|
338
334
|
": var(--plasma-typo-h1-font-size);\n ",
|
|
@@ -383,9 +379,9 @@ var config = {
|
|
|
383
379
|
},
|
|
384
380
|
variations: {
|
|
385
381
|
view: {
|
|
386
|
-
clear: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.tabsTokens.itemColor, _styledcomponents.tabsTokens.itemValueColor, _styledcomponents.tabsTokens.itemBackgroundColor, _styledcomponents.tabsTokens.itemColorHover, _styledcomponents.tabsTokens.itemValueColorHover, _styledcomponents.tabsTokens.itemColorActive, _styledcomponents.tabsTokens.itemValueColorActive, _styledcomponents.tabsTokens.itemBackgroundColorHover, _styledcomponents.tabsTokens.itemSelectedColor, _styledcomponents.tabsTokens.itemSelectedValueColor, _styledcomponents.tabsTokens.itemSelectedBackgroundColor, _styledcomponents.tabsTokens.itemSelectedColorHover, _styledcomponents.tabsTokens.itemSelectedValueColorHover, _styledcomponents.tabsTokens.itemSelectedBackgroundColorHover, _styledcomponents.tabsTokens.itemBackgroundTransition, _styledcomponents.tabsTokens.
|
|
382
|
+
clear: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.tabsTokens.itemColor, _styledcomponents.tabsTokens.itemValueColor, _styledcomponents.tabsTokens.itemBackgroundColor, _styledcomponents.tabsTokens.itemColorHover, _styledcomponents.tabsTokens.itemValueColorHover, _styledcomponents.tabsTokens.itemColorActive, _styledcomponents.tabsTokens.itemValueColorActive, _styledcomponents.tabsTokens.itemBackgroundColorHover, _styledcomponents.tabsTokens.itemSelectedColor, _styledcomponents.tabsTokens.itemSelectedValueColor, _styledcomponents.tabsTokens.itemSelectedBackgroundColor, _styledcomponents.tabsTokens.itemSelectedColorHover, _styledcomponents.tabsTokens.itemSelectedValueColorHover, _styledcomponents.tabsTokens.itemSelectedBackgroundColorHover, _styledcomponents.tabsTokens.itemBackgroundTransition, _styledcomponents.tabsTokens.outlineFocusColor, _styledcomponents.tabsTokens.itemSelectedDividerHeight, _styledcomponents.tabsTokens.itemSelectedDividerColor, _styledcomponents.tabsTokens.itemSelectedDividerColorHover, _styledcomponents.tabsTokens.itemCursor),
|
|
387
383
|
secondary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.tabsTokens.itemColor, _styledcomponents.tabsTokens.itemValueColor, _styledcomponents.tabsTokens.itemBackgroundColor, _styledcomponents.tabsTokens.itemColorHover, _styledcomponents.tabsTokens.itemValueColorHover, _styledcomponents.tabsTokens.itemColorActive, _styledcomponents.tabsTokens.itemValueColorActive, _styledcomponents.tabsTokens.itemBackgroundColorHover, _styledcomponents.tabsTokens.itemSelectedColor, _styledcomponents.tabsTokens.itemSelectedValueColor, _styledcomponents.tabsTokens.itemSelectedBackgroundColor, _styledcomponents.tabsTokens.itemSelectedColorHover, _styledcomponents.tabsTokens.itemSelectedValueColorHover, _styledcomponents.tabsTokens.itemSelectedBackgroundColorHover, _styledcomponents.tabsTokens.itemBackgroundTransition, _styledcomponents.tabsTokens.itemMarginLeftFilled, _styledcomponents.tabsTokens.outlineFocusColor, _styledcomponents.tabsTokens.itemSelectedDividerHeight, _styledcomponents.tabsTokens.itemSelectedDividerColor, _styledcomponents.tabsTokens.itemSelectedDividerColorHover, _styledcomponents.tabsTokens.itemCursor),
|
|
388
|
-
divider: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.tabsTokens.itemColor, _styledcomponents.tabsTokens.itemValueColor, _styledcomponents.tabsTokens.itemBackgroundColor, _styledcomponents.tabsTokens.itemColorHover, _styledcomponents.tabsTokens.itemValueColorHover, _styledcomponents.tabsTokens.itemColorActive, _styledcomponents.tabsTokens.itemValueColorActive, _styledcomponents.tabsTokens.itemBackgroundColorHover, _styledcomponents.tabsTokens.itemSelectedColor, _styledcomponents.tabsTokens.itemSelectedValueColor, _styledcomponents.tabsTokens.itemSelectedBackgroundColor, _styledcomponents.tabsTokens.itemSelectedColorHover, _styledcomponents.tabsTokens.itemSelectedValueColorHover, _styledcomponents.tabsTokens.itemSelectedBackgroundColorHover, _styledcomponents.tabsTokens.itemBackgroundTransition, _styledcomponents.tabsTokens.
|
|
384
|
+
divider: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.tabsTokens.itemColor, _styledcomponents.tabsTokens.itemValueColor, _styledcomponents.tabsTokens.itemBackgroundColor, _styledcomponents.tabsTokens.itemColorHover, _styledcomponents.tabsTokens.itemValueColorHover, _styledcomponents.tabsTokens.itemColorActive, _styledcomponents.tabsTokens.itemValueColorActive, _styledcomponents.tabsTokens.itemBackgroundColorHover, _styledcomponents.tabsTokens.itemSelectedColor, _styledcomponents.tabsTokens.itemSelectedValueColor, _styledcomponents.tabsTokens.itemSelectedBackgroundColor, _styledcomponents.tabsTokens.itemSelectedColorHover, _styledcomponents.tabsTokens.itemSelectedValueColorHover, _styledcomponents.tabsTokens.itemSelectedBackgroundColorHover, _styledcomponents.tabsTokens.itemBackgroundTransition, _styledcomponents.tabsTokens.outlineFocusColor, _styledcomponents.tabsTokens.itemSelectedDividerHeight, _styledcomponents.tabsTokens.itemSelectedDividerColor, _styledcomponents.tabsTokens.itemSelectedDividerColorHover, _styledcomponents.tabsTokens.itemCursor),
|
|
389
385
|
default: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.tabsTokens.itemColor, _styledcomponents.tabsTokens.itemValueColor, _styledcomponents.tabsTokens.itemBackgroundColor, _styledcomponents.tabsTokens.itemColorHover, _styledcomponents.tabsTokens.itemValueColorHover, _styledcomponents.tabsTokens.itemColorActive, _styledcomponents.tabsTokens.itemValueColorActive, _styledcomponents.tabsTokens.itemBackgroundColorHover, _styledcomponents.tabsTokens.itemSelectedColor, _styledcomponents.tabsTokens.itemSelectedValueColor, _styledcomponents.tabsTokens.itemSelectedBackgroundColor, _styledcomponents.tabsTokens.itemSelectedColorHover, _styledcomponents.tabsTokens.itemSelectedValueColorHover, _styledcomponents.tabsTokens.itemSelectedBackgroundColorHover, _styledcomponents.tabsTokens.itemBackgroundTransition, _styledcomponents.tabsTokens.itemMarginLeftFilled, _styledcomponents.tabsTokens.outlineFocusColor, _styledcomponents.tabsTokens.itemSelectedDividerHeight, _styledcomponents.tabsTokens.itemSelectedDividerColor, _styledcomponents.tabsTokens.itemSelectedDividerColorHover, _styledcomponents.tabsTokens.itemCursor)
|
|
390
386
|
},
|
|
391
387
|
size: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkButton.config.js","sources":["../../../../src-css/components/LinkButton/LinkButton.config.ts"],"sourcesContent":["import { css, linkButtonTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-primary);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-primary);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-primary);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-primary-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-primary-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n `,\n accent: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-accent);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-accent);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-accent);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(---surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-accent-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-accent-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n `,\n secondary: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-secondary);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-secondary);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-secondary);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-secondary-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-secondary-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n `,\n positive: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-positive);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-positive);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-positive);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-positive-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-positive-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n `,\n warning: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-warning);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-warning);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-warning);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-warning-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-warning-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n `,\n negative: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-negative);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-negative);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-negative);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-negative-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-negative-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n `,\n },\n size: {\n xl: css`\n ${linkButtonTokens.linkButtonHeight}: 4rem;\n ${linkButtonTokens.linkButtonPadding}: 1.25rem 0;\n ${linkButtonTokens.linkButtonRadius}: 1rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 1.5rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonTextPadding}: 0.063rem 0;\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0 0.5rem 0 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0 0 0 0.5rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.5rem;\n `,\n l: css`\n ${linkButtonTokens.linkButtonHeight}: 3.5rem;\n ${linkButtonTokens.linkButtonPadding}: 1rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.875rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 1.375rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonTextPadding}: 0.063rem 0;\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0 0.5rem 0 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0 0 0 0.5rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.5rem;\n `,\n m: css`\n ${linkButtonTokens.linkButtonHeight}: 3rem;\n ${linkButtonTokens.linkButtonPadding}: 0.75rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.75rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-m-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 1.375rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonTextPadding}: 0.125rem 0;\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0 0.375rem 0 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0 0 0 0.375rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.375rem;\n `,\n s: css`\n ${linkButtonTokens.linkButtonHeight}: 2.5rem;\n ${linkButtonTokens.linkButtonPadding}: 0.5rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.625rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-s-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 1.375rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonTextPadding}: 0.063rem 0;\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0 0.25rem 0 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0 0 0 0.25rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.25rem;\n `,\n xs: css`\n ${linkButtonTokens.linkButtonHeight}: 2rem;\n ${linkButtonTokens.linkButtonPadding}: 0.5rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.5rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 1rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonTextPadding}: 0.063rem 0;\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0 0.25rem 0 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0 0 0 0.25rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.25rem;\n `,\n xxs: css`\n ${linkButtonTokens.linkButtonHeight}: 1.5rem;\n ${linkButtonTokens.linkButtonPadding}: 0.375rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.375rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 0.75rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0.063rem 0.25rem 0.063rem 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0.063rem 0 0.063rem 0.25rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${linkButtonTokens.linkButtonDisabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","secondary","positive","warning","negative","xl","l","m","s","xs","xxs","disabled","true"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAQC,UAAA;AACDC,MAAAA,MAAM,EAQL,SAAA;AACDC,MAAAA,SAAS,EAQR,UAAA;AACDC,MAAAA,QAAQ,EAQP,SAAA;AACDC,MAAAA,OAAO,EAQN,SAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KASX;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,EAAE,EAkBD,UAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,CAAC,EAkBA,SAAA;AACDC,MAAAA,CAAC,EAkBA,SAAA;AACDC,MAAAA,EAAE,EAkBD,UAAA;AACDC,MAAAA,GAAG,EAAA,UAAA;KAkBN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"LinkButton.config.js","sources":["../../../../src-css/components/LinkButton/LinkButton.config.ts"],"sourcesContent":["import { css, linkButtonTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-primary);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-primary);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-primary);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-primary-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-primary-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n ${linkButtonTokens.linkButtonTextColorHover}: var(--text-primary-hover);\n `,\n accent: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-accent);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-accent);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-accent);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(---surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-accent-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-accent-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n ${linkButtonTokens.linkButtonTextColorHover}: var(--text-accent-hover);\n `,\n secondary: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-secondary);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-secondary);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-secondary);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-secondary-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-secondary-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n ${linkButtonTokens.linkButtonTextColorHover}: var(--text-secondary-hover);\n `,\n positive: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-positive);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-positive);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-positive);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-positive-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-positive-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n ${linkButtonTokens.linkButtonTextColorHover}: var(--text-positive-hover);\n `,\n warning: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-warning);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-warning);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-warning);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-warning-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-warning-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n ${linkButtonTokens.linkButtonTextColorHover}: var(--text-warning-hover);\n `,\n negative: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-negative);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-negative);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-negative);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-negative-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-negative-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n ${linkButtonTokens.linkButtonTextColorHover}: var(--text-negative-hover);\n `,\n },\n size: {\n xl: css`\n ${linkButtonTokens.linkButtonHeight}: 4rem;\n ${linkButtonTokens.linkButtonPadding}: 1.25rem 0;\n ${linkButtonTokens.linkButtonRadius}: 1rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 1.5rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonTextPadding}: 0.063rem 0;\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0 0.5rem 0 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0 0 0 0.5rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.5rem;\n `,\n l: css`\n ${linkButtonTokens.linkButtonHeight}: 3.5rem;\n ${linkButtonTokens.linkButtonPadding}: 1rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.875rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 1.375rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonTextPadding}: 0.063rem 0;\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0 0.5rem 0 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0 0 0 0.5rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.5rem;\n `,\n m: css`\n ${linkButtonTokens.linkButtonHeight}: 3rem;\n ${linkButtonTokens.linkButtonPadding}: 0.75rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.75rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-m-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 1.375rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonTextPadding}: 0.125rem 0;\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0 0.375rem 0 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0 0 0 0.375rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.375rem;\n `,\n s: css`\n ${linkButtonTokens.linkButtonHeight}: 2.5rem;\n ${linkButtonTokens.linkButtonPadding}: 0.5rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.625rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-s-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 1.375rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonTextPadding}: 0.063rem 0;\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0 0.25rem 0 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0 0 0 0.25rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.25rem;\n `,\n xs: css`\n ${linkButtonTokens.linkButtonHeight}: 2rem;\n ${linkButtonTokens.linkButtonPadding}: 0.5rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.5rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 1rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonTextPadding}: 0.063rem 0;\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0 0.25rem 0 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0 0 0 0.25rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.25rem;\n `,\n xxs: css`\n ${linkButtonTokens.linkButtonHeight}: 1.5rem;\n ${linkButtonTokens.linkButtonPadding}: 0.375rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.375rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 0.75rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0.063rem 0.25rem 0.063rem 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0.063rem 0 0.063rem 0.25rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${linkButtonTokens.linkButtonDisabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","secondary","positive","warning","negative","xl","l","m","s","xs","xxs","disabled","true"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EASC,UAAA;AACDC,MAAAA,MAAM,EASL,SAAA;AACDC,MAAAA,SAAS,EASR,UAAA;AACDC,MAAAA,QAAQ,EASP,SAAA;AACDC,MAAAA,OAAO,EASN,SAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KAUX;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,EAAE,EAkBD,UAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,CAAC,EAkBA,SAAA;AACDC,MAAAA,CAAC,EAkBA,SAAA;AACDC,MAAAA,EAAE,EAkBD,UAAA;AACDC,MAAAA,GAAG,EAAA,UAAA;KAkBN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
package/css/cjs/components/LinkButton/{LinkButton.config_1b6kqyz.css → LinkButton.config_b1souo.css}
RENAMED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
.d1nmslpw{--plasma-link-button-color:var(--text-primary);--plasma-link-button-icon-color:var(--text-primary);--plasma-link-button-text-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);}
|
|
2
|
-
.anqu7ib{--plasma-link-button-color:var(--text-accent);--plasma-link-button-icon-color:var(--text-accent);--plasma-link-button-text-color:var(--text-accent);--plasma-link-button-background-color:var(---surface-transparent-clear);--plasma-link-button-color-hover:var(--text-accent-hover);--plasma-link-button-color-active:var(--text-accent-active);--plasma-link-button-focus-color:var(--surface-accent);}
|
|
3
|
-
.s1xit3mw{--plasma-link-button-color:var(--text-secondary);--plasma-link-button-icon-color:var(--text-secondary);--plasma-link-button-text-color:var(--text-secondary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-secondary-hover);--plasma-link-button-color-active:var(--text-secondary-active);--plasma-link-button-focus-color:var(--surface-accent);}
|
|
4
|
-
.ppxj5rq{--plasma-link-button-color:var(--text-positive);--plasma-link-button-icon-color:var(--text-positive);--plasma-link-button-text-color:var(--text-positive);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-positive-hover);--plasma-link-button-color-active:var(--text-positive-active);--plasma-link-button-focus-color:var(--surface-accent);}
|
|
5
|
-
.wui1buo{--plasma-link-button-color:var(--text-warning);--plasma-link-button-icon-color:var(--text-warning);--plasma-link-button-text-color:var(--text-warning);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-warning-hover);--plasma-link-button-color-active:var(--text-warning-active);--plasma-link-button-focus-color:var(--surface-accent);}
|
|
6
|
-
.n122wi17{--plasma-link-button-color:var(--text-negative);--plasma-link-button-icon-color:var(--text-negative);--plasma-link-button-text-color:var(--text-negative);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-negative-hover);--plasma-link-button-color-active:var(--text-negative-active);--plasma-link-button-focus-color:var(--surface-accent);}
|
|
1
|
+
.d1nmslpw{--plasma-link-button-color:var(--text-primary);--plasma-link-button-icon-color:var(--text-primary);--plasma-link-button-text-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-primary-hover);}
|
|
2
|
+
.anqu7ib{--plasma-link-button-color:var(--text-accent);--plasma-link-button-icon-color:var(--text-accent);--plasma-link-button-text-color:var(--text-accent);--plasma-link-button-background-color:var(---surface-transparent-clear);--plasma-link-button-color-hover:var(--text-accent-hover);--plasma-link-button-color-active:var(--text-accent-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-accent-hover);}
|
|
3
|
+
.s1xit3mw{--plasma-link-button-color:var(--text-secondary);--plasma-link-button-icon-color:var(--text-secondary);--plasma-link-button-text-color:var(--text-secondary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-secondary-hover);--plasma-link-button-color-active:var(--text-secondary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-secondary-hover);}
|
|
4
|
+
.ppxj5rq{--plasma-link-button-color:var(--text-positive);--plasma-link-button-icon-color:var(--text-positive);--plasma-link-button-text-color:var(--text-positive);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-positive-hover);--plasma-link-button-color-active:var(--text-positive-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-positive-hover);}
|
|
5
|
+
.wui1buo{--plasma-link-button-color:var(--text-warning);--plasma-link-button-icon-color:var(--text-warning);--plasma-link-button-text-color:var(--text-warning);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-warning-hover);--plasma-link-button-color-active:var(--text-warning-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-warning-hover);}
|
|
6
|
+
.n122wi17{--plasma-link-button-color:var(--text-negative);--plasma-link-button-icon-color:var(--text-negative);--plasma-link-button-text-color:var(--text-negative);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-negative-hover);--plasma-link-button-color-active:var(--text-negative-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-negative-hover);}
|
|
7
7
|
.x1re18w5{--plasma-link-button-height:4rem;--plasma-link-button-padding:1.25rem 0;--plasma-link-button-radius:1rem;--plasma-link-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-link-button-spinner-size:1.5rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.063rem 0;--plasma-link-button-left-content-margin:0 0.5rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.5rem;--plasma-link-button-additional-content-margin:0 0 0 0.5rem;}
|
|
8
8
|
.l1idaf1b{--plasma-link-button-height:3.5rem;--plasma-link-button-padding:1rem 0;--plasma-link-button-radius:0.875rem;--plasma-link-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-link-button-spinner-size:1.375rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.063rem 0;--plasma-link-button-left-content-margin:0 0.5rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.5rem;--plasma-link-button-additional-content-margin:0 0 0 0.5rem;}
|
|
9
9
|
.mbaq7s0{--plasma-link-button-height:3rem;--plasma-link-button-padding:0.75rem 0;--plasma-link-button-radius:0.75rem;--plasma-link-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-link-button-spinner-size:1.375rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.125rem 0;--plasma-link-button-left-content-margin:0 0.375rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.375rem;--plasma-link-button-additional-content-margin:0 0 0 0.375rem;}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
.
|
|
13
|
-
.
|
|
1
|
+
.LinkButton_config_b1souo_d1nmslpw__1ea8b175{--plasma-link-button-color:var(--text-primary);--plasma-link-button-icon-color:var(--text-primary);--plasma-link-button-text-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-primary-hover);}
|
|
2
|
+
.LinkButton_config_b1souo_anqu7ib__1ea8b175{--plasma-link-button-color:var(--text-accent);--plasma-link-button-icon-color:var(--text-accent);--plasma-link-button-text-color:var(--text-accent);--plasma-link-button-background-color:var(---surface-transparent-clear);--plasma-link-button-color-hover:var(--text-accent-hover);--plasma-link-button-color-active:var(--text-accent-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-accent-hover);}
|
|
3
|
+
.LinkButton_config_b1souo_s1xit3mw__1ea8b175{--plasma-link-button-color:var(--text-secondary);--plasma-link-button-icon-color:var(--text-secondary);--plasma-link-button-text-color:var(--text-secondary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-secondary-hover);--plasma-link-button-color-active:var(--text-secondary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-secondary-hover);}
|
|
4
|
+
.LinkButton_config_b1souo_ppxj5rq__1ea8b175{--plasma-link-button-color:var(--text-positive);--plasma-link-button-icon-color:var(--text-positive);--plasma-link-button-text-color:var(--text-positive);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-positive-hover);--plasma-link-button-color-active:var(--text-positive-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-positive-hover);}
|
|
5
|
+
.LinkButton_config_b1souo_wui1buo__1ea8b175{--plasma-link-button-color:var(--text-warning);--plasma-link-button-icon-color:var(--text-warning);--plasma-link-button-text-color:var(--text-warning);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-warning-hover);--plasma-link-button-color-active:var(--text-warning-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-warning-hover);}
|
|
6
|
+
.LinkButton_config_b1souo_n122wi17__1ea8b175{--plasma-link-button-color:var(--text-negative);--plasma-link-button-icon-color:var(--text-negative);--plasma-link-button-text-color:var(--text-negative);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-negative-hover);--plasma-link-button-color-active:var(--text-negative-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-negative-hover);}
|
|
7
|
+
.LinkButton_config_b1souo_x1re18w5__1ea8b175{--plasma-link-button-height:4rem;--plasma-link-button-padding:1.25rem 0;--plasma-link-button-radius:1rem;--plasma-link-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-link-button-spinner-size:1.5rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.063rem 0;--plasma-link-button-left-content-margin:0 0.5rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.5rem;--plasma-link-button-additional-content-margin:0 0 0 0.5rem;}
|
|
8
|
+
.LinkButton_config_b1souo_l1idaf1b__1ea8b175{--plasma-link-button-height:3.5rem;--plasma-link-button-padding:1rem 0;--plasma-link-button-radius:0.875rem;--plasma-link-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-link-button-spinner-size:1.375rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.063rem 0;--plasma-link-button-left-content-margin:0 0.5rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.5rem;--plasma-link-button-additional-content-margin:0 0 0 0.5rem;}
|
|
9
|
+
.LinkButton_config_b1souo_mbaq7s0__1ea8b175{--plasma-link-button-height:3rem;--plasma-link-button-padding:0.75rem 0;--plasma-link-button-radius:0.75rem;--plasma-link-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-link-button-spinner-size:1.375rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.125rem 0;--plasma-link-button-left-content-margin:0 0.375rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.375rem;--plasma-link-button-additional-content-margin:0 0 0 0.375rem;}
|
|
10
|
+
.LinkButton_config_b1souo_sgnc62y__1ea8b175{--plasma-link-button-height:2.5rem;--plasma-link-button-padding:0.5rem 0;--plasma-link-button-radius:0.625rem;--plasma-link-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-link-button-spinner-size:1.375rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.063rem 0;--plasma-link-button-left-content-margin:0 0.25rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.25rem;--plasma-link-button-additional-content-margin:0 0 0 0.25rem;}
|
|
11
|
+
.LinkButton_config_b1souo_x13sr3kn__1ea8b175{--plasma-link-button-height:2rem;--plasma-link-button-padding:0.5rem 0;--plasma-link-button-radius:0.5rem;--plasma-link-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-link-button-spinner-size:1rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.063rem 0;--plasma-link-button-left-content-margin:0 0.25rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.25rem;--plasma-link-button-additional-content-margin:0 0 0 0.25rem;}
|
|
12
|
+
.LinkButton_config_b1souo_x1jqrt5d__1ea8b175{--plasma-link-button-height:1.5rem;--plasma-link-button-padding:0.375rem 0;--plasma-link-button-radius:0.375rem;--plasma-link-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-link-button-spinner-size:0.75rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-left-content-margin:0.063rem 0.25rem 0.063rem 0;--plasma-link-button-right-content-margin:0.063rem 0 0.063rem 0.25rem;--plasma-link-button-additional-content-margin:0 0 0 0.25rem;}
|
|
13
|
+
.LinkButton_config_b1souo_t176l075__1ea8b175{--plasma-link-button-disabled-opacity:0.4;}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
.
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
1
|
+
.HorizontalTabItem_config_1ibgsbi_c1qbla27__6e1df45a{--plasma-tab-item-color:var(--text-secondary);--plasma-tab-item-value-color:var(--text-tertiary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-value-color-hover:var(--text-secondary);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-value-color-active:var(--text-secondary);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary);--plasma-tab-item-selected-value-color:var(--text-secondary);--plasma-tab-item-selected-background-color:transparent;--plasma-tab-item-selected-color-hover:var(--text-primary);--plasma-tab-item-selected-value-color-hover:var(--text-secondary);--plasma-tab-item-selected-background-color-hover:transparent;--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-height:0rem;--plasma-tab-item-selected-divider-color:var(--text-primary);--plasma-tab-item-selected-hover-divider-color:var(--text-primary);--plasma-tab-item-cursor:pointer;}
|
|
2
|
+
.HorizontalTabItem_config_1ibgsbi_s1sazr3k__6e1df45a{--plasma-tab-item-color:var(--text-primary);--plasma-tab-item-value-color:var(--text-secondary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-value-color-hover:var(--text-secondary);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-value-color-active:var(--text-secondary);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary);--plasma-tab-item-selected-value-color:var(--text-secondary);--plasma-tab-item-selected-background-color:var(--surface-solid-card);--plasma-tab-item-selected-color-hover:var(--text-primary);--plasma-tab-item-selected-value-color-hover:var(--text-secondary);--plasma-tab-item-selected-background-color-hover:var(--surface-solid-card);--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tab-item-margin-left-filled:0.125rem;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-height:0rem;--plasma-tab-item-selected-divider-color:var(--text-primary);--plasma-tab-item-selected-hover-divider-color:var(--text-primary);--plasma-tab-item-cursor:pointer;}
|
|
3
|
+
.HorizontalTabItem_config_1ibgsbi_d4t8mk9__6e1df45a{--plasma-tab-item-color:var(--text-secondary);--plasma-tab-item-value-color:var(--text-tertiary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-value-color-hover:var(--text-secondary);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-value-color-active:var(--text-secondary);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary);--plasma-tab-item-selected-value-color:var(--text-secondary);--plasma-tab-item-selected-background-color:transparent;--plasma-tab-item-selected-color-hover:var(--text-primary);--plasma-tab-item-selected-value-color-hover:var(--text-secondary);--plasma-tab-item-selected-background-color-hover:transparent;--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-height:0.125rem;--plasma-tab-item-selected-divider-color:var(--text-primary);--plasma-tab-item-selected-hover-divider-color:var(--text-primary);--plasma-tab-item-cursor:pointer;}
|
|
4
|
+
.HorizontalTabItem_config_1ibgsbi_d1hrjiow__6e1df45a{--plasma-tab-item-color:var(--text-primary);--plasma-tab-item-value-color:var(--text-secondary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-value-color-hover:var(--text-secondary);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-value-color-active:var(--text-secondary);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--inverse-text-primary);--plasma-tab-item-selected-value-color:var(--inverse-text-secondary);--plasma-tab-item-selected-background-color:var(--surface-solid-default);--plasma-tab-item-selected-color-hover:var(--inverse-text-primary);--plasma-tab-item-selected-value-color-hover:var(--inverse-text-secondary);--plasma-tab-item-selected-background-color-hover:var(--surface-solid-default);--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tab-item-margin-left-filled:0.125rem;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-height:0rem;--plasma-tab-item-selected-divider-color:var(--text-primary);--plasma-tab-item-selected-hover-divider-color:var(--text-primary);--plasma-tab-item-cursor:pointer;}
|
|
5
|
+
.HorizontalTabItem_config_1ibgsbi_x1539gzv__6e1df45a{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:2rem;--plasma-tab-item-padding:0 0.125rem;--plasma-tab-item-padding-pilled:0 0.375rem;--plasma-tab-item-margin-left:1.5rem;--plasma-tab-item-content-gap:0.25rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-tab-item-action-content-margin-left:0;}
|
|
6
|
+
.HorizontalTabItem_config_1ibgsbi_sikuk77__6e1df45a{--plasma-tab-item-border-radius:0.5rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:2.5rem;--plasma-tab-item-padding:0 0.125rem;--plasma-tab-item-padding-pilled:0 0.5rem;--plasma-tab-item-margin-left:1.5rem;--plasma-tab-item-content-gap:0.25rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-s-line-height);--plasma-tab-item-action-content-margin-left:0.125rem;}
|
|
7
|
+
.HorizontalTabItem_config_1ibgsbi_mp3y2ao__6e1df45a{--plasma-tab-item-border-radius:0.625rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3rem;--plasma-tab-item-padding:0 0.125rem;--plasma-tab-item-padding-pilled:0 0.5rem;--plasma-tab-item-margin-left:1.5rem;--plasma-tab-item-content-gap:0.375rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-m-line-height);--plasma-tab-item-action-content-margin-left:0.25rem;}
|
|
8
|
+
.HorizontalTabItem_config_1ibgsbi_l1qh9jow__6e1df45a{--plasma-tab-item-border-radius:0.75rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3.5rem;--plasma-tab-item-padding:0 0.125rem;--plasma-tab-item-padding-pilled:0 0.75rem;--plasma-tab-item-margin-left:1.5rem;--plasma-tab-item-content-gap:0.5rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-l-line-height);--plasma-tab-item-action-content-margin-left:0.125rem;}
|
|
9
|
+
.HorizontalTabItem_config_1ibgsbi_h1s7gpc9__6e1df45a{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3rem;--plasma-tab-item-padding:0 0.125rem;--plasma-tab-item-margin-left:1.5rem;--plasma-tab-item-content-gap:0.625rem;--plasma-tab-item-font-family:var(--plasma-typo-h5-font-family);--plasma-tab-item-font-size:var(--plasma-typo-h5-font-size);--plasma-tab-item-font-style:var(--plasma-typo-h5-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-h5-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-h5-line-height);--plasma-tab-item-action-content-margin-left:-0.125rem;}
|
|
10
|
+
.HorizontalTabItem_config_1ibgsbi_h13wvabz__6e1df45a{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3.25rem;--plasma-tab-item-padding:0 0.125rem;--plasma-tab-item-margin-left:1.75rem;--plasma-tab-item-content-gap:0.625rem;--plasma-tab-item-font-family:var(--plasma-typo-h4-font-family);--plasma-tab-item-font-size:var(--plasma-typo-h4-font-size);--plasma-tab-item-font-style:var(--plasma-typo-h4-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-h4-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-h4-line-height);--plasma-tab-item-action-content-margin-left:-0.125rem;}
|
|
11
|
+
.HorizontalTabItem_config_1ibgsbi_h1gxsxyj__6e1df45a{--plasma-tab-item-border-radius:0.5rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3.875rem;--plasma-tab-item-padding:0 0.125rem;--plasma-tab-item-margin-left:2rem;--plasma-tab-item-content-gap:0.75rem;--plasma-tab-item-font-family:var(--plasma-typo-h3-font-family);--plasma-tab-item-font-size:var(--plasma-typo-h3-font-size);--plasma-tab-item-font-style:var(--plasma-typo-h3-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-h3-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-h3-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-h3-line-height);--plasma-tab-item-action-content-margin-left:-0.125rem;}
|
|
12
|
+
.HorizontalTabItem_config_1ibgsbi_hv3zmfq__6e1df45a{--plasma-tab-item-border-radius:0.625rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:4.5rem;--plasma-tab-item-padding:0 0.125rem;--plasma-tab-item-margin-left:2.25rem;--plasma-tab-item-content-gap:0.875rem;--plasma-tab-item-font-family:var(--plasma-typo-h2-font-family);--plasma-tab-item-font-size:var(--plasma-typo-h2-font-size);--plasma-tab-item-font-style:var(--plasma-typo-h2-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-h2-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-h2-line-height);--plasma-tab-item-action-content-margin-left:-0.125rem;}
|
|
13
|
+
.HorizontalTabItem_config_1ibgsbi_hwisn6u__6e1df45a{--plasma-tab-item-border-radius:0.75rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:5.75rem;--plasma-tab-item-padding:0 0.125rem;--plasma-tab-item-margin-left:3.25rem;--plasma-tab-item-content-gap:1rem;--plasma-tab-item-font-family:var(--plasma-typo-h1-font-family);--plasma-tab-item-font-size:var(--plasma-typo-h1-font-size);--plasma-tab-item-font-style:var(--plasma-typo-h1-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-h1-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-h1-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-h1-line-height);--plasma-tab-item-action-content-margin-left:0;}
|
|
14
|
+
.HorizontalTabItem_config_1ibgsbi_t19ews1g__6e1df45a{--plasma-tabs-disabled-opacity:0.4;}
|
|
15
|
+
.HorizontalTabItem_config_1ibgsbi_tosxbtd__6e1df45a{--plasma-tab-item-pilled-border-radius:1.5rem;}
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
.HorizontalIconTabItem_config_1qvee8h_cbg56yj__238dd139{--plasma-tab-item-color:var(--text-secondary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary);--plasma-tab-item-selected-background-color:transparent;--plasma-tab-item-selected-color-hover:var(--text-primary);--plasma-tab-item-selected-background-color-hover:transparent;--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-height:0;--plasma-tab-item-cursor:pointer;}
|
|
@@ -14,19 +14,19 @@
|
|
|
14
14
|
.HorizontalTabs_config_udb25v_tp7ddhx__3c972bd3{--plasma-tabs-disabled-opacity:0.4;}
|
|
15
15
|
.HorizontalTabs_config_udb25v_tr3t05m__3c972bd3{--plasma-tabs-pilled-border-radius:1.625rem;}
|
|
16
16
|
|
|
17
|
-
.
|
|
18
|
-
.
|
|
19
|
-
.
|
|
20
|
-
.
|
|
21
|
-
.
|
|
22
|
-
.
|
|
23
|
-
.
|
|
24
|
-
.
|
|
25
|
-
.
|
|
26
|
-
.
|
|
27
|
-
.
|
|
28
|
-
.
|
|
29
|
-
.
|
|
30
|
-
.
|
|
31
|
-
.
|
|
17
|
+
.HorizontalTabItem_config_1ibgsbi_c1qbla27__6e1df45a{--plasma-tab-item-color:var(--text-secondary);--plasma-tab-item-value-color:var(--text-tertiary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-value-color-hover:var(--text-secondary);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-value-color-active:var(--text-secondary);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary);--plasma-tab-item-selected-value-color:var(--text-secondary);--plasma-tab-item-selected-background-color:transparent;--plasma-tab-item-selected-color-hover:var(--text-primary);--plasma-tab-item-selected-value-color-hover:var(--text-secondary);--plasma-tab-item-selected-background-color-hover:transparent;--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-height:0rem;--plasma-tab-item-selected-divider-color:var(--text-primary);--plasma-tab-item-selected-hover-divider-color:var(--text-primary);--plasma-tab-item-cursor:pointer;}
|
|
18
|
+
.HorizontalTabItem_config_1ibgsbi_s1sazr3k__6e1df45a{--plasma-tab-item-color:var(--text-primary);--plasma-tab-item-value-color:var(--text-secondary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-value-color-hover:var(--text-secondary);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-value-color-active:var(--text-secondary);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary);--plasma-tab-item-selected-value-color:var(--text-secondary);--plasma-tab-item-selected-background-color:var(--surface-solid-card);--plasma-tab-item-selected-color-hover:var(--text-primary);--plasma-tab-item-selected-value-color-hover:var(--text-secondary);--plasma-tab-item-selected-background-color-hover:var(--surface-solid-card);--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tab-item-margin-left-filled:0.125rem;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-height:0rem;--plasma-tab-item-selected-divider-color:var(--text-primary);--plasma-tab-item-selected-hover-divider-color:var(--text-primary);--plasma-tab-item-cursor:pointer;}
|
|
19
|
+
.HorizontalTabItem_config_1ibgsbi_d4t8mk9__6e1df45a{--plasma-tab-item-color:var(--text-secondary);--plasma-tab-item-value-color:var(--text-tertiary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-value-color-hover:var(--text-secondary);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-value-color-active:var(--text-secondary);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary);--plasma-tab-item-selected-value-color:var(--text-secondary);--plasma-tab-item-selected-background-color:transparent;--plasma-tab-item-selected-color-hover:var(--text-primary);--plasma-tab-item-selected-value-color-hover:var(--text-secondary);--plasma-tab-item-selected-background-color-hover:transparent;--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-height:0.125rem;--plasma-tab-item-selected-divider-color:var(--text-primary);--plasma-tab-item-selected-hover-divider-color:var(--text-primary);--plasma-tab-item-cursor:pointer;}
|
|
20
|
+
.HorizontalTabItem_config_1ibgsbi_d1hrjiow__6e1df45a{--plasma-tab-item-color:var(--text-primary);--plasma-tab-item-value-color:var(--text-secondary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-value-color-hover:var(--text-secondary);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-value-color-active:var(--text-secondary);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--inverse-text-primary);--plasma-tab-item-selected-value-color:var(--inverse-text-secondary);--plasma-tab-item-selected-background-color:var(--surface-solid-default);--plasma-tab-item-selected-color-hover:var(--inverse-text-primary);--plasma-tab-item-selected-value-color-hover:var(--inverse-text-secondary);--plasma-tab-item-selected-background-color-hover:var(--surface-solid-default);--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tab-item-margin-left-filled:0.125rem;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-height:0rem;--plasma-tab-item-selected-divider-color:var(--text-primary);--plasma-tab-item-selected-hover-divider-color:var(--text-primary);--plasma-tab-item-cursor:pointer;}
|
|
21
|
+
.HorizontalTabItem_config_1ibgsbi_x1539gzv__6e1df45a{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:2rem;--plasma-tab-item-padding:0 0.125rem;--plasma-tab-item-padding-pilled:0 0.375rem;--plasma-tab-item-margin-left:1.5rem;--plasma-tab-item-content-gap:0.25rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-tab-item-action-content-margin-left:0;}
|
|
22
|
+
.HorizontalTabItem_config_1ibgsbi_sikuk77__6e1df45a{--plasma-tab-item-border-radius:0.5rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:2.5rem;--plasma-tab-item-padding:0 0.125rem;--plasma-tab-item-padding-pilled:0 0.5rem;--plasma-tab-item-margin-left:1.5rem;--plasma-tab-item-content-gap:0.25rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-s-line-height);--plasma-tab-item-action-content-margin-left:0.125rem;}
|
|
23
|
+
.HorizontalTabItem_config_1ibgsbi_mp3y2ao__6e1df45a{--plasma-tab-item-border-radius:0.625rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3rem;--plasma-tab-item-padding:0 0.125rem;--plasma-tab-item-padding-pilled:0 0.5rem;--plasma-tab-item-margin-left:1.5rem;--plasma-tab-item-content-gap:0.375rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-m-line-height);--plasma-tab-item-action-content-margin-left:0.25rem;}
|
|
24
|
+
.HorizontalTabItem_config_1ibgsbi_l1qh9jow__6e1df45a{--plasma-tab-item-border-radius:0.75rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3.5rem;--plasma-tab-item-padding:0 0.125rem;--plasma-tab-item-padding-pilled:0 0.75rem;--plasma-tab-item-margin-left:1.5rem;--plasma-tab-item-content-gap:0.5rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-l-line-height);--plasma-tab-item-action-content-margin-left:0.125rem;}
|
|
25
|
+
.HorizontalTabItem_config_1ibgsbi_h1s7gpc9__6e1df45a{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3rem;--plasma-tab-item-padding:0 0.125rem;--plasma-tab-item-margin-left:1.5rem;--plasma-tab-item-content-gap:0.625rem;--plasma-tab-item-font-family:var(--plasma-typo-h5-font-family);--plasma-tab-item-font-size:var(--plasma-typo-h5-font-size);--plasma-tab-item-font-style:var(--plasma-typo-h5-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-h5-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-h5-line-height);--plasma-tab-item-action-content-margin-left:-0.125rem;}
|
|
26
|
+
.HorizontalTabItem_config_1ibgsbi_h13wvabz__6e1df45a{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3.25rem;--plasma-tab-item-padding:0 0.125rem;--plasma-tab-item-margin-left:1.75rem;--plasma-tab-item-content-gap:0.625rem;--plasma-tab-item-font-family:var(--plasma-typo-h4-font-family);--plasma-tab-item-font-size:var(--plasma-typo-h4-font-size);--plasma-tab-item-font-style:var(--plasma-typo-h4-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-h4-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-h4-line-height);--plasma-tab-item-action-content-margin-left:-0.125rem;}
|
|
27
|
+
.HorizontalTabItem_config_1ibgsbi_h1gxsxyj__6e1df45a{--plasma-tab-item-border-radius:0.5rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3.875rem;--plasma-tab-item-padding:0 0.125rem;--plasma-tab-item-margin-left:2rem;--plasma-tab-item-content-gap:0.75rem;--plasma-tab-item-font-family:var(--plasma-typo-h3-font-family);--plasma-tab-item-font-size:var(--plasma-typo-h3-font-size);--plasma-tab-item-font-style:var(--plasma-typo-h3-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-h3-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-h3-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-h3-line-height);--plasma-tab-item-action-content-margin-left:-0.125rem;}
|
|
28
|
+
.HorizontalTabItem_config_1ibgsbi_hv3zmfq__6e1df45a{--plasma-tab-item-border-radius:0.625rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:4.5rem;--plasma-tab-item-padding:0 0.125rem;--plasma-tab-item-margin-left:2.25rem;--plasma-tab-item-content-gap:0.875rem;--plasma-tab-item-font-family:var(--plasma-typo-h2-font-family);--plasma-tab-item-font-size:var(--plasma-typo-h2-font-size);--plasma-tab-item-font-style:var(--plasma-typo-h2-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-h2-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-h2-line-height);--plasma-tab-item-action-content-margin-left:-0.125rem;}
|
|
29
|
+
.HorizontalTabItem_config_1ibgsbi_hwisn6u__6e1df45a{--plasma-tab-item-border-radius:0.75rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:5.75rem;--plasma-tab-item-padding:0 0.125rem;--plasma-tab-item-margin-left:3.25rem;--plasma-tab-item-content-gap:1rem;--plasma-tab-item-font-family:var(--plasma-typo-h1-font-family);--plasma-tab-item-font-size:var(--plasma-typo-h1-font-size);--plasma-tab-item-font-style:var(--plasma-typo-h1-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-h1-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-h1-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-h1-line-height);--plasma-tab-item-action-content-margin-left:0;}
|
|
30
|
+
.HorizontalTabItem_config_1ibgsbi_t19ews1g__6e1df45a{--plasma-tabs-disabled-opacity:0.4;}
|
|
31
|
+
.HorizontalTabItem_config_1ibgsbi_tosxbtd__6e1df45a{--plasma-tab-item-pilled-border-radius:1.5rem;}
|
|
32
32
|
|