@salutejs/sdds-dfa 0.322.0-canary.1906.17459907241.0 → 0.322.0-canary.2163.17581420375.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 (22) hide show
  1. package/CHANGELOG.md +107 -0
  2. package/components/Autocomplete/Autocomplete.config.js +3 -4
  3. package/components/Autocomplete/Autocomplete.d.ts +124 -117
  4. package/components/Autocomplete/Autocomplete.js +76 -4
  5. package/components/Combobox/Combobox.config.js +3 -4
  6. package/components/Combobox/Combobox.d.ts +48 -24
  7. package/components/DatePicker/DatePicker.config.js +5 -8
  8. package/components/Dropdown/Dropdown.d.ts +6 -6
  9. package/components/Pagination/Pagination.config.js +18 -11
  10. package/components/Select/Select.d.ts +12 -6
  11. package/components/TextArea/TextArea.config.d.ts +0 -3
  12. package/components/TextArea/TextArea.config.js +2 -19
  13. package/components/TextArea/TextArea.d.ts +0 -3
  14. package/components/TextField/TextField.config.js +2 -3
  15. package/es/components/Autocomplete/Autocomplete.config.js +3 -4
  16. package/es/components/Autocomplete/Autocomplete.js +61 -2
  17. package/es/components/Combobox/Combobox.config.js +3 -4
  18. package/es/components/DatePicker/DatePicker.config.js +5 -8
  19. package/es/components/Pagination/Pagination.config.js +18 -11
  20. package/es/components/TextArea/TextArea.config.js +2 -19
  21. package/es/components/TextField/TextField.config.js +2 -3
  22. package/package.json +8 -8
package/components/Pagination/Pagination.config.js CHANGED
@@ -38,6 +38,7 @@ function _templateObject() {
38
38
  ":transparent;\n ",
39
39
  ": color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 85%\n );\n\n ",
40
40
  ": var(--text-primary);\n ",
41
+ ": var(--text-secondary);\n ",
41
42
  ": var(--surface-accent);\n "
42
43
  ]);
43
44
  _templateObject = function _templateObject() {
@@ -64,6 +65,7 @@ function _templateObject1() {
64
65
  ": var(--surface-solid-secondary);\n ",
65
66
  ": transparent;\n\n ",
66
67
  ": var(--text-primary);\n ",
68
+ ": var(--text-secondary);\n ",
67
69
  ": var(--surface-accent);\n "
68
70
  ]);
69
71
  _templateObject1 = function _templateObject() {
@@ -90,6 +92,7 @@ function _templateObject2() {
90
92
  ": var(--surface-solid-card);\n ",
91
93
  ": transparent;\n\n ",
92
94
  ": var(--text-primary);\n ",
95
+ ": var(--text-secondary);\n ",
93
96
  ": var(--surface-accent);\n "
94
97
  ]);
95
98
  _templateObject2 = function _templateObject() {
@@ -176,7 +179,8 @@ function _templateObject6() {
176
179
  ": 4rem;\n ",
177
180
  ": 3.5rem;\n ",
178
181
  ": 0 0.625rem;\n ",
179
- ": 0.0625rem;\n "
182
+ ": 0.0625rem;\n\n ",
183
+ ": 2.5rem;\n "
180
184
  ]);
181
185
  _templateObject6 = function _templateObject() {
182
186
  return data;
@@ -217,7 +221,8 @@ function _templateObject7() {
217
221
  ": 3.5rem;\n ",
218
222
  ": 3rem;\n ",
219
223
  ": 0 0.625rem;\n ",
220
- ": 0.0625rem;\n "
224
+ ": 0.0625rem;\n\n ",
225
+ ": 2.5rem;\n "
221
226
  ]);
222
227
  _templateObject7 = function _templateObject() {
223
228
  return data;
@@ -258,7 +263,8 @@ function _templateObject8() {
258
263
  ": 3rem;\n ",
259
264
  ": 2.5rem;\n ",
260
265
  ": 0 0.625rem;\n ",
261
- ": 0.0625rem;\n "
266
+ ": 0.0625rem;\n\n ",
267
+ ": 2.5rem;\n "
262
268
  ]);
263
269
  _templateObject8 = function _templateObject() {
264
270
  return data;
@@ -299,7 +305,8 @@ function _templateObject9() {
299
305
  ": 2.5rem;\n ",
300
306
  ": 2rem;\n ",
301
307
  ": 0 0.625rem;\n ",
302
- ": 0.0625rem;\n "
308
+ ": 0.0625rem;\n\n ",
309
+ ": 2.5rem;\n "
303
310
  ]);
