@salutejs/sdds-dfa 0.322.0-canary.1906.17438878873.0 → 0.322.0-canary.2163.17485485502.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.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,110 @@
1
+ ## 0.321.0 (4 сентября 2025)
2
+
3
+ ## Функциональные изменения в компонентах
4
+
5
+ ### Autocomplete
6
+
7
+ * Добавлен пример очистки поля ввода
8
+
9
+ [PR](https://github.com/salute-developers/plasma/pull/2165)
10
+
11
+ * Добавлено опциональное свойство `flip`, при котором выпадающий список при недостатке места снизу может отобразиться вверху;
12
+
13
+ [PR](https://github.com/salute-developers/plasma/pull/2199)
14
+
15
+ ### Popup
16
+
17
+ * добавлено свойство `providerFrame`, которое определяет элемент, в который поместится контейнер Popupов
18
+
19
+ [PR](https://github.com/salute-developers/plasma/pull/2151)
20
+
21
+ ### DatePicker
22
+
23
+ * добавлена возможность передавать zIndex в выпадающий календарь
24
+
25
+ [PR](https://github.com/salute-developers/plasma/pull/2181)
26
+
27
+ * размеры приведены в соответствие с макетами
28
+
29
+ [PR](https://github.com/salute-developers/plasma/pull/2196)
30
+
31
+ ### Docs
32
+
33
+ * в документацию добавлен поиск на базе `typesense`
34
+
35
+ [PR](https://github.com/salute-developers/plasma/pull/2173)
36
+
37
+ ### Autocomplete, Combobox, Select
38
+
39
+ * виртуализация теперь поддерживает работу с элементами с динамической высотой;
40
+
41
+ [PR](https://github.com/salute-developers/plasma/pull/2183)
42
+
43
+ ### Carousel
44
+
45
+ * добавлено свойство `defaultIndex`, которое отвечает за показ первого слайда по-умолчанию;
46
+
47
+ [PR](https://github.com/salute-developers/plasma/pull/2175)
48
+
49
+ ### Combobox
50
+
51
+ * свойство `renderValue` теперь работает и в одиночном режиме;
52
+
53
+ [PR](https://github.com/salute-developers/plasma/pull/2172)
54
+
55
+ ### Tree
56
+
57
+ * добавлено свойство `radioMode`, включающее поведение выбора элемента как у radio-checkbox;
58
+
59
+ [PR](https://github.com/salute-developers/plasma/pull/2179)
60
+
61
+ ### Tooltip
62
+
63
+ * добавлены свойства `mouseEnterDelay` и `mouseLeaveDelay` для задержки перед открытием/закрытием подсказки;
64
+
65
+ [PR](https://github.com/salute-developers/plasma/pull/2186)
66
+
67
+ ### Tabs
68
+
69
+ * добавлен `actionContent` в `TabItem`
70
+
71
+ * добавлен `IconTabItem`
72
+
73
+ [PR](https://github.com/salute-developers/plasma/pull/2177)
74
+
75
+ ### Chip
76
+
77
+ * Добавлен размер `xxs` в `chip`
78
+
79
+ [PR](https://github.com/salute-developers/plasma/pull/2194)
80
+
81
+ ### Attach
82
+
83
+ * переработана документация компонента
84
+
85
+ * добавлены примеры взаимодействия с формой
86
+
87
+ [PR](https://github.com/salute-developers/plasma/pull/2167)
88
+
89
+ ### Drawer
90
+
91
+ * Добавили поддержку css свойства scrollbar-gutter чтобы предотвратить дергания экрана из-за наличие scrollbar
92
+
93
+ [PR](https://github.com/salute-developers/plasma/pull/2074)
94
+
95
+ ### Button
96
+
97
+ * Добавлен новый параметр `AdditionalContent`
98
+
99
+ [PR](https://github.com/salute-developers/plasma/pull/2195)
100
+
101
+ ### LinkButton
102
+
103
+ * Добавлен новый параметр `AdditionalContent`
104
+
105
+ [PR](https://github.com/salute-developers/plasma/pull/2195)
106
+
107
+
1
108
  ## 0.320.0 (21 августа 2025)
2
109
 
3
110
  ## Функциональные изменения в компонентах
@@ -572,12 +572,11 @@ function _templateObject13() {
572
572
  function _templateObject14() {
573
573
  var data = _tagged_template_literal([
574
574
  "\n ",
575
- ": var(--text-primary);\n ",
576
- ": 0.4;\n ",
575
+ ": var(--text-secondary);\n ",
577
576
  ": var(--surface-transparent-primary);\n ",
578
577
  ": var(--text-secondary);\n ",
579
578
  ": var(--text-secondary);\n ",
580
- ": var(--text-primary);\n ",
579
+ ": var(--text-secondary);\n ",
581
580
  ": var(--surface-transparent-primary);\n "
582
581
  ]);
583
582
  _templateObject14 = function _templateObject() {
@@ -619,7 +618,7 @@ var config = {
619
618
  true: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.autocompleteTokens.textFieldDisabledOpacity)
620
619
  },
621
620
  readOnly: {
622
- true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.autocompleteTokens.textFieldColorReadOnly, _styledcomponents.autocompleteTokens.textFieldContentSlotRightOpacityReadOnly, _styledcomponents.autocompleteTokens.textFieldBackgroundColorReadOnly, _styledcomponents.autocompleteTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLabelColorReadOnly, _styledcomponents.autocompleteTokens.textFieldDividerColorReadOnly)
621
+ true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.autocompleteTokens.textFieldColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBackgroundColorReadOnly, _styledcomponents.autocompleteTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLabelColorReadOnly, _styledcomponents.autocompleteTokens.textFieldDividerColorReadOnly)
623
622
  }
624
623
  }
625
624
  };
@@ -760,12 +760,11 @@ function _templateObject13() {
760
760
  function _templateObject14() {
761
761
  var data = _tagged_template_literal([
762
762
  "\n ",
763
- ": var(--text-primary);\n ",
764
- ": 0.4;\n ",
763
+ ": var(--text-secondary);\n ",
765
764
  ": var(--surface-transparent-primary);\n ",
766
765
  ": var(--text-secondary);\n ",
767
766
  ": var(--text-secondary);\n ",
768
- ": var(--text-primary);\n "
767
+ ": var(--text-secondary);\n "
769
768
  ]);
770
769
  _templateObject14 = function _templateObject() {
771
770
  return data;
@@ -806,7 +805,7 @@ var config = {
806
805
  true: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.comboboxNewTokens.textFieldDisabledOpacity)
807
806
  },
808
807
  readOnly: {
809
- true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.comboboxNewTokens.textFieldColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldContentSlotRightOpacityReadOnly, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLabelColorReadOnly)
808
+ true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.comboboxNewTokens.textFieldColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLabelColorReadOnly)
810
809
  }
811
810
  }
812
811
  };
@@ -544,15 +544,12 @@ function _templateObject6() {
544
544
  var data = _tagged_template_literal([
545
545
  "\n ",
546
546
  ": var(--surface-transparent-primary);\n ",
547
- ": var(--text-primary);\n ",
547
+ ": var(--text-secondary);\n ",
548
+ ": var(--text-secondary);\n ",
548
549
  ": var(--text-secondary);\n\n ",
549
- ": var(--text-primary);\n ",
550
- ": 0.4;\n\n ",
551
- ": var(--text-primary);\n ",
550
+ ": var(--text-secondary);\n ",
552
551
  ": var(--surface-transparent-primary);\n ",
553
- ": var(--text-secondary);\n\n ",
554
- ": 0.4;\n ",
555
- ": 0.4;\n "
552
+ ": var(--text-secondary);\n "
556
553
  ]);
557
554
  _templateObject6 = function _templateObject() {
558
555
  return data;
@@ -578,7 +575,7 @@ var config = {
578
575
  true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.datePickerTokens.disabledOpacity)
579
576
  },
580
577
  readOnly: {
581
- true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.datePickerTokens.backgroundReadOnly, _styledcomponents.datePickerTokens.labelColorReadOnly, _styledcomponents.datePickerTokens.leftHelperColorReadOnly, _styledcomponents.datePickerTokens.dividerColorReadOnly, _styledcomponents.datePickerTokens.dividerOpacityReadOnly, _styledcomponents.datePickerTokens.textFieldColorReadOnly, _styledcomponents.datePickerTokens.textFieldBackgroundColorReadOnly, _styledcomponents.datePickerTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.datePickerTokens.rightContentOpacityReadOnly, _styledcomponents.datePickerTokens.textFieldContentSlotRightOpacityReadOnly)
578
+ true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.datePickerTokens.backgroundReadOnly, _styledcomponents.datePickerTokens.labelColorReadOnly, _styledcomponents.datePickerTokens.leftHelperColorReadOnly, _styledcomponents.datePickerTokens.dividerColorReadOnly, _styledcomponents.datePickerTokens.textFieldColorReadOnly, _styledcomponents.datePickerTokens.textFieldBackgroundColorReadOnly, _styledcomponents.datePickerTokens.textFieldPlaceholderColorReadOnly)
582
579
  }
583
580
  }
584
581
  };
@@ -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()),
@@ -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
  };
@@ -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
  };
@@ -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
  };
@@ -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
  };
@@ -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
  };
@@ -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
  };
@@ -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
  };
@@ -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()),
@@ -652,20 +652,6 @@ function _templateObject13() {
652
652
  return data;
653
653
  }
654
654
  function _templateObject14() {
655
- var data = _tagged_template_literal([
656
- "\n ",
657
- ": 0.4;\n ",
658
- ": var(--surface-transparent-primary);\n ",
659
- ": var(--text-primary);\n ",
660
- ": var(--surface-transparent-primary);\n ",
661
- ": 0.4;\n "
662
- ]);
663
- _templateObject14 = function _templateObject() {
664
- return data;
665
- };
666
- return data;
667
- }
668
- function _templateObject15() {
669
655
  var data = _tagged_template_literal([
670
656
  "\n ",
671
657
  ": 0.4;\n ",
@@ -673,7 +659,7 @@ function _templateObject15() {
673
659
  ": var(--surface-transparent-primary);\n ",
674
660
  ": var(--text-secondary);\n "
675
661
  ]);
676
- _templateObject15 = function _templateObject() {
662
+ _templateObject14 = function _templateObject() {
677
663
  return data;
678
664
  };
679
665
  return data;
@@ -712,11 +698,8 @@ export var config = {
712
698
  clear: {
713
699
  true: css(_templateObject13())
714
700
  },
715
- readOnly: {
716
- true: css(_templateObject14(), textAreaTokens.readOnlyOpacity, textAreaTokens.backgroundColorReadOnly, textAreaTokens.inputColorReadOnly, textAreaTokens.dividerColorReadOnly, textAreaTokens.contentSlotRightOpacityReadOnly)
717
- },
718
701
  disabled: {
719
- true: css(_templateObject15(), textAreaTokens.disabledOpacity, textAreaTokens.inputColorDisabled, textAreaTokens.dividerColorReadOnly, textAreaTokens.titleCaptionColorReadOnly)
702
+ true: css(_templateObject14(), textAreaTokens.disabledOpacity, textAreaTokens.inputColorDisabled, textAreaTokens.dividerColorReadOnly, textAreaTokens.titleCaptionColorReadOnly)
720
703
  }
721
704
  }
722
705
  };
@@ -784,8 +784,7 @@ function _templateObject22() {
784
784
  ": var(--text-secondary);\n ",
785
785
  ": var(--text-secondary);\n ",
786
786
  ": var(--text-primary);\n ",
787
- ": var(--surface-transparent-primary);\n ",
788
- ": 0.4;\n "
787
+ ": var(--surface-transparent-primary);\n "
789
788
  ]);
790
789
  _templateObject22 = function _templateObject() {
791
790
  return data;
@@ -840,7 +839,7 @@ export var config = {
840
839
  true: css(_templateObject21(), tokens.disabledOpacity)
841
840
  },
842
841
  readOnly: {
843
- true: css(_templateObject22(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
842
+ true: css(_templateObject22(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly)
844
843
  }
845
844
  }
846
845
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-dfa",
3
- "version": "0.322.0-canary.1906.17438878873.0",
3
+ "version": "0.322.0-canary.2163.17485485502.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS DFA web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -19,8 +19,8 @@
19
19
  "directory": "packages/sdds-dfa"
20
20
  },
21
21
  "dependencies": {
22
- "@salutejs/plasma-new-hope": "0.336.0-canary.1906.17438878873.0",
23
- "@salutejs/sdds-themes": "0.47.0-dev.0"
22
+ "@salutejs/plasma-new-hope": "0.336.0-canary.2163.17485485502.0",
23
+ "@salutejs/sdds-themes": "0.47.0"
24
24
  },
25
25
  "peerDependencies": {
26
26
  "react": ">=16.13.1",
@@ -37,10 +37,10 @@
37
37
  "@babel/preset-typescript": "7.24.1",
38
38
  "@microsoft/api-extractor": "7.38.3",
39
39
  "@salutejs/plasma-colors": "0.16.0",
40
- "@salutejs/plasma-core": "1.207.0-dev.0",
41
- "@salutejs/plasma-cy-utils": "0.137.0-dev.0",
42
- "@salutejs/plasma-icons": "1.223.0-dev.0",
43
- "@salutejs/plasma-sb-utils": "0.207.0-dev.0",
40
+ "@salutejs/plasma-core": "1.207.0",
41
+ "@salutejs/plasma-cy-utils": "0.137.0",
42
+ "@salutejs/plasma-icons": "1.223.0",
43
+ "@salutejs/plasma-sb-utils": "0.207.0",
44
44
  "@storybook/addon-docs": "8.6.14",
45
45
  "@storybook/addon-essentials": "8.6.14",
46
46
  "@storybook/manager-api": "8.6.14",
@@ -94,5 +94,5 @@
94
94
  "Anton Vinogradov"
95
95
  ],
96
96
  "sideEffects": false,
97
- "gitHead": "0af332a63212307745332b00ce77e7d36063937d"
97
+ "gitHead": "2b8c7331e4b4d4eaed82589c53b12b102e84a753"
98
98
  }