@salutejs/sdds-cs 0.331.0-canary.2303.18841217749.0 → 0.331.1-canary.2309.18879166426.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 (11) hide show
  1. package/components/Attach/Attach.d.ts +448 -16
  2. package/components/Combobox/Combobox.d.ts +24 -24
  3. package/components/Tabs/horizontal/HorizontalTabItem.config.js +5 -9
  4. package/components/Tabs/horizontal/HorizontalTabs.config.js +2 -2
  5. package/emotion/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +5 -9
  6. package/emotion/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +2 -2
  7. package/emotion/es/components/Tabs/horizontal/HorizontalTabItem.config.js +5 -9
  8. package/emotion/es/components/Tabs/horizontal/HorizontalTabs.config.js +2 -2
  9. package/es/components/Tabs/horizontal/HorizontalTabItem.config.js +5 -9
  10. package/es/components/Tabs/horizontal/HorizontalTabs.config.js +2 -2
  11. package/package.json +8 -8
package/components/Attach/Attach.d.ts CHANGED
@@ -14,7 +14,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
14
14
  size: {
15
15
  s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
16
16
  };
17
- }> & ((import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
17
+ }> & ((import("react").InputHTMLAttributes<HTMLInputElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
18
18
  text?: string;
19
19
  contentLeft?: import("react").ReactNode;
20
20
  contentPlacing?: "default" | "relaxed";
@@ -36,9 +36,183 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
36
36
  } & {
37
37
  value?: string | number;
38
38
  contentRight?: never;
39
- } & import("@salutejs/plasma-new-hope/types/components/Attach/Attach.types").BaseAttachProps & {
39
+ } & {
40
+ acceptedFileFormats?: string[];
41
+ hideButtonOnAttach?: boolean;
42
+ hasAttachment?: boolean;
43
+ helperText?: string;
44
+ size?: string;
45
+ view?: string;
46
+ helperTextView?: string;
47
+ customIcon?: React.ReactNode;
48
+ onClear?: () => void;
49
+ } & {
50
+ flow?: "horizontal";
51
+ multiple?: boolean;
52
+ dropdownOptions?: import("@salutejs/plasma-new-hope/types/components/Attach/Attach.types").DropdownOptions;
53
+ } & {
54
+ buttonType?: "button";
55
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").InputHTMLAttributes<HTMLInputElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
56
+ text?: string;
57
+ contentLeft?: import("react").ReactNode;
58
+ contentPlacing?: "default" | "relaxed";
59
+ additionalContent?: import("react").ReactNode;
60
+ isLoading?: boolean;
61
+ loader?: import("react").ReactNode;
62
+ stretch?: boolean;
63
+ stretching?: "auto" | "filled" | "fixed";
64
+ square?: boolean;
65
+ focused?: boolean;
66
+ disabled?: boolean;
67
+ pin?: import("@salutejs/plasma-new-hope/types/utils/roundness").Pin;
68
+ view?: string;
69
+ size?: string;
70
+ outlined?: boolean;
71
+ shiftLeft?: boolean;
72
+ shiftRight?: boolean;
73
+ blur?: import("@salutejs/plasma-new-hope/styled-components").Blur;
74
+ } & {
75
+ value?: string | number;
76
+ contentRight?: never;
77
+ } & {
78
+ acceptedFileFormats?: string[];
79
+ hideButtonOnAttach?: boolean;
80
+ hasAttachment?: boolean;
81
+ helperText?: string;
82
+ size?: string;
83
+ view?: string;
84
+ helperTextView?: string;
85
+ customIcon?: React.ReactNode;
86
+ onClear?: () => void;
87
+ } & {
88
+ flow?: "horizontal";
89
+ multiple?: boolean;
90
+ dropdownOptions?: import("@salutejs/plasma-new-hope/types/components/Attach/Attach.types").DropdownOptions;
91
+ } & {
92
+ buttonType?: "button";
93
+ } & {
94
+ value?: never;
95
+ contentRight?: import("react").ReactNode;
96
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").InputHTMLAttributes<HTMLInputElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
97
+ text?: string;
98
+ contentLeft?: import("react").ReactNode;
99
+ contentPlacing?: "default" | "relaxed";
100
+ additionalContent?: import("react").ReactNode;
101
+ isLoading?: boolean;
102
+ loader?: import("react").ReactNode;
103
+ stretch?: boolean;
104
+ stretching?: "auto" | "filled" | "fixed";
105
+ square?: boolean;
106
+ focused?: boolean;
107
+ disabled?: boolean;
108
+ pin?: import("@salutejs/plasma-new-hope/types/utils/roundness").Pin;
109
+ view?: string;
110
+ size?: string;
111
+ outlined?: boolean;
112
+ shiftLeft?: boolean;
113
+ shiftRight?: boolean;
114
+ blur?: import("@salutejs/plasma-new-hope/styled-components").Blur;
115
+ } & {
116
+ value?: string | number;
117
+ contentRight?: never;
118
+ } & {
119
+ acceptedFileFormats?: string[];
120
+ hideButtonOnAttach?: boolean;
121
+ hasAttachment?: boolean;
122
+ helperText?: string;
123
+ size?: string;
124
+ view?: string;
125
+ helperTextView?: string;
126
+ customIcon?: React.ReactNode;
127
+ onClear?: () => void;
128
+ } & {
129
+ flow?: "horizontal";
130
+ multiple?: boolean;
131
+ dropdownOptions?: import("@salutejs/plasma-new-hope/types/components/Attach/Attach.types").DropdownOptions;
132
+ } & {
133
+ buttonType?: "iconButton";
134
+ icon?: React.ReactNode;
135
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").InputHTMLAttributes<HTMLInputElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
136
+ text?: string;
137
+ contentLeft?: import("react").ReactNode;
138
+ contentPlacing?: "default" | "relaxed";
139
+ additionalContent?: import("react").ReactNode;
140
+ isLoading?: boolean;
141
+ loader?: import("react").ReactNode;
142
+ stretch?: boolean;
143
+ stretching?: "auto" | "filled" | "fixed";
144
+ square?: boolean;
145
+ focused?: boolean;
146
+ disabled?: boolean;
147
+ pin?: import("@salutejs/plasma-new-hope/types/utils/roundness").Pin;
148
+ view?: string;
149
+ size?: string;
150
+ outlined?: boolean;
151
+ shiftLeft?: boolean;
152
+ shiftRight?: boolean;
153
+ blur?: import("@salutejs/plasma-new-hope/styled-components").Blur;
154
+ } & {
155
+ value?: string | number;
156
+ contentRight?: never;
157
+ } & {
158
+ acceptedFileFormats?: string[];
159
+ hideButtonOnAttach?: boolean;
160
+ hasAttachment?: boolean;
161
+ helperText?: string;
162
+ size?: string;
163
+ view?: string;
164
+ helperTextView?: string;
165
+ customIcon?: React.ReactNode;
166
+ onClear?: () => void;
167
+ } & {
168
+ flow?: "horizontal";
169
+ multiple?: boolean;
170
+ dropdownOptions?: import("@salutejs/plasma-new-hope/types/components/Attach/Attach.types").DropdownOptions;
171
+ } & {
172
+ buttonType?: "iconButton";
173
+ icon?: React.ReactNode;
174
+ } & {
175
+ value?: never;
176
+ contentRight?: import("react").ReactNode;
177
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").InputHTMLAttributes<HTMLInputElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
178
+ text?: string;
179
+ contentLeft?: import("react").ReactNode;
180
+ contentPlacing?: "default" | "relaxed";
181
+ additionalContent?: import("react").ReactNode;
182
+ isLoading?: boolean;
183
+ loader?: import("react").ReactNode;
184
+ stretch?: boolean;
185
+ stretching?: "auto" | "filled" | "fixed";
186
+ square?: boolean;
187
+ focused?: boolean;
188
+ disabled?: boolean;
189
+ pin?: import("@salutejs/plasma-new-hope/types/utils/roundness").Pin;
190
+ view?: string;
191
+ size?: string;
192
+ outlined?: boolean;
193
+ shiftLeft?: boolean;
194
+ shiftRight?: boolean;
195
+ blur?: import("@salutejs/plasma-new-hope/styled-components").Blur;
196
+ } & {
197
+ value?: string | number;
198
+ contentRight?: never;
199
+ } & {
200
+ acceptedFileFormats?: string[];
201
+ hideButtonOnAttach?: boolean;
202
+ hasAttachment?: boolean;
203
+ helperText?: string;
204
+ size?: string;
205
+ view?: string;
206
+ helperTextView?: string;
207
+ customIcon?: React.ReactNode;
208
+ onClear?: () => void;
209
+ } & {
210
+ flow?: "vertical" | "auto";
211
+ multiple?: boolean;
212
+ dropdownOptions?: never;
213
+ } & {
40
214
  buttonType?: "button";
41
- } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
215
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").InputHTMLAttributes<HTMLInputElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
42
216
  text?: string;
43
217
  contentLeft?: import("react").ReactNode;
44
218
  contentPlacing?: "default" | "relaxed";
@@ -60,12 +234,65 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
60
234
  } & {
61
235
  value?: string | number;
62
236
  contentRight?: never;
63
- } & import("@salutejs/plasma-new-hope/types/components/Attach/Attach.types").BaseAttachProps & {
237
+ } & {
238
+ acceptedFileFormats?: string[];
239
+ hideButtonOnAttach?: boolean;
240
+ hasAttachment?: boolean;
241
+ helperText?: string;
242
+ size?: string;
243
+ view?: string;
244
+ helperTextView?: string;
245
+ customIcon?: React.ReactNode;
246
+ onClear?: () => void;
247
+ } & {
248
+ flow?: "vertical" | "auto";
249
+ multiple?: boolean;
250
+ dropdownOptions?: never;
251
+ } & {
64
252
  buttonType?: "button";
65
253
  } & {
66
254
  value?: never;
67
255
  contentRight?: import("react").ReactNode;
68
- } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
256
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").InputHTMLAttributes<HTMLInputElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
257
+ text?: string;
258
+ contentLeft?: import("react").ReactNode;
259
+ contentPlacing?: "default" | "relaxed";
260
+ additionalContent?: import("react").ReactNode;
261
+ isLoading?: boolean;
262
+ loader?: import("react").ReactNode;
263
+ stretch?: boolean;
264
+ stretching?: "auto" | "filled" | "fixed";
265
+ square?: boolean;
266
+ focused?: boolean;
267
+ disabled?: boolean;
268
+ pin?: import("@salutejs/plasma-new-hope/types/utils/roundness").Pin;
269
+ view?: string;
270
+ size?: string;
271
+ outlined?: boolean;
272
+ shiftLeft?: boolean;
273
+ shiftRight?: boolean;
274
+ blur?: import("@salutejs/plasma-new-hope/styled-components").Blur;
275
+ } & {
276
+ value?: string | number;
277
+ contentRight?: never;
278
+ } & {
279
+ acceptedFileFormats?: string[];
280
+ hideButtonOnAttach?: boolean;
281
+ hasAttachment?: boolean;
282
+ helperText?: string;
283
+ size?: string;
284
+ view?: string;
285
+ helperTextView?: string;
286
+ customIcon?: React.ReactNode;
287
+ onClear?: () => void;
288
+ } & {
289
+ flow?: "vertical" | "auto";
290
+ multiple?: boolean;
291
+ dropdownOptions?: never;
292
+ } & {
293
+ buttonType?: "iconButton";
294
+ icon?: React.ReactNode;
295
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").InputHTMLAttributes<HTMLInputElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
69
296
  text?: string;
70
297
  contentLeft?: import("react").ReactNode;
71
298
  contentPlacing?: "default" | "relaxed";
@@ -87,10 +314,27 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
87
314
  } & {
88
315
  value?: string | number;
89
316
  contentRight?: never;
90
- } & import("@salutejs/plasma-new-hope/types/components/Attach/Attach.types").BaseAttachProps & {
317
+ } & {
318
+ acceptedFileFormats?: string[];
319
+ hideButtonOnAttach?: boolean;
320
+ hasAttachment?: boolean;
321
+ helperText?: string;
322
+ size?: string;
323
+ view?: string;
324
+ helperTextView?: string;
325
+ customIcon?: React.ReactNode;
326
+ onClear?: () => void;
327
+ } & {
328
+ flow?: "vertical" | "auto";
329
+ multiple?: boolean;
330
+ dropdownOptions?: never;
331
+ } & {
91
332
  buttonType?: "iconButton";
92
333
  icon?: React.ReactNode;
93
- } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
334
+ } & {
335
+ value?: never;
336
+ contentRight?: import("react").ReactNode;
337
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").InputHTMLAttributes<HTMLInputElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
94
338
  text?: string;
95
339
  contentLeft?: import("react").ReactNode;
96
340
  contentPlacing?: "default" | "relaxed";
@@ -109,16 +353,148 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
109
353
  shiftLeft?: boolean;
110
354
  shiftRight?: boolean;
111
355
  blur?: import("@salutejs/plasma-new-hope/styled-components").Blur;
356
+ } & {
357
+ value?: never;
358
+ contentRight?: import("react").ReactNode;
359
+ } & {
360
+ acceptedFileFormats?: string[];
361
+ hideButtonOnAttach?: boolean;
362
+ hasAttachment?: boolean;
363
+ helperText?: string;
364
+ size?: string;
365
+ view?: string;
366
+ helperTextView?: string;
367
+ customIcon?: React.ReactNode;
368
+ onClear?: () => void;
369
+ } & {
370
+ flow?: "horizontal";
371
+ multiple?: boolean;
372
+ dropdownOptions?: import("@salutejs/plasma-new-hope/types/components/Attach/Attach.types").DropdownOptions;
373
+ } & {
374
+ buttonType?: "button";
112
375
  } & {
113
376
  value?: string | number;
114
377
  contentRight?: never;
115
- } & import("@salutejs/plasma-new-hope/types/components/Attach/Attach.types").BaseAttachProps & {
378
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").InputHTMLAttributes<HTMLInputElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
379
+ text?: string;
380
+ contentLeft?: import("react").ReactNode;
381
+ contentPlacing?: "default" | "relaxed";
382
+ additionalContent?: import("react").ReactNode;
383
+ isLoading?: boolean;
384
+ loader?: import("react").ReactNode;
385
+ stretch?: boolean;
386
+ stretching?: "auto" | "filled" | "fixed";
387
+ square?: boolean;
388
+ focused?: boolean;
389
+ disabled?: boolean;
390
+ pin?: import("@salutejs/plasma-new-hope/types/utils/roundness").Pin;
391
+ view?: string;
392
+ size?: string;
393
+ outlined?: boolean;
394
+ shiftLeft?: boolean;
395
+ shiftRight?: boolean;
396
+ blur?: import("@salutejs/plasma-new-hope/styled-components").Blur;
397
+ } & {
398
+ value?: never;
399
+ contentRight?: import("react").ReactNode;
400
+ } & {
401
+ acceptedFileFormats?: string[];
402
+ hideButtonOnAttach?: boolean;
403
+ hasAttachment?: boolean;
404
+ helperText?: string;
405
+ size?: string;
406
+ view?: string;
407
+ helperTextView?: string;
408
+ customIcon?: React.ReactNode;
409
+ onClear?: () => void;
410
+ } & {
411
+ flow?: "horizontal";
412
+ multiple?: boolean;
413
+ dropdownOptions?: import("@salutejs/plasma-new-hope/types/components/Attach/Attach.types").DropdownOptions;
414
+ } & {
415
+ buttonType?: "button";
416
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").InputHTMLAttributes<HTMLInputElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
417
+ text?: string;
418
+ contentLeft?: import("react").ReactNode;
419
+ contentPlacing?: "default" | "relaxed";
420
+ additionalContent?: import("react").ReactNode;
421
+ isLoading?: boolean;
422
+ loader?: import("react").ReactNode;
423
+ stretch?: boolean;
424
+ stretching?: "auto" | "filled" | "fixed";
425
+ square?: boolean;
426
+ focused?: boolean;
427
+ disabled?: boolean;
428
+ pin?: import("@salutejs/plasma-new-hope/types/utils/roundness").Pin;
429
+ view?: string;
430
+ size?: string;
431
+ outlined?: boolean;
432
+ shiftLeft?: boolean;
433
+ shiftRight?: boolean;
434
+ blur?: import("@salutejs/plasma-new-hope/styled-components").Blur;
435
+ } & {
436
+ value?: never;
437
+ contentRight?: import("react").ReactNode;
438
+ } & {
439
+ acceptedFileFormats?: string[];
440
+ hideButtonOnAttach?: boolean;
441
+ hasAttachment?: boolean;
442
+ helperText?: string;
443
+ size?: string;
444
+ view?: string;
445
+ helperTextView?: string;
446
+ customIcon?: React.ReactNode;
447
+ onClear?: () => void;
448
+ } & {
449
+ flow?: "horizontal";
450
+ multiple?: boolean;
451
+ dropdownOptions?: import("@salutejs/plasma-new-hope/types/components/Attach/Attach.types").DropdownOptions;
452
+ } & {
116
453
  buttonType?: "iconButton";
117
454
  icon?: React.ReactNode;
455
+ } & {
456
+ value?: string | number;
457
+ contentRight?: never;
458
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").InputHTMLAttributes<HTMLInputElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
459
+ text?: string;
460
+ contentLeft?: import("react").ReactNode;
461
+ contentPlacing?: "default" | "relaxed";
462
+ additionalContent?: import("react").ReactNode;
463
+ isLoading?: boolean;
464
+ loader?: import("react").ReactNode;
465
+ stretch?: boolean;
466
+ stretching?: "auto" | "filled" | "fixed";
467
+ square?: boolean;
468
+ focused?: boolean;
469
+ disabled?: boolean;
470
+ pin?: import("@salutejs/plasma-new-hope/types/utils/roundness").Pin;
471
+ view?: string;
472
+ size?: string;
473
+ outlined?: boolean;
474
+ shiftLeft?: boolean;
475
+ shiftRight?: boolean;
476
+ blur?: import("@salutejs/plasma-new-hope/styled-components").Blur;
118
477
  } & {
119
478
  value?: never;
120
479
  contentRight?: import("react").ReactNode;
121
- } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
480
+ } & {
481
+ acceptedFileFormats?: string[];
482
+ hideButtonOnAttach?: boolean;
483
+ hasAttachment?: boolean;
484
+ helperText?: string;
485
+ size?: string;
486
+ view?: string;
487
+ helperTextView?: string;
488
+ customIcon?: React.ReactNode;
489
+ onClear?: () => void;
490
+ } & {
491
+ flow?: "horizontal";
492
+ multiple?: boolean;
493
+ dropdownOptions?: import("@salutejs/plasma-new-hope/types/components/Attach/Attach.types").DropdownOptions;
494
+ } & {
495
+ buttonType?: "iconButton";
496
+ icon?: React.ReactNode;
497
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").InputHTMLAttributes<HTMLInputElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
122
498
  text?: string;
123
499
  contentLeft?: import("react").ReactNode;
124
500
  contentPlacing?: "default" | "relaxed";
@@ -140,12 +516,26 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
140
516
  } & {
141
517
  value?: never;
142
518
  contentRight?: import("react").ReactNode;
143
- } & import("@salutejs/plasma-new-hope/types/components/Attach/Attach.types").BaseAttachProps & {
519
+ } & {
520
+ acceptedFileFormats?: string[];
521
+ hideButtonOnAttach?: boolean;
522
+ hasAttachment?: boolean;
523
+ helperText?: string;
524
+ size?: string;
525
+ view?: string;
526
+ helperTextView?: string;
527
+ customIcon?: React.ReactNode;
528
+ onClear?: () => void;
529
+ } & {
530
+ flow?: "vertical" | "auto";
531
+ multiple?: boolean;
532
+ dropdownOptions?: never;
533
+ } & {
144
534
  buttonType?: "button";
145
535
  } & {
146
536
  value?: string | number;
147
537
  contentRight?: never;
148
- } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
538
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").InputHTMLAttributes<HTMLInputElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
149
539
  text?: string;
