@salutejs/sdds-dfa 0.353.0-next-sbcom.0 → 0.353.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 (51) hide show
  1. package/dist/styled-components/cjs/components/Accordion/Accordion.config.js +1 -1
  2. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +5 -5
  3. package/dist/styled-components/cjs/components/Badge/Badge.clear.config.js +73 -0
  4. package/dist/styled-components/cjs/components/Badge/Badge.config.common.js +107 -0
  5. package/dist/styled-components/cjs/components/Badge/Badge.config.js +6 -69
  6. package/dist/styled-components/cjs/components/Badge/Badge.js +29 -4
  7. package/dist/styled-components/cjs/components/Badge/Badge.transparent.config.js +85 -0
  8. package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +5 -5
  9. package/dist/styled-components/cjs/components/LinkButton/LinkButton.config.js +14 -21
  10. package/dist/styled-components/cjs/components/Scrollbar/Scrollbar.config.js +3 -1
  11. package/dist/styled-components/cjs/components/Select/Select.config.js +5 -5
  12. package/dist/styled-components/cjs/components/Slider/Slider.config.js +0 -3
  13. package/dist/styled-components/cjs/components/TextField/TextField.clear.config.js +5 -5
  14. package/dist/styled-components/cjs/components/TextField/TextField.config.js +5 -5
  15. package/dist/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.config.js +4 -4
  16. package/dist/styled-components/cjs/index.js +1 -0
  17. package/dist/styled-components/es/components/Accordion/Accordion.config.js +1 -1
  18. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +5 -5
  19. package/dist/styled-components/es/components/Badge/Badge.clear.config.js +63 -0
  20. package/dist/styled-components/es/components/Badge/Badge.config.common.js +80 -0
  21. package/dist/styled-components/es/components/Badge/Badge.config.js +6 -69
  22. package/dist/styled-components/es/components/Badge/Badge.js +13 -2
  23. package/dist/styled-components/es/components/Badge/Badge.transparent.config.js +75 -0
  24. package/dist/styled-components/es/components/Combobox/Combobox.config.js +5 -5
  25. package/dist/styled-components/es/components/LinkButton/LinkButton.config.js +14 -21
  26. package/dist/styled-components/es/components/Scrollbar/Scrollbar.config.js +3 -1
  27. package/dist/styled-components/es/components/Select/Select.config.js +5 -5
  28. package/dist/styled-components/es/components/Slider/Slider.config.js +0 -3
  29. package/dist/styled-components/es/components/TextField/TextField.clear.config.js +5 -5
  30. package/dist/styled-components/es/components/TextField/TextField.config.js +5 -5
  31. package/dist/styled-components/es/components/TextFieldGroup/TextFieldGroup.config.js +4 -4
  32. package/dist/styled-components/es/index.js +1 -1
  33. package/package.json +8 -8
  34. package/types/components/Attach/Attach.d.ts +32 -16
  35. package/types/components/Autocomplete/Autocomplete.d.ts +8 -8
  36. package/types/components/Avatar/Avatar.d.ts +8 -0
  37. package/types/components/Badge/Badge.clear.config.d.ts +31 -0
  38. package/types/components/Badge/Badge.config.common.d.ts +5 -0
  39. package/types/components/Badge/Badge.d.ts +343 -15
  40. package/types/components/Badge/Badge.transparent.config.d.ts +34 -0
  41. package/types/components/CodeField/CodeField.d.ts +1 -1
  42. package/types/components/CodeInput/CodeInput.d.ts +1 -1
  43. package/types/components/DatePicker/DatePicker.d.ts +20 -4
  44. package/types/components/Dropdown/Dropdown.d.ts +2 -2
  45. package/types/components/Mask/Mask.d.ts +16 -16
  46. package/types/components/Range/Range.d.ts +2215 -439
  47. package/types/components/Scrollbar/Scrollbar.config.d.ts +2 -0
  48. package/types/components/TextArea/TextArea.d.ts +32 -32
  49. package/types/components/TextField/TextField.d.ts +32 -32
  50. package/types/components/TimePicker/TimePicker.d.ts +8 -2
  51. package/types/index.d.ts +1 -0
