@salutejs/sdds-serv 0.326.0-canary.2301.18868987022.0 → 0.326.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.
Files changed (38) hide show
  1. package/components/LinkButton/LinkButton.config.js +1 -1
  2. package/components/LinkButton/LinkButton.config.js.map +1 -1
  3. package/components/LinkButton/{LinkButton.config_1b6kqyz.css → LinkButton.config_b1souo.css} +6 -6
  4. package/components/LinkButton/LinkButton.css +13 -13
  5. package/components/Tabs/TabItem.css +15 -15
  6. package/components/Tabs/TabsController.css +15 -15
  7. package/components/Tabs/horizontal/HorizontalIconTabItem.config.js +1 -1
  8. package/components/Tabs/horizontal/HorizontalIconTabItem.config.js.map +1 -1
  9. package/components/Tabs/horizontal/HorizontalTabItem.config.js +2 -2
  10. package/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -1
  11. package/components/Tabs/horizontal/HorizontalTabItem.config_1ibgsbi.css +16 -0
  12. package/emotion/cjs/components/LinkButton/LinkButton.config.js +18 -12
  13. package/emotion/cjs/components/Tabs/horizontal/HorizontalIconTabItem.config.js +1 -1
  14. package/emotion/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +25 -29
  15. package/emotion/es/components/LinkButton/LinkButton.config.js +18 -12
  16. package/emotion/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js +1 -1
  17. package/emotion/es/components/Tabs/horizontal/HorizontalTabItem.config.js +25 -29
  18. package/es/components/LinkButton/LinkButton.config.js +1 -1
  19. package/es/components/LinkButton/LinkButton.config.js.map +1 -1
  20. package/es/components/LinkButton/{LinkButton.config_1b6kqyz.css → LinkButton.config_b1souo.css} +6 -6
  21. package/es/components/LinkButton/LinkButton.css +13 -13
  22. package/es/components/Tabs/TabItem.css +15 -15
  23. package/es/components/Tabs/TabsController.css +15 -15
  24. package/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js +1 -1
  25. package/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js.map +1 -1
  26. package/es/components/Tabs/horizontal/HorizontalTabItem.config.js +2 -2
  27. package/es/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -1
  28. package/es/components/Tabs/horizontal/HorizontalTabItem.config_1ibgsbi.css +16 -0
  29. package/es/index.css +28 -28
  30. package/package.json +8 -8
  31. package/styled-components/cjs/components/LinkButton/LinkButton.config.js +18 -12
  32. package/styled-components/cjs/components/Tabs/horizontal/HorizontalIconTabItem.config.js +1 -1
  33. package/styled-components/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +25 -29
  34. package/styled-components/es/components/LinkButton/LinkButton.config.js +18 -12
  35. package/styled-components/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js +1 -1
  36. package/styled-components/es/components/Tabs/horizontal/HorizontalTabItem.config.js +25 -29
  37. package/components/Tabs/horizontal/HorizontalTabItem.config_1k9kicq.css +0 -16
  38. package/es/components/Tabs/horizontal/HorizontalTabItem.config_1k9kicq.css +0 -16
