@salutejs/sdds-cs 0.352.0-next-platform-ai.0 → 0.352.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 (31) hide show
  1. package/dist/beta/cjs/Popover/Popover.js +4 -9
  2. package/dist/beta/es/Popover/Popover.js +4 -9
  3. package/dist/beta/types/Popover/Popover.d.ts +15 -2
  4. package/dist/emotion/cjs/components/Button/Button.js +5 -4
  5. package/dist/emotion/cjs/components/Counter/Counter.config.js +25 -38
  6. package/dist/emotion/cjs/components/Link/Link.config.js +27 -18
  7. package/dist/emotion/cjs/components/Slider/Slider.config.js +8 -3
  8. package/dist/emotion/cjs/components/TextArea/TextArea.js +4 -9
  9. package/dist/emotion/cjs/components/TextField/TextField.js +4 -9
  10. package/dist/emotion/cjs/components/Tour/Tour.config.js +7 -8
  11. package/dist/emotion/es/components/Button/Button.js +5 -4
  12. package/dist/emotion/es/components/Counter/Counter.config.js +25 -38
  13. package/dist/emotion/es/components/Link/Link.config.js +27 -18
  14. package/dist/emotion/es/components/Select/Select.config.js +8 -8
  15. package/dist/emotion/es/components/Slider/Slider.config.js +8 -3
  16. package/dist/emotion/es/components/TextArea/TextArea.js +4 -9
  17. package/dist/emotion/es/components/TextField/TextField.js +4 -9
  18. package/dist/emotion/es/components/Tour/Tour.config.js +8 -9
  19. package/package.json +8 -8
  20. package/types/components/Attach/Attach.d.ts +16 -16
  21. package/types/components/Button/Button.d.ts +6 -6
  22. package/types/components/Counter/Counter.config.d.ts +0 -2
  23. package/types/components/Counter/Counter.d.ts +0 -2
  24. package/types/components/DatePicker/DatePicker.d.ts +1 -1
  25. package/types/components/IconButton/IconButton.d.ts +2 -2
  26. package/types/components/Mask/Mask.d.ts +537 -9
  27. package/types/components/Select/Select.d.ts +464 -285
  28. package/types/components/Select/index.d.ts +1 -1
  29. package/types/components/Slider/Slider.d.ts +43 -27
  30. package/types/components/TextArea/TextArea.d.ts +605 -33
  31. package/types/components/TextField/TextField.d.ts +509 -9
@@ -18,7 +18,8 @@ function _templateObject() {
18
18
  ": var(--text-primary);\n ",
19
19
  ": var(--text-primary-hover);\n ",
20
20
  ": var(--text-primary-active);\n ",
21
- ": 0;\n "
21
+ ": 0.063rem;\n ",
22
+ ": 0.25rem;\n "
22
23
  ]);
23
24
  _templateObject = function _templateObject() {
24
25
  return data;
@@ -35,7 +36,8 @@ function _templateObject1() {
35
36
  ": var(--text-secondary);\n ",
36
37
  ": var(--text-secondary-hover);\n ",
37
38
  ": var(--text-secondary-active);\n ",
38
- ": 0;\n "
39
+ ": 0.063rem;\n ",
40
+ ": 0.25rem;\n "
39
41
  ]);
40
42
  _templateObject1 = function _templateObject() {
41
43
  return data;
@@ -52,7 +54,8 @@ function _templateObject2() {
52
54
  ": var(--text-tertiary);\n ",
53
55
  ": var(--text-tertiary-hover);\n ",
54
56
  ": var(--text-tertiary-active);\n ",
55
- ": 0;\n "
57
+ ": 0.063rem;\n ",
58
+ ": 0.25rem;\n "
56
59
  ]);
57
60
  _templateObject2 = function _templateObject() {
58
61
  return data;
@@ -69,7 +72,8 @@ function _templateObject3() {
69
72
  ": var(--text-paragraph);\n ",
70
73
  ": var(--text-paragraph-hover);\n ",
71
74
  ": var(--text-paragraph-active);\n ",
72
- ": 0;\n "
75
+ ": 0.063rem;\n ",
76
+ ": 0.25rem;\n "
73
77
  ]);
74
78
  _templateObject3 = function _templateObject() {
75
79
  return data;
@@ -86,7 +90,8 @@ function _templateObject4() {
86
90
  ": var(--text-accent);\n ",
87
91
  ": var(--text-accent-minor);\n ",
88
92
  ": var(--text-accent-active);\n ",
89
- ": 0;\n "
93
+ ": 0.063rem;\n ",
94
+ ": 0.25rem;\n "
90
95
  ]);
91
96
  _templateObject4 = function _templateObject() {
92
97
  return data;
@@ -103,7 +108,8 @@ function _templateObject5() {
103
108
  ": var(--text-positive);\n ",
104
109
  ": var(--text-positive-hover);\n ",
105
110
  ": var(--text-positive-active);\n ",
106
- ": 0;\n "
111
+ ": 0.063rem;\n ",
112
+ ": 0.25rem;\n "
107
113
  ]);
