@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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-serv",
3
- "version": "0.326.0-canary.2301.18868987022.0",
3
+ "version": "0.326.0-dev.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS SERV web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -33,8 +33,8 @@
33
33
  "directory": "packages/sdds-serv"
34
34
  },
35
35
  "dependencies": {
36
- "@salutejs/plasma-new-hope": "0.339.0-canary.2301.18868987022.0",
37
- "@salutejs/sdds-themes": "0.48.0-canary.2301.18868987022.0"
36
+ "@salutejs/plasma-new-hope": "0.339.0-dev.0",
37
+ "@salutejs/sdds-themes": "0.48.0-dev.0"
38
38
  },
39
39
  "peerDependencies": {
40
40
  "@emotion/react": ">=11",
@@ -64,10 +64,10 @@
64
64
  "@rollup/plugin-commonjs": "^25.0.4",
65
65
  "@rollup/plugin-node-resolve": "^15.1.0",
66
66
  "@salutejs/plasma-colors": "0.16.0",
67
- "@salutejs/plasma-core": "1.209.0-canary.2301.18868987022.0",
68
- "@salutejs/plasma-cy-utils": "0.139.0-canary.2301.18868987022.0",
69
- "@salutejs/plasma-icons": "1.226.0-canary.2301.18868987022.0",
70
- "@salutejs/plasma-sb-utils": "0.209.0-canary.2301.18868987022.0",
67
+ "@salutejs/plasma-core": "1.209.0-dev.0",
68
+ "@salutejs/plasma-cy-utils": "0.139.0-dev.0",
69
+ "@salutejs/plasma-icons": "1.226.0-dev.0",
70
+ "@salutejs/plasma-sb-utils": "0.209.0-dev.0",
71
71
  "@storybook/addon-docs": "8.6.14",
72
72
  "@storybook/addon-essentials": "8.6.14",
73
73
  "@storybook/manager-api": "8.6.14",
@@ -138,5 +138,5 @@
138
138
  "sideEffects": [
139
139
  "*.css"
140
140
  ],
141
- "gitHead": "5bea749e6ebd5d44affff78465f914446a0913d2"
141
+ "gitHead": "9d4f31a763daf02b7bfb6df2ad5479270c6acb0e"
142
142
  }
package/styled-components/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, _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),
package/styled-components/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/styled-components/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, _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.itemPaddingClear, _styledcomponents.tabsTokens.itemContentPaddingClear, _styledcomponents.tabsTokens.outlineFocusColor, _styledcomponents.tabsTokens.itemSelectedDividerHeight, _styledcomponents.tabsTokens.itemSelectedDividerColor, _styledcomponents.tabsTokens.itemSelectedDividerColorHover, _styledcomponents.tabsTokens.itemCursor),
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.itemPaddingClear, _styledcomponents.tabsTokens.itemContentPaddingClear, _styledcomponents.tabsTokens.outlineFocusColor, _styledcomponents.tabsTokens.itemSelectedDividerHeight, _styledcomponents.tabsTokens.itemSelectedDividerColor, _styledcomponents.tabsTokens.itemSelectedDividerColorHover, _styledcomponents.tabsTokens.itemCursor),
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: {
package/styled-components/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/styled-components/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js CHANGED
@@ -230,7 +230,7 @@ function _templateObject13() {
230
230
  import { css, tabsTokens } from '@salutejs/plasma-new-hope/styled-components';
231
231
  export var config = {
232
232
  defaults: {
233
- view: 'default',
233
+ view: 'divider',
234
234
  size: 'xs'
235
235
  },
236
236
  variations: {
package/styled-components/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/styled-components';
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/components/Tabs/horizontal/HorizontalTabItem.config_1k9kicq.css DELETED
@@ -1,16 +0,0 @@
1
- .c1qbla27{--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-tab-item-padding-clear:0;--plasma-tab-item-content-padding-clear:0;--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
- .s1sazr3k{--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-transparent-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-transparent-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
- .d4t8mk9{--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-tab-item-padding-clear:0;--plasma-tab-item-content-padding-clear:0;--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
- .d1hrjiow{--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(--on-dark-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(--on-dark-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
- .x1539gzv{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:2rem;--plasma-tab-item-padding:0 0.5rem;--plasma-tab-item-padding-pilled:0 0.375rem;--plasma-tab-item-margin-left:1.75rem;--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
- .sikuk77{--plasma-tab-item-border-radius:0.5rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:2.5rem;--plasma-tab-item-padding:0 0.625rem;--plasma-tab-item-padding-pilled:0 0.5rem;--plasma-tab-item-margin-left:1.75rem;--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
- .mp3y2ao{--plasma-tab-item-border-radius:0.625rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3rem;--plasma-tab-item-padding:0 0.625rem;--plasma-tab-item-padding-pilled:0 0.5rem;--plasma-tab-item-margin-left:1.75rem;--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
- .l1qh9jow{--plasma-tab-item-border-radius:0.75rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3.5rem;--plasma-tab-item-padding:0 0.875rem;--plasma-tab-item-padding-pilled:0 0.75rem;--plasma-tab-item-margin-left:1.75rem;--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
- .h1s7gpc9{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-margin-left:1.75rem;--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
- .h13wvabz{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3.25rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-margin-left:2rem;--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
- .h1gxsxyj{--plasma-tab-item-border-radius:0.5rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3.875rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-margin-left:2.25rem;--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
- .hv3zmfq{--plasma-tab-item-border-radius:0.625rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:4.5rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-margin-left:2.5rem;--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
- .hwisn6u{--plasma-tab-item-border-radius:0.75rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:5.75rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-margin-left:3.5rem;--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
- .t19ews1g{--plasma-tabs-disabled-opacity:0.4;}
15
- .tosxbtd{--plasma-tab-item-pilled-border-radius:1.5rem;}
16
-