150
540
  contentLeft?: import("react").ReactNode;
151
541
  contentPlacing?: "default" | "relaxed";
@@ -167,9 +557,23 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
167
557
  } & {
168
558
  value?: never;
169
559
  contentRight?: import("react").ReactNode;
170
- } & import("@salutejs/plasma-new-hope/types/components/Attach/Attach.types").BaseAttachProps & {
560
+ } & {
561
+ acceptedFileFormats?: string[];
562
+ hideButtonOnAttach?: boolean;
563
+ hasAttachment?: boolean;
564
+ helperText?: string;
565
+ size?: string;
566
+ view?: string;
567
+ helperTextView?: string;
568
+ customIcon?: React.ReactNode;
569
+ onClear?: () => void;
570
+ } & {
571
+ flow?: "vertical" | "auto";
572
+ multiple?: boolean;
573
+ dropdownOptions?: never;
574
+ } & {
171
575
  buttonType?: "button";
172
- } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
576
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").InputHTMLAttributes<HTMLInputElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
173
577
  text?: string;
174
578
  contentLeft?: import("react").ReactNode;
175
579
  contentPlacing?: "default" | "relaxed";
@@ -191,13 +595,27 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
191
595
  } & {
192
596
  value?: never;
193
597
  contentRight?: import("react").ReactNode;
194
- } & import("@salutejs/plasma-new-hope/types/components/Attach/Attach.types").BaseAttachProps & {
598
+ } & {
599
+ acceptedFileFormats?: string[];
600
+ hideButtonOnAttach?: boolean;
601
+ hasAttachment?: boolean;
602
+ helperText?: string;
603
+ size?: string;
604
+ view?: string;
605
+ helperTextView?: string;
606
+ customIcon?: React.ReactNode;
607
+ onClear?: () => void;
608
+ } & {
609
+ flow?: "vertical" | "auto";
610
+ multiple?: boolean;
611
+ dropdownOptions?: never;
612
+ } & {
195
613
  buttonType?: "iconButton";
196
614
  icon?: React.ReactNode;
197
615
  } & {
198
616
  value?: string | number;
199
617
  contentRight?: never;
200
- } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
618
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").InputHTMLAttributes<HTMLInputElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
201
619
  text?: string;
