@salutejs/sdds-cs 0.366.0-next-sbcom.0 → 0.366.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 (23) hide show
  1. package/dist/emotion/cjs/components/Autocomplete/Autocomplete.config.js +1 -1
  2. package/dist/emotion/cjs/components/Calendar/Calendar.config.js +0 -1
  3. package/dist/emotion/cjs/components/Calendar/CalendarDouble.config.js +0 -1
  4. package/dist/emotion/cjs/components/Combobox/Combobox.config.js +2 -2
  5. package/dist/emotion/cjs/components/DatePicker/DatePicker.config.js +0 -1
  6. package/dist/emotion/cjs/components/Notification/Notification.config.js +58 -30
  7. package/dist/emotion/cjs/components/Select/Select.config.js +1 -1
  8. package/dist/emotion/cjs/components/TextField/TextField.clear.config.js +1 -1
  9. package/dist/emotion/cjs/components/TextField/TextField.config.js +2 -2
  10. package/dist/emotion/es/components/Autocomplete/Autocomplete.config.js +1 -1
  11. package/dist/emotion/es/components/Calendar/Calendar.config.js +0 -1
  12. package/dist/emotion/es/components/Calendar/CalendarDouble.config.js +0 -1
  13. package/dist/emotion/es/components/Combobox/Combobox.config.js +2 -2
  14. package/dist/emotion/es/components/DatePicker/DatePicker.config.js +0 -1
  15. package/dist/emotion/es/components/Notification/Notification.config.js +58 -30
  16. package/dist/emotion/es/components/Select/Select.config.js +1 -1
  17. package/dist/emotion/es/components/TextField/TextField.clear.config.js +1 -1
  18. package/dist/emotion/es/components/TextField/TextField.config.js +2 -2
  19. package/package.json +9 -9
  20. package/types/components/Avatar/Avatar.d.ts +4 -4
  21. package/types/components/DatePicker/DatePicker.d.ts +1 -0
  22. package/types/components/NumberInput/NumberInput.d.ts +20 -2
  23. package/types/components/Range/Range.d.ts +18 -0