304
311
  _templateObject9 = function _templateObject() {
305
312
  return data;
@@ -332,9 +339,9 @@ var config = {
332
339
  },
333
340
  variations: {
334
341
  view: {
335
- default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.paginationTokens.buttonColor, _styledcomponents.paginationTokens.buttonColorHover, _styledcomponents.paginationTokens.buttonColorActive, _styledcomponents.paginationTokens.buttonHoverColor, _styledcomponents.paginationTokens.buttonBackgroundColor, _styledcomponents.paginationTokens.buttonBackgroundColorHover, _styledcomponents.paginationTokens.buttonBackgroundColorActive, _styledcomponents.paginationTokens.buttonActiveColor, _styledcomponents.paginationTokens.buttonArrowColor, _styledcomponents.paginationTokens.buttonArrowColorHover, _styledcomponents.paginationTokens.buttonArrowColorActive, _styledcomponents.paginationTokens.buttonDisabledOpacity, _styledcomponents.paginationTokens.inputBackgroundColor, _styledcomponents.paginationTokens.inputBorderColor, _styledcomponents.paginationTokens.selectBackgroundColor, _styledcomponents.paginationTokens.paginationColor, _styledcomponents.paginationTokens.buttonFocusColor),
336
- secondary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.paginationTokens.buttonColor, _styledcomponents.paginationTokens.buttonColorHover, _styledcomponents.paginationTokens.buttonColorActive, _styledcomponents.paginationTokens.buttonBackgroundColor, _styledcomponents.paginationTokens.buttonBackgroundColorHover, _styledcomponents.paginationTokens.buttonBackgroundColorActive, _styledcomponents.paginationTokens.buttonHoverColor, _styledcomponents.paginationTokens.buttonActiveColor, _styledcomponents.paginationTokens.buttonArrowColor, _styledcomponents.paginationTokens.buttonArrowColorHover, _styledcomponents.paginationTokens.buttonArrowColorActive, _styledcomponents.paginationTokens.buttonDisabledOpacity, _styledcomponents.paginationTokens.inputBackgroundColor, _styledcomponents.paginationTokens.selectBackgroundColor, _styledcomponents.paginationTokens.inputBorderColor, _styledcomponents.paginationTokens.paginationColor, _styledcomponents.paginationTokens.buttonFocusColor),
337
- clear: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.paginationTokens.buttonColor, _styledcomponents.paginationTokens.buttonColorHover, _styledcomponents.paginationTokens.buttonColorActive, _styledcomponents.paginationTokens.buttonBackgroundColor, _styledcomponents.paginationTokens.buttonBackgroundColorHover, _styledcomponents.paginationTokens.buttonBackgroundColorActive, _styledcomponents.paginationTokens.buttonHoverColor, _styledcomponents.paginationTokens.buttonActiveColor, _styledcomponents.paginationTokens.buttonArrowColor, _styledcomponents.paginationTokens.buttonArrowColorHover, _styledcomponents.paginationTokens.buttonArrowColorActive, _styledcomponents.paginationTokens.buttonDisabledOpacity, _styledcomponents.paginationTokens.inputBackgroundColor, _styledcomponents.paginationTokens.selectBackgroundColor, _styledcomponents.paginationTokens.inputBorderColor, _styledcomponents.paginationTokens.paginationColor, _styledcomponents.paginationTokens.buttonFocusColor)
342
+ default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.paginationTokens.buttonColor, _styledcomponents.paginationTokens.buttonColorHover, _styledcomponents.paginationTokens.buttonColorActive, _styledcomponents.paginationTokens.buttonHoverColor, _styledcomponents.paginationTokens.buttonBackgroundColor, _styledcomponents.paginationTokens.buttonBackgroundColorHover, _styledcomponents.paginationTokens.buttonBackgroundColorActive, _styledcomponents.paginationTokens.buttonActiveColor, _styledcomponents.paginationTokens.buttonArrowColor, _styledcomponents.paginationTokens.buttonArrowColorHover, _styledcomponents.paginationTokens.buttonArrowColorActive, _styledcomponents.paginationTokens.buttonDisabledOpacity, _styledcomponents.paginationTokens.inputBackgroundColor, _styledcomponents.paginationTokens.inputBorderColor, _styledcomponents.paginationTokens.selectBackgroundColor, _styledcomponents.paginationTokens.paginationColor, _styledcomponents.paginationTokens.paginationHelperTextColor, _styledcomponents.paginationTokens.buttonFocusColor),
343
+ secondary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.paginationTokens.buttonColor, _styledcomponents.paginationTokens.buttonColorHover, _styledcomponents.paginationTokens.buttonColorActive, _styledcomponents.paginationTokens.buttonBackgroundColor, _styledcomponents.paginationTokens.buttonBackgroundColorHover, _styledcomponents.paginationTokens.buttonBackgroundColorActive, _styledcomponents.paginationTokens.buttonHoverColor, _styledcomponents.paginationTokens.buttonActiveColor, _styledcomponents.paginationTokens.buttonArrowColor, _styledcomponents.paginationTokens.buttonArrowColorHover, _styledcomponents.paginationTokens.buttonArrowColorActive, _styledcomponents.paginationTokens.buttonDisabledOpacity, _styledcomponents.paginationTokens.inputBackgroundColor, _styledcomponents.paginationTokens.selectBackgroundColor, _styledcomponents.paginationTokens.inputBorderColor, _styledcomponents.paginationTokens.paginationColor, _styledcomponents.paginationTokens.paginationHelperTextColor, _styledcomponents.paginationTokens.buttonFocusColor),
344
+ clear: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.paginationTokens.buttonColor, _styledcomponents.paginationTokens.buttonColorHover, _styledcomponents.paginationTokens.buttonColorActive, _styledcomponents.paginationTokens.buttonBackgroundColor, _styledcomponents.paginationTokens.buttonBackgroundColorHover, _styledcomponents.paginationTokens.buttonBackgroundColorActive, _styledcomponents.paginationTokens.buttonHoverColor, _styledcomponents.paginationTokens.buttonActiveColor, _styledcomponents.paginationTokens.buttonArrowColor, _styledcomponents.paginationTokens.buttonArrowColorHover, _styledcomponents.paginationTokens.buttonArrowColorActive, _styledcomponents.paginationTokens.buttonDisabledOpacity, _styledcomponents.paginationTokens.inputBackgroundColor, _styledcomponents.paginationTokens.selectBackgroundColor, _styledcomponents.paginationTokens.inputBorderColor, _styledcomponents.paginationTokens.paginationColor, _styledcomponents.paginationTokens.paginationHelperTextColor, _styledcomponents.paginationTokens.buttonFocusColor)
338
345
  },