202
620
  contentLeft?: import("react").ReactNode;
203
621
  contentPlacing?: "default" | "relaxed";
@@ -219,7 +637,21 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
219
637
  } & {
220
638
  value?: never;
221
639
  contentRight?: import("react").ReactNode;
222
- } & import("@salutejs/plasma-new-hope/types/components/Attach/Attach.types").BaseAttachProps & {
640
+ } & {
641
+ acceptedFileFormats?: string[];
642
+ hideButtonOnAttach?: boolean;
643
+ hasAttachment?: boolean;
644
+ helperText?: string;
645
+ size?: string;
646
+ view?: string;
647
+ helperTextView?: string;
648
+ customIcon?: React.ReactNode;
649
+ onClear?: () => void;
650
+ } & {
651
+ flow?: "vertical" | "auto";
652
+ multiple?: boolean;
653
+ dropdownOptions?: never;
654
+ } & {
223
655
  buttonType?: "iconButton";
224
656
  icon?: React.ReactNode;
225
657
  } & import("react").RefAttributes<HTMLDivElement>))>;
package/components/Combobox/Combobox.d.ts CHANGED
@@ -44,7 +44,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
44
44
  mode?: "default" | "radio";
45
45
  size?: string;
46
46
  view?: string;
47
- emptyStateDescription?: string;
47
+ emptyStateDescription?: React.ReactNode;
48
48
  listHeight?: React.CSSProperties["height"];