108
114
  _templateObject5 = function _templateObject() {
109
115
  return data;
@@ -120,7 +126,8 @@ function _templateObject6() {
120
126
  ": var(--text-warning);\n ",
121
127
  ": var(--text-warning-hover);\n ",
122
128
  ": var(--text-warning-active);\n ",
123
- ": 0;\n "
129
+ ": 0.063rem;\n ",
130
+ ": 0.25rem;\n "
124
131
  ]);
125
132
  _templateObject6 = function _templateObject() {
126
133
  return data;
@@ -137,7 +144,8 @@ function _templateObject7() {
137
144
  ": var(--text-negative);\n ",
138
145
  ": var(--text-negative-hover);\n ",
139
146
  ": var(--text-negative-active);\n ",
140
- ": 0;\n "
147
+ ": 0.063rem;\n ",
148
+ ": 0.25rem;\n "
141
149
  ]);
142
150
  _templateObject7 = function _templateObject() {
143
151
  return data;
@@ -154,7 +162,8 @@ function _templateObject8() {
154
162
  ": inherit;\n ",
155
163
  ": inherit;\n ",
156
164
  ": inherit;\n ",
157
- ": 0.063rem;\n "
165
+ ": 0.063rem;\n ",
166
+ ": 0.25rem;\n "
158
167
  ]);
