@salutejs/sdds-dfa 0.325.0-canary.2296.18749364572.0 → 0.325.0-canary.2297.18772323112.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 +25 -29
  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 +25 -29
  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: 'default',
243
+ view: 'divider',
244
244
  size: 'xs'
245
245
  },
246
246
  variations: {
package/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/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: 'default',
233
+ view: 'divider',
234
234
  size: 'xs'
235
235
  },
236
236
  variations: {
package/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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-dfa",
3
- "version": "0.325.0-canary.2296.18749364572.0",
3
+ "version": "0.325.0-canary.2297.18772323112.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.2296.18749364572.0",
23
- "@salutejs/sdds-themes": "0.48.0-canary.2296.18749364572.0"
22
+ "@salutejs/plasma-new-hope": "0.339.0-canary.2297.18772323112.0",
23
+ "@salutejs/sdds-themes": "0.48.0-canary.2297.18772323112.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.2296.18749364572.0",
41
- "@salutejs/plasma-cy-utils": "0.139.0-canary.2296.18749364572.0",
42
- "@salutejs/plasma-icons": "1.226.0-canary.2296.18749364572.0",
43
- "@salutejs/plasma-sb-utils": "0.209.0-canary.2296.18749364572.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",
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": "9d5837a496aa8e7ee96bed905d5cbe02fd37893f"
97
+ "gitHead": "3b2674d4bc49b8245db2f736fb6537464cf6b496"
98
98
  }