49
49
  listOverflow?: React.CSSProperties["overflow"];
50
50
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -100,7 +100,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
100
100
  mode?: "default" | "radio";
101
101
  size?: string;
102
102
  view?: string;
103
- emptyStateDescription?: string;
103
+ emptyStateDescription?: React.ReactNode;
104
104
  listHeight?: React.CSSProperties["height"];
105
105
  listOverflow?: React.CSSProperties["overflow"];
106
106
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -156,7 +156,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
156
156
  mode?: "default" | "radio";
157
157
  size?: string;
158
158
  view?: string;
159
- emptyStateDescription?: string;
159
+ emptyStateDescription?: React.ReactNode;
160
160
  listHeight?: React.CSSProperties["height"];
161
161
  listOverflow?: React.CSSProperties["overflow"];
162
162
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -212,7 +212,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
212
212
  mode?: "default" | "radio";
213
213
  size?: string;
214
214
  view?: string;
215
- emptyStateDescription?: string;
215
+ emptyStateDescription?: React.ReactNode;
216
216
  listHeight?: React.CSSProperties["height"];
217
217
  listOverflow?: React.CSSProperties["overflow"];
218
218
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -268,7 +268,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
268
268
  mode?: "default" | "radio";
269
269
  size?: string;
270
270
  view?: string;
271
- emptyStateDescription?: string;
271
+ emptyStateDescription?: React.ReactNode;
272
272
  listHeight?: React.CSSProperties["height"];
273
273
  listOverflow?: React.CSSProperties["overflow"];
274
274
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -324,7 +324,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
324
324
  mode?: "default" | "radio";
325
325
  size?: string;
326
326
  view?: string;
327
- emptyStateDescription?: string;
327
+ emptyStateDescription?: React.ReactNode;
328
328
  listHeight?: React.CSSProperties["height"];
329
329
  listOverflow?: React.CSSProperties["overflow"];
330
330
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -380,7 +380,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
380
380
  mode?: "default" | "radio";
381
381
  size?: string;
382
382
  view?: string;
383
- emptyStateDescription?: string;
383
+ emptyStateDescription?: React.ReactNode;
384
384
  listHeight?: React.CSSProperties["height"];
385
385
  listOverflow?: React.CSSProperties["overflow"];