159
168
  _templateObject8 = function _templateObject() {
160
169
  return data;
@@ -189,15 +198,15 @@ export var config = {
189
198
  },
190
199
  variations: {
191
200
  view: {
192
- default: css(_templateObject(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
193
- secondary: css(_templateObject1(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
194
- tertiary: css(_templateObject2(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
195
- paragraph: css(_templateObject3(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
196
- accent: css(_templateObject4(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
197
- positive: css(_templateObject5(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
198
- warning: css(_templateObject6(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
199
- negative: css(_templateObject7(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
200
- clear: css(_templateObject8(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder)
201
+ default: css(_templateObject(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder, tokens.linkUnderlineOffset),
202
+ secondary: css(_templateObject1(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder, tokens.linkUnderlineOffset),
203
+ tertiary: css(_templateObject2(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder, tokens.linkUnderlineOffset),
204
+ paragraph: css(_templateObject3(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder, tokens.linkUnderlineOffset),
205
+ accent: css(_templateObject4(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder, tokens.linkUnderlineOffset),
206
+ positive: css(_templateObject5(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder, tokens.linkUnderlineOffset),
207
+ warning: css(_templateObject6(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder, tokens.linkUnderlineOffset),
208
+ negative: css(_templateObject7(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder, tokens.linkUnderlineOffset),
209
+ clear: css(_templateObject8(), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder, tokens.linkUnderlineOffset)
201
210
  },
202
211
  disabled: {
203
212
  true: css(_templateObject9(), tokens.linkDisabledOpacity)
@@ -276,7 +276,7 @@ function _templateObject7() {
276
276
  };
277
277
  return data;
278
278
  }
279
- import { css, selectTokens } from '@salutejs/plasma-new-hope/emotion';
279
+ import { css, selectTokens as tokens } from '@salutejs/plasma-new-hope/emotion';
280
280
  export var config = {
281
281
  defaults: {
282
282
  view: 'default',
@@ -286,24 +286,24 @@ export var config = {
286
286
  },
287
287
  variations: {
288
288
  view: {
289
- default: css(_templateObject(), selectTokens.textFieldColor, selectTokens.textFieldPlaceholderColor, selectTokens.textFieldBackgroundColor, selectTokens.textFieldBackgroundColorFocus, selectTokens.textFieldLabelColor, selectTokens.textFieldLeftHelperColor, selectTokens.textFieldContentSlotColor, selectTokens.textFieldBorderColor, selectTokens.textFieldBorderColorHover, selectTokens.textFieldBorderColorFocus, selectTokens.textFieldIndicatorColor, selectTokens.textFieldOptionalColor, selectTokens.buttonColor, selectTokens.buttonColorHover, selectTokens.buttonColorActive, selectTokens.buttonArrowColor, selectTokens.buttonArrowColorHover, selectTokens.buttonArrowColorActive, selectTokens.buttonBackgroundColor, selectTokens.buttonBackgroundColorHover, selectTokens.buttonBackgroundColorActive, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.itemBackgroundHover, selectTokens.itemDisabledOpacity, selectTokens.itemDisabledColor, selectTokens.dropdownBorderColor, selectTokens.checkboxIconColor, selectTokens.dividerColor, selectTokens.itemIconColor, selectTokens.checkboxFillColor, selectTokens.checkboxIconColor, selectTokens.checkboxTriggerBorderCheckedColor, selectTokens.checkboxTriggerBorderColor),
290
- negative: css(_templateObject1(), selectTokens.textFieldColor, selectTokens.textFieldPlaceholderColor, selectTokens.textFieldBackgroundColor, selectTokens.textFieldBackgroundColorFocus, selectTokens.textFieldLabelColor, selectTokens.textFieldLeftHelperColor, selectTokens.textFieldContentSlotColor, selectTokens.textFieldBorderColor, selectTokens.textFieldBorderColorHover, selectTokens.textFieldBorderColorFocus, selectTokens.textFieldIndicatorColor, selectTokens.textFieldOptionalColor, selectTokens.buttonColor, selectTokens.buttonColorHover, selectTokens.buttonColorActive, selectTokens.buttonArrowColor, selectTokens.buttonArrowColorHover, selectTokens.buttonArrowColorActive, selectTokens.buttonBackgroundColor, selectTokens.buttonBackgroundColorHover, selectTokens.buttonBackgroundColorActive, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.itemBackgroundHover, selectTokens.itemDisabledOpacity, selectTokens.itemDisabledColor, selectTokens.dropdownBorderColor, selectTokens.checkboxIconColor, selectTokens.dividerColor, selectTokens.itemIconColor, selectTokens.checkboxFillColor, selectTokens.checkboxIconColor, selectTokens.checkboxTriggerBorderCheckedColor, selectTokens.checkboxTriggerBorderColor)
289
+ default: css(_templateObject(), tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldContentSlotColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.dropdownBorderColor, tokens.checkboxIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
290
+ negative: css(_templateObject1(), tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldContentSlotColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.dropdownBorderColor, tokens.checkboxIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor)
291
291
  },
292
292
  size: {
293
- s: css(_templateObject2(), selectTokens.textFieldHeight, selectTokens.textFieldPadding, selectTokens.textFieldPaddingWithChips, selectTokens.textFieldBorderRadius, selectTokens.textFieldBorderWidth, selectTokens.textFieldLeftContentMargin, selectTokens.textFieldRightContentMargin, selectTokens.textFieldTextBeforeMargin, selectTokens.textFieldTextAfterMargin, selectTokens.textFieldFontFamily, selectTokens.textFieldFontSize, selectTokens.textFieldFontStyle, selectTokens.textFieldFontWeight, selectTokens.textFieldLetterSpacing, selectTokens.textFieldLineHeight, selectTokens.textFieldLabelOffset, selectTokens.textFieldLabelFontFamily, selectTokens.textFieldLabelFontSize, selectTokens.textFieldLabelFontStyle, selectTokens.textFieldLabelFontWeight, selectTokens.textFieldLabelLetterSpacing, selectTokens.textFieldLabelLineHeight, selectTokens.textFieldLeftHelperOffset, selectTokens.textFieldLeftHelperFontFamily, selectTokens.textFieldLeftHelperFontSize, selectTokens.textFieldLeftHelperFontStyle, selectTokens.textFieldLeftHelperFontWeight, selectTokens.textFieldLeftHelperLetterSpacing, selectTokens.textFieldLeftHelperLineHeight, selectTokens.textFieldLabelInnerPadding, selectTokens.textFieldContentLabelInnerPadding, selectTokens.textFieldIndicatorSizeInner, selectTokens.textFieldIndicatorSizeOuter, selectTokens.textFieldIndicatorLabelPlacementInner, selectTokens.textFieldIndicatorLabelPlacementOuter, selectTokens.textFieldIndicatorLabelPlacementInnerRight, selectTokens.textFieldIndicatorLabelPlacementOuterRight, selectTokens.textFieldClearIndicatorLabelPlacementInner, selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, selectTokens.textFieldClearIndicatorHintInnerRight, selectTokens.textFieldChipGap, selectTokens.textFieldChipBorderRadius, selectTokens.textFieldChipWidth, selectTokens.textFieldChipHeight, selectTokens.textFieldChipPadding, selectTokens.textFieldChipClearContentMarginLeft, selectTokens.textFieldChipClearContentMarginRight, selectTokens.textFieldChipCloseIconSize, selectTokens.textFieldChipFontFamily, selectTokens.textFieldChipFontSize, selectTokens.textFieldChipFontStyle, selectTokens.textFieldChipFontWeight, selectTokens.textFieldChipLetterSpacing, selectTokens.textFieldChipLineHeight, selectTokens.buttonArrowMargin, selectTokens.targetHeight, selectTokens.buttonPadding, selectTokens.emptyStatePadding, selectTokens.padding, selectTokens.borderRadius, selectTokens.dropdownBorderWidth, selectTokens.itemHeight, selectTokens.itemPadding, selectTokens.itemPaddingTight, selectTokens.itemBorderRadius, selectTokens.itemIconSize, selectTokens.itemIconSizeTight, selectTokens.itemIconMargin, selectTokens.cellPadding, selectTokens.cellPaddingLeftContent, selectTokens.cellPaddingContent, selectTokens.cellPaddingRightContent, selectTokens.cellTextboxGap, selectTokens.cellGap, selectTokens.cellTitleFontFamily, selectTokens.cellTitleFontSize, selectTokens.cellTitleFontStyle, selectTokens.cellTitleFontWeight, selectTokens.cellTitleLetterSpacing, selectTokens.cellTitleLineHeight, selectTokens.fontFamily, selectTokens.fontSize, selectTokens.fontStyle, selectTokens.fontWeight, selectTokens.fontLetterSpacing, selectTokens.fontLineHeight, selectTokens.checkboxTriggerSize, selectTokens.checkboxTriggerSizeTight, selectTokens.checkboxTriggerBorderRadius, selectTokens.checkboxTriggerBorderRadiusTight, selectTokens.checkboxTriggerBorderWidth, selectTokens.indicatorSize, selectTokens.dividerMarginTop, selectTokens.dividerMarginRight, selectTokens.dividerMarginBottom, selectTokens.dividerMarginLeft, selectTokens.dividerMarginTopTight, selectTokens.dividerMarginBottomTight)
293
+ s: css(_templateObject2(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.dropdownBorderWidth, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight)
294
294
  },
295
295
  labelPlacement: {
296
- inner: css(_templateObject3(), selectTokens.textFieldPlaceholderColor, selectTokens.textFieldLabelInnerFontFamily, selectTokens.textFieldLabelInnerFontSize, selectTokens.textFieldLabelInnerFontStyle, selectTokens.textFieldLabelInnerFontWeight, selectTokens.textFieldLabelInnerLetterSpacing, selectTokens.textFieldLabelInnerLineHeight),
296
+ inner: css(_templateObject3(), tokens.textFieldPlaceholderColor, tokens.textFieldLabelInnerFontFamily, tokens.textFieldLabelInnerFontSize, tokens.textFieldLabelInnerFontStyle, tokens.textFieldLabelInnerFontWeight, tokens.textFieldLabelInnerLetterSpacing, tokens.textFieldLabelInnerLineHeight),
297
297
  outer: css(_templateObject4())
298
298
  },
299
299
  chipView: {
300
- default: css(_templateObject5(), selectTokens.textFieldChipColor, selectTokens.textFieldChipColorHover, selectTokens.textFieldChipBackground, selectTokens.textFieldChipBackgroundHover, selectTokens.textFieldChipCloseIconColor, selectTokens.textFieldChipCloseIconColorHover, selectTokens.textFieldChipOpacityReadonly)
300
+ default: css(_templateObject5(), tokens.textFieldChipColor, tokens.textFieldChipColorHover, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipOpacityReadonly)
301
301
  },
302
302
  disabled: {
303
- true: css(_templateObject6(), selectTokens.textFieldDisabledOpacity, selectTokens.textFieldBackgroundColor, selectTokens.textFieldBackgroundColorFocus, selectTokens.textFieldBorderColor, selectTokens.textFieldBorderColorHover, selectTokens.textFieldBorderColorFocus, selectTokens.textFieldColor)
303
+ true: css(_templateObject6(), tokens.textFieldDisabledOpacity, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldColor)
304
304
  },
305
305
  readOnly: {
306
- true: css(_templateObject7(), selectTokens.textFieldColorReadOnly, selectTokens.textFieldBackgroundColorReadOnly, selectTokens.textFieldPlaceholderColorReadOnly, selectTokens.textFieldLeftHelperColorReadOnly, selectTokens.textFieldLabelColorReadOnly, selectTokens.disclosureIconOpacityReadOnly, selectTokens.textFieldTitleCaptionColorReadOnly, selectTokens.textFieldBorderColor, selectTokens.textFieldBorderWidth)
306
+ true: css(_templateObject7(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.disclosureIconOpacityReadOnly, tokens.textFieldTitleCaptionColorReadOnly, tokens.textFieldBorderColor, tokens.textFieldBorderWidth)
307
307
  }
308
308
  }
309
309
  };
@@ -18,6 +18,8 @@ function _templateObject() {
18
18
  ": var(--surface-solid-default);\n\n ",
19
19
  ": var(--surface-solid-primary);\n\n ",
20
20
  ": var(--surface-solid-default);\n\n ",
21
+ ": var(--surface-solid-primary);\n ",
22
+ ": var(--surface-solid-default);\n\n ",
21
23
  ": var(--text-accent);\n ",
22
24
  ": var(--text-primary);\n ",
23
25
  ": var(--text-primary);\n ",
@@ -44,6 +46,8 @@ function _templateObject1() {
44
46
  ": var(--surface-accent);\n\n ",
45
47
  ": var(--surface-solid-primary);\n\n ",
46
48
  ": var(--surface-accent);\n\n ",
49
+ ": var(--surface-solid-primary);\n ",
50
+ ": var(--surface-accent);\n\n ",
47
51
  ": var(--text-secondary);\n\n ",
48
52
  ": var(--text-accent);\n ",
49
53
  ": var(--text-primary);\n ",
@@ -90,6 +94,7 @@ function _templateObject2() {
90
94
  ": 1rem;\n ",
91
95
  ": 1.25rem;\n ",
92
96
  ": 0.0625rem solid;\n\n ",
97
+ ": 0.5rem;\n\n ",
93
98
  ": 1.25rem;\n\n ",
94
99
  ": 0.25rem;\n ",
95
100
  ": 0.125rem;\n ",
@@ -129,11 +134,11 @@ export var config = {
129
134
  },
130
135
  variations: {
131
136
  view: {
132
- default: css(_templateObject(), sliderTokens.labelColor, sliderTokens.rangeValueColor, sliderTokens.thumbBorderColor, sliderTokens.thumbBackgroundColor, sliderTokens.thumbFocusBorderColor, sliderTokens.railBackgroundColor, sliderTokens.fillColor, sliderTokens.textFieldCaretColor, sliderTokens.textFieldColor, sliderTokens.textFiledFocusColor, sliderTokens.textFieldPlaceholderColor, sliderTokens.textFieldBorderColor, sliderTokens.textFieldBorderColorFocus, sliderTokens.textFieldBorderColorHover, sliderTokens.textFieldBackgroundColor, sliderTokens.textFieldBackgroundColorHover, sliderTokens.textFieldBackgroundColorFocus),
133
- accent: css(_templateObject1(), sliderTokens.labelColor, sliderTokens.rangeValueColor, sliderTokens.thumbBorderColor, sliderTokens.thumbBackgroundColor, sliderTokens.thumbFocusBorderColor, sliderTokens.railBackgroundColor, sliderTokens.fillColor, sliderTokens.textFieldColor, sliderTokens.textFieldCaretColor, sliderTokens.textFieldColor, sliderTokens.textFiledFocusColor, sliderTokens.textFieldPlaceholderColor, sliderTokens.textFieldBorderColor, sliderTokens.textFieldBorderColorFocus, sliderTokens.textFieldBorderColorHover, sliderTokens.textFieldBackgroundColor, sliderTokens.textFieldBackgroundColorHover, sliderTokens.textFieldBackgroundColorFocus)
137
+ default: css(_templateObject(), sliderTokens.labelColor, sliderTokens.rangeValueColor, sliderTokens.thumbBorderColor, sliderTokens.thumbBackgroundColor, sliderTokens.thumbFocusBorderColor, sliderTokens.railBackgroundColor, sliderTokens.fillColor, sliderTokens.tickDotColor, sliderTokens.tickDotFilledColor, sliderTokens.textFieldCaretColor, sliderTokens.textFieldColor, sliderTokens.textFiledFocusColor, sliderTokens.textFieldPlaceholderColor, sliderTokens.textFieldBorderColor, sliderTokens.textFieldBorderColorFocus, sliderTokens.textFieldBorderColorHover, sliderTokens.textFieldBackgroundColor, sliderTokens.textFieldBackgroundColorHover, sliderTokens.textFieldBackgroundColorFocus),
138
+ accent: css(_templateObject1(), sliderTokens.labelColor, sliderTokens.rangeValueColor, sliderTokens.thumbBorderColor, sliderTokens.thumbBackgroundColor, sliderTokens.thumbFocusBorderColor, sliderTokens.railBackgroundColor, sliderTokens.fillColor, sliderTokens.tickDotColor, sliderTokens.tickDotFilledColor, sliderTokens.textFieldColor, sliderTokens.textFieldCaretColor, sliderTokens.textFieldColor, sliderTokens.textFiledFocusColor, sliderTokens.textFieldPlaceholderColor, sliderTokens.textFieldBorderColor, sliderTokens.textFieldBorderColorFocus, sliderTokens.textFieldBorderColorHover, sliderTokens.textFieldBackgroundColor, sliderTokens.textFieldBackgroundColorHover, sliderTokens.textFieldBackgroundColorFocus)
134
139
  },
135
140
  size: {
136
- s: css(_templateObject2(), sliderTokens.size, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelWrapperOnlyIconMarginRight, sliderTokens.labelWrapperVerticalMargin, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeValueHorizontalMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueHorizontalOffset, sliderTokens.rangeValueVerticalMargin, sliderTokens.valueFontFamily, sliderTokens.valueFontSize, sliderTokens.valueFontStyle, sliderTokens.valueFontWeight, sliderTokens.valueLetterSpacing, sliderTokens.valueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbSizeLarge, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.railThickness, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldBorderWidth, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight)
141
+ s: css(_templateObject2(), sliderTokens.size, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelWrapperOnlyIconMarginRight, sliderTokens.labelWrapperVerticalMargin, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeValueHorizontalMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueHorizontalOffset, sliderTokens.rangeValueVerticalMargin, sliderTokens.valueFontFamily, sliderTokens.valueFontSize, sliderTokens.valueFontStyle, sliderTokens.valueFontWeight, sliderTokens.valueLetterSpacing, sliderTokens.valueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbSizeLarge, sliderTokens.thumbBorder, sliderTokens.tickSize, sliderTokens.currentValueTopOffset, sliderTokens.railThickness, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldBorderWidth, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight)
137
142
  },
138
143
  disabled: {
139
144
  true: css(_templateObject3(), sliderTokens.disabledOpacity)
@@ -5,12 +5,7 @@ var mergedConfig = mergeConfig(textAreaConfig, config);
5
5
  export var TextAreaDefault = component(mergedConfig);
6
6
  var mergedConfigClear = mergeConfig(textAreaConfig, clearConfig);
7
7
  export var TextAreaClear = component(mergedConfigClear);
8
- export var TextArea = createConditionalComponent(TextAreaDefault, [
9
- {
10
- conditions: {
11
- prop: 'appearance',
12
- value: 'clear'
13
- },
14
- component: TextAreaClear
15
- }
16
- ]);
8
+ export var TextArea = createConditionalComponent({
9
+ default: TextAreaDefault,
10
+ clear: TextAreaClear
11
+ });
@@ -5,12 +5,7 @@ var mergedConfigDefault = mergeConfig(textFieldConfig, config);
5
5
  export var TextFieldDefault = component(mergedConfigDefault);
6
6
  var mergedConfigClear = mergeConfig(textFieldConfig, clearConfig);
7
7
  export var TextFieldClear = component(mergedConfigClear);
8
- export var TextField = createConditionalComponent(TextFieldDefault, [
9
- {
10
- conditions: {
11
- prop: 'appearance',
12
- value: 'clear'
13
- },
14
- component: TextFieldClear
15
- }
16
- ]);
8
+ export var TextField = createConditionalComponent({
9
+ default: TextFieldDefault,
10
+ clear: TextFieldClear
11
+ });
@@ -10,7 +10,9 @@ function _tagged_template_literal(strings, raw) {
10
10
  }
11
11
  function _templateObject() {
12
12
  var data = _tagged_template_literal([
13
- ""
13
+ "\n ",
14
+ ": var(--surface-solid-card);\n ",
15
+ ": rgba(0, 0, 0, 0.45);\n "
14
16
  ]);
15
17
  _templateObject = function _templateObject() {
16
18
  return data;
@@ -19,28 +21,25 @@ function _templateObject() {
19
21
  }
20
22
  function _templateObject1() {
21
23
  var data = _tagged_template_literal([
22
- "\n ",
23
- ": 0.75rem;\n ",
24
- ": 0.75rem;\n ",
25
- ": 0.75rem;\n "
24
+ ""
26
25
  ]);
27
26
  _templateObject1 = function _templateObject() {
28
27
  return data;
29
28
  };
30
29
  return data;
31
30
  }
32
- import { tourTokens, css } from '@salutejs/plasma-new-hope/emotion';
31
+ import { tourTokens as tokens, css } from '@salutejs/plasma-new-hope/emotion';
33
32
  export var config = {
34
33
  defaults: {
35
- view: 'accent',
34
+ view: 'default',
36
35
  size: 's'
37
36
  },
38
37
  variations: {
39
38
  view: {
40
- default: css(_templateObject())
39
+ default: css(_templateObject(), tokens.tailColor, tokens.overlayColor)
41
40
  },
42
41
  size: {
43
- s: css(_templateObject1(), tourTokens.cardPadding, tourTokens.cardRadius, tourTokens.highlightRadius)
42
+ s: css(_templateObject1())
44
43
  }
45
44
  }
46
45
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-cs",
3
- "version": "0.352.0-next-platform-ai.0",
3
+ "version": "0.352.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
  "exports": {
@@ -32,8 +32,8 @@
32
32
  "directory": "packages/sdds-cs"
33
33
  },
34
34
  "dependencies": {
35
- "@salutejs/plasma-new-hope": "0.360.0-next-platform-ai.0",
36
- "@salutejs/sdds-themes": "0.63.0-next-platform-ai.0"
35
+ "@salutejs/plasma-new-hope": "0.360.0",
36
+ "@salutejs/sdds-themes": "0.63.0"
37
37
  },
38
38
  "peerDependencies": {
39
39
  "@emotion/react": ">=11",
@@ -56,10 +56,10 @@
56
56
  "@microsoft/api-extractor": "7.38.3",
57
57
  "@originjs/vite-plugin-commonjs": "1.0.3",
58
58
  "@salutejs/plasma-colors": "0.16.0",
59
- "@salutejs/plasma-core": "1.224.0-next-platform-ai.0",
60
- "@salutejs/plasma-cy-utils": "0.154.0-next-platform-ai.0",
61
- "@salutejs/plasma-icons": "1.236.0-next-platform-ai.0",
62
- "@salutejs/plasma-sb-utils": "0.224.0-next-platform-ai.0",
59
+ "@salutejs/plasma-core": "1.224.0",
60
+ "@salutejs/plasma-cy-utils": "0.154.0",
61
+ "@salutejs/plasma-icons": "1.236.0",
62
+ "@salutejs/plasma-sb-utils": "0.224.0",
63
63
  "@types/node": "16.7.13",
64
64
  "@types/react": "18.0.28",
65
65
  "@types/react-dom": "18.0.11",
@@ -107,5 +107,5 @@
107
107
  "Anton Vinogradov"
108
108
  ],
109
109
  "sideEffects": false,
110
- "gitHead": "d6aa6bb8c31f49de4ea9211ae65b758819eb3274"
110
+ "gitHead": "19666107f034de0f50f0109e1a24faf0d05d6fcb"
111
111
  }
@@ -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.js").PolymorphicClassName;
16
16
  };
17
- }> & ((Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
17
+ }> & ((Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
18
18
  text?: string;
19
19
  contentLeft?: import("react").ReactNode;
20
20
  contentPlacing?: "default" | "relaxed";
@@ -53,7 +53,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
53
53
  dropdownOptions?: import("@salutejs/plasma-new-hope/types/components/Attach/Attach.types.js").DropdownOptions;
54
54
  } & {
55
55
  buttonType?: "button";
56
- } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
56
+ } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
57
57
  text?: string;
58
58
  contentLeft?: import("react").ReactNode;
59
59
  contentPlacing?: "default" | "relaxed";
@@ -95,7 +95,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
95
95
  } & {
96
96
  value?: never;
97
97
  contentRight?: import("react").ReactNode;
98
- } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
98
+ } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
99
99
  text?: string;
100
100
  contentLeft?: import("react").ReactNode;
101
101
  contentPlacing?: "default" | "relaxed";
@@ -135,7 +135,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
135
135
  } & {
136
136
  buttonType?: "iconButton";
137
137
  icon?: React.ReactNode;
138
- } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
138
+ } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
139
139
  text?: string;
140
140
  contentLeft?: import("react").ReactNode;
141
141
  contentPlacing?: "default" | "relaxed";
@@ -178,7 +178,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
178
178
  } & {
179
179
  value?: never;
180
180
  contentRight?: import("react").ReactNode;
181
- } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
181
+ } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
182
182
  text?: string;
183
183
  contentLeft?: import("react").ReactNode;
184
184
  contentPlacing?: "default" | "relaxed";
@@ -217,7 +217,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
217
217
  dropdownOptions?: never;
218
218
  } & {
219
219
  buttonType?: "button";
220
- } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
220
+ } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
221
221
  text?: string;
222
222
  contentLeft?: import("react").ReactNode;
223
223
  contentPlacing?: "default" | "relaxed";
@@ -259,7 +259,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
259
259
  } & {
260
260
  value?: never;
261
261
  contentRight?: import("react").ReactNode;
262
- } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
262
+ } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
263
263
  text?: string;
264
264
  contentLeft?: import("react").ReactNode;
265
265
  contentPlacing?: "default" | "relaxed";
@@ -299,7 +299,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
299
299
  } & {
300
300
  buttonType?: "iconButton";
301
301
  icon?: React.ReactNode;
302
- } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
302
+ } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
303
303
  text?: string;
304
304
  contentLeft?: import("react").ReactNode;
305
305
  contentPlacing?: "default" | "relaxed";
@@ -342,7 +342,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
342
342
  } & {
343
343
  value?: never;
344
344
  contentRight?: import("react").ReactNode;
345
- } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
345
+ } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
346
346
  text?: string;
347
347
  contentLeft?: import("react").ReactNode;
348
348
  contentPlacing?: "default" | "relaxed";
@@ -384,7 +384,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
384
384
  } & {
385
385
  value?: string | number;
386
386
  contentRight?: never;
387
- } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
387
+ } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
388
388
  text?: string;
389
389
  contentLeft?: import("react").ReactNode;
390
390
  contentPlacing?: "default" | "relaxed";
@@ -423,7 +423,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
423
423
  dropdownOptions?: import("@salutejs/plasma-new-hope/types/components/Attach/Attach.types.js").DropdownOptions;
424
424
  } & {
425
425
  buttonType?: "button";
426
- } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
426
+ } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
427
427
  text?: string;
428
428
  contentLeft?: import("react").ReactNode;
429
429
  contentPlacing?: "default" | "relaxed";
@@ -466,7 +466,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
466
466
  } & {
467
467
  value?: string | number;
468
468
  contentRight?: never;
469
- } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
469
+ } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
470
470
  text?: string;
471
471
  contentLeft?: import("react").ReactNode;
472
472
  contentPlacing?: "default" | "relaxed";
@@ -506,7 +506,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
506
506
  } & {
507
507
  buttonType?: "iconButton";
508
508
  icon?: React.ReactNode;
509
- } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
509
+ } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
510
510
  text?: string;
511
511
  contentLeft?: import("react").ReactNode;
512
512
  contentPlacing?: "default" | "relaxed";
@@ -548,7 +548,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
548
548
  } & {
549
549
  value?: string | number;
550
550
  contentRight?: never;
551
- } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
551
+ } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
552
552
  text?: string;
553
553
  contentLeft?: import("react").ReactNode;
554
554
  contentPlacing?: "default" | "relaxed";
@@ -587,7 +587,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
587
587
  dropdownOptions?: never;
588
588
  } & {
589
589
  buttonType?: "button";
590
- } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
590
+ } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
591
591
  text?: string;
592
592
  contentLeft?: import("react").ReactNode;
593
593
  contentPlacing?: "default" | "relaxed";
@@ -630,7 +630,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
630
630
  } & {
631
631
  value?: string | number;
632
632
  contentRight?: never;
633
- } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
633
+ } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
634
634
  text?: string;
635
635
  contentLeft?: import("react").ReactNode;
636
636
  contentPlacing?: "default" | "relaxed";
@@ -17,7 +17,7 @@ declare const ButtonComponent: React.FunctionComponent<import("@salutejs/plasma-
17
17
  filled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
18
18
  fixed: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
19
19
  };
20
- }> & ((Omit<React.ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<React.AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
20
+ }> & ((Omit<React.ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
21
21
  text?: string;
22
22
  contentLeft?: React.ReactNode;
23
23
  contentPlacing?: "default" | "relaxed";
@@ -40,7 +40,7 @@ declare const ButtonComponent: React.FunctionComponent<import("@salutejs/plasma-
40
40
  } & {
41
41
  value?: string | number;
42
42
  contentRight?: never;
43
- } & React.RefAttributes<HTMLButtonElement>) | (Omit<React.ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<React.AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
43
+ } & React.RefAttributes<HTMLButtonElement>) | (Omit<React.ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
44
44
  text?: string;
45
45
  contentLeft?: React.ReactNode;
46
46
  contentPlacing?: "default" | "relaxed";
@@ -68,7 +68,7 @@ export type ButtonProps = ComponentProps<typeof ButtonComponent>;
68
68
  /**
69
69
  * Кнопка.
70
70
  */
71
- export declare const Button: React.ForwardRefExoticComponent<(Omit<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
71
+ export declare const Button: import("@salutejs/plasma-new-hope/emotion").MakePolymorphic<React.ForwardRefExoticComponent<(Omit<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
72
72
  view: {
73
73
  accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
74
74
  secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -86,7 +86,7 @@ export declare const Button: React.ForwardRefExoticComponent<(Omit<import("@salu
86
86
  filled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
87
87
  fixed: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
88
88
  };
89
- }> & Omit<React.ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<React.AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
89
+ }> & Omit<React.ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
90
90
  text?: string;
91
91
  contentLeft?: React.ReactNode;
92
92
  contentPlacing?: "default" | "relaxed";
@@ -127,7 +127,7 @@ export declare const Button: React.ForwardRefExoticComponent<(Omit<import("@salu
127
127
  filled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
128
128
  fixed: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
129
129
  };
130
- }> & Omit<React.ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<React.AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
130
+ }> & Omit<React.ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
131
131
  text?: string;
132
132
  contentLeft?: React.ReactNode;
133
133
  contentPlacing?: "default" | "relaxed";
@@ -150,5 +150,5 @@ export declare const Button: React.ForwardRefExoticComponent<(Omit<import("@salu
150
150
  } & {
151
151
  value?: never;
152
152
  contentRight?: React.ReactNode;
153
- } & React.RefAttributes<HTMLButtonElement>, "ref">) & React.RefAttributes<Omit<HTMLButtonElement, "value">>>;
153
+ } & React.RefAttributes<HTMLButtonElement>, "ref">) & React.RefAttributes<Omit<HTMLButtonElement, "value">>>, "button">;
154
154
  export {};
@@ -6,8 +6,6 @@ export declare const config: {
6
6
  variations: {
7
7
  view: {
8
8
  default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
9
- accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
10
- positive: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
11
9
  negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
12
10
  };
13
11
  size: {
@@ -4,8 +4,6 @@
4
4
  export declare const Counter: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
5
5
  view: {
6
6
  default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
7
- accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
8
- positive: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
9
7
  negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
10
8
  };
11
9
  size: {
@@ -132,8 +132,8 @@ export declare const DatePickerRange: import("react").FunctionComponent<import("
132
132
  required?: boolean | undefined;
133
133
  label?: string | undefined;
134
134
  view?: string | undefined;
135
- contentLeft?: React.ReactNode;
136
135
  appearance?: "default" | "clear" | undefined;
136
+ contentLeft?: React.ReactNode;
137
137
  contentRight?: React.ReactNode;
138
138
  hintText?: string | undefined;
139
139
  hintTrigger?: ("hover" | "click") | undefined;
@@ -16,7 +16,7 @@ export declare const IconButton: import("react").FunctionComponent<import("@salu
16
16
  focused: {
17
17
  true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
18
18
  };
19
- }> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
19
+ }> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
20
20
  text?: string;
21
21
  contentLeft?: import("react").ReactNode;
22
22
  contentPlacing?: "default" | "relaxed";
@@ -39,7 +39,7 @@ export declare const IconButton: import("react").FunctionComponent<import("@salu
39
39
  } & {
40
40
  value?: string | number;
41
41
  contentRight?: never;
42
- } & import("react").RefAttributes<HTMLButtonElement>) | (Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
42
+ } & import("react").RefAttributes<HTMLButtonElement>) | (Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
43
43
  text?: string;
44
44
  contentLeft?: import("react").ReactNode;
45
45
  contentPlacing?: "default" | "relaxed";