package/emotion/cjs/components/LinkButton/LinkButton.config.js CHANGED
@@ -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, _emotion.css)(_templateObject(), _emotion.linkButtonTokens.linkButtonColor, _emotion.linkButtonTokens.linkButtonIconColor, _emotion.linkButtonTokens.linkButtonTextColor, _emotion.linkButtonTokens.linkButtonBackgroundColor, _emotion.linkButtonTokens.linkButtonColorHover, _emotion.linkButtonTokens.linkButtonColorActive, _emotion.linkButtonTokens.linkButtonFocusColor),
279
- accent: (0, _emotion.css)(_templateObject1(), _emotion.linkButtonTokens.linkButtonColor, _emotion.linkButtonTokens.linkButtonIconColor, _emotion.linkButtonTokens.linkButtonTextColor, _emotion.linkButtonTokens.linkButtonBackgroundColor, _emotion.linkButtonTokens.linkButtonColorHover, _emotion.linkButtonTokens.linkButtonColorActive, _emotion.linkButtonTokens.linkButtonFocusColor),
280
- secondary: (0, _emotion.css)(_templateObject2(), _emotion.linkButtonTokens.linkButtonColor, _emotion.linkButtonTokens.linkButtonIconColor, _emotion.linkButtonTokens.linkButtonTextColor, _emotion.linkButtonTokens.linkButtonBackgroundColor, _emotion.linkButtonTokens.linkButtonColorHover, _emotion.linkButtonTokens.linkButtonColorActive, _emotion.linkButtonTokens.linkButtonFocusColor),
281
- positive: (0, _emotion.css)(_templateObject3(), _emotion.linkButtonTokens.linkButtonColor, _emotion.linkButtonTokens.linkButtonIconColor, _emotion.linkButtonTokens.linkButtonTextColor, _emotion.linkButtonTokens.linkButtonBackgroundColor, _emotion.linkButtonTokens.linkButtonColorHover, _emotion.linkButtonTokens.linkButtonColorActive, _emotion.linkButtonTokens.linkButtonFocusColor),
282
- warning: (0, _emotion.css)(_templateObject4(), _emotion.linkButtonTokens.linkButtonColor, _emotion.linkButtonTokens.linkButtonIconColor, _emotion.linkButtonTokens.linkButtonTextColor, _emotion.linkButtonTokens.linkButtonBackgroundColor, _emotion.linkButtonTokens.linkButtonColorHover, _emotion.linkButtonTokens.linkButtonColorActive, _emotion.linkButtonTokens.linkButtonFocusColor),
283
- negative: (0, _emotion.css)(_templateObject5(), _emotion.linkButtonTokens.linkButtonColor, _emotion.linkButtonTokens.linkButtonIconColor, _emotion.linkButtonTokens.linkButtonTextColor, _emotion.linkButtonTokens.linkButtonBackgroundColor, _emotion.linkButtonTokens.linkButtonColorHover, _emotion.linkButtonTokens.linkButtonColorActive, _emotion.linkButtonTokens.linkButtonFocusColor)
284
+ default: (0, _emotion.css)(_templateObject(), _emotion.linkButtonTokens.linkButtonColor, _emotion.linkButtonTokens.linkButtonIconColor, _emotion.linkButtonTokens.linkButtonTextColor, _emotion.linkButtonTokens.linkButtonBackgroundColor, _emotion.linkButtonTokens.linkButtonColorHover, _emotion.linkButtonTokens.linkButtonColorActive, _emotion.linkButtonTokens.linkButtonFocusColor, _emotion.linkButtonTokens.linkButtonTextColorHover),
285
+ accent: (0, _emotion.css)(_templateObject1(), _emotion.linkButtonTokens.linkButtonColor, _emotion.linkButtonTokens.linkButtonIconColor, _emotion.linkButtonTokens.linkButtonTextColor, _emotion.linkButtonTokens.linkButtonBackgroundColor, _emotion.linkButtonTokens.linkButtonColorHover, _emotion.linkButtonTokens.linkButtonColorActive, _emotion.linkButtonTokens.linkButtonFocusColor, _emotion.linkButtonTokens.linkButtonTextColorHover),
286
+ secondary: (0, _emotion.css)(_templateObject2(), _emotion.linkButtonTokens.linkButtonColor, _emotion.linkButtonTokens.linkButtonIconColor, _emotion.linkButtonTokens.linkButtonTextColor, _emotion.linkButtonTokens.linkButtonBackgroundColor, _emotion.linkButtonTokens.linkButtonColorHover, _emotion.linkButtonTokens.linkButtonColorActive, _emotion.linkButtonTokens.linkButtonFocusColor, _emotion.linkButtonTokens.linkButtonTextColorHover),
287
+ positive: (0, _emotion.css)(_templateObject3(), _emotion.linkButtonTokens.linkButtonColor, _emotion.linkButtonTokens.linkButtonIconColor, _emotion.linkButtonTokens.linkButtonTextColor, _emotion.linkButtonTokens.linkButtonBackgroundColor, _emotion.linkButtonTokens.linkButtonColorHover, _emotion.linkButtonTokens.linkButtonColorActive, _emotion.linkButtonTokens.linkButtonFocusColor, _emotion.linkButtonTokens.linkButtonTextColorHover),
288
+ warning: (0, _emotion.css)(_templateObject4(), _emotion.linkButtonTokens.linkButtonColor, _emotion.linkButtonTokens.linkButtonIconColor, _emotion.linkButtonTokens.linkButtonTextColor, _emotion.linkButtonTokens.linkButtonBackgroundColor, _emotion.linkButtonTokens.linkButtonColorHover, _emotion.linkButtonTokens.linkButtonColorActive, _emotion.linkButtonTokens.linkButtonFocusColor, _emotion.linkButtonTokens.linkButtonTextColorHover),
289
+ negative: (0, _emotion.css)(_templateObject5(), _emotion.linkButtonTokens.linkButtonColor, _emotion.linkButtonTokens.linkButtonIconColor, _emotion.linkButtonTokens.linkButtonTextColor, _emotion.linkButtonTokens.linkButtonBackgroundColor, _emotion.linkButtonTokens.linkButtonColorHover, _emotion.linkButtonTokens.linkButtonColorActive, _emotion.linkButtonTokens.linkButtonFocusColor, _emotion.linkButtonTokens.linkButtonTextColorHover)
284
290
  },