386
386
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -436,7 +436,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
436
436
  mode?: "default" | "radio";
437
437
  size?: string;
438
438
  view?: string;
439
- emptyStateDescription?: string;
439
+ emptyStateDescription?: React.ReactNode;
440
440
  listHeight?: React.CSSProperties["height"];
441
441
  listOverflow?: React.CSSProperties["overflow"];
442
442
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -492,7 +492,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
492
492
  mode?: "default" | "radio";
493
493
  size?: string;
494
494
  view?: string;
495
- emptyStateDescription?: string;
495
+ emptyStateDescription?: React.ReactNode;
496
496
  listHeight?: React.CSSProperties["height"];
497
497
  listOverflow?: React.CSSProperties["overflow"];
498
498
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -548,7 +548,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
548
548
  mode?: "default" | "radio";
549
549
  size?: string;
550
550
  view?: string;
551
- emptyStateDescription?: string;
551
+ emptyStateDescription?: React.ReactNode;
552
552
  listHeight?: React.CSSProperties["height"];
553
553
  listOverflow?: React.CSSProperties["overflow"];
554
554
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -604,7 +604,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
604
604
  mode?: "default" | "radio";
605
605
  size?: string;
606
606
  view?: string;
607
- emptyStateDescription?: string;
607
+ emptyStateDescription?: React.ReactNode;
608
608
  listHeight?: React.CSSProperties["height"];
609
609
  listOverflow?: React.CSSProperties["overflow"];
610
610
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -660,7 +660,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
660
660
  mode?: "default" | "radio";
661
661
  size?: string;
662
662
  view?: string;
663
- emptyStateDescription?: string;
663
+ emptyStateDescription?: React.ReactNode;
664
664
  listHeight?: React.CSSProperties["height"];
665
665
  listOverflow?: React.CSSProperties["overflow"];
666
666
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -716,7 +716,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
716
716
  mode?: "default" | "radio";
717
717
  size?: string;
718
718
  view?: string;
719
- emptyStateDescription?: string;
719
+ emptyStateDescription?: React.ReactNode;
720
720
  listHeight?: React.CSSProperties["height"];
721
721
  listOverflow?: React.CSSProperties["overflow"];
722
722
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -772,7 +772,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
772
772
  mode?: "default" | "radio";
773
773
  size?: string;
774
774
  view?: string;
775
- emptyStateDescription?: string;
775
+ emptyStateDescription?: React.ReactNode;
776
776
  listHeight?: React.CSSProperties["height"];
777
777
  listOverflow?: React.CSSProperties["overflow"];
778
778
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -828,7 +828,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
828
828
  mode?: "default" | "radio";
829
829
  size?: string;
830
830
  view?: string;
831
- emptyStateDescription?: string;
831
+ emptyStateDescription?: React.ReactNode;
832
832
  listHeight?: React.CSSProperties["height"];
833
833
  listOverflow?: React.CSSProperties["overflow"];
834
834
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -884,7 +884,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
884
884
  mode?: "default" | "radio";
885
885
  size?: string;
886
886
  view?: string;
887
- emptyStateDescription?: string;
887
+ emptyStateDescription?: React.ReactNode;
888
888
  listHeight?: React.CSSProperties["height"];
889
889
  listOverflow?: React.CSSProperties["overflow"];
890
890
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -940,7 +940,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
940
940
  mode?: "default" | "radio";
941
941
  size?: string;
942
942
  view?: string;
943
- emptyStateDescription?: string;
943
+ emptyStateDescription?: React.ReactNode;
944
944
  listHeight?: React.CSSProperties["height"];
945
945
  listOverflow?: React.CSSProperties["overflow"];
946
946
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -996,7 +996,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
996
996
  mode?: "default" | "radio";
997
997
  size?: string;
998
998
  view?: string;
999
- emptyStateDescription?: string;
999
+ emptyStateDescription?: React.ReactNode;
1000
1000
  listHeight?: React.CSSProperties["height"];
1001
1001
  listOverflow?: React.CSSProperties["overflow"];
1002
1002
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -1052,7 +1052,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1052
1052
  mode?: "default" | "radio";
1053
1053
  size?: string;
1054
1054
  view?: string;
1055
- emptyStateDescription?: string;
1055
+ emptyStateDescription?: React.ReactNode;
1056
1056
  listHeight?: React.CSSProperties["height"];
1057
1057
  listOverflow?: React.CSSProperties["overflow"];
1058
1058
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -1108,7 +1108,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1108
1108
  mode?: "default" | "radio";
1109
1109
  size?: string;
1110
1110
  view?: string;
1111
- emptyStateDescription?: string;
1111
+ emptyStateDescription?: React.ReactNode;
1112
1112
  listHeight?: React.CSSProperties["height"];
1113
1113
  listOverflow?: React.CSSProperties["overflow"];
1114
1114
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -1164,7 +1164,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1164
1164
  mode?: "default" | "radio";
1165
1165
  size?: string;
1166
1166
  view?: string;
1167
- emptyStateDescription?: string;
1167
+ emptyStateDescription?: React.ReactNode;
1168
1168
  listHeight?: React.CSSProperties["height"];
1169
1169
  listOverflow?: React.CSSProperties["overflow"];
1170
1170
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -1220,7 +1220,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1220
1220
  mode?: "default" | "radio";
1221
1221
  size?: string;
1222
1222
  view?: string;
1223
- emptyStateDescription?: string;
1223
+ emptyStateDescription?: React.ReactNode;
1224
1224
  listHeight?: React.CSSProperties["height"];
1225
1225
  listOverflow?: React.CSSProperties["overflow"];
1226
1226
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -1276,7 +1276,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1276
1276
  mode?: "default" | "radio";
1277
1277
  size?: string;
1278
1278
  view?: string;
1279
- emptyStateDescription?: string;
1279
+ emptyStateDescription?: React.ReactNode;
1280
1280
  listHeight?: React.CSSProperties["height"];
1281
1281
  listOverflow?: React.CSSProperties["overflow"];
1282
1282
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -1332,7 +1332,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1332
1332
  mode?: "default" | "radio";
1333
1333
  size?: string;
1334
1334
  view?: string;
1335
- emptyStateDescription?: string;
1335
+ emptyStateDescription?: React.ReactNode;
1336
1336
  listHeight?: React.CSSProperties["height"];
1337
1337
  listOverflow?: React.CSSProperties["overflow"];
