@salutejs/sdds-dfa 0.325.0-canary.2297.18772323112.0 → 0.325.0-canary.2299.18773440976.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 (5) hide show
  1. package/components/Tabs/horizontal/HorizontalIconTabItem.config.js +1 -1
  2. package/components/Tabs/horizontal/HorizontalTabItem.config.js +29 -25
  3. package/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js +1 -1
  4. package/es/components/Tabs/horizontal/HorizontalTabItem.config.js +29 -25
  5. package/package.json +8 -8
package/components/Tabs/horizontal/HorizontalIconTabItem.config.js CHANGED
@@ -240,7 +240,7 @@ function _templateObject13() {
240
240
  }
241
241
  var config = {
242
242
  defaults: {
243
- view: 'divider',
243
+ view: 'default',
244
244
  size: 'xs'
245
245
  },
246
246
  variations: {
package/components/Tabs/horizontal/HorizontalTabItem.config.js CHANGED
@@ -37,6 +37,8 @@ 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 ",
40
42
  ": var(--surface-accent);\n\n ",
41
43
  ": 0rem;\n ",
42
44
  ": var(--text-primary);\n ",
@@ -61,10 +63,10 @@ function _templateObject1() {
61
63
  ": transparent;\n ",
62
64
  ": var(--text-primary);\n ",
63
65
  ": var(--text-secondary);\n ",
64
- ": var(--surface-solid-card);\n ",
66
+ ": var(--surface-transparent-card);\n ",
65
67
  ": var(--text-primary);\n ",
66
68
  ": var(--text-secondary);\n ",
67
- ": var(--surface-solid-card);\n ",
69
+ ": var(--surface-transparent-card);\n ",
68
70
  ": background-color 0.3s ease-in-out;\n\n ",
69
71
  ": 0.125rem;\n\n ",
70
72
  ": var(--surface-accent);\n\n ",
@@ -96,6 +98,8 @@ function _templateObject2() {
96
98
  ": var(--text-secondary);\n ",
97
99
  ": transparent;\n ",
98
100
  ": background-color 0.3s ease-in-out;\n\n ",
101
+ ": 0;\n ",
102
+ ": 0;\n\n ",
99
103
  ": var(--surface-accent);\n\n ",
100
104
  ": 0.125rem;\n ",
101
105
  ": var(--text-primary);\n ",
@@ -119,10 +123,10 @@ function _templateObject3() {
119
123
  ": var(--text-secondary);\n ",
120
124
  ": transparent;\n ",
121
125
  ": var(--inverse-text-primary);\n ",
122
- ": var(--inverse-text-secondary);\n ",
126
+ ": var(--on-dark-text-secondary);\n ",
123
127
  ": var(--surface-solid-default);\n ",
124
128
  ": var(--inverse-text-primary);\n ",
125
- ": var(--inverse-text-secondary);\n ",
129
+ ": var(--on-dark-text-secondary);\n ",
126
130
  ": var(--surface-solid-default);\n ",
127
131
  ": background-color 0.3s ease-in-out;\n\n ",
128
132
  ": 0.125rem;\n\n ",
@@ -143,9 +147,9 @@ function _templateObject4() {
143
147
  ": 0.375rem;\n ",
144
148
  ": auto;\n ",
145
149
  ": 2rem;\n ",
146
- ": 0 0.125rem;\n ",
150
+ ": 0 0.5rem;\n ",
147
151
  ": 0 0.375rem;\n ",
148
- ": 1.5rem;\n ",
152
+ ": 1.75rem;\n ",
149
153
  ": 0.25rem;\n ",
150
154
  ": 0.125rem;\n\n ",
151
155
  ": var(--plasma-typo-body-xs-font-family);\n ",
@@ -167,9 +171,9 @@ function _templateObject5() {
167
171
  ": 0.5rem;\n ",
168
172
  ": auto;\n ",
169
173
  ": 2.5rem;\n ",
170
- ": 0 0.125rem;\n ",
174
+ ": 0 0.625rem;\n ",
171
175
  ": 0 0.5rem;\n ",
172
- ": 1.5rem;\n ",
176
+ ": 1.75rem;\n ",
173
177
  ": 0.25rem;\n ",
174
178
  ": 0.125rem;\n\n ",
175
179
  ": var(--plasma-typo-body-s-font-family);\n ",
@@ -191,9 +195,9 @@ function _templateObject6() {
191
195
  ": 0.625rem;\n ",
192
196
  ": auto;\n ",
193
197
  ": 3rem;\n ",
194
- ": 0 0.125rem;\n ",
198
+ ": 0 0.625rem;\n ",
195
199
  ": 0 0.5rem;\n ",
196
- ": 1.5rem;\n ",
200
+ ": 1.75rem;\n ",
197
201
  ": 0.375rem;\n ",
198
202
  ": 0.125rem;\n\n ",
199
203
  ": var(--plasma-typo-body-m-font-family);\n ",
@@ -215,9 +219,9 @@ function _templateObject7() {
215
219
  ": 0.75rem;\n ",
216
220
  ": auto;\n ",
217
221
  ": 3.5rem;\n ",
218
- ": 0 0.125rem;\n ",
222
+ ": 0 0.875rem;\n ",
219
223
  ": 0 0.75rem;\n ",
220
- ": 1.5rem;\n ",
224
+ ": 1.75rem;\n ",
221
225
  ": 0.5rem;\n ",
222
226
  ": 0.125rem;\n\n ",
223
227
  ": var(--plasma-typo-body-l-font-family);\n ",
@@ -239,8 +243,8 @@ function _templateObject8() {
239
243
  ": 0.375rem;\n ",
240
244
  ": auto;\n ",
241
245
  ": 3rem;\n ",
242
- ": 0 0.125rem;\n ",
243
- ": 1.5rem;\n ",
246
+ ": 0rem;\n ",
247
+ ": 1.75rem;\n ",
244
248
  ": 0.625rem;\n\n ",
245
249
  ": var(--plasma-typo-h5-font-family);\n ",
246
250
  ": var(--plasma-typo-h5-font-size);\n ",
@@ -261,8 +265,8 @@ function _templateObject9() {
261
265
  ": 0.375rem;\n ",
262
266
  ": auto;\n ",
263
267
  ": 3.25rem;\n ",
264
- ": 0 0.125rem;\n ",
265
- ": 1.75rem;\n ",
268
+ ": 0rem;\n ",
269
+ ": 2rem;\n ",
266
270
  ": 0.625rem;\n\n ",
267
271
  ": var(--plasma-typo-h4-font-family);\n ",
268
272
  ": var(--plasma-typo-h4-font-size);\n ",
@@ -283,8 +287,8 @@ function _templateObject10() {
283
287
  ": 0.5rem;\n ",
284
288
  ": auto;\n ",
285
289
  ": 3.875rem;\n ",
286
- ": 0 0.125rem;\n ",
287
- ": 2rem;\n ",
290
+ ": 0rem;\n ",
291
+ ": 2.25rem;\n ",
288
292
  ": 0.75rem;\n\n ",
289
293
  ": var(--plasma-typo-h3-font-family);\n ",
290
294
  ": var(--plasma-typo-h3-font-size);\n ",
@@ -305,8 +309,8 @@ function _templateObject11() {
305
309
  ": 0.625rem;\n ",
306
310
  ": auto;\n ",
307
311
  ": 4.5rem;\n ",
308
- ": 0 0.125rem;\n ",
309
- ": 2.25rem;\n ",
312
+ ": 0rem;\n ",
313
+ ": 2.5rem;\n ",
310
314
  ": 0.875rem;\n\n ",
311
315
  ": var(--plasma-typo-h2-font-family);\n ",
312
316
  ": var(--plasma-typo-h2-font-size);\n ",
@@ -327,8 +331,8 @@ function _templateObject12() {
327
331
  ": 0.75rem;\n ",
328
332
  ": auto;\n ",
329
333
  ": 5.75rem;\n ",
330
- ": 0 0.125rem;\n ",
331
- ": 3.25rem;\n ",
334
+ ": 0rem;\n ",
335
+ ": 3.5rem;\n ",
332
336
  ": 1rem;\n\n ",
333
337
  ": var(--plasma-typo-h1-font-family);\n ",
334
338
  ": var(--plasma-typo-h1-font-size);\n ",
@@ -374,14 +378,14 @@ function _templateObject15() {
374
378
  }
375
379
  var config = {
376
380
  defaults: {
377
- view: 'divider',
381
+ view: 'secondary',
378
382
  size: 'l'
379
383
  },
380
384
  variations: {
381
385
  view: {
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),
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),
383
387
  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),
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),
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),
385
389
  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)
386
390
  },
387
391
  size: {
package/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: 'divider',
233
+ view: 'default',
234
234
  size: 'xs'
235
235
  },
236
236
  variations: {
package/es/components/Tabs/horizontal/HorizontalTabItem.config.js CHANGED
@@ -26,6 +26,8 @@ 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 ",
29
31
  ": var(--surface-accent);\n\n ",
30
32
  ": 0rem;\n ",
31
33
  ": var(--text-primary);\n ",
@@ -50,10 +52,10 @@ function _templateObject1() {
50
52
  ": transparent;\n ",
51
53
  ": var(--text-primary);\n ",
52
54
  ": var(--text-secondary);\n ",
53
- ": var(--surface-solid-card);\n ",
55
+ ": var(--surface-transparent-card);\n ",
54
56
  ": var(--text-primary);\n ",
55
57
  ": var(--text-secondary);\n ",
56
- ": var(--surface-solid-card);\n ",
58
+ ": var(--surface-transparent-card);\n ",
57
59
  ": background-color 0.3s ease-in-out;\n\n ",
58
60
  ": 0.125rem;\n\n ",
59
61
  ": var(--surface-accent);\n\n ",
@@ -85,6 +87,8 @@ function _templateObject2() {
85
87
  ": var(--text-secondary);\n ",
86
88
  ": transparent;\n ",
87
89
  ": background-color 0.3s ease-in-out;\n\n ",
90
+ ": 0;\n ",
91
+ ": 0;\n\n ",
88
92
  ": var(--surface-accent);\n\n ",
89
93
  ": 0.125rem;\n ",
90
94
  ": var(--text-primary);\n ",
@@ -108,10 +112,10 @@ function _templateObject3() {
108
112
  ": var(--text-secondary);\n ",
109
113
  ": transparent;\n ",
110
114
  ": var(--inverse-text-primary);\n ",
111
- ": var(--inverse-text-secondary);\n ",
115
+ ": var(--on-dark-text-secondary);\n ",
112
116
  ": var(--surface-solid-default);\n ",
113
117
  ": var(--inverse-text-primary);\n ",
114
- ": var(--inverse-text-secondary);\n ",
118
+ ": var(--on-dark-text-secondary);\n ",
115
119
  ": var(--surface-solid-default);\n ",
116
120
  ": background-color 0.3s ease-in-out;\n\n ",
117
121
  ": 0.125rem;\n\n ",
@@ -132,9 +136,9 @@ function _templateObject4() {
132
136
  ": 0.375rem;\n ",
133
137
  ": auto;\n ",
134
138
  ": 2rem;\n ",
135
- ": 0 0.125rem;\n ",
139
+ ": 0 0.5rem;\n ",
136
140
  ": 0 0.375rem;\n ",
137
- ": 1.5rem;\n ",
141
+ ": 1.75rem;\n ",
138
142
  ": 0.25rem;\n ",
139
143
  ": 0.125rem;\n\n ",
140
144
  ": var(--plasma-typo-body-xs-font-family);\n ",
@@ -156,9 +160,9 @@ function _templateObject5() {
156
160
  ": 0.5rem;\n ",
157
161
  ": auto;\n ",
158
162
  ": 2.5rem;\n ",
159
- ": 0 0.125rem;\n ",
163
+ ": 0 0.625rem;\n ",
160
164
  ": 0 0.5rem;\n ",
161
- ": 1.5rem;\n ",
165
+ ": 1.75rem;\n ",
162
166
  ": 0.25rem;\n ",
163
167
  ": 0.125rem;\n\n ",
164
168
  ": var(--plasma-typo-body-s-font-family);\n ",
@@ -180,9 +184,9 @@ function _templateObject6() {
180
184
  ": 0.625rem;\n ",
181
185
  ": auto;\n ",
182
186
  ": 3rem;\n ",
183
- ": 0 0.125rem;\n ",
187
+ ": 0 0.625rem;\n ",
184
188
  ": 0 0.5rem;\n ",
185
- ": 1.5rem;\n ",
189
+ ": 1.75rem;\n ",
186
190
  ": 0.375rem;\n ",
187
191
  ": 0.125rem;\n\n ",
188
192
  ": var(--plasma-typo-body-m-font-family);\n ",
@@ -204,9 +208,9 @@ function _templateObject7() {
204
208
  ": 0.75rem;\n ",
205
209
  ": auto;\n ",
206
210
  ": 3.5rem;\n ",
207
- ": 0 0.125rem;\n ",
211
+ ": 0 0.875rem;\n ",
208
212
  ": 0 0.75rem;\n ",
209
- ": 1.5rem;\n ",
213
+ ": 1.75rem;\n ",
210
214
  ": 0.5rem;\n ",
211
215
  ": 0.125rem;\n\n ",
212
216
  ": var(--plasma-typo-body-l-font-family);\n ",
@@ -228,8 +232,8 @@ function _templateObject8() {
228
232
  ": 0.375rem;\n ",
229
233
  ": auto;\n ",
230
234
  ": 3rem;\n ",
231
- ": 0 0.125rem;\n ",
232
- ": 1.5rem;\n ",
235
+ ": 0rem;\n ",
236
+ ": 1.75rem;\n ",
233
237
  ": 0.625rem;\n\n ",
234
238
  ": var(--plasma-typo-h5-font-family);\n ",
235
239
  ": var(--plasma-typo-h5-font-size);\n ",
@@ -250,8 +254,8 @@ function _templateObject9() {
250
254
  ": 0.375rem;\n ",
251
255
  ": auto;\n ",
252
256
  ": 3.25rem;\n ",
253
- ": 0 0.125rem;\n ",
254
- ": 1.75rem;\n ",
257
+ ": 0rem;\n ",
258
+ ": 2rem;\n ",
255
259
  ": 0.625rem;\n\n ",
256
260
  ": var(--plasma-typo-h4-font-family);\n ",
257
261
  ": var(--plasma-typo-h4-font-size);\n ",
@@ -272,8 +276,8 @@ function _templateObject10() {
272
276
  ": 0.5rem;\n ",
273
277
  ": auto;\n ",
274
278
  ": 3.875rem;\n ",
275
- ": 0 0.125rem;\n ",
276
- ": 2rem;\n ",
279
+ ": 0rem;\n ",
280
+ ": 2.25rem;\n ",
277
281
  ": 0.75rem;\n\n ",
278
282
  ": var(--plasma-typo-h3-font-family);\n ",
279
283
  ": var(--plasma-typo-h3-font-size);\n ",
@@ -294,8 +298,8 @@ function _templateObject11() {
294
298
  ": 0.625rem;\n ",
295
299
  ": auto;\n ",
296
300
  ": 4.5rem;\n ",
297
- ": 0 0.125rem;\n ",
298
- ": 2.25rem;\n ",
301
+ ": 0rem;\n ",
302
+ ": 2.5rem;\n ",
299
303
  ": 0.875rem;\n\n ",
300
304
  ": var(--plasma-typo-h2-font-family);\n ",
301
305
  ": var(--plasma-typo-h2-font-size);\n ",
@@ -316,8 +320,8 @@ function _templateObject12() {
316
320
  ": 0.75rem;\n ",
317
321
  ": auto;\n ",
318
322
  ": 5.75rem;\n ",
319
- ": 0 0.125rem;\n ",
320
- ": 3.25rem;\n ",
323
+ ": 0rem;\n ",
324
+ ": 3.5rem;\n ",
321
325
  ": 1rem;\n\n ",
322
326
  ": var(--plasma-typo-h1-font-family);\n ",
323
327
  ": var(--plasma-typo-h1-font-size);\n ",
@@ -364,14 +368,14 @@ function _templateObject15() {
364
368
  import { css, tabsTokens } from '@salutejs/plasma-new-hope/styled-components';
365
369
  export var config = {
366
370
  defaults: {
367
- view: 'divider',
371
+ view: 'secondary',
368
372
  size: 'l'
369
373
  },
370
374
  variations: {
371
375
  view: {
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),
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),
373
377
  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),
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),
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),
375
379
  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)
376
380
  },
377
381
  size: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-dfa",
3
- "version": "0.325.0-canary.2297.18772323112.0",
3
+ "version": "0.325.0-canary.2299.18773440976.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS DFA web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -19,8 +19,8 @@
19
19
  "directory": "packages/sdds-dfa"
20
20
  },
21
21
  "dependencies": {
22
- "@salutejs/plasma-new-hope": "0.339.0-canary.2297.18772323112.0",
23
- "@salutejs/sdds-themes": "0.48.0-canary.2297.18772323112.0"
22
+ "@salutejs/plasma-new-hope": "0.339.0-canary.2299.18773440976.0",
23
+ "@salutejs/sdds-themes": "0.48.0-canary.2299.18773440976.0"
24
24
  },
25
25
  "peerDependencies": {
26
26
  "react": ">=16.13.1",
@@ -37,10 +37,10 @@
37
37
  "@babel/preset-typescript": "7.24.1",
38
38
  "@microsoft/api-extractor": "7.38.3",
39
39
  "@salutejs/plasma-colors": "0.16.0",
40
- "@salutejs/plasma-core": "1.209.0-canary.2297.18772323112.0",
41
- "@salutejs/plasma-cy-utils": "0.139.0-canary.2297.18772323112.0",
42
- "@salutejs/plasma-icons": "1.226.0-canary.2297.18772323112.0",
43
- "@salutejs/plasma-sb-utils": "0.209.0-canary.2297.18772323112.0",
40
+ "@salutejs/plasma-core": "1.209.0-canary.2299.18773440976.0",
41
+ "@salutejs/plasma-cy-utils": "0.139.0-canary.2299.18773440976.0",
42
+ "@salutejs/plasma-icons": "1.226.0-canary.2299.18773440976.0",
43
+ "@salutejs/plasma-sb-utils": "0.209.0-canary.2299.18773440976.0",
44
44
  "@storybook/addon-docs": "8.6.14",
45
45
  "@storybook/addon-essentials": "8.6.14",
46
46
  "@storybook/manager-api": "8.6.14",
@@ -94,5 +94,5 @@
94
94
  "Anton Vinogradov"
95
95
  ],
96
96
  "sideEffects": false,
97
- "gitHead": "3b2674d4bc49b8245db2f736fb6537464cf6b496"
97
+ "gitHead": "0babb89cc5f4d0784ff3e46acedd1bd40b847495"
98
98
  }