339
346
  viewCurrentPage: {
340
347
  default: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.paginationTokens.paginationCurrentButtonColor, _styledcomponents.paginationTokens.paginationCurrentButtonBackgroundColor, _styledcomponents.paginationTokens.paginationCurrentButtonHoverColor, _styledcomponents.paginationTokens.paginationCurrentButtonHoverBackgroundColor, _styledcomponents.paginationTokens.paginationCurrentButtonActiveColor, _styledcomponents.paginationTokens.paginationCurrentButtonActiveBackgroundColor),
@@ -342,10 +349,10 @@ var config = {
342
349
  clear: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.paginationTokens.paginationCurrentButtonColor, _styledcomponents.paginationTokens.paginationCurrentButtonBackgroundColor, _styledcomponents.paginationTokens.paginationCurrentButtonHoverColor, _styledcomponents.paginationTokens.paginationCurrentButtonHoverBackgroundColor, _styledcomponents.paginationTokens.paginationCurrentButtonActiveColor, _styledcomponents.paginationTokens.paginationCurrentButtonActiveBackgroundColor)
343
350
  },
344
351
  size: {
345
- l: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth),
346
- m: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth),
347
- s: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth),
348
- xs: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth)
352
+ l: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth, _styledcomponents.paginationTokens.paginationHelperTextGap),
353
+ m: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth, _styledcomponents.paginationTokens.paginationHelperTextGap),
354
+ s: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth, _styledcomponents.paginationTokens.paginationHelperTextGap),
355
+ xs: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth, _styledcomponents.paginationTokens.paginationHelperTextGap)
349
356
  },
350
357
  type: {
351
358
  compact: (0, _styledcomponents.css)(_templateObject10()),
package/components/Select/Select.d.ts CHANGED
@@ -78,7 +78,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
78
78
  placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | Array<import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic>;
79
79
  variant?: "normal" | "tight";
80
80
  zIndex?: React.CSSProperties["zIndex"];
81
- listOverflow?: React.CSSProperties["overflow"];
82
81
  listMaxHeight?: React.CSSProperties["height"];
83
82
  listWidth?: React.CSSProperties["width"];
84
83
  portal?: string | React.RefObject<HTMLElement>;
@@ -90,6 +89,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
90
89
  virtual?: boolean;
91
90
  onScroll?: (e: React.UIEvent<HTMLElement>) => void;
92
91
  onToggle?: (isOpen: boolean) => void;
92
+ mode?: "default" | "radio";
93
93
  size?: string;
94
94
  view?: string;
95
95
  chipView?: string;
@@ -98,6 +98,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
98
98
  isOpen?: boolean;
99
99
  listHeight?: React.CSSProperties["height"];
100
100
  onScrollBottom?: (e: React.UIEvent<HTMLElement>) => void;
101
+ listOverflow?: React.CSSProperties["overflow"];
101
102
  } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