package/dist/styled-components/es/components/LinkButton/LinkButton.config.js CHANGED
@@ -7,78 +7,71 @@ export const config = {
7
7
  variations: {
8
8
  view: {
9
9
  default: css`
10
- ${linkButtonTokens.linkButtonColor}: var(--text-primary);
11
10
  ${linkButtonTokens.linkButtonIconColor}: var(--text-primary);
12
11
  ${linkButtonTokens.linkButtonTextColor}: var(--text-primary);
13
12
  ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);
14
- ${linkButtonTokens.linkButtonColorHover}: var(--text-primary-hover);
15
- ${linkButtonTokens.linkButtonColorActive}: var(--text-primary-active);
13
+ ${linkButtonTokens.linkButtonIconColorHover}: var(--text-primary-hover);
14
+ ${linkButtonTokens.linkButtonIconColorActive}: var(--text-primary-active);
16
15
  ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
17
16
  ${linkButtonTokens.linkButtonTextColorHover}: var(--text-primary-hover);
18
17
  ${linkButtonTokens.linkButtonTextColorActive}: var(--text-primary-active);
19
18
  `,
20
19
  accent: css`
21
- ${linkButtonTokens.linkButtonColor}: var(--text-accent);
22
20
  ${linkButtonTokens.linkButtonIconColor}: var(--text-accent);
23
21
  ${linkButtonTokens.linkButtonTextColor}: var(--text-accent);
24
22
  ${linkButtonTokens.linkButtonBackgroundColor}: var(---surface-transparent-clear);
25
- ${linkButtonTokens.linkButtonColorHover}: var(--text-accent-hover);
26
- ${linkButtonTokens.linkButtonColorActive}: var(--text-accent-active);
23
+ ${linkButtonTokens.linkButtonIconColorHover}: var(--text-accent-hover);
24
+ ${linkButtonTokens.linkButtonIconColorActive}: var(--text-accent-active);
27
25
  ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
28
26
  ${linkButtonTokens.linkButtonTextColorHover}: var(--text-accent-hover);
29
27
  ${linkButtonTokens.linkButtonTextColorActive}: var(--text-accent-active);
30
28
  `,
31
29
  secondary: css`
32
- ${linkButtonTokens.linkButtonColor}: var(--text-secondary);
33
30
  ${linkButtonTokens.linkButtonIconColor}: var(--text-secondary);
34
31
  ${linkButtonTokens.linkButtonTextColor}: var(--text-secondary);
35
32
  ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);
36
- ${linkButtonTokens.linkButtonColorHover}: var(--text-secondary-hover);
37
- ${linkButtonTokens.linkButtonColorActive}: var(--text-secondary-active);
33
+ ${linkButtonTokens.linkButtonIconColorHover}: var(--text-secondary-hover);
34
+ ${linkButtonTokens.linkButtonIconColorActive}: var(--text-secondary-active);
38
35
  ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
39
36
  ${linkButtonTokens.linkButtonTextColorHover}: var(--text-secondary-hover);
40
37
  ${linkButtonTokens.linkButtonTextColorActive}: var(--text-secondary-active);
41
38
  `,
42
39
  positive: css`
43
- ${linkButtonTokens.linkButtonColor}: var(--text-positive);
44
40
  ${linkButtonTokens.linkButtonIconColor}: var(--text-positive);
45
41
  ${linkButtonTokens.linkButtonTextColor}: var(--text-positive);
46
42
  ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);
47
- ${linkButtonTokens.linkButtonColorHover}: var(--text-positive-hover);
48
- ${linkButtonTokens.linkButtonColorActive}: var(--text-positive-active);
43
+ ${linkButtonTokens.linkButtonIconColorHover}: var(--text-positive-hover);
44
+ ${linkButtonTokens.linkButtonIconColorActive}: var(--text-positive-active);
49
45
  ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
50
46
  ${linkButtonTokens.linkButtonTextColorHover}: var(--text-positive-hover);
51
47
  ${linkButtonTokens.linkButtonTextColorActive}: var(--text-positive-active);
52
48
  `,
53
49
  warning: css`
54
- ${linkButtonTokens.linkButtonColor}: var(--text-warning);
55
50
  ${linkButtonTokens.linkButtonIconColor}: var(--text-warning);
56
51
  ${linkButtonTokens.linkButtonTextColor}: var(--text-warning);
57
52
  ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);
58
- ${linkButtonTokens.linkButtonColorHover}: var(--text-warning-hover);
59
- ${linkButtonTokens.linkButtonColorActive}: var(--text-warning-active);
53
+ ${linkButtonTokens.linkButtonIconColorHover}: var(--text-warning-hover);
54
+ ${linkButtonTokens.linkButtonIconColorActive}: var(--text-warning-active);
60
55
  ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
61
56
  ${linkButtonTokens.linkButtonTextColorHover}: var(--text-warning-hover);
62
57
  ${linkButtonTokens.linkButtonTextColorActive}: var(--text-warning-active);
63
58
  `,
64
59
  negative: css`
65
- ${linkButtonTokens.linkButtonColor}: var(--text-negative);
66
60
  ${linkButtonTokens.linkButtonIconColor}: var(--text-negative);
67
61
  ${linkButtonTokens.linkButtonTextColor}: var(--text-negative);
68
62
  ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);
69
- ${linkButtonTokens.linkButtonColorHover}: var(--text-negative-hover);
70
- ${linkButtonTokens.linkButtonColorActive}: var(--text-negative-active);
63
+ ${linkButtonTokens.linkButtonIconColorHover}: var(--text-negative-hover);
64
+ ${linkButtonTokens.linkButtonIconColorActive}: var(--text-negative-active);
71
65
  ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
72
66
  ${linkButtonTokens.linkButtonTextColorHover}: var(--text-negative-hover);
73
67
  ${linkButtonTokens.linkButtonTextColorActive}: var(--text-negative-active);
74
68
  `,
75
69
  info: css`
76
- ${linkButtonTokens.linkButtonColor}: var(--text-info);
77
70
  ${linkButtonTokens.linkButtonIconColor}: var(--text-info);
78
71
  ${linkButtonTokens.linkButtonTextColor}: var(--text-info);
79
72
  ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);
80
- ${linkButtonTokens.linkButtonColorHover}: var(--text-info-hover);
81
- ${linkButtonTokens.linkButtonColorActive}: var(--text-info-active);
73
+ ${linkButtonTokens.linkButtonIconColorHover}: var(--text-info-hover);
74
+ ${linkButtonTokens.linkButtonIconColorActive}: var(--text-info-active);
82
75
  ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
83
76
  ${linkButtonTokens.linkButtonTextColorHover}: var(--text-info-hover);
84
77
  ${linkButtonTokens.linkButtonTextColorActive}: var(--text-info-active);
package/dist/styled-components/es/components/Scrollbar/Scrollbar.config.js CHANGED
@@ -2,7 +2,9 @@ export const config = {
2
2
  view: {
3
3
  default: {
4
4
  trackColor: 'var(--surface-transparent-primary)',
5
- thumbColor: 'var(--surface-transparent-tertiary)'
5
+ thumbColor: 'var(--surface-transparent-tertiary)',
6
+ thumbHoverColor: 'var(--surface-transparent-tertiary-hover)',
7
+ thumbActiveColor: 'var(--surface-transparent-tertiary-active)'
6
8
  }
7
9
  },
8
10
  size: {
package/dist/styled-components/es/components/Select/Select.config.js CHANGED
@@ -392,7 +392,7 @@ export const config = {
392
392
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.82rem -2.938rem auto auto;
393
393
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.82rem -2.188rem auto auto;
394
394
 
395
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
395
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
396
396
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
397
397
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
398
398
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -517,7 +517,7 @@ export const config = {
517
517
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
518
518
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
519
519
 
520
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
520
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
521
521
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
522
522
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
523
523
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -642,7 +642,7 @@ export const config = {
642
642
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
643
643
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
644
644
 
645
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
645
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
646
646
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
647
647
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
648
648
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -767,7 +767,7 @@ export const config = {
767
767
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
768
768
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
769
769
 
770
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
770
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
771
771
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
772
772
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
773
773
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -892,7 +892,7 @@ export const config = {
892
892
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
893
893
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
894
894
 
895
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
895
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
896
896
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
897
897
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
898
898
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/es/components/Slider/Slider.config.js CHANGED
@@ -119,7 +119,6 @@ export const config = {
119
119
 
120
120
  ${sliderTokens.railThickness}: 0.25rem;
121
121
  ${sliderTokens.railBorderRadius}: 0.125rem;
122
- ${sliderTokens.railIndent}: 0.75rem;
123
122
 
124
123
  ${sliderTokens.textFieldWrapperGap}: 0.125rem;
125
124
 
@@ -168,7 +167,6 @@ export const config = {
168
167
 
169
168
  ${sliderTokens.railThickness}: 0.25rem;
170
169
  ${sliderTokens.railBorderRadius}: 0.125rem;
171
- ${sliderTokens.railIndent}: 0.75rem;
172
170
 
173
171
  ${sliderTokens.textFieldWrapperGap}: 0.125rem;
174
172
 
@@ -217,7 +215,6 @@ export const config = {
217
215
 
218
216
  ${sliderTokens.railThickness}: 0.25rem;
219
217
  ${sliderTokens.railBorderRadius}: 0.125rem;
220
- ${sliderTokens.railIndent}: 0.75rem;
221
218
 
222
219
  ${sliderTokens.textFieldWrapperGap}: 0.125rem;
223
220
 
package/dist/styled-components/es/components/TextField/TextField.clear.config.js CHANGED
@@ -181,7 +181,7 @@ export const config = {
181
181
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
182
182
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
183
183
 
184
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
184
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
185
185
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
186
186
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
187
187
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -273,7 +273,7 @@ export const config = {
273
273
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
274
274
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
275
275
 
276
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
276
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
277
277
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
278
278
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
279
279
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -357,7 +357,7 @@ export const config = {
357
357
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
358
358
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
359
359
 
360
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
360
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
361
361
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
362
362
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
363
363
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -441,7 +441,7 @@ export const config = {
441
441
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
442
442
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
443
443
 
444
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
444
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
445
445
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
446
446
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
447
447
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -525,7 +525,7 @@ export const config = {
525
525
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
526
526
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
527
527
 
528
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
528
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
529
529
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
530
530
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
531
531
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/es/components/TextField/TextField.config.js CHANGED
@@ -165,7 +165,7 @@ export const config = {
165
165
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
166
166
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
167
167
 
168
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
168
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
169
169
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
170
170
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
171
171
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -258,7 +258,7 @@ export const config = {
258
258
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
259
259
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
260
260
 
261
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
261
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
262
262
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
263
263
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
264
264
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -344,7 +344,7 @@ export const config = {
344
344
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
345
345
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
346
346
 
347
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
347
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
348
348
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
349
349
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
350
350
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -430,7 +430,7 @@ export const config = {
430
430
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
431
431
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
432
432
 
433
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
433
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
434
434
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
435
435
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
436
436
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -516,7 +516,7 @@ export const config = {
516
516
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
517
517
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
518
518
 
519
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
519
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
520
520
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
521
521
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
522
522
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/es/components/TextFieldGroup/TextFieldGroup.config.js CHANGED
@@ -35,7 +35,7 @@ export const config = {
35
35
  ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
36
36
  ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);
37
37
 
38
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
38
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
39
39
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
40
40
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
41
41
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -91,7 +91,7 @@ export const config = {
91
91
  ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
92
92
  ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);
93
93
 
94
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
94
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
95
95
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
96
96
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
97
97
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -147,7 +147,7 @@ export const config = {
147
147
  ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
148
148
  ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);
149
149
 
150
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
150
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
151
151
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
152
152
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
153
153
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -203,7 +203,7 @@ export const config = {
203
203
  ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
204
204
  ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);
205
205
 
206
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
206
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
207
207
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
208
208
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
209
209
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/es/index.js CHANGED
@@ -34,6 +34,7 @@ export * from './components/Range';
34
34
  export * from './components/Radiobox';
35
35
  export * from './components/Segment';
36
36
  export * from './components/Sheet';
37
+ export * from './components/Skeleton';
37
38
  export * from './components/Spinner';
38
39
  export * from './components/Slider';
39
40
  export * from './components/SSRProvider';
@@ -75,7 +76,6 @@ export * from './components/TextFieldSlider';
75
76
  // export * from './components/Link';
76
77
  // export * from './components/Overlay';
77
78
  // export * from './components/Popup';
78
- // export * from './components/Skeleton';
79
79
  // export * from './components/Table';
80
80
  export * from './mixins';
81
81
  export * from './tokens';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-dfa",
3
- "version": "0.353.0-next-sbcom.0",
3
+ "version": "0.353.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
  "publishConfig": {
@@ -35,8 +35,8 @@
35
35
  "styled-components": "^5.3.1"
36
36
  },
37
37
  "dependencies": {
38
- "@salutejs/plasma-new-hope": "0.367.0-next-sbcom.0",
39
- "@salutejs/sdds-themes": "0.69.0-next-sbcom.0"
38
+ "@salutejs/plasma-new-hope": "0.367.0",
39
+ "@salutejs/sdds-themes": "0.69.0"
40
40
  },
41
41
  "devDependencies": {
42
42
  "@babel/cli": "7.24.1",
@@ -47,10 +47,10 @@
47
47
  "@babel/preset-react": "7.24.1",
48
48
  "@babel/preset-typescript": "7.24.1",
49
49
  "@salutejs/plasma-colors": "0.16.0",
50
- "@salutejs/plasma-core": "1.230.0-next-sbcom.0",
51
- "@salutejs/plasma-cy-utils": "0.160.0-next-sbcom.0",
52
- "@salutejs/plasma-icons": "1.241.0-next-sbcom.0",
53
- "@salutejs/plasma-sb-utils": "0.231.0-next-sbcom.0",
50
+ "@salutejs/plasma-core": "1.230.0",
51
+ "@salutejs/plasma-cy-utils": "0.160.0",
52
+ "@salutejs/plasma-icons": "1.241.0",
53
+ "@salutejs/plasma-sb-utils": "0.231.0",
54
54
  "@types/node": "16.7.13",
55
55
  "@types/react": "18.0.28",
56
56
  "@types/react-dom": "18.0.11",
@@ -88,5 +88,5 @@
88
88
  "salute.developers@gmail.com"
89
89
  ],
90
90
  "sideEffects": false,
91
- "gitHead": "c36f4190c057fe79a831970475df9ff7ad04c743"
91
+ "gitHead": "22cd4c680b11c65c8abe88d14e6c8c37af778906"
92
92
  }
package/types/components/Attach/Attach.d.ts CHANGED
@@ -48,6 +48,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
48
48
  value?: string | number;
49
49
  contentRight?: never;
50
50
  } & {
51
+ files?: File[];
51
52
  acceptedFileFormats?: string[];
52
53
  hideButtonOnAttach?: boolean;
53
54
  hasAttachment?: boolean;
@@ -63,7 +64,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
63
64
  dropdownOptions?: import("@salutejs/plasma-new-hope/types/components/Attach/Attach.types.js").DropdownOptions;
64
65
  } & {
65
66
  buttonType?: "button";
66
- } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
67
+ } & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
67
68
  text?: string;
68
69
  contentLeft?: import("react").ReactNode;
69
70
  contentPlacing?: "default" | "relaxed";
@@ -87,6 +88,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
87
88
  value?: string | number;
88
89
  contentRight?: never;
89
90
  } & {
91
+ files?: File[];
90
92
  acceptedFileFormats?: string[];
91
93
  hideButtonOnAttach?: boolean;
92
94
  hasAttachment?: boolean;
@@ -105,7 +107,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
105
107
  } & {
106
108
  value?: never;
107
109
  contentRight?: import("react").ReactNode;
108
- } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
110
+ } & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
109
111
  text?: string;
110
112
  contentLeft?: import("react").ReactNode;
111
113
  contentPlacing?: "default" | "relaxed";
@@ -129,6 +131,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
129
131
  value?: string | number;
130
132
  contentRight?: never;
131
133
  } & {
134
+ files?: File[];
132
135
  acceptedFileFormats?: string[];
133
136
  hideButtonOnAttach?: boolean;
134
137
  hasAttachment?: boolean;
@@ -145,7 +148,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
145
148
  } & {
146
149
  buttonType?: "iconButton";
147
150
  icon?: React.ReactNode;
148
- } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
151
+ } & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
149
152
  text?: string;
150
153
  contentLeft?: import("react").ReactNode;
151
154
  contentPlacing?: "default" | "relaxed";
@@ -169,6 +172,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
169
172
  value?: string | number;
170
173
  contentRight?: never;
171
174
  } & {
175
+ files?: File[];
172
176
  acceptedFileFormats?: string[];
173
177
  hideButtonOnAttach?: boolean;
174
178
  hasAttachment?: boolean;
@@ -188,7 +192,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
188
192
  } & {
189
193
  value?: never;
190
194
  contentRight?: import("react").ReactNode;
191
- } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
195
+ } & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
192
196
  text?: string;
193
197
  contentLeft?: import("react").ReactNode;
194
198
  contentPlacing?: "default" | "relaxed";
@@ -212,6 +216,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
212
216
  value?: string | number;
213
217
  contentRight?: never;
214
218
  } & {
219
+ files?: File[];
215
220
  acceptedFileFormats?: string[];
216
221
  hideButtonOnAttach?: boolean;
217
222
  hasAttachment?: boolean;
@@ -227,7 +232,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
227
232
  dropdownOptions?: never;
228
233
  } & {
229
234
  buttonType?: "button";
230
- } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
235
+ } & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
231
236
  text?: string;
232
237
  contentLeft?: import("react").ReactNode;
233
238
  contentPlacing?: "default" | "relaxed";
@@ -251,6 +256,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
251
256
  value?: string | number;
252
257
  contentRight?: never;
253
258
  } & {
259
+ files?: File[];
254
260
  acceptedFileFormats?: string[];
255
261
  hideButtonOnAttach?: boolean;
256
262
  hasAttachment?: boolean;
@@ -269,7 +275,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
269
275
  } & {
270
276
  value?: never;
271
277
  contentRight?: import("react").ReactNode;
272
- } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
278
+ } & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
273
279
  text?: string;
274
280
  contentLeft?: import("react").ReactNode;
275
281
  contentPlacing?: "default" | "relaxed";
@@ -293,6 +299,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
293
299
  value?: string | number;
294
300
  contentRight?: never;
295
301
  } & {
302
+ files?: File[];
296
303
  acceptedFileFormats?: string[];
297
304
  hideButtonOnAttach?: boolean;
298
305
  hasAttachment?: boolean;
@@ -309,7 +316,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
309
316
  } & {
310
317
  buttonType?: "iconButton";
311
318
  icon?: React.ReactNode;
312
- } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
319
+ } & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
313
320
  text?: string;
314
321
  contentLeft?: import("react").ReactNode;
315
322
  contentPlacing?: "default" | "relaxed";
@@ -333,6 +340,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
333
340
  value?: string | number;
334
341
  contentRight?: never;
335
342
  } & {
343
+ files?: File[];
336
344
  acceptedFileFormats?: string[];
337
345
  hideButtonOnAttach?: boolean;
338
346
  hasAttachment?: boolean;
@@ -352,7 +360,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
352
360
  } & {
353
361
  value?: never;
354
362
  contentRight?: import("react").ReactNode;
355
- } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
363
+ } & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
356
364
  text?: string;
357
365
  contentLeft?: import("react").ReactNode;
358
366
  contentPlacing?: "default" | "relaxed";
@@ -376,6 +384,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
376
384
  value?: never;
377
385
  contentRight?: import("react").ReactNode;
378
386
  } & {
387
+ files?: File[];
379
388
  acceptedFileFormats?: string[];
380
389
  hideButtonOnAttach?: boolean;
381
390
  hasAttachment?: boolean;
@@ -394,7 +403,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
394
403
  } & {
395
404
  value?: string | number;
396
405
  contentRight?: never;
397
- } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
406
+ } & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
398
407
  text?: string;
399
408
  contentLeft?: import("react").ReactNode;
400
409
  contentPlacing?: "default" | "relaxed";
@@ -418,6 +427,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
418
427
  value?: never;
419
428
  contentRight?: import("react").ReactNode;
420
429
  } & {
430
+ files?: File[];
421
431
  acceptedFileFormats?: string[];
422
432
  hideButtonOnAttach?: boolean;
423
433
  hasAttachment?: boolean;
@@ -433,7 +443,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
433
443
  dropdownOptions?: import("@salutejs/plasma-new-hope/types/components/Attach/Attach.types.js").DropdownOptions;
434
444
  } & {
435
445
  buttonType?: "button";
436
- } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
446
+ } & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
437
447
  text?: string;
438
448
  contentLeft?: import("react").ReactNode;
439
449
  contentPlacing?: "default" | "relaxed";
@@ -457,6 +467,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
457
467
  value?: never;
458
468
  contentRight?: import("react").ReactNode;
459
469
  } & {
470
+ files?: File[];
460
471
  acceptedFileFormats?: string[];
461
472
  hideButtonOnAttach?: boolean;
462
473
  hasAttachment?: boolean;
@@ -476,7 +487,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
476
487
  } & {
477
488
  value?: string | number;
478
489
  contentRight?: never;
479
- } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
490
+ } & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
480
491
  text?: string;
481
492
  contentLeft?: import("react").ReactNode;
482
493
  contentPlacing?: "default" | "relaxed";
@@ -500,6 +511,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
500
511
  value?: never;
501
512
  contentRight?: import("react").ReactNode;
502
513
  } & {
514
+ files?: File[];
503
515
  acceptedFileFormats?: string[];
504
516
  hideButtonOnAttach?: boolean;
505
517
  hasAttachment?: boolean;
@@ -516,7 +528,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
516
528
  } & {
517
529
  buttonType?: "iconButton";
518
530
  icon?: React.ReactNode;
519
- } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
531
+ } & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
520
532
  text?: string;
521
533
  contentLeft?: import("react").ReactNode;
522
534
  contentPlacing?: "default" | "relaxed";
@@ -540,6 +552,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
540
552
  value?: never;
541
553
  contentRight?: import("react").ReactNode;
542
554
  } & {
555
+ files?: File[];
543
556
  acceptedFileFormats?: string[];
544
557
  hideButtonOnAttach?: boolean;
545
558
  hasAttachment?: boolean;
@@ -558,7 +571,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
558
571
  } & {
559
572
  value?: string | number;
560
573
  contentRight?: never;
561
- } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
574
+ } & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
562
575
  text?: string;
563
576
  contentLeft?: import("react").ReactNode;
564
577
  contentPlacing?: "default" | "relaxed";
@@ -582,6 +595,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
582
595
  value?: never;
583
596
  contentRight?: import("react").ReactNode;
584
597
  } & {
598
+ files?: File[];
585
599
  acceptedFileFormats?: string[];
586
600
  hideButtonOnAttach?: boolean;
587
601
  hasAttachment?: boolean;
@@ -597,7 +611,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
597
611
  dropdownOptions?: never;
598
612
  } & {
599
613
  buttonType?: "button";
600
- } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
614
+ } & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
601
615
  text?: string;
602
616
  contentLeft?: import("react").ReactNode;
603
617
  contentPlacing?: "default" | "relaxed";
@@ -621,6 +635,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
621
635
  value?: never;
622
636
  contentRight?: import("react").ReactNode;
623
637
  } & {
638
+ files?: File[];
624
639
  acceptedFileFormats?: string[];
625
640
  hideButtonOnAttach?: boolean;
626
641
  hasAttachment?: boolean;
@@ -640,7 +655,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
640
655
  } & {
641
656
  value?: string | number;
642
657
  contentRight?: never;
643
- } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
658
+ } & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
644
659
  text?: string;
645
660
  contentLeft?: import("react").ReactNode;
646
661
  contentPlacing?: "default" | "relaxed";
@@ -664,6 +679,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
664
679
  value?: never;
665
680
  contentRight?: import("react").ReactNode;
666
681
  } & {
682
+ files?: File[];
667
683
  acceptedFileFormats?: string[];
668
684
  hideButtonOnAttach?: boolean;
669
685
  hasAttachment?: boolean;
@@ -680,4 +696,4 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
680
696
  } & {
681
697
  buttonType?: "iconButton";
682
698
  icon?: React.ReactNode;
683
- } & import("react").RefAttributes<HTMLDivElement>))>;
699
+ } & import("react").RefAttributes<HTMLInputElement>))>;