285
291
  size: {
286
292
  xl: (0, _emotion.css)(_templateObject6(), _emotion.linkButtonTokens.linkButtonHeight, _emotion.linkButtonTokens.linkButtonPadding, _emotion.linkButtonTokens.linkButtonRadius, _emotion.linkButtonTokens.linkButtonFontFamily, _emotion.linkButtonTokens.linkButtonFontSize, _emotion.linkButtonTokens.linkButtonFontStyle, _emotion.linkButtonTokens.linkButtonFontWeight, _emotion.linkButtonTokens.linkButtonLetterSpacing, _emotion.linkButtonTokens.linkButtonLineHeight, _emotion.linkButtonTokens.linkButtonSpinnerSize, _emotion.linkButtonTokens.linkButtonSpinnerColor, _emotion.linkButtonTokens.linkButtonTextPadding, _emotion.linkButtonTokens.linkButtonLeftContentMargin, _emotion.linkButtonTokens.linkButtonRightContentMargin, _emotion.linkButtonTokens.linkButtonAdditionalContentMargin),
package/emotion/cjs/components/Tabs/horizontal/HorizontalIconTabItem.config.js CHANGED
@@ -240,7 +240,7 @@ function _templateObject13() {
240
240
  }
241
241
  var config = {
242
242
  defaults: {
243
- view: 'default',
243
+ view: 'divider',
244
244
  size: 'xs'
245
245
  },
246
246
  variations: {
package/emotion/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js CHANGED
@@ -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 ",
@@ -63,10 +61,10 @@ function _templateObject1() {
63
61
  ": transparent;\n ",
64
62
  ": var(--text-primary);\n ",
65
63
  ": var(--text-secondary);\n ",
66
- ": var(--surface-transparent-card);\n ",
64
+ ": var(--surface-solid-card);\n ",
67
65
  ": var(--text-primary);\n ",
68
66
  ": var(--text-secondary);\n ",
69
- ": var(--surface-transparent-card);\n ",
67
+ ": var(--surface-solid-card);\n ",
70
68
  ": background-color 0.3s ease-in-out;\n\n ",
71
69
  ": 0.125rem;\n\n ",
72
70
  ": var(--surface-accent);\n\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 ",
@@ -123,10 +119,10 @@ function _templateObject3() {
123
119
  ": var(--text-secondary);\n ",
124
120
  ": transparent;\n ",
125
121
  ": var(--inverse-text-primary);\n ",
126
- ": var(--on-dark-text-secondary);\n ",
122
+ ": var(--inverse-text-secondary);\n ",
127
123
  ": var(--surface-solid-default);\n ",
128
124
  ": var(--inverse-text-primary);\n ",
129
- ": var(--on-dark-text-secondary);\n ",
125
+ ": var(--inverse-text-secondary);\n ",
130
126
  ": var(--surface-solid-default);\n ",
131
127
  ": background-color 0.3s ease-in-out;\n\n ",
132
128
  ": 0.125rem;\n\n ",
@@ -147,9 +143,9 @@ function _templateObject4() {
147
143
  ": 0.375rem;\n ",
148
144
  ": auto;\n ",
149
145
  ": 2rem;\n ",
150
- ": 0 0.5rem;\n ",
146
+ ": 0 0.125rem;\n ",
151
147
  ": 0 0.375rem;\n ",
152
- ": 1.75rem;\n ",
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.625rem;\n ",
170
+ ": 0 0.125rem;\n ",
175
171
  ": 0 0.5rem;\n ",
176
- ": 1.75rem;\n ",
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.625rem;\n ",
194
+ ": 0 0.125rem;\n ",
199
195
  ": 0 0.5rem;\n ",
200
- ": 1.75rem;\n ",
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.875rem;\n ",
218
+ ": 0 0.125rem;\n ",
223
219
  ": 0 0.75rem;\n ",
224
- ": 1.75rem;\n ",
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
- ": 0rem;\n ",
247
- ": 1.75rem;\n ",
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
- ": 0rem;\n ",
269
- ": 2rem;\n ",
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
- ": 0rem;\n ",
291
- ": 2.25rem;\n ",
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
- ": 0rem;\n ",
313
- ": 2.5rem;\n ",
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
- ": 0rem;\n ",
335
- ": 3.5rem;\n ",
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 ",
@@ -378,14 +374,14 @@ function _templateObject15() {
378
374
  }
379
375
  var config = {
380
376
  defaults: {
381
- view: 'secondary',
377
+ view: 'divider',
382
378
  size: 'l'
383
379
  },
384
380
  variations: {
385
381
  view: {
386
- clear: (0, _emotion.css)(_templateObject(), _emotion.tabsTokens.itemColor, _emotion.tabsTokens.itemValueColor, _emotion.tabsTokens.itemBackgroundColor, _emotion.tabsTokens.itemColorHover, _emotion.tabsTokens.itemValueColorHover, _emotion.tabsTokens.itemColorActive, _emotion.tabsTokens.itemValueColorActive, _emotion.tabsTokens.itemBackgroundColorHover, _emotion.tabsTokens.itemSelectedColor, _emotion.tabsTokens.itemSelectedValueColor, _emotion.tabsTokens.itemSelectedBackgroundColor, _emotion.tabsTokens.itemSelectedColorHover, _emotion.tabsTokens.itemSelectedValueColorHover, _emotion.tabsTokens.itemSelectedBackgroundColorHover, _emotion.tabsTokens.itemBackgroundTransition, _emotion.tabsTokens.itemPaddingClear, _emotion.tabsTokens.itemContentPaddingClear, _emotion.tabsTokens.outlineFocusColor, _emotion.tabsTokens.itemSelectedDividerHeight, _emotion.tabsTokens.itemSelectedDividerColor, _emotion.tabsTokens.itemSelectedDividerColorHover, _emotion.tabsTokens.itemCursor),
382
+ clear: (0, _emotion.css)(_templateObject(), _emotion.tabsTokens.itemColor, _emotion.tabsTokens.itemValueColor, _emotion.tabsTokens.itemBackgroundColor, _emotion.tabsTokens.itemColorHover, _emotion.tabsTokens.itemValueColorHover, _emotion.tabsTokens.itemColorActive, _emotion.tabsTokens.itemValueColorActive, _emotion.tabsTokens.itemBackgroundColorHover, _emotion.tabsTokens.itemSelectedColor, _emotion.tabsTokens.itemSelectedValueColor, _emotion.tabsTokens.itemSelectedBackgroundColor, _emotion.tabsTokens.itemSelectedColorHover, _emotion.tabsTokens.itemSelectedValueColorHover, _emotion.tabsTokens.itemSelectedBackgroundColorHover, _emotion.tabsTokens.itemBackgroundTransition, _emotion.tabsTokens.outlineFocusColor, _emotion.tabsTokens.itemSelectedDividerHeight, _emotion.tabsTokens.itemSelectedDividerColor, _emotion.tabsTokens.itemSelectedDividerColorHover, _emotion.tabsTokens.itemCursor),
387
383
  secondary: (0, _emotion.css)(_templateObject1(), _emotion.tabsTokens.itemColor, _emotion.tabsTokens.itemValueColor, _emotion.tabsTokens.itemBackgroundColor, _emotion.tabsTokens.itemColorHover, _emotion.tabsTokens.itemValueColorHover, _emotion.tabsTokens.itemColorActive, _emotion.tabsTokens.itemValueColorActive, _emotion.tabsTokens.itemBackgroundColorHover, _emotion.tabsTokens.itemSelectedColor, _emotion.tabsTokens.itemSelectedValueColor, _emotion.tabsTokens.itemSelectedBackgroundColor, _emotion.tabsTokens.itemSelectedColorHover, _emotion.tabsTokens.itemSelectedValueColorHover, _emotion.tabsTokens.itemSelectedBackgroundColorHover, _emotion.tabsTokens.itemBackgroundTransition, _emotion.tabsTokens.itemMarginLeftFilled, _emotion.tabsTokens.outlineFocusColor, _emotion.tabsTokens.itemSelectedDividerHeight, _emotion.tabsTokens.itemSelectedDividerColor, _emotion.tabsTokens.itemSelectedDividerColorHover, _emotion.tabsTokens.itemCursor),
388
- divider: (0, _emotion.css)(_templateObject2(), _emotion.tabsTokens.itemColor, _emotion.tabsTokens.itemValueColor, _emotion.tabsTokens.itemBackgroundColor, _emotion.tabsTokens.itemColorHover, _emotion.tabsTokens.itemValueColorHover, _emotion.tabsTokens.itemColorActive, _emotion.tabsTokens.itemValueColorActive, _emotion.tabsTokens.itemBackgroundColorHover, _emotion.tabsTokens.itemSelectedColor, _emotion.tabsTokens.itemSelectedValueColor, _emotion.tabsTokens.itemSelectedBackgroundColor, _emotion.tabsTokens.itemSelectedColorHover, _emotion.tabsTokens.itemSelectedValueColorHover, _emotion.tabsTokens.itemSelectedBackgroundColorHover, _emotion.tabsTokens.itemBackgroundTransition, _emotion.tabsTokens.itemPaddingClear, _emotion.tabsTokens.itemContentPaddingClear, _emotion.tabsTokens.outlineFocusColor, _emotion.tabsTokens.itemSelectedDividerHeight, _emotion.tabsTokens.itemSelectedDividerColor, _emotion.tabsTokens.itemSelectedDividerColorHover, _emotion.tabsTokens.itemCursor),
384
+ divider: (0, _emotion.css)(_templateObject2(), _emotion.tabsTokens.itemColor, _emotion.tabsTokens.itemValueColor, _emotion.tabsTokens.itemBackgroundColor, _emotion.tabsTokens.itemColorHover, _emotion.tabsTokens.itemValueColorHover, _emotion.tabsTokens.itemColorActive, _emotion.tabsTokens.itemValueColorActive, _emotion.tabsTokens.itemBackgroundColorHover, _emotion.tabsTokens.itemSelectedColor, _emotion.tabsTokens.itemSelectedValueColor, _emotion.tabsTokens.itemSelectedBackgroundColor, _emotion.tabsTokens.itemSelectedColorHover, _emotion.tabsTokens.itemSelectedValueColorHover, _emotion.tabsTokens.itemSelectedBackgroundColorHover, _emotion.tabsTokens.itemBackgroundTransition, _emotion.tabsTokens.outlineFocusColor, _emotion.tabsTokens.itemSelectedDividerHeight, _emotion.tabsTokens.itemSelectedDividerColor, _emotion.tabsTokens.itemSelectedDividerColorHover, _emotion.tabsTokens.itemCursor),
389
385
  default: (0, _emotion.css)(_templateObject3(), _emotion.tabsTokens.itemColor, _emotion.tabsTokens.itemValueColor, _emotion.tabsTokens.itemBackgroundColor, _emotion.tabsTokens.itemColorHover, _emotion.tabsTokens.itemValueColorHover, _emotion.tabsTokens.itemColorActive, _emotion.tabsTokens.itemValueColorActive, _emotion.tabsTokens.itemBackgroundColorHover, _emotion.tabsTokens.itemSelectedColor, _emotion.tabsTokens.itemSelectedValueColor, _emotion.tabsTokens.itemSelectedBackgroundColor, _emotion.tabsTokens.itemSelectedColorHover, _emotion.tabsTokens.itemSelectedValueColorHover, _emotion.tabsTokens.itemSelectedBackgroundColorHover, _emotion.tabsTokens.itemBackgroundTransition, _emotion.tabsTokens.itemMarginLeftFilled, _emotion.tabsTokens.outlineFocusColor, _emotion.tabsTokens.itemSelectedDividerHeight, _emotion.tabsTokens.itemSelectedDividerColor, _emotion.tabsTokens.itemSelectedDividerColorHover, _emotion.tabsTokens.itemCursor)
390
386
  },
391
387
  size: {
package/emotion/es/components/LinkButton/LinkButton.config.js CHANGED
@@ -17,7 +17,8 @@ function _templateObject() {
17
17
  ": var(--surface-transparent-clear);\n ",
18
18
  ": var(--text-primary-hover);\n ",
19
19
  ": var(--text-primary-active);\n ",
20
- ": var(--surface-accent);\n "
20
+ ": var(--surface-accent);\n ",
21
+ ": var(--text-primary-hover);\n "
21
22
  ]);
22
23
  _templateObject = function _templateObject() {
23
24
  return data;
@@ -33,7 +34,8 @@ function _templateObject1() {
33
34
  ": var(---surface-transparent-clear);\n ",
34
35
  ": var(--text-accent-hover);\n ",
35
36
  ": var(--text-accent-active);\n ",
36
- ": var(--surface-accent);\n "
37
+ ": var(--surface-accent);\n ",
38
+ ": var(--text-accent-hover);\n "
37
39
  ]);
38
40
  _templateObject1 = function _templateObject() {
39
41
  return data;
@@ -49,7 +51,8 @@ function _templateObject2() {
49
51
  ": var(--surface-transparent-clear);\n ",
50
52
  ": var(--text-secondary-hover);\n ",
51
53
  ": var(--text-secondary-active);\n ",
52
- ": var(--surface-accent);\n "
54
+ ": var(--surface-accent);\n ",
55
+ ": var(--text-secondary-hover);\n "
53
56
  ]);
54
57
  _templateObject2 = function _templateObject() {
55
58
  return data;
@@ -65,7 +68,8 @@ function _templateObject3() {
65
68
  ": var(--surface-transparent-clear);\n ",
66
69
  ": var(--text-positive-hover);\n ",
67
70
  ": var(--text-positive-active);\n ",
68
- ": var(--surface-accent);\n "
71
+ ": var(--surface-accent);\n ",
72
+ ": var(--text-positive-hover);\n "
69
73
  ]);
70
74
  _templateObject3 = function _templateObject() {
71
75
  return data;
@@ -81,7 +85,8 @@ function _templateObject4() {
81
85
  ": var(--surface-transparent-clear);\n ",
82
86
  ": var(--text-warning-hover);\n ",
83
87
  ": var(--text-warning-active);\n ",
84
- ": var(--surface-accent);\n "
88
+ ": var(--surface-accent);\n ",
89
+ ": var(--text-warning-hover);\n "
85
90
  ]);
86
91
  _templateObject4 = function _templateObject() {
87
92
  return data;
@@ -97,7 +102,8 @@ function _templateObject5() {
97
102
  ": var(--surface-transparent-clear);\n ",
98
103
  ": var(--text-negative-hover);\n ",
99
104
  ": var(--text-negative-active);\n ",
100
- ": var(--surface-accent);\n "
105
+ ": var(--surface-accent);\n ",
106
+ ": var(--text-negative-hover);\n "
101
107
  ]);
102
108
  _templateObject5 = function _templateObject() {
103
109
  return data;
@@ -265,12 +271,12 @@ export var config = {
265
271
  },
266
272
  variations: {
267
273
  view: {
268
- default: css(_templateObject(), linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor),
269
- accent: css(_templateObject1(), linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor),
270
- secondary: css(_templateObject2(), linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor),
271
- positive: css(_templateObject3(), linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor),
272
- warning: css(_templateObject4(), linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor),
273
- negative: css(_templateObject5(), linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor)
274
+ default: css(_templateObject(), linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover),
275
+ accent: css(_templateObject1(), linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover),
276
+ secondary: css(_templateObject2(), linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover),
277
+ positive: css(_templateObject3(), linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover),
278
+ warning: css(_templateObject4(), linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover),
279
+ negative: css(_templateObject5(), linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover)
274
280
  },
275
281
  size: {
276
282
  xl: css(_templateObject6(), linkButtonTokens.linkButtonHeight, linkButtonTokens.linkButtonPadding, linkButtonTokens.linkButtonRadius, linkButtonTokens.linkButtonFontFamily, linkButtonTokens.linkButtonFontSize, linkButtonTokens.linkButtonFontStyle, linkButtonTokens.linkButtonFontWeight, linkButtonTokens.linkButtonLetterSpacing, linkButtonTokens.linkButtonLineHeight, linkButtonTokens.linkButtonSpinnerSize, linkButtonTokens.linkButtonSpinnerColor, linkButtonTokens.linkButtonTextPadding, linkButtonTokens.linkButtonLeftContentMargin, linkButtonTokens.linkButtonRightContentMargin, linkButtonTokens.linkButtonAdditionalContentMargin),
package/emotion/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js CHANGED
@@ -230,7 +230,7 @@ function _templateObject13() {
230
230
  import { css, tabsTokens } from '@salutejs/plasma-new-hope/emotion';
231
231
  export var config = {
232
232
  defaults: {
233
- view: 'default',
233
+ view: 'divider',
234
234
  size: 'xs'
235
235
  },
236
236
  variations: {
package/emotion/es/components/Tabs/horizontal/HorizontalTabItem.config.js CHANGED
@@ -26,8 +26,6 @@ function _templateObject() {
26
26
  ": var(--text-secondary);\n ",
27
27
  ": transparent;\n ",
28
28
  ": background-color 0.3s ease-in-out;\n\n ",
29
- ": 0;\n ",
30
- ": 0;\n\n ",
31
29
  ": var(--surface-accent);\n\n ",
32
30
  ": 0rem;\n ",
33
31
  ": var(--text-primary);\n ",
@@ -52,10 +50,10 @@ function _templateObject1() {
52
50
  ": transparent;\n ",
53
51
  ": var(--text-primary);\n ",
54
52
  ": var(--text-secondary);\n ",
55
- ": var(--surface-transparent-card);\n ",
53
+ ": var(--surface-solid-card);\n ",
56
54
  ": var(--text-primary);\n ",
57
55
  ": var(--text-secondary);\n ",
58
- ": var(--surface-transparent-card);\n ",
56
+ ": var(--surface-solid-card);\n ",
59
57
  ": background-color 0.3s ease-in-out;\n\n ",
60
58
  ": 0.125rem;\n\n ",
61
59
  ": var(--surface-accent);\n\n ",
@@ -87,8 +85,6 @@ function _templateObject2() {
87
85
  ": var(--text-secondary);\n ",
88
86
  ": transparent;\n ",
89
87
  ": background-color 0.3s ease-in-out;\n\n ",
90
- ": 0;\n ",
91
- ": 0;\n\n ",
92
88
  ": var(--surface-accent);\n\n ",
93
89
  ": 0.125rem;\n ",
94
90
  ": var(--text-primary);\n ",
@@ -112,10 +108,10 @@ function _templateObject3() {
112
108
  ": var(--text-secondary);\n ",
113
109
  ": transparent;\n ",
114
110
  ": var(--inverse-text-primary);\n ",
115
- ": var(--on-dark-text-secondary);\n ",
111
+ ": var(--inverse-text-secondary);\n ",
116
112
  ": var(--surface-solid-default);\n ",
117
113
  ": var(--inverse-text-primary);\n ",
118
- ": var(--on-dark-text-secondary);\n ",
114
+ ": var(--inverse-text-secondary);\n ",
119
115
  ": var(--surface-solid-default);\n ",
120
116
  ": background-color 0.3s ease-in-out;\n\n ",
121
117
  ": 0.125rem;\n\n ",
@@ -136,9 +132,9 @@ function _templateObject4() {
136
132
  ": 0.375rem;\n ",
137
133
  ": auto;\n ",
138
134
  ": 2rem;\n ",
139
- ": 0 0.5rem;\n ",
135
+ ": 0 0.125rem;\n ",
140
136
  ": 0 0.375rem;\n ",
141
- ": 1.75rem;\n ",
137
+ ": 1.5rem;\n ",
142
138
  ": 0.25rem;\n ",
143
139
  ": 0.125rem;\n\n ",
144
140
  ": var(--plasma-typo-body-xs-font-family);\n ",
@@ -160,9 +156,9 @@ function _templateObject5() {
160
156
  ": 0.5rem;\n ",
161
157
  ": auto;\n ",
162
158
  ": 2.5rem;\n ",
163
- ": 0 0.625rem;\n ",
159
+ ": 0 0.125rem;\n ",
164
160
  ": 0 0.5rem;\n ",
165
- ": 1.75rem;\n ",
161
+ ": 1.5rem;\n ",
166
162
  ": 0.25rem;\n ",
167
163
  ": 0.125rem;\n\n ",
168
164
  ": var(--plasma-typo-body-s-font-family);\n ",
@@ -184,9 +180,9 @@ function _templateObject6() {
184
180
  ": 0.625rem;\n ",
185
181
  ": auto;\n ",
186
182
  ": 3rem;\n ",
187
- ": 0 0.625rem;\n ",
183
+ ": 0 0.125rem;\n ",
188
184
  ": 0 0.5rem;\n ",
189
- ": 1.75rem;\n ",
185
+ ": 1.5rem;\n ",
190
186
  ": 0.375rem;\n ",
191
187
  ": 0.125rem;\n\n ",
192
188
  ": var(--plasma-typo-body-m-font-family);\n ",
@@ -208,9 +204,9 @@ function _templateObject7() {
208
204
  ": 0.75rem;\n ",
209
205
  ": auto;\n ",
210
206
  ": 3.5rem;\n ",
211
- ": 0 0.875rem;\n ",
207
+ ": 0 0.125rem;\n ",
212
208
  ": 0 0.75rem;\n ",
213
- ": 1.75rem;\n ",
209
+ ": 1.5rem;\n ",
214
210
  ": 0.5rem;\n ",
215
211
  ": 0.125rem;\n\n ",
216
212
  ": var(--plasma-typo-body-l-font-family);\n ",
@@ -232,8 +228,8 @@ function _templateObject8() {
232
228
  ": 0.375rem;\n ",
233
229
  ": auto;\n ",
234
230
  ": 3rem;\n ",
235
- ": 0rem;\n ",
236
- ": 1.75rem;\n ",
231
+ ": 0 0.125rem;\n ",
232
+ ": 1.5rem;\n ",
237
233
  ": 0.625rem;\n\n ",
238
234
  ": var(--plasma-typo-h5-font-family);\n ",
239
235
  ": var(--plasma-typo-h5-font-size);\n ",
@@ -254,8 +250,8 @@ function _templateObject9() {
254
250
  ": 0.375rem;\n ",
255
251
  ": auto;\n ",
256
252
  ": 3.25rem;\n ",
257
- ": 0rem;\n ",
258
- ": 2rem;\n ",
253
+ ": 0 0.125rem;\n ",
254
+ ": 1.75rem;\n ",
259
255
  ": 0.625rem;\n\n ",
260
256
  ": var(--plasma-typo-h4-font-family);\n ",
261
257
  ": var(--plasma-typo-h4-font-size);\n ",
@@ -276,8 +272,8 @@ function _templateObject10() {
276
272
  ": 0.5rem;\n ",
277
273
  ": auto;\n ",
278
274
  ": 3.875rem;\n ",
279
- ": 0rem;\n ",
280
- ": 2.25rem;\n ",
275
+ ": 0 0.125rem;\n ",
276
+ ": 2rem;\n ",
281
277
  ": 0.75rem;\n\n ",
282
278
  ": var(--plasma-typo-h3-font-family);\n ",
283
279
  ": var(--plasma-typo-h3-font-size);\n ",
@@ -298,8 +294,8 @@ function _templateObject11() {
298
294
  ": 0.625rem;\n ",
299
295
  ": auto;\n ",
300
296
  ": 4.5rem;\n ",
301
- ": 0rem;\n ",
302
- ": 2.5rem;\n ",
297
+ ": 0 0.125rem;\n ",
298
+ ": 2.25rem;\n ",
303
299
  ": 0.875rem;\n\n ",
304
300
  ": var(--plasma-typo-h2-font-family);\n ",
305
301
  ": var(--plasma-typo-h2-font-size);\n ",
@@ -320,8 +316,8 @@ function _templateObject12() {
320
316
  ": 0.75rem;\n ",
321
317
  ": auto;\n ",
322
318
  ": 5.75rem;\n ",
323
- ": 0rem;\n ",
324
- ": 3.5rem;\n ",
319
+ ": 0 0.125rem;\n ",
320
+ ": 3.25rem;\n ",
325
321
  ": 1rem;\n\n ",
326
322
  ": var(--plasma-typo-h1-font-family);\n ",
327
323
  ": var(--plasma-typo-h1-font-size);\n ",
@@ -368,14 +364,14 @@ function _templateObject15() {
368
364
  import { css, tabsTokens } from '@salutejs/plasma-new-hope/emotion';
369
365
  export var config = {
370
366
  defaults: {
371
- view: 'secondary',
367
+ view: 'divider',
372
368
  size: 'l'
373
369
  },
374
370
  variations: {
375
371
  view: {
376
- clear: css(_templateObject(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor),
372
+ clear: css(_templateObject(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor),
377
373
  secondary: css(_templateObject1(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemMarginLeftFilled, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor),
378
- divider: css(_templateObject2(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor),
374
+ divider: css(_templateObject2(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor),
379
375
  default: css(_templateObject3(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemMarginLeftFilled, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor)
380
376
  },
381
377
  size: {
package/es/components/LinkButton/LinkButton.config.js CHANGED
@@ -1,4 +1,4 @@
1
- import './LinkButton.config_1b6kqyz.css';
1
+ import './LinkButton.config_b1souo.css';
2
2
  var config = {
3
3
  defaults: {
4
4
  view: 'default',
package/es/components/LinkButton/LinkButton.config.js.map CHANGED
@@ -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/es/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;}