@salutejs/sdds-dfa 0.325.0-canary.2297.18751153444.0 → 0.325.0-canary.2298.18772525373.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 (6) hide show
  1. package/components/Tabs/horizontal/HorizontalIconTabItem.config.js +1 -1
  2. package/components/Tabs/horizontal/HorizontalTabItem.config.js +29 -25
  3. package/components/TextArea/TextArea.d.ts +8 -0
  4. package/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js +1 -1
  5. package/es/components/Tabs/horizontal/HorizontalTabItem.config.js +29 -25
  6. 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/components/TextArea/TextArea.d.ts CHANGED
@@ -48,6 +48,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
48
48
  required?: boolean;
49
49
  requiredPlacement?: "left" | "right";
50
50
  optional?: boolean;
51
+ optionalText?: string;
51
52
  hasRequiredIndicator?: boolean;
52
53
  } & {
53
54
  hintText: string;
@@ -95,6 +96,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
95
96
  required?: boolean;
96
97
  requiredPlacement?: "left" | "right";
97
98
  optional?: boolean;
99
+ optionalText?: string;
98
100
  hasRequiredIndicator?: boolean;
99
101
  } & {
100
102
  hintText: string;
@@ -142,6 +144,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
142
144
  required?: boolean;
143
145
  requiredPlacement?: "left" | "right";
144
146
  optional?: boolean;
147
+ optionalText?: string;
145
148
  hasRequiredIndicator?: boolean;
146
149
  } & {
147
150
  hintText: string;
@@ -189,6 +192,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
189
192
  required?: boolean;
190
193
  requiredPlacement?: "left" | "right";
191
194
  optional?: boolean;
195
+ optionalText?: string;
192
196
  hasRequiredIndicator?: boolean;
193
197
  } & {
194
198
  hintText: string;
@@ -236,6 +240,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
236
240
  required?: boolean;
237
241
  requiredPlacement?: "left" | "right";
238
242
  optional?: boolean;
243
+ optionalText?: string;
239
244
  hasRequiredIndicator?: boolean;
240
245
  } & {
241
246
  hintText?: never;
@@ -283,6 +288,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
283
288
  required?: boolean;
284
289
  requiredPlacement?: "left" | "right";
285
290
  optional?: boolean;
291
+ optionalText?: string;
286
292
  hasRequiredIndicator?: boolean;
287
293
  } & {
288
294
  hintText?: never;
@@ -330,6 +336,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
330
336
  required?: boolean;
331
337
  requiredPlacement?: "left" | "right";
332
338
  optional?: boolean;
339
+ optionalText?: string;
333
340
  hasRequiredIndicator?: boolean;
334
341
  } & {
335
342
  hintText?: never;
@@ -377,6 +384,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
377
384
  required?: boolean;
378
385
  requiredPlacement?: "left" | "right";
379
386
  optional?: boolean;
387
+ optionalText?: string;
380
388
  hasRequiredIndicator?: boolean;
381
389
  } & {
382
390
  hintText?: never;
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.18751153444.0",
3
+ "version": "0.325.0-canary.2298.18772525373.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.18751153444.0",
23
- "@salutejs/sdds-themes": "0.48.0-canary.2297.18751153444.0"
22
+ "@salutejs/plasma-new-hope": "0.339.0-canary.2298.18772525373.0",
23
+ "@salutejs/sdds-themes": "0.48.0-canary.2298.18772525373.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.18751153444.0",
41
- "@salutejs/plasma-cy-utils": "0.139.0-canary.2297.18751153444.0",
42
- "@salutejs/plasma-icons": "1.226.0-canary.2297.18751153444.0",
43
- "@salutejs/plasma-sb-utils": "0.209.0-canary.2297.18751153444.0",
40
+ "@salutejs/plasma-core": "1.209.0-canary.2298.18772525373.0",
41
+ "@salutejs/plasma-cy-utils": "0.139.0-canary.2298.18772525373.0",
42
+ "@salutejs/plasma-icons": "1.226.0-canary.2298.18772525373.0",
43
+ "@salutejs/plasma-sb-utils": "0.209.0-canary.2298.18772525373.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": "bf6a4ec77404eef7473fd03fc27ca62b00ea881c"
97
+ "gitHead": "a8825461361a9a6519fed9146814959399dde9ed"
98
98
  }