package/dist/emotion/cjs/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -133,7 +133,7 @@ const config = {
133
133
  ${_emotion.autocompleteTokens.textFieldLabelLetterSpacing}: ${_sdds_cs.bodyS.letterSpacing};
134
134
  ${_emotion.autocompleteTokens.textFieldLabelLineHeight}: ${_sdds_cs.bodyS.lineHeight};
135
135
 
136
- ${_emotion.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
136
+ ${_emotion.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
137
137
  ${_emotion.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_cs.bodyS.fontFamily};
138
138
  ${_emotion.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_cs.bodyS.fontSize};
139
139
  ${_emotion.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_cs.bodyS.fontStyle};
package/dist/emotion/cjs/components/Calendar/Calendar.config.js CHANGED
@@ -101,7 +101,6 @@ const config = {
101
101
 
102
102
  ${_emotion.calendarBaseTokens.calendarHeaderArrowGap}: 0.5rem;
103
103
  ${_emotion.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
104
- ${_emotion.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
105
104
 
106
105
  ${_emotion.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
107
106
  ${_emotion.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/emotion/cjs/components/Calendar/CalendarDouble.config.js CHANGED
@@ -100,7 +100,6 @@ const config = {
100
100
 
101
101
  ${_emotion.calendarDoubleTokens.calendarHeaderArrowGap}: 0.5rem;
102
102
  ${_emotion.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
103
- ${_emotion.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
104
103
 
105
104
  ${_emotion.calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0;
106
105
  ${_emotion.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
package/dist/emotion/cjs/components/Combobox/Combobox.config.js CHANGED
@@ -171,7 +171,7 @@ const config = {
171
171
  ${_emotion.comboboxTokens.textFieldLabelLetterSpacing}: ${_sdds_cs.bodyS.letterSpacing};
172
172
  ${_emotion.comboboxTokens.textFieldLabelLineHeight}: ${_sdds_cs.bodyS.lineHeight};
173
173
 
174
- ${_emotion.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
174
+ ${_emotion.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
175
175
  ${_emotion.comboboxTokens.textFieldLeftHelperFontFamily}: ${_sdds_cs.bodyS.fontFamily};
176
176
  ${_emotion.comboboxTokens.textFieldLeftHelperFontSize}: ${_sdds_cs.bodyS.fontSize};
177
177
  ${_emotion.comboboxTokens.textFieldLeftHelperFontStyle}: ${_sdds_cs.bodyS.fontStyle};
@@ -302,7 +302,7 @@ const config = {
302
302
  ${_emotion.comboboxTokens.disclosureIconColorHover}: transparent;
303
303
  ${_emotion.comboboxTokens.textFieldPadding}: 0;
304
304
  ${_emotion.comboboxTokens.textFieldLabelOffset}: 0.25rem;
305
- ${_emotion.comboboxTokens.textFieldLeftHelperPadding}: 0rem 0 0 0;
305
+ ${_emotion.comboboxTokens.textFieldLeftHelperOffset}: 0rem 0 0 0;
306
306
  ${_emotion.comboboxTokens.textFieldBorderColor}: transparent;
307
307
  ${_emotion.comboboxTokens.textFieldBorderWidth}: 0;
308
308
  `
package/dist/emotion/cjs/components/DatePicker/DatePicker.config.js CHANGED
@@ -249,7 +249,6 @@ const config = {
249
249
  ${_emotion.datePickerTokens.calendarHeaderWrapperPadding}: 0;
250
250
  ${_emotion.datePickerTokens.calendarHeaderArrowGap}: 0.5rem;
251
251
  ${_emotion.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
252
- ${_emotion.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
253
252
 
254
253
  ${_emotion.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
255
254
  ${_emotion.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/emotion/cjs/components/Notification/Notification.config.js CHANGED
@@ -22,14 +22,29 @@ const config = {
22
22
  ${_emotion.notificationTokens.contentLeftIconColor}: ${_sdds_cs.textPrimary};
23
23
  ${_emotion.notificationTokens.contentColor}: ${_sdds_cs.textSecondary};
24
24
  ${_emotion.notificationTokens.background}: ${_sdds_cs.surfaceSolidCard};
25
- ${_emotion.notificationTokens.borderRadius}: 0.75rem;
26
- ${_emotion.notificationTokens.padding}: 0.75rem;
27
25
  ${_emotion.notificationTokens.borderColor}: ${_sdds_cs.outlineSolidPrimary};
28
26
 
29
- ${_emotion.notificationTokens.contentPaddingTop}: 0.125rem;
30
- ${_emotion.notificationTokens.contentPaddingRight}: 0.25rem;
31
- ${_emotion.notificationTokens.contentPaddingBottom}: 0rem;
32
- ${_emotion.notificationTokens.contentPaddingLeft}: 0.25rem;
27
+ ${_emotion.notificationTokens.closeIconColor}: ${_sdds_cs.textAccent};
28
+ ${_emotion.notificationTokens.closeIconColorOnHover}:${_sdds_cs.textAccentMinor};
29
+
30
+ `
31
+ },
32
+ layout: {
33
+ horizontal: (0, _emotion.css)`
34
+ ${_emotion.notificationTokens.width}: 30rem;
35
+ ${_emotion.notificationTokens.horizontalLayoutPadding}: 0.75rem 0.75rem 0.75rem 0.75rem;
36
+ ${_emotion.notificationTokens.horisontalIconLeftAlignSelf}: flex-start;
37
+ ${_emotion.notificationTokens.horisontalActionsAlignSelf}: flex-end;
38
+ ${_emotion.notificationTokens.horisontalIconCloseAlignSelf}: flex-start;
39
+ `,
40
+ vertical: (0, _emotion.css)`
41
+ ${_emotion.notificationTokens.width}: 15rem;
42
+ ${_emotion.notificationTokens.padding}: 0.375rem;
43
+ `
44
+ },
45
+ size: {
46
+ xs: (0, _emotion.css)`
47
+ ${_emotion.notificationTokens.borderRadius}: 0.75rem;
33
48
 
34
49
  ${_emotion.notificationTokens.contentPaddingTopWithoutIcon}: 0.25rem;
35
50
  ${_emotion.notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon}: 1rem;
@@ -38,13 +53,9 @@ const config = {
38
53
  ${_emotion.notificationTokens.textboxPaddingRight}: 0.125rem;
39
54
  ${_emotion.notificationTokens.textboxPaddingBottom}: 0.375rem;
40
55
  ${_emotion.notificationTokens.textboxPaddingLeft}: 0.125rem;
41
-
42
56
  ${_emotion.notificationTokens.textboxPaddingRightWithCloseIcon}: 1.625rem;
43
57
  ${_emotion.notificationTokens.textboxGap}: 0.25rem;
44
58
 
45
- ${_emotion.notificationTokens.closeIconTop}: 0.5rem;
46
- ${_emotion.notificationTokens.closeIconRight}: 0.5rem;
47
-
48
59
  ${_emotion.notificationTokens.buttonsMarginTop}: 0.375rem;
49
60
 
50
61
  ${_emotion.notificationTokens.contentLeftIconSize}: 1.5rem;
@@ -65,29 +76,10 @@ const config = {
65
76
  ${_emotion.notificationTokens.titleFontLetterSpacing}: ${_sdds_cs.bodyM.letterSpacing};
66
77
  ${_emotion.notificationTokens.titleFontLineHeight}: ${_sdds_cs.bodyM.lineHeight};
67
78
 
68
- ${_emotion.notificationTokens.closeIconColor}: ${_sdds_cs.textAccent};
69
- ${_emotion.notificationTokens.closeIconColorOnHover}:${_sdds_cs.textAccentMinor};
70
-
71
79
  ${_emotion.notificationTokens.horizontalLayoutGap}: 0.5rem;
72
80
  ${_emotion.notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;
73
81
  ${_emotion.notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem;
74
- `
75
- },
76
- layout: {
77
- horizontal: (0, _emotion.css)`
78
- ${_emotion.notificationTokens.width}: 30rem;
79
- ${_emotion.notificationTokens.horizontalLayoutPadding}: 0.75rem 0.75rem 0.75rem 0.75rem;
80
- ${_emotion.notificationTokens.horisontalIconLeftAlignSelf}: flex-start;
81
- ${_emotion.notificationTokens.horisontalActionsAlignSelf}: flex-end;
82
- ${_emotion.notificationTokens.horisontalIconCloseAlignSelf}: flex-start;
83
- `,
84
- vertical: (0, _emotion.css)`
85
- ${_emotion.notificationTokens.width}: 15rem;
86
- ${_emotion.notificationTokens.padding}: 0.375rem;
87
- `
88
- },
89
- size: {
90
- xs: (0, _emotion.css)`
82
+
91
83
  ${_emotion.notificationTokens.closeIconTop}: 0.5rem;
92
84
  ${_emotion.notificationTokens.closeIconRight}: 0.5rem;
93
85
  ${_emotion.notificationTokens.borderWidth}: 0.125rem;
@@ -103,6 +95,42 @@ const config = {
103
95
  ${_emotion.notificationTokens.buttonsMarginLeft}: 0rem;
104
96
  `,
105
97
  xxs: (0, _emotion.css)`
98
+ ${_emotion.notificationTokens.borderRadius}: 0.75rem;
99
+
100
+ ${_emotion.notificationTokens.contentPaddingTopWithoutIcon}: 0.25rem;
101
+ ${_emotion.notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon}: 1rem;
102
+
103
+ ${_emotion.notificationTokens.textboxPaddingTop}: 0;
104
+ ${_emotion.notificationTokens.textboxPaddingRight}: 0.125rem;
105
+ ${_emotion.notificationTokens.textboxPaddingBottom}: 0.375rem;
106
+ ${_emotion.notificationTokens.textboxPaddingLeft}: 0.125rem;
107
+ ${_emotion.notificationTokens.textboxPaddingRightWithCloseIcon}: 1.625rem;
108
+ ${_emotion.notificationTokens.textboxGap}: 0.25rem;
109
+
110
+ ${_emotion.notificationTokens.buttonsMarginTop}: 0.375rem;
111
+
112
+ ${_emotion.notificationTokens.contentLeftIconSize}: 1.5rem;
113
+ ${_emotion.notificationTokens.contentLeftIconMargin}: 0.25rem;
114
+ ${_emotion.notificationTokens.contentTopIconMargin}: 0.25rem;
115
+
116
+ ${_emotion.notificationTokens.contentFontFamily}: ${_sdds_cs.bodyS.fontFamily};
117
+ ${_emotion.notificationTokens.contentFontSize}: ${_sdds_cs.bodyS.fontSize};
118
+ ${_emotion.notificationTokens.contentFontStyle}: ${_sdds_cs.bodyS.fontStyle};
119
+ ${_emotion.notificationTokens.contentFontWeight}: ${_sdds_cs.bodyS.fontWeight};
120
+ ${_emotion.notificationTokens.contentFontLetterSpacing}: ${_sdds_cs.bodyS.letterSpacing};
121
+ ${_emotion.notificationTokens.contentFontLineHeight}: ${_sdds_cs.bodyS.lineHeight};
122
+
123
+ ${_emotion.notificationTokens.titleFontFamily}: ${_sdds_cs.bodyM.fontFamily};
124
+ ${_emotion.notificationTokens.titleFontSize}: ${_sdds_cs.bodyM.fontSize};
125
+ ${_emotion.notificationTokens.titleFontStyle}: ${_sdds_cs.bodyM.fontStyle};
126
+ ${_emotion.notificationTokens.titleFontWeight}: ${_sdds_cs.bodyMBold.fontWeight};
127
+ ${_emotion.notificationTokens.titleFontLetterSpacing}: ${_sdds_cs.bodyM.letterSpacing};
128
+ ${_emotion.notificationTokens.titleFontLineHeight}: ${_sdds_cs.bodyM.lineHeight};
129
+
130
+ ${_emotion.notificationTokens.horizontalLayoutGap}: 0.5rem;
131
+ ${_emotion.notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;
132
+ ${_emotion.notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem;
133
+
106
134
  ${_emotion.notificationTokens.closeIconTop}: 0.875rem;
107
135
  ${_emotion.notificationTokens.closeIconRight}: 1rem;
108
136
  ${_emotion.notificationTokens.borderWidth}: 0.125rem;
package/dist/emotion/cjs/components/Select/Select.config.js CHANGED
@@ -135,7 +135,7 @@ const config = {
135
135
  ${_emotion.selectTokens.textFieldLabelLetterSpacing}: ${_sdds_cs.bodyS.letterSpacing};
136
136
  ${_emotion.selectTokens.textFieldLabelLineHeight}: ${_sdds_cs.bodyS.lineHeight};
137
137
 
138
- ${_emotion.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
138
+ ${_emotion.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
139
139
  ${_emotion.selectTokens.textFieldLeftHelperFontFamily}: ${_sdds_cs.bodyS.fontFamily};
140
140
  ${_emotion.selectTokens.textFieldLeftHelperFontSize}: ${_sdds_cs.bodyS.fontSize};
141
141
  ${_emotion.selectTokens.textFieldLeftHelperFontStyle}: ${_sdds_cs.bodyS.fontStyle};
package/dist/emotion/cjs/components/TextField/TextField.clear.config.js CHANGED
@@ -123,7 +123,7 @@ const config = {
123
123
  ${_emotion.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_cs.bodyXS.letterSpacing};
124
124
  ${_emotion.textFieldTokens.titleCaptionLineHeight}: ${_sdds_cs.bodyXS.lineHeight};
125
125
 
126
- ${_emotion.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
126
+ ${_emotion.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
127
127
  ${_emotion.textFieldTokens.leftHelperFontFamily}: ${_sdds_cs.bodyS.fontFamily};
128
128
  ${_emotion.textFieldTokens.leftHelperFontSize}: ${_sdds_cs.bodyS.fontSize};
129
129
  ${_emotion.textFieldTokens.leftHelperFontStyle}: ${_sdds_cs.bodyS.fontStyle};
package/dist/emotion/cjs/components/TextField/TextField.config.js CHANGED
@@ -150,7 +150,7 @@ const config = {
150
150
  ${_emotion.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_cs.bodyXS.letterSpacing};
151
151
  ${_emotion.textFieldTokens.titleCaptionLineHeight}: ${_sdds_cs.bodyXS.lineHeight};
152
152
 
153
- ${_emotion.textFieldTokens.leftHelperPadding}: 0.25rem;
153
+ ${_emotion.textFieldTokens.leftHelperOffset}: 0.25rem;
154
154
  ${_emotion.textFieldTokens.leftHelperFontFamily}: ${_sdds_cs.bodyS.fontFamily};
155
155
  ${_emotion.textFieldTokens.leftHelperFontSize}: ${_sdds_cs.bodyS.fontSize};
156
156
  ${_emotion.textFieldTokens.leftHelperFontStyle}: ${_sdds_cs.bodyS.fontStyle};
@@ -223,7 +223,7 @@ const config = {
223
223
  ${_emotion.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_cs.bodyXS.letterSpacing};
224
224
  ${_emotion.textFieldTokens.titleCaptionLineHeight}: ${_sdds_cs.bodyXS.lineHeight};
225
225
 
226
- ${_emotion.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
226
+ ${_emotion.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
227
227
  ${_emotion.textFieldTokens.leftHelperFontFamily}: ${_sdds_cs.bodyS.fontFamily};
228
228
  ${_emotion.textFieldTokens.leftHelperFontSize}: ${_sdds_cs.bodyS.fontSize};
229
229
  ${_emotion.textFieldTokens.leftHelperFontStyle}: ${_sdds_cs.bodyS.fontStyle};
package/dist/emotion/es/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -123,7 +123,7 @@ export const config = {
123
123
  ${tokens.textFieldLabelLetterSpacing}: ${bodyS.letterSpacing};
124
124
  ${tokens.textFieldLabelLineHeight}: ${bodyS.lineHeight};
125
125
 
126
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
126
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
127
127
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyS.fontFamily};
128
128
  ${tokens.textFieldLeftHelperFontSize}: ${bodyS.fontSize};
129
129
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyS.fontStyle};
package/dist/emotion/es/components/Calendar/Calendar.config.js CHANGED
@@ -91,7 +91,6 @@ export const config = {
91
91
 
92
92
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0.5rem;
93
93
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
94
- ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
95
94
 
96
95
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
97
96
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/emotion/es/components/Calendar/CalendarDouble.config.js CHANGED
@@ -90,7 +90,6 @@ export const config = {
90
90
 
91
91
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0.5rem;
92
92
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
93
- ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
94
93
 
95
94
  ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0;
96
95
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
package/dist/emotion/es/components/Combobox/Combobox.config.js CHANGED
@@ -161,7 +161,7 @@ export const config = {
161
161
  ${tokens.textFieldLabelLetterSpacing}: ${bodyS.letterSpacing};
162
162
  ${tokens.textFieldLabelLineHeight}: ${bodyS.lineHeight};
163
163
 
164
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
164
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
165
165
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyS.fontFamily};
166
166
  ${tokens.textFieldLeftHelperFontSize}: ${bodyS.fontSize};
167
167
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyS.fontStyle};
@@ -292,7 +292,7 @@ export const config = {
292
292
  ${tokens.disclosureIconColorHover}: transparent;
293
293
  ${tokens.textFieldPadding}: 0;
294
294
  ${tokens.textFieldLabelOffset}: 0.25rem;
295
- ${tokens.textFieldLeftHelperPadding}: 0rem 0 0 0;
295
+ ${tokens.textFieldLeftHelperOffset}: 0rem 0 0 0;
296
296
  ${tokens.textFieldBorderColor}: transparent;
297
297
  ${tokens.textFieldBorderWidth}: 0;
298
298
  `
package/dist/emotion/es/components/DatePicker/DatePicker.config.js CHANGED
@@ -239,7 +239,6 @@ export const config = {
239
239
  ${tokens.calendarHeaderWrapperPadding}: 0;
240
240
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
241
241
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
242
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
243
242
 
244
243
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
245
244
  ${tokens.calendarHeaderDateGap}: 0.25rem;
package/dist/emotion/es/components/Notification/Notification.config.js CHANGED
@@ -12,14 +12,29 @@ export const config = {
12
12
  ${notificationTokens.contentLeftIconColor}: ${textPrimary};
13
13
  ${notificationTokens.contentColor}: ${textSecondary};
14
14
  ${notificationTokens.background}: ${surfaceSolidCard};
15
- ${notificationTokens.borderRadius}: 0.75rem;
16
- ${notificationTokens.padding}: 0.75rem;
17
15
  ${notificationTokens.borderColor}: ${outlineSolidPrimary};
18
16
 
19
- ${notificationTokens.contentPaddingTop}: 0.125rem;
20
- ${notificationTokens.contentPaddingRight}: 0.25rem;
21
- ${notificationTokens.contentPaddingBottom}: 0rem;
22
- ${notificationTokens.contentPaddingLeft}: 0.25rem;
17
+ ${notificationTokens.closeIconColor}: ${textAccent};
18
+ ${notificationTokens.closeIconColorOnHover}:${textAccentMinor};
19
+
20
+ `
21
+ },
22
+ layout: {
23
+ horizontal: css`
24
+ ${notificationTokens.width}: 30rem;
25
+ ${notificationTokens.horizontalLayoutPadding}: 0.75rem 0.75rem 0.75rem 0.75rem;
26
+ ${notificationTokens.horisontalIconLeftAlignSelf}: flex-start;
27
+ ${notificationTokens.horisontalActionsAlignSelf}: flex-end;
28
+ ${notificationTokens.horisontalIconCloseAlignSelf}: flex-start;
29
+ `,
30
+ vertical: css`
31
+ ${notificationTokens.width}: 15rem;
32
+ ${notificationTokens.padding}: 0.375rem;
33
+ `
34
+ },
35
+ size: {
36
+ xs: css`
37
+ ${notificationTokens.borderRadius}: 0.75rem;
23
38
 
24
39
  ${notificationTokens.contentPaddingTopWithoutIcon}: 0.25rem;
25
40
  ${notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon}: 1rem;
@@ -28,13 +43,9 @@ export const config = {
28
43
  ${notificationTokens.textboxPaddingRight}: 0.125rem;
29
44
  ${notificationTokens.textboxPaddingBottom}: 0.375rem;
30
45
  ${notificationTokens.textboxPaddingLeft}: 0.125rem;
31
-
32
46
  ${notificationTokens.textboxPaddingRightWithCloseIcon}: 1.625rem;
33
47
  ${notificationTokens.textboxGap}: 0.25rem;
34
48
 
35
- ${notificationTokens.closeIconTop}: 0.5rem;
36
- ${notificationTokens.closeIconRight}: 0.5rem;
37
-
38
49
  ${notificationTokens.buttonsMarginTop}: 0.375rem;
39
50
 
40
51
  ${notificationTokens.contentLeftIconSize}: 1.5rem;
@@ -55,29 +66,10 @@ export const config = {
55
66
  ${notificationTokens.titleFontLetterSpacing}: ${bodyM.letterSpacing};
56
67
  ${notificationTokens.titleFontLineHeight}: ${bodyM.lineHeight};
57
68
 
58
- ${notificationTokens.closeIconColor}: ${textAccent};
59
- ${notificationTokens.closeIconColorOnHover}:${textAccentMinor};
60
-
61
69
  ${notificationTokens.horizontalLayoutGap}: 0.5rem;
62
70
  ${notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;
63
71
  ${notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem;
64
- `
65
- },
66
- layout: {
67
- horizontal: css`
68
- ${notificationTokens.width}: 30rem;
69
- ${notificationTokens.horizontalLayoutPadding}: 0.75rem 0.75rem 0.75rem 0.75rem;
70
- ${notificationTokens.horisontalIconLeftAlignSelf}: flex-start;
71
- ${notificationTokens.horisontalActionsAlignSelf}: flex-end;
72
- ${notificationTokens.horisontalIconCloseAlignSelf}: flex-start;
73
- `,
74
- vertical: css`
75
- ${notificationTokens.width}: 15rem;
76
- ${notificationTokens.padding}: 0.375rem;
77
- `
78
- },
79
- size: {
80
- xs: css`
72
+
81
73
  ${notificationTokens.closeIconTop}: 0.5rem;
82
74
  ${notificationTokens.closeIconRight}: 0.5rem;
83
75
  ${notificationTokens.borderWidth}: 0.125rem;
@@ -93,6 +85,42 @@ export const config = {
93
85
  ${notificationTokens.buttonsMarginLeft}: 0rem;
94
86
  `,
95
87
  xxs: css`
88
+ ${notificationTokens.borderRadius}: 0.75rem;
89
+
90
+ ${notificationTokens.contentPaddingTopWithoutIcon}: 0.25rem;
91
+ ${notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon}: 1rem;
92
+
93
+ ${notificationTokens.textboxPaddingTop}: 0;
94
+ ${notificationTokens.textboxPaddingRight}: 0.125rem;
95
+ ${notificationTokens.textboxPaddingBottom}: 0.375rem;
96
+ ${notificationTokens.textboxPaddingLeft}: 0.125rem;
97
+ ${notificationTokens.textboxPaddingRightWithCloseIcon}: 1.625rem;
98
+ ${notificationTokens.textboxGap}: 0.25rem;
99
+
100
+ ${notificationTokens.buttonsMarginTop}: 0.375rem;
101
+
102
+ ${notificationTokens.contentLeftIconSize}: 1.5rem;
103
+ ${notificationTokens.contentLeftIconMargin}: 0.25rem;
104
+ ${notificationTokens.contentTopIconMargin}: 0.25rem;
105
+
106
+ ${notificationTokens.contentFontFamily}: ${bodyS.fontFamily};
107
+ ${notificationTokens.contentFontSize}: ${bodyS.fontSize};
108
+ ${notificationTokens.contentFontStyle}: ${bodyS.fontStyle};
109
+ ${notificationTokens.contentFontWeight}: ${bodyS.fontWeight};
110
+ ${notificationTokens.contentFontLetterSpacing}: ${bodyS.letterSpacing};
111
+ ${notificationTokens.contentFontLineHeight}: ${bodyS.lineHeight};
112
+
113
+ ${notificationTokens.titleFontFamily}: ${bodyM.fontFamily};
114
+ ${notificationTokens.titleFontSize}: ${bodyM.fontSize};
115
+ ${notificationTokens.titleFontStyle}: ${bodyM.fontStyle};
116
+ ${notificationTokens.titleFontWeight}: ${bodyMBold.fontWeight};
117
+ ${notificationTokens.titleFontLetterSpacing}: ${bodyM.letterSpacing};
118
+ ${notificationTokens.titleFontLineHeight}: ${bodyM.lineHeight};
119
+
120
+ ${notificationTokens.horizontalLayoutGap}: 0.5rem;
121
+ ${notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;
122
+ ${notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem;
123
+
96
124
  ${notificationTokens.closeIconTop}: 0.875rem;
97
125
  ${notificationTokens.closeIconRight}: 1rem;
98
126
  ${notificationTokens.borderWidth}: 0.125rem;
package/dist/emotion/es/components/Select/Select.config.js CHANGED
@@ -125,7 +125,7 @@ export const config = {
125
125
  ${tokens.textFieldLabelLetterSpacing}: ${bodyS.letterSpacing};
126
126
  ${tokens.textFieldLabelLineHeight}: ${bodyS.lineHeight};
127
127
 
128
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
128
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
129
129
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyS.fontFamily};
130
130
  ${tokens.textFieldLeftHelperFontSize}: ${bodyS.fontSize};
131
131
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyS.fontStyle};
package/dist/emotion/es/components/TextField/TextField.clear.config.js CHANGED
@@ -113,7 +113,7 @@ export const config = {
113
113
  ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
114
114
  ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
115
115
 
116
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
116
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
117
117
  ${tokens.leftHelperFontFamily}: ${bodyS.fontFamily};
118
118
  ${tokens.leftHelperFontSize}: ${bodyS.fontSize};
119
119
  ${tokens.leftHelperFontStyle}: ${bodyS.fontStyle};
package/dist/emotion/es/components/TextField/TextField.config.js CHANGED
@@ -140,7 +140,7 @@ export const config = {
140
140
  ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
141
141
  ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
142
142
 
143
- ${tokens.leftHelperPadding}: 0.25rem;
143
+ ${tokens.leftHelperOffset}: 0.25rem;
144
144
  ${tokens.leftHelperFontFamily}: ${bodyS.fontFamily};
145
145
  ${tokens.leftHelperFontSize}: ${bodyS.fontSize};
146
146
  ${tokens.leftHelperFontStyle}: ${bodyS.fontStyle};
@@ -213,7 +213,7 @@ export const config = {
213
213
  ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
214
214
  ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
215
215
 
216
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
216
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
217
217
  ${tokens.leftHelperFontFamily}: ${bodyS.fontFamily};
218
218
  ${tokens.leftHelperFontSize}: ${bodyS.fontSize};
219
219
  ${tokens.leftHelperFontStyle}: ${bodyS.fontStyle};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-cs",
3
- "version": "0.366.0-next-sbcom.0",
3
+ "version": "0.366.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
  "publishConfig": {
@@ -42,8 +42,8 @@
42
42
  "styled-components": "^5.3.1"
43
43
  },
44
44
  "dependencies": {
45
- "@salutejs/plasma-new-hope": "0.374.0-next-sbcom.0",
46
- "@salutejs/sdds-themes": "0.75.0-next-sbcom.0"
45
+ "@salutejs/plasma-new-hope": "0.374.0",
46
+ "@salutejs/sdds-themes": "0.75.0"
47
47
  },
48
48
  "devDependencies": {
49
49
  "@babel/cli": "7.24.1",
@@ -57,11 +57,11 @@
57
57
  "@emotion/react": ">=11",
58
58
  "@emotion/styled": ">=11",
59
59
  "@originjs/vite-plugin-commonjs": "1.0.3",
60
- "@salutejs/plasma-colors": "0.16.0",
61
- "@salutejs/plasma-core": "1.237.0-next-sbcom.0",
62
- "@salutejs/plasma-cy-utils": "0.167.0-next-sbcom.0",
63
- "@salutejs/plasma-icons": "1.245.0-next-sbcom.0",
64
- "@salutejs/plasma-sb-utils": "0.238.0-next-sbcom.0",
60
+ "@salutejs/plasma-colors": "0.18.0",
61
+ "@salutejs/plasma-core": "1.237.0",
62
+ "@salutejs/plasma-cy-utils": "0.167.0",
63
+ "@salutejs/plasma-icons": "1.245.0",
64
+ "@salutejs/plasma-sb-utils": "0.238.0",
65
65
  "@types/node": "16.7.13",
66
66
  "@types/react": "18.0.28",
67
67
  "@types/react-dom": "18.0.11",
@@ -102,5 +102,5 @@
102
102
  "salute.developers@gmail.com"
103
103
  ],
104
104
  "sideEffects": false,
105
- "gitHead": "8a30b78006da4171216c3e75d7a067bcfbf06d43"
105
+ "gitHead": "7232ffe7284cf605a4c4d39f14dda710efcc33e2"
106
106
  }
package/types/components/Avatar/Avatar.d.ts CHANGED
@@ -47,7 +47,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/emotion").Componen
47
47
  size?: string;
48
48
  name?: string;
49
49
  url?: string;
50
- customText?: import("react").ReactNode;
50
+ customText?: string;
51
51
  status?: "active" | "inactive";
52
52
  isScalable?: boolean;
53
53
  focused?: boolean;
@@ -75,7 +75,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/emotion").Componen
75
75
  size?: string;
76
76
  name?: string;
77
77
  url?: string;
78
- customText?: import("react").ReactNode;
78
+ customText?: string;
79
79
  status?: "active" | "inactive";
80
80
  isScalable?: boolean;
81
81
  focused?: boolean;
@@ -126,7 +126,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
126
126
  size?: string;
127
127
  name?: string;
128
128
  url?: string;
129
- customText?: import("react").ReactNode;
129
+ customText?: string;
130
130
  status?: "active" | "inactive";
131
131
  isScalable?: boolean;
132
132
  focused?: boolean;
@@ -154,7 +154,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
154
154
  size?: string;
155
155
  name?: string;
156
156
  url?: string;
157
- customText?: import("react").ReactNode;
157
+ customText?: string;
158
158
  status?: "active" | "inactive";
159
159
  isScalable?: boolean;
160
160
  focused?: boolean;
package/types/components/DatePicker/DatePicker.d.ts CHANGED
@@ -153,6 +153,7 @@ export declare const DatePickerRange: import("react").FunctionComponent<import("
153
153
  leftHelper?: string | undefined;
154
154
  hasRequiredIndicator?: boolean | undefined;
155
155
  hintTargetPlacement?: ("inner" | "outer") | undefined;
156
+ inputWrapperRef?: import("react").Ref<HTMLDivElement> | undefined;
156
157
  requiredIndicatorPlacement?: ("left" | "right") | undefined;
157
158
  firstValueError?: boolean | undefined;
158
159
  secondValueError?: boolean | undefined;
package/types/components/NumberInput/NumberInput.d.ts CHANGED
@@ -20,10 +20,19 @@ export declare const NumberInput: import("react").FunctionComponent<import("@sal
20
20
  };
21
21
  }> & (({
22
22
  value?: string | number;
23
+ defaultValue?: string | number;
23
24
  min?: number;
24
25
  max?: number;
25
26
  step?: number;
26
27
  precision?: number;
28
+ thousandSeparator?: boolean | string;
29
+ decimalSeparator?: string;
30
+ thousandsGroupStyle?: "thousand" | "lakh" | "wan" | "none";
31
+ decimalScale?: number;
32
+ fixedDecimalScale?: boolean;
33
+ allowNegative?: boolean;
34
+ allowLeadingZeros?: boolean;
35
+ isAllowed?: (values: import("react-number-format").NumberFormatValues) => boolean;
27
36
  isLoading?: boolean;
28
37
  loader?: import("react").ReactNode;
29
38
  size?: string;
@@ -46,12 +55,21 @@ export declare const NumberInput: import("react").FunctionComponent<import("@sal
46
55
  } & {
47
56
  segmentation?: "clear";
48
57
  inputBackgroundType?: never;
49
- } & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
58
+ } & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
50
59
  value?: string | number;
60
+ defaultValue?: string | number;
51
61
  min?: number;
52
62
  max?: number;
53
63
  step?: number;
54
64
  precision?: number;
65
+ thousandSeparator?: boolean | string;
66
+ decimalSeparator?: string;
67
+ thousandsGroupStyle?: "thousand" | "lakh" | "wan" | "none";
68
+ decimalScale?: number;
69
+ fixedDecimalScale?: boolean;
70
+ allowNegative?: boolean;
71
+ allowLeadingZeros?: boolean;
72
+ isAllowed?: (values: import("react-number-format").NumberFormatValues) => boolean;
55
73
  isLoading?: boolean;
56
74
  loader?: import("react").ReactNode;
57
75
  size?: string;
@@ -74,4 +92,4 @@ export declare const NumberInput: import("react").FunctionComponent<import("@sal
74
92
  } & {
75
93
  segmentation?: string;
76
94
  inputBackgroundType?: string;
77
- } & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>))>;
95
+ } & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>))>;
package/types/components/Range/Range.d.ts CHANGED
@@ -44,6 +44,7 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
44
44
  requiredIndicatorPlacement?: "left" | "right";
45
45
  required?: boolean;
46
46
  hasRequiredIndicator?: boolean;
47
+ inputWrapperRef?: import("react").Ref<HTMLDivElement>;
47
48
  onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
48
49
  onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
49
50
  onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;
@@ -102,6 +103,7 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
102
103
  requiredIndicatorPlacement?: "left" | "right";
103
104
  required?: boolean;
104
105
  hasRequiredIndicator?: boolean;
106
+ inputWrapperRef?: import("react").Ref<HTMLDivElement>;
105
107
  onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
106
108
  onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
107
109
  onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;
@@ -160,6 +162,7 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
160
162
  requiredIndicatorPlacement?: "left" | "right";
161
163
  required?: boolean;
162
164
  hasRequiredIndicator?: boolean;
165
+ inputWrapperRef?: import("react").Ref<HTMLDivElement>;
163
166
  onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
164
167
  onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
165
168
  onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;
@@ -218,6 +221,7 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
218
221
  requiredIndicatorPlacement?: "left" | "right";
219
222
  required?: boolean;
220
223
  hasRequiredIndicator?: boolean;
224
+ inputWrapperRef?: import("react").Ref<HTMLDivElement>;
221
225
  onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
222
226
  onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
223
227
  onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;
@@ -276,6 +280,7 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
276
280
  requiredIndicatorPlacement?: "left" | "right";
277
281
  required?: boolean;
278
282
  hasRequiredIndicator?: boolean;
283
+ inputWrapperRef?: import("react").Ref<HTMLDivElement>;
279
284
  onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
280
285
  onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
281
286
  onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;
@@ -334,6 +339,7 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
334
339
  requiredIndicatorPlacement?: "left" | "right";
335
340
  required?: boolean;
336
341
  hasRequiredIndicator?: boolean;
342
+ inputWrapperRef?: import("react").Ref<HTMLDivElement>;
337
343
  onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
338
344
  onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
339
345
  onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;
@@ -392,6 +398,7 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
392
398
  requiredIndicatorPlacement?: "left" | "right";
393
399
  required?: boolean;
394
400
  hasRequiredIndicator?: boolean;
401
+ inputWrapperRef?: import("react").Ref<HTMLDivElement>;
395
402
  onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
396
403
  onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
397
404
  onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;
@@ -450,6 +457,7 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
450
457
  requiredIndicatorPlacement?: "left" | "right";
451
458
  required?: boolean;
452
459
  hasRequiredIndicator?: boolean;
460
+ inputWrapperRef?: import("react").Ref<HTMLDivElement>;
453
461
  onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
454
462
  onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
455
463
  onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;
@@ -508,6 +516,7 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
508
516
  requiredIndicatorPlacement?: "left" | "right";
509
517
  required?: boolean;
510
518
  hasRequiredIndicator?: boolean;
519
+ inputWrapperRef?: import("react").Ref<HTMLDivElement>;
511
520
  onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
512
521
  onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
513
522
  onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;
@@ -566,6 +575,7 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
566
575
  requiredIndicatorPlacement?: "left" | "right";
567
576
  required?: boolean;
568
577
  hasRequiredIndicator?: boolean;
578
+ inputWrapperRef?: import("react").Ref<HTMLDivElement>;
569
579
  onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
570
580
  onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
571
581
  onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;
@@ -624,6 +634,7 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
624
634
  requiredIndicatorPlacement?: "left" | "right";
625
635
  required?: boolean;
626
636
  hasRequiredIndicator?: boolean;
637
+ inputWrapperRef?: import("react").Ref<HTMLDivElement>;
627
638
  onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
628
639
  onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
629
640
  onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;
@@ -682,6 +693,7 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
682
693
  requiredIndicatorPlacement?: "left" | "right";
683
694
  required?: boolean;
684
695
  hasRequiredIndicator?: boolean;
696
+ inputWrapperRef?: import("react").Ref<HTMLDivElement>;
685
697
  onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
686
698
  onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
687
699
  onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;
@@ -740,6 +752,7 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
740
752
  requiredIndicatorPlacement?: "left" | "right";
741
753
  required?: boolean;
742
754
  hasRequiredIndicator?: boolean;
755
+ inputWrapperRef?: import("react").Ref<HTMLDivElement>;
743
756
  onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
744
757
  onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
745
758
  onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;
@@ -798,6 +811,7 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
798
811
  requiredIndicatorPlacement?: "left" | "right";
799
812
  required?: boolean;
800
813
  hasRequiredIndicator?: boolean;
814
+ inputWrapperRef?: import("react").Ref<HTMLDivElement>;
801
815
  onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
802
816
  onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
803
817
  onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;
@@ -856,6 +870,7 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
856
870
  requiredIndicatorPlacement?: "left" | "right";
857
871
  required?: boolean;
858
872
  hasRequiredIndicator?: boolean;
873
+ inputWrapperRef?: import("react").Ref<HTMLDivElement>;
859
874
  onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
860
875
  onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
861
876
  onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;
@@ -914,6 +929,7 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
914
929
  requiredIndicatorPlacement?: "left" | "right";
915
930
  required?: boolean;
916
931
  hasRequiredIndicator?: boolean;
932
+ inputWrapperRef?: import("react").Ref<HTMLDivElement>;
917
933
  onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
918
934
  onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
919
935
  onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;
@@ -972,6 +988,7 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
972
988
  requiredIndicatorPlacement?: "left" | "right";
973
989
  required?: boolean;
974
990
  hasRequiredIndicator?: boolean;
991
+ inputWrapperRef?: import("react").Ref<HTMLDivElement>;
975
992
  onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
976
993
  onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
977
994
  onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;
@@ -1030,6 +1047,7 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
1030
1047
  requiredIndicatorPlacement?: "left" | "right";
1031
1048
  required?: boolean;
1032
1049
  hasRequiredIndicator?: boolean;
1050
+ inputWrapperRef?: import("react").Ref<HTMLDivElement>;
1033
1051
  onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
1034
1052
  onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
1035
1053
  onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;