102
103
  hintText: string;
103
104
  hintTrigger?: "hover" | "click";
@@ -136,7 +137,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
136
137
  placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | Array<import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic>;
137
138
  variant?: "normal" | "tight";
138
139
  zIndex?: React.CSSProperties["zIndex"];
139
- listOverflow?: React.CSSProperties["overflow"];
140
140
  listMaxHeight?: React.CSSProperties["height"];
141
141
  listWidth?: React.CSSProperties["width"];
142
142
  portal?: string | React.RefObject<HTMLElement>;
@@ -148,6 +148,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
148
148
  virtual?: boolean;
149
149
  onScroll?: (e: React.UIEvent<HTMLElement>) => void;
150
150
  onToggle?: (isOpen: boolean) => void;
151
+ mode?: "default" | "radio";
151
152
  size?: string;
152
153
  view?: string;
153
154
  chipView?: string;
@@ -156,6 +157,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
156
157
  isOpen?: boolean;
157
158
  listHeight?: React.CSSProperties["height"];
158
159
  onScrollBottom?: (e: React.UIEvent<HTMLElement>) => void;
160
+ listOverflow?: React.CSSProperties["overflow"];
159
161
  } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
160
162
  hintTrigger?: never;
161
163
  hintText?: never;
@@ -193,7 +195,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
193
195
  placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | Array<import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic>;
194
196
  variant?: "normal" | "tight";
195
197
  zIndex?: React.CSSProperties["zIndex"];
196
- listOverflow?: React.CSSProperties["overflow"];
197
198
  listMaxHeight?: React.CSSProperties["height"];
198
199
  listWidth?: React.CSSProperties["width"];
199
200
  portal?: string | React.RefObject<HTMLElement>;
@@ -205,6 +206,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
205
206
  virtual?: boolean;
206
207
  onScroll?: (e: React.UIEvent<HTMLElement>) => void;
207
208
  onToggle?: (isOpen: boolean) => void;
209
+ mode?: "default" | "radio";
208
210
  size?: string;
209
211
  view?: string;
210
212
  chipView?: string;
@@ -213,6 +215,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
213
215
  isOpen?: boolean;
214
216
  listHeight?: React.CSSProperties["height"];
215
217
  onScrollBottom?: (e: React.UIEvent<HTMLElement>) => void;
218
+ listOverflow?: React.CSSProperties["overflow"];
216
219
  } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
217
220
  hintTrigger?: never;
218
221
  hintText?: never;
@@ -251,7 +254,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
251
254
  placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | Array<import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic>;
252
255
  variant?: "normal" | "tight";
253
256
  zIndex?: React.CSSProperties["zIndex"];
254
- listOverflow?: React.CSSProperties["overflow"];
255
257
  listMaxHeight?: React.CSSProperties["height"];
256
258
  listWidth?: React.CSSProperties["width"];
257
259
  portal?: string | React.RefObject<HTMLElement>;
@@ -263,6 +265,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
263
265
  virtual?: boolean;
264
266
  onScroll?: (e: React.UIEvent<HTMLElement>) => void;
265
267
  onToggle?: (isOpen: boolean) => void;
268
+ mode?: "default" | "radio";
266
269
  size?: string;
267
270
  view?: string;
268
271
  chipView?: string;
@@ -271,6 +274,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
271
274
  isOpen?: boolean;
272
275
  listHeight?: React.CSSProperties["height"];
273
276
  onScrollBottom?: (e: React.UIEvent<HTMLElement>) => void;
277
+ listOverflow?: React.CSSProperties["overflow"];
274
278
  } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
275
279
  target: "button-like";
276
280
  view?: "default" | "accent" | "secondary" | "clear" | "positive" | "warning" | "negative" | "dark" | "black" | "white";
@@ -296,7 +300,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
296
300
  placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | Array<import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic>;
297
301
  variant?: "normal" | "tight";
298
302
  zIndex?: React.CSSProperties["zIndex"];
299
- listOverflow?: React.CSSProperties["overflow"];
300
303
  listMaxHeight?: React.CSSProperties["height"];
301
304
  listWidth?: React.CSSProperties["width"];
302
305
  portal?: string | React.RefObject<HTMLElement>;
@@ -308,6 +311,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
308
311
  virtual?: boolean;
309
312
  onScroll?: (e: React.UIEvent<HTMLElement>) => void;
310
313
  onToggle?: (isOpen: boolean) => void;