1338
1338
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
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(--surface-solid-default);\n ",
@@ -100,8 +98,6 @@ function _templateObject2() {
100
98
  ": var(--text-secondary);\n ",
101
99
  ": transparent;\n ",
102
100
  ": background-color 0.3s ease-in-out;\n\n ",
103
- ": 0;\n ",
104
- ": 0;\n\n ",
105
101
  ": var(--surface-accent);\n\n ",
106
102
  ": 0.125rem;\n ",
107
103
  ": var(--surface-solid-default);\n ",
@@ -152,8 +148,8 @@ function _templateObject4() {
152
148
  ": auto;\n ",
153
149
  ": 2.5rem;\n ",
154
150
  ": 0 0.625rem;\n ",
155
- ": 0 0.5rem;\n ",
156
- ": 1.75rem;\n ",
151
+ ": 0 0.125rem;\n ",
152
+ ": 1.5rem;\n ",
157
153
  ": 0.25rem;\n ",
158
154
  ": 0.125rem;\n\n ",
159
155
  ": var(--plasma-typo-body-m-bold-font-family);\n ",
@@ -214,14 +210,14 @@ function _templateObject7() {
214
210
  }
215
211
  var config = {
216
212
  defaults: {
217
- view: 'secondary',
213
+ view: 'divider',
218
214
  size: 's'
219
215
  },
220
216
  variations: {
221
217
  view: {
222
- 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, _styledcomponents.tabsTokens.itemCursorOverNotSelected),
218
+ 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, _styledcomponents.tabsTokens.itemCursorOverNotSelected),
223
219
  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, _styledcomponents.tabsTokens.itemCursorOverNotSelected),
224
- 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, _styledcomponents.tabsTokens.itemCursorOverNotSelected),
220
+ 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, _styledcomponents.tabsTokens.itemCursorOverNotSelected),
225
221
  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, _styledcomponents.tabsTokens.itemCursorOverNotSelected)
226
222
  },