314
+ mode?: "default" | "radio";
311
315
  size?: string;
312
316
  view?: string;
313
317
  chipView?: string;
@@ -316,6 +320,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
316
320
  isOpen?: boolean;
317
321
  listHeight?: React.CSSProperties["height"];
318
322
  onScrollBottom?: (e: React.UIEvent<HTMLElement>) => void;
323
+ listOverflow?: React.CSSProperties["overflow"];
319
324
  } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
320
325
  target: "button-like";
321
326
  view?: "default" | "accent" | "secondary" | "clear" | "positive" | "warning" | "negative" | "dark" | "black" | "white";
@@ -342,7 +347,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
342
347
  placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | Array<import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic>;
343
348
  variant?: "normal" | "tight";
344
349
  zIndex?: React.CSSProperties["zIndex"];
345
- listOverflow?: React.CSSProperties["overflow"];
346
350
  listMaxHeight?: React.CSSProperties["height"];
347
351
  listWidth?: React.CSSProperties["width"];
348
352
  portal?: string | React.RefObject<HTMLElement>;
@@ -354,6 +358,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
354
358
  virtual?: boolean;
355
359
  onScroll?: (e: React.UIEvent<HTMLElement>) => void;
356
360
  onToggle?: (isOpen: boolean) => void;
361
+ mode?: "default" | "radio";
357
362
  size?: string;
358
363
  view?: string;
359
364
  chipView?: string;
@@ -362,6 +367,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
362
367
  isOpen?: boolean;
363
368
  listHeight?: React.CSSProperties["height"];
364
369
  onScrollBottom?: (e: React.UIEvent<HTMLElement>) => void;
370
+ listOverflow?: React.CSSProperties["overflow"];
365
371
  } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>))>;
366
372
  export type SelectProps<K extends ItemOptionSelect> = DistributiveOmit<SelectPropsNewHope<K>, 'size' | 'view' | 'chipView' | 'disabled'> & DistributivePick<ComponentProps<typeof SelectNewHope>, 'size' | 'view' | 'chipView' | 'disabled'>;
367
373
  declare const Select: <K extends ItemOptionSelect>(props: SelectProps<K> & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null;
package/components/TextArea/TextArea.config.d.ts CHANGED
@@ -32,9 +32,6 @@ export declare const config: {
32
32
  clear: {
33
33
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
34
34
  };
35
- readOnly: {
36
- true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
37
- };
38
35
  disabled: {
39
36
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
40
37
  };
package/components/TextArea/TextArea.config.js CHANGED
@@ -663,20 +663,6 @@ function _templateObject13() {
663
663
  return data;
664
664
  }
665
665
  function _templateObject14() {
666
- var data = _tagged_template_literal([
667
- "\n ",
668
- ": 0.4;\n ",
669
- ": var(--surface-transparent-primary);\n ",
670
- ": var(--text-primary);\n ",
671
- ": var(--surface-transparent-primary);\n ",
672
- ": 0.4;\n "
673
- ]);
674
- _templateObject14 = function _templateObject() {
675
- return data;
676
- };
677
- return data;
678
- }
679
- function _templateObject15() {
680
666
  var data = _tagged_template_literal([
681
667
  "\n ",
682
668
  ": 0.4;\n ",
@@ -684,7 +670,7 @@ function _templateObject15() {
684
670
  ": var(--surface-transparent-primary);\n ",
685
671
  ": var(--text-secondary);\n "
686
672
  ]);
687
- _templateObject15 = function _templateObject() {
673
+ _templateObject14 = function _templateObject() {
688
674
  return data;
689
675
  };
690
676
  return data;
@@ -722,11 +708,8 @@ var config = {
722
708
  clear: {
723
709
  true: (0, _styledcomponents.css)(_templateObject13())
724
710
  },
725
- readOnly: {
726
- true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.textAreaTokens.readOnlyOpacity, _styledcomponents.textAreaTokens.backgroundColorReadOnly, _styledcomponents.textAreaTokens.inputColorReadOnly, _styledcomponents.textAreaTokens.dividerColorReadOnly, _styledcomponents.textAreaTokens.contentSlotRightOpacityReadOnly)
727
- },
728
711
  disabled: {
729
- true: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.textAreaTokens.disabledOpacity, _styledcomponents.textAreaTokens.inputColorDisabled, _styledcomponents.textAreaTokens.dividerColorReadOnly, _styledcomponents.textAreaTokens.titleCaptionColorReadOnly)
712
+ true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.textAreaTokens.disabledOpacity, _styledcomponents.textAreaTokens.inputColorDisabled, _styledcomponents.textAreaTokens.dividerColorReadOnly, _styledcomponents.textAreaTokens.titleCaptionColorReadOnly)
730
713
  }
731
714
  }
732
715
  };
package/components/TextArea/TextArea.d.ts CHANGED
@@ -26,9 +26,6 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
26
26
  clear: {
27
27
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
28
28
  };
29
- readOnly: {
30
- true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
31
- };
32
29
  disabled: {
33
30
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
34
31
  };
package/components/TextField/TextField.config.js CHANGED
@@ -795,8 +795,7 @@ function _templateObject22() {
795
795
  ": var(--text-secondary);\n ",
796
796
  ": var(--text-secondary);\n ",
797
797
  ": var(--text-primary);\n ",
798
- ": var(--surface-transparent-primary);\n ",
799
- ": 0.4;\n "
798
+ ": var(--surface-transparent-primary);\n "
800
799
  ]);
801
800
  _templateObject22 = function _templateObject() {
802
801
  return data;
@@ -850,7 +849,7 @@ var config = {
850
849
  true: (0, _styledcomponents.css)(_templateObject21(), _styledcomponents.textFieldTokens.disabledOpacity)
851
850
  },
852
851
  readOnly: {
853
- true: (0, _styledcomponents.css)(_templateObject22(), _styledcomponents.textFieldTokens.readOnlyOpacity, _styledcomponents.textFieldTokens.colorReadOnly, _styledcomponents.textFieldTokens.backgroundColorReadOnly, _styledcomponents.textFieldTokens.placeholderColorReadOnly, _styledcomponents.textFieldTokens.leftHelperColorReadOnly, _styledcomponents.textFieldTokens.titleCaptionColorReadOnly, _styledcomponents.textFieldTokens.labelColorReadOnly, _styledcomponents.textFieldTokens.dividerColorReadOnly, _styledcomponents.textFieldTokens.contentSlotRightOpacityReadOnly)
852
+ true: (0, _styledcomponents.css)(_templateObject22(), _styledcomponents.textFieldTokens.readOnlyOpacity, _styledcomponents.textFieldTokens.colorReadOnly, _styledcomponents.textFieldTokens.backgroundColorReadOnly, _styledcomponents.textFieldTokens.placeholderColorReadOnly, _styledcomponents.textFieldTokens.leftHelperColorReadOnly, _styledcomponents.textFieldTokens.titleCaptionColorReadOnly, _styledcomponents.textFieldTokens.labelColorReadOnly, _styledcomponents.textFieldTokens.dividerColorReadOnly)
854
853
  }
855
854
  }
856
855
  };