227
223
  size: {
package/components/Tabs/horizontal/HorizontalTabs.config.js CHANGED
@@ -238,8 +238,8 @@ function _templateObject14() {
238
238
  }
239
239
  var config = {
240
240
  defaults: {
241
- view: 'filled',
242
- size: 'l'
241
+ view: 'divider',
242
+ size: 's'
243
243
  },
244
244
  variations: {
245
245
  view: {
package/emotion/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js CHANGED
@@ -37,8 +37,6 @@ function _templateObject() {
37
37
  ": var(--text-secondary);\n ",
38
38
  ": transparent;\n ",
39
39
  ": background-color 0.3s ease-in-out;\n\n ",
40
- ": 0;\n ",
41
- ": 0;\n\n ",
42
40
  ": var(--surface-accent);\n\n ",
43
41
  ": 0rem;\n ",
44
42
  ": var(--surface-solid-default);\n ",
@@ -100,8 +98,6 @@ function _templateObject2() {
100
98
  ": var(--text-secondary);\n ",
101
99
  ": transparent;\n ",
102
100
  ": background-color 0.3s ease-in-out;\n\n ",
103
- ": 0;\n ",
104
- ": 0;\n\n ",
105
101
  ": var(--surface-accent);\n\n ",
106
102
  ": 0.125rem;\n ",
107
103
  ": var(--surface-solid-default);\n ",
@@ -152,8 +148,8 @@ function _templateObject4() {
152
148
  ": auto;\n ",
153
149
  ": 2.5rem;\n ",
154
150
  ": 0 0.625rem;\n ",
155
- ": 0 0.5rem;\n ",
156
- ": 1.75rem;\n ",
151
+ ": 0 0.125rem;\n ",
152
+ ": 1.5rem;\n ",
157
153
  ": 0.25rem;\n ",
158
154
  ": 0.125rem;\n\n ",
159
155
  ": var(--plasma-typo-body-m-bold-font-family);\n ",
@@ -214,14 +210,14 @@ function _templateObject7() {
214
210
  }
215
211
  var config = {
216
212
  defaults: {
217
- view: 'secondary',
213
+ view: 'divider',
218
214
  size: 's'
219
215
  },
220
216
  variations: {
221
217
  view: {
222
- clear: (0, _emotion.css)(_templateObject(), _emotion.tabsTokens.itemColor, _emotion.tabsTokens.itemValueColor, _emotion.tabsTokens.itemBackgroundColor, _emotion.tabsTokens.itemColorHover, _emotion.tabsTokens.itemValueColorHover, _emotion.tabsTokens.itemColorActive, _emotion.tabsTokens.itemValueColorActive, _emotion.tabsTokens.itemBackgroundColorHover, _emotion.tabsTokens.itemSelectedColor, _emotion.tabsTokens.itemSelectedValueColor, _emotion.tabsTokens.itemSelectedBackgroundColor, _emotion.tabsTokens.itemSelectedColorHover, _emotion.tabsTokens.itemSelectedValueColorHover, _emotion.tabsTokens.itemSelectedBackgroundColorHover, _emotion.tabsTokens.itemBackgroundTransition, _emotion.tabsTokens.itemPaddingClear, _emotion.tabsTokens.itemContentPaddingClear, _emotion.tabsTokens.outlineFocusColor, _emotion.tabsTokens.itemSelectedDividerHeight, _emotion.tabsTokens.itemSelectedDividerColor, _emotion.tabsTokens.itemSelectedDividerColorHover, _emotion.tabsTokens.itemCursor, _emotion.tabsTokens.itemCursorOverNotSelected),
218
+ clear: (0, _emotion.css)(_templateObject(), _emotion.tabsTokens.itemColor, _emotion.tabsTokens.itemValueColor, _emotion.tabsTokens.itemBackgroundColor, _emotion.tabsTokens.itemColorHover, _emotion.tabsTokens.itemValueColorHover, _emotion.tabsTokens.itemColorActive, _emotion.tabsTokens.itemValueColorActive, _emotion.tabsTokens.itemBackgroundColorHover, _emotion.tabsTokens.itemSelectedColor, _emotion.tabsTokens.itemSelectedValueColor, _emotion.tabsTokens.itemSelectedBackgroundColor, _emotion.tabsTokens.itemSelectedColorHover, _emotion.tabsTokens.itemSelectedValueColorHover, _emotion.tabsTokens.itemSelectedBackgroundColorHover, _emotion.tabsTokens.itemBackgroundTransition, _emotion.tabsTokens.outlineFocusColor, _emotion.tabsTokens.itemSelectedDividerHeight, _emotion.tabsTokens.itemSelectedDividerColor, _emotion.tabsTokens.itemSelectedDividerColorHover, _emotion.tabsTokens.itemCursor, _emotion.tabsTokens.itemCursorOverNotSelected),
223
219
  secondary: (0, _emotion.css)(_templateObject1(), _emotion.tabsTokens.itemColor, _emotion.tabsTokens.itemValueColor, _emotion.tabsTokens.itemBackgroundColor, _emotion.tabsTokens.itemColorHover, _emotion.tabsTokens.itemValueColorHover, _emotion.tabsTokens.itemColorActive, _emotion.tabsTokens.itemValueColorActive, _emotion.tabsTokens.itemBackgroundColorHover, _emotion.tabsTokens.itemSelectedColor, _emotion.tabsTokens.itemSelectedValueColor, _emotion.tabsTokens.itemSelectedBackgroundColor, _emotion.tabsTokens.itemSelectedColorHover, _emotion.tabsTokens.itemSelectedValueColorHover, _emotion.tabsTokens.itemSelectedBackgroundColorHover, _emotion.tabsTokens.itemBackgroundTransition, _emotion.tabsTokens.itemMarginLeftFilled, _emotion.tabsTokens.outlineFocusColor, _emotion.tabsTokens.itemSelectedDividerHeight, _emotion.tabsTokens.itemSelectedDividerColor, _emotion.tabsTokens.itemSelectedDividerColorHover, _emotion.tabsTokens.itemCursor, _emotion.tabsTokens.itemCursorOverNotSelected),
224
- divider: (0, _emotion.css)(_templateObject2(), _emotion.tabsTokens.itemColor, _emotion.tabsTokens.itemValueColor, _emotion.tabsTokens.itemBackgroundColor, _emotion.tabsTokens.itemColorHover, _emotion.tabsTokens.itemValueColorHover, _emotion.tabsTokens.itemColorActive, _emotion.tabsTokens.itemValueColorActive, _emotion.tabsTokens.itemBackgroundColorHover, _emotion.tabsTokens.itemSelectedColor, _emotion.tabsTokens.itemSelectedValueColor, _emotion.tabsTokens.itemSelectedBackgroundColor, _emotion.tabsTokens.itemSelectedColorHover, _emotion.tabsTokens.itemSelectedValueColorHover, _emotion.tabsTokens.itemSelectedBackgroundColorHover, _emotion.tabsTokens.itemBackgroundTransition, _emotion.tabsTokens.itemPaddingClear, _emotion.tabsTokens.itemContentPaddingClear, _emotion.tabsTokens.outlineFocusColor, _emotion.tabsTokens.itemSelectedDividerHeight, _emotion.tabsTokens.itemSelectedDividerColor, _emotion.tabsTokens.itemSelectedDividerColorHover, _emotion.tabsTokens.itemCursor, _emotion.tabsTokens.itemCursorOverNotSelected),
220
+ divider: (0, _emotion.css)(_templateObject2(), _emotion.tabsTokens.itemColor, _emotion.tabsTokens.itemValueColor, _emotion.tabsTokens.itemBackgroundColor, _emotion.tabsTokens.itemColorHover, _emotion.tabsTokens.itemValueColorHover, _emotion.tabsTokens.itemColorActive, _emotion.tabsTokens.itemValueColorActive, _emotion.tabsTokens.itemBackgroundColorHover, _emotion.tabsTokens.itemSelectedColor, _emotion.tabsTokens.itemSelectedValueColor, _emotion.tabsTokens.itemSelectedBackgroundColor, _emotion.tabsTokens.itemSelectedColorHover, _emotion.tabsTokens.itemSelectedValueColorHover, _emotion.tabsTokens.itemSelectedBackgroundColorHover, _emotion.tabsTokens.itemBackgroundTransition, _emotion.tabsTokens.outlineFocusColor, _emotion.tabsTokens.itemSelectedDividerHeight, _emotion.tabsTokens.itemSelectedDividerColor, _emotion.tabsTokens.itemSelectedDividerColorHover, _emotion.tabsTokens.itemCursor, _emotion.tabsTokens.itemCursorOverNotSelected),
225
221
  default: (0, _emotion.css)(_templateObject3(), _emotion.tabsTokens.itemColor, _emotion.tabsTokens.itemValueColor, _emotion.tabsTokens.itemBackgroundColor, _emotion.tabsTokens.itemColorHover, _emotion.tabsTokens.itemValueColorHover, _emotion.tabsTokens.itemColorActive, _emotion.tabsTokens.itemValueColorActive, _emotion.tabsTokens.itemBackgroundColorHover, _emotion.tabsTokens.itemSelectedColor, _emotion.tabsTokens.itemSelectedValueColor, _emotion.tabsTokens.itemSelectedBackgroundColor, _emotion.tabsTokens.itemSelectedColorHover, _emotion.tabsTokens.itemSelectedValueColorHover, _emotion.tabsTokens.itemSelectedBackgroundColorHover, _emotion.tabsTokens.itemBackgroundTransition, _emotion.tabsTokens.itemMarginLeftFilled, _emotion.tabsTokens.outlineFocusColor, _emotion.tabsTokens.itemSelectedDividerHeight, _emotion.tabsTokens.itemSelectedDividerColor, _emotion.tabsTokens.itemSelectedDividerColorHover, _emotion.tabsTokens.itemCursor, _emotion.tabsTokens.itemCursorOverNotSelected)
226
222
  },
227
223
  size: {
package/emotion/cjs/components/Tabs/horizontal/HorizontalTabs.config.js CHANGED
@@ -238,8 +238,8 @@ function _templateObject14() {
238
238
  }
239
239
  var config = {
240
240
  defaults: {
241
- view: 'filled',
242
- size: 'l'
241
+ view: 'divider',
242
+ size: 's'
243
243
  },
244
244
  variations: {
245
245
  view: {
package/emotion/es/components/Tabs/horizontal/HorizontalTabItem.config.js CHANGED
@@ -26,8 +26,6 @@ function _templateObject() {
26
26
  ": var(--text-secondary);\n ",
27
27
  ": transparent;\n ",
28
28
  ": background-color 0.3s ease-in-out;\n\n ",
29
- ": 0;\n ",
30
- ": 0;\n\n ",
31
29
  ": var(--surface-accent);\n\n ",
32
30
  ": 0rem;\n ",
33
31
  ": var(--surface-solid-default);\n ",
@@ -89,8 +87,6 @@ function _templateObject2() {
89
87
  ": var(--text-secondary);\n ",
90
88
  ": transparent;\n ",
91
89
  ": background-color 0.3s ease-in-out;\n\n ",
92
- ": 0;\n ",
93
- ": 0;\n\n ",
94
90
  ": var(--surface-accent);\n\n ",
95
91
  ": 0.125rem;\n ",
96
92
  ": var(--surface-solid-default);\n ",
@@ -141,8 +137,8 @@ function _templateObject4() {
141
137
  ": auto;\n ",
142
138
  ": 2.5rem;\n ",
143
139
  ": 0 0.625rem;\n ",
144
- ": 0 0.5rem;\n ",
145
- ": 1.75rem;\n ",
140
+ ": 0 0.125rem;\n ",
141
+ ": 1.5rem;\n ",
146
142
  ": 0.25rem;\n ",
147
143
  ": 0.125rem;\n\n ",
148
144
  ": var(--plasma-typo-body-m-bold-font-family);\n ",
@@ -204,14 +200,14 @@ function _templateObject7() {
204
200
  import { css, tabsTokens } from '@salutejs/plasma-new-hope/emotion';
205
201
  export var config = {
206
202
  defaults: {
207
- view: 'secondary',
203
+ view: 'divider',
208
204
  size: 's'
209
205
  },
210
206
  variations: {
211
207
  view: {
212
- 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, tabsTokens.itemCursorOverNotSelected),
208
+ 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, tabsTokens.itemCursorOverNotSelected),
213
209
  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, tabsTokens.itemCursorOverNotSelected),
214
- 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, tabsTokens.itemCursorOverNotSelected),
210
+ 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, tabsTokens.itemCursorOverNotSelected),
215
211
  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, tabsTokens.itemCursorOverNotSelected)
216
212
  },
217
213
  size: {
package/emotion/es/components/Tabs/horizontal/HorizontalTabs.config.js CHANGED
@@ -228,8 +228,8 @@ function _templateObject14() {
228
228
  import { css, tabsTokens } from '@salutejs/plasma-new-hope/emotion';
229
229
  export var config = {
230
230
  defaults: {
231
- view: 'filled',
232
- size: 'l'
231
+ view: 'divider',
232
+ size: 's'
233
233
  },
234
234
  variations: {
235
235
  view: {
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(--surface-solid-default);\n ",
@@ -89,8 +87,6 @@ function _templateObject2() {
89
87
  ": var(--text-secondary);\n ",
90
88
  ": transparent;\n ",
91
89
  ": background-color 0.3s ease-in-out;\n\n ",
92
- ": 0;\n ",
93
- ": 0;\n\n ",
94
90
  ": var(--surface-accent);\n\n ",
95
91
  ": 0.125rem;\n ",
96
92
  ": var(--surface-solid-default);\n ",
@@ -141,8 +137,8 @@ function _templateObject4() {
141
137
  ": auto;\n ",
142
138
  ": 2.5rem;\n ",
143
139
  ": 0 0.625rem;\n ",
144
- ": 0 0.5rem;\n ",
145
- ": 1.75rem;\n ",
140
+ ": 0 0.125rem;\n ",
141
+ ": 1.5rem;\n ",
146
142
  ": 0.25rem;\n ",
147
143
  ": 0.125rem;\n\n ",
148
144
  ": var(--plasma-typo-body-m-bold-font-family);\n ",
@@ -204,14 +200,14 @@ function _templateObject7() {
204
200
  import { css, tabsTokens } from '@salutejs/plasma-new-hope/styled-components';
205
201
  export var config = {
206
202
  defaults: {
207
- view: 'secondary',
203
+ view: 'divider',
208
204
  size: 's'
209
205
  },
210
206
  variations: {
211
207
  view: {
212
- 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, tabsTokens.itemCursorOverNotSelected),
208
+ 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, tabsTokens.itemCursorOverNotSelected),
213
209
  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, tabsTokens.itemCursorOverNotSelected),
214
- 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, tabsTokens.itemCursorOverNotSelected),
210
+ 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, tabsTokens.itemCursorOverNotSelected),
215
211
  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, tabsTokens.itemCursorOverNotSelected)
216
212
  },
217
213
  size: {
package/es/components/Tabs/horizontal/HorizontalTabs.config.js CHANGED
@@ -228,8 +228,8 @@ function _templateObject14() {
228
228
  import { css, tabsTokens } from '@salutejs/plasma-new-hope/styled-components';
229
229
  export var config = {
230
230
  defaults: {
231
- view: 'filled',
232
- size: 'l'
231
+ view: 'divider',
232
+ size: 's'
233
233
  },
234
234
  variations: {
235
235
  view: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-cs",
3
- "version": "0.331.0-canary.2303.18841217749.0",
3
+ "version": "0.331.1-canary.2309.18879166426.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS CS web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -31,8 +31,8 @@
31
31
  "directory": "packages/sdds-cs"
32
32
  },
33
33
  "dependencies": {
34
- "@salutejs/plasma-new-hope": "0.339.0-canary.2303.18841217749.0",
35
- "@salutejs/sdds-themes": "0.48.0-canary.2303.18841217749.0"
34
+ "@salutejs/plasma-new-hope": "0.339.1-canary.2309.18879166426.0",
35
+ "@salutejs/sdds-themes": "0.48.0-dev.0"
36
36
  },
37
37
  "peerDependencies": {
38
38
  "@emotion/react": ">=11",
@@ -55,10 +55,10 @@
55
55
  "@microsoft/api-extractor": "7.38.3",
56
56
  "@originjs/vite-plugin-commonjs": "1.0.3",
57
57
  "@salutejs/plasma-colors": "0.16.0",
58
- "@salutejs/plasma-core": "1.209.0-canary.2303.18841217749.0",
59
- "@salutejs/plasma-cy-utils": "0.139.0-canary.2303.18841217749.0",
60
- "@salutejs/plasma-icons": "1.226.0-canary.2303.18841217749.0",
61
- "@salutejs/plasma-sb-utils": "0.209.0-canary.2303.18841217749.0",
58
+ "@salutejs/plasma-core": "1.209.1-canary.2309.18879166426.0",
59
+ "@salutejs/plasma-cy-utils": "0.139.1-canary.2309.18879166426.0",
60
+ "@salutejs/plasma-icons": "1.226.0-dev.0",
61
+ "@salutejs/plasma-sb-utils": "0.209.1-canary.2309.18879166426.0",
62
62
  "@storybook/addon-docs": "8.6.14",
63
63
  "@storybook/addon-essentials": "8.6.14",
64
64
  "@storybook/manager-api": "8.6.14",
@@ -124,5 +124,5 @@
124
124
  "Anton Vinogradov"
125
125
  ],
126
126
  "sideEffects": false,
127
- "gitHead": "465d21b58d746fc2770c7ef56ca6e29dca9d40c2"
127
+ "gitHead": "6fabf8ab3eef908daf5fa2f16e028c2b26b1032d"
128
128
  }