package/es/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -561,12 +561,11 @@ function _templateObject13() {
561
561
  function _templateObject14() {
562
562
  var data = _tagged_template_literal([
563
563
  "\n ",
564
- ": var(--text-primary);\n ",
565
- ": 0.4;\n ",
564
+ ": var(--text-secondary);\n ",
566
565
  ": var(--surface-transparent-primary);\n ",
567
566
  ": var(--text-secondary);\n ",
568
567
  ": var(--text-secondary);\n ",
569
- ": var(--text-primary);\n ",
568
+ ": var(--text-secondary);\n ",
570
569
  ": var(--surface-transparent-primary);\n "
571
570
  ]);
572
571
  _templateObject14 = function _templateObject() {
@@ -609,7 +608,7 @@ export var config = {
609
608
  true: css(_templateObject13(), tokens.textFieldDisabledOpacity)
610
609
  },
611
610
  readOnly: {
612
- true: css(_templateObject14(), tokens.textFieldColorReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldDividerColorReadOnly)
611
+ true: css(_templateObject14(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldDividerColorReadOnly)
613
612
  }
614
613
  }
615
614
  };
package/es/components/Autocomplete/Autocomplete.js CHANGED
@@ -1,4 +1,63 @@
1
- import { autocompleteConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
1
+ function _define_property(obj, key, value) {
2
+ if (key in obj) {
3
+ Object.defineProperty(obj, key, {
4
+ value: value,
5
+ enumerable: true,
6
+ configurable: true,
7
+ writable: true
8
+ });
9
+ } else {
10
+ obj[key] = value;
11
+ }
12
+ return obj;
13
+ }
14
+ function _object_spread(target) {
15
+ for(var i = 1; i < arguments.length; i++){
16
+ var source = arguments[i] != null ? arguments[i] : {};
17
+ var ownKeys = Object.keys(source);
18
+ if (typeof Object.getOwnPropertySymbols === "function") {
19
+ ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
20
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
21
+ }));
22
+ }
23
+ ownKeys.forEach(function(key) {
24
+ _define_property(target, key, source[key]);
25
+ });
26
+ }
27
+ return target;
28
+ }
29
+ function ownKeys(object, enumerableOnly) {
30
+ var keys = Object.keys(object);
31
+ if (Object.getOwnPropertySymbols) {
32
+ var symbols = Object.getOwnPropertySymbols(object);
33
+ if (enumerableOnly) {
34
+ symbols = symbols.filter(function(sym) {
35
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
36
+ });
37
+ }
38
+ keys.push.apply(keys, symbols);
39
+ }
40
+ return keys;
41
+ }
42
+ function _object_spread_props(target, source) {
43
+ source = source != null ? source : {};
44
+ if (Object.getOwnPropertyDescriptors) {
45
+ Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
46
+ } else {
47
+ ownKeys(Object(source)).forEach(function(key) {
48
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
49
+ });
50
+ }
51
+ return target;
52
+ }
53
+ import { autocompleteConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope/styled-components';
54
+ import React from 'react';
2
55
  import { config } from './Autocomplete.config';
3
56
  var mergedConfig = mergeConfig(autocompleteConfig, config);
4
- export var Autocomplete = component(mergedConfig);
57
+ export var AutocompleteComponent = component(mergedConfig);
58
+ var AutocompleteWithoutRef = function(props, ref) {
59
+ return /*#__PURE__*/ React.createElement(AutocompleteComponent, _object_spread_props(_object_spread({}, props), {
60
+ ref: ref
61
+ }));
62
+ };
63
+ export var Autocomplete = fixedForwardRef(AutocompleteWithoutRef);
package/es/components/Combobox/Combobox.config.js CHANGED
@@ -749,12 +749,11 @@ function _templateObject13() {
749
749
  function _templateObject14() {
750
750
  var data = _tagged_template_literal([
751
751
  "\n ",
752
- ": var(--text-primary);\n ",
753
- ": 0.4;\n ",
752
+ ": var(--text-secondary);\n ",
754
753
  ": var(--surface-transparent-primary);\n ",
755
754
  ": var(--text-secondary);\n ",
756
755
  ": var(--text-secondary);\n ",
757
- ": var(--text-primary);\n "
756
+ ": var(--text-secondary);\n "
758
757
  ]);
759
758
  _templateObject14 = function _templateObject() {
760
759
  return data;
@@ -796,7 +795,7 @@ export var config = {
796
795
  true: css(_templateObject13(), tokens.textFieldDisabledOpacity)
797
796
  },
798
797
  readOnly: {
799
- true: css(_templateObject14(), tokens.textFieldColorReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly)
798
+ true: css(_templateObject14(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly)
800
799
  }
801
800
  }
802
801
  };
package/es/components/DatePicker/DatePicker.config.js CHANGED
@@ -533,15 +533,12 @@ function _templateObject6() {
533
533
  var data = _tagged_template_literal([
534
534
  "\n ",
535
535
  ": var(--surface-transparent-primary);\n ",
536
- ": var(--text-primary);\n ",
536
+ ": var(--text-secondary);\n ",
537
+ ": var(--text-secondary);\n ",
537
538
  ": var(--text-secondary);\n\n ",
538
- ": var(--text-primary);\n ",
539
- ": 0.4;\n\n ",
540
- ": var(--text-primary);\n ",
539
+ ": var(--text-secondary);\n ",
541
540
  ": var(--surface-transparent-primary);\n ",
542
- ": var(--text-secondary);\n\n ",
543
- ": 0.4;\n ",
544
- ": 0.4;\n "
541
+ ": var(--text-secondary);\n "
545
542
  ]);
546
543
  _templateObject6 = function _templateObject() {
547
544
  return data;
@@ -568,7 +565,7 @@ export var config = {
568
565
  true: css(_templateObject5(), tokens.disabledOpacity)
569
566
  },
570
567
  readOnly: {
571
- true: css(_templateObject6(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly)
568
+ true: css(_templateObject6(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
572
569
  }
573
570
  }
574
571
  };
package/es/components/Pagination/Pagination.config.js CHANGED
@@ -27,6 +27,7 @@ function _templateObject() {
27
27
  ":transparent;\n ",
28
28
  ": color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 85%\n );\n\n ",
29
29
  ": var(--text-primary);\n ",
30
+ ": var(--text-secondary);\n ",
30
31
  ": var(--surface-accent);\n "
31
32
  ]);
32
33
  _templateObject = function _templateObject() {
@@ -53,6 +54,7 @@ function _templateObject1() {
53
54
  ": var(--surface-solid-secondary);\n ",
54
55
  ": transparent;\n\n ",
55
56
  ": var(--text-primary);\n ",
57
+ ": var(--text-secondary);\n ",
56
58
  ": var(--surface-accent);\n "
57
59
  ]);
58
60
  _templateObject1 = function _templateObject() {
@@ -79,6 +81,7 @@ function _templateObject2() {
79
81
  ": var(--surface-solid-card);\n ",
80
82
  ": transparent;\n\n ",
81
83
  ": var(--text-primary);\n ",
84
+ ": var(--text-secondary);\n ",
82
85
  ": var(--surface-accent);\n "
83
86
  ]);
84
87
  _templateObject2 = function _templateObject() {
@@ -165,7 +168,8 @@ function _templateObject6() {
165
168
  ": 4rem;\n ",
166
169
  ": 3.5rem;\n ",
167
170
  ": 0 0.625rem;\n ",
168
- ": 0.0625rem;\n "
171
+ ": 0.0625rem;\n\n ",
172
+ ": 2.5rem;\n "
169
173
  ]);
170
174
  _templateObject6 = function _templateObject() {
171
175
  return data;
@@ -206,7 +210,8 @@ function _templateObject7() {
206
210
  ": 3.5rem;\n ",
207
211
  ": 3rem;\n ",
208
212
  ": 0 0.625rem;\n ",
209
- ": 0.0625rem;\n "
213
+ ": 0.0625rem;\n\n ",
214
+ ": 2.5rem;\n "
210
215
  ]);
211
216
  _templateObject7 = function _templateObject() {
212
217
  return data;
@@ -247,7 +252,8 @@ function _templateObject8() {
247
252
  ": 3rem;\n ",
248
253
  ": 2.5rem;\n ",
249
254
  ": 0 0.625rem;\n ",
250
- ": 0.0625rem;\n "
255
+ ": 0.0625rem;\n\n ",
256
+ ": 2.5rem;\n "
251
257
  ]);
252
258
  _templateObject8 = function _templateObject() {
253
259
  return data;
@@ -288,7 +294,8 @@ function _templateObject9() {
288
294
  ": 2.5rem;\n ",
289
295
  ": 2rem;\n ",
290
296
  ": 0 0.625rem;\n ",
291
- ": 0.0625rem;\n "
297
+ ": 0.0625rem;\n\n ",
298
+ ": 2.5rem;\n "
292
299
  ]);
293
300
  _templateObject9 = function _templateObject() {
294
301
  return data;
@@ -322,9 +329,9 @@ export var config = {
322
329
  },
323
330
  variations: {
324
331
  view: {
325
- default: css(_templateObject(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.selectBackgroundColor, paginationTokens.paginationColor, paginationTokens.buttonFocusColor),
326
- secondary: css(_templateObject1(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.buttonFocusColor),
327
- clear: css(_templateObject2(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.buttonFocusColor)
332
+ default: css(_templateObject(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.selectBackgroundColor, paginationTokens.paginationColor, paginationTokens.paginationHelperTextColor, paginationTokens.buttonFocusColor),
333
+ secondary: css(_templateObject1(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.paginationHelperTextColor, paginationTokens.buttonFocusColor),
334
+ clear: css(_templateObject2(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.paginationHelperTextColor, paginationTokens.buttonFocusColor)
328
335
  },
329
336
  viewCurrentPage: {
330
337
  default: css(_templateObject3(), paginationTokens.paginationCurrentButtonColor, paginationTokens.paginationCurrentButtonBackgroundColor, paginationTokens.paginationCurrentButtonHoverColor, paginationTokens.paginationCurrentButtonHoverBackgroundColor, paginationTokens.paginationCurrentButtonActiveColor, paginationTokens.paginationCurrentButtonActiveBackgroundColor),
@@ -332,10 +339,10 @@ export var config = {
332
339
  clear: css(_templateObject5(), paginationTokens.paginationCurrentButtonColor, paginationTokens.paginationCurrentButtonBackgroundColor, paginationTokens.paginationCurrentButtonHoverColor, paginationTokens.paginationCurrentButtonHoverBackgroundColor, paginationTokens.paginationCurrentButtonActiveColor, paginationTokens.paginationCurrentButtonActiveBackgroundColor)
333
340
  },
334
341
  size: {
335
- l: css(_templateObject6(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth),
336
- m: css(_templateObject7(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth),
337
- s: css(_templateObject8(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth),
338
- xs: css(_templateObject9(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth)
342
+ l: css(_templateObject6(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap),
343
+ m: css(_templateObject7(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap),
344
+ s: css(_templateObject8(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap),
345
+ xs: css(_templateObject9(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap)
339
346
  },
340
347
  type: {
341
348
  compact: css(_templateObject10()),