@salutejs/sdds-dfa 0.321.0-canary.2203.17433640523.0 → 0.322.0-canary.1906.17438878873.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/components/Attach/Attach.d.ts +8 -0
  2. package/components/Autocomplete/Autocomplete.config.js +4 -3
  3. package/components/Button/Button.config.js +24 -12
  4. package/components/Button/Button.d.ts +4 -0
  5. package/components/Combobox/Combobox.config.js +4 -3
  6. package/components/DatePicker/DatePicker.config.js +8 -5
  7. package/components/EmbedIconButton/EmbedIconButton.d.ts +2 -0
  8. package/components/IconButton/IconButton.d.ts +2 -0
  9. package/components/LinkButton/LinkButton.config.js +13 -7
  10. package/components/LinkButton/LinkButton.d.ts +1 -0
  11. package/components/TextArea/TextArea.config.d.ts +3 -0
  12. package/components/TextArea/TextArea.config.js +19 -2
  13. package/components/TextArea/TextArea.d.ts +3 -0
  14. package/components/TextField/TextField.config.js +3 -2
  15. package/es/components/Autocomplete/Autocomplete.config.js +4 -3
  16. package/es/components/Button/Button.config.js +24 -12
  17. package/es/components/Combobox/Combobox.config.js +4 -3
  18. package/es/components/DatePicker/DatePicker.config.js +8 -5
  19. package/es/components/LinkButton/LinkButton.config.js +13 -7
  20. package/es/components/TextArea/TextArea.config.js +19 -2
  21. package/es/components/TextField/TextField.config.js +3 -2
  22. package/package.json +8 -8
package/components/Attach/Attach.d.ts CHANGED
@@ -28,6 +28,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
28
28
  text?: string;
29
29
  contentLeft?: import("react").ReactNode;
30
30
  contentPlacing?: "default" | "relaxed";
31
+ additionalContent?: import("react").ReactNode;
31
32
  isLoading?: boolean;
32
33
  loader?: import("react").ReactNode;
33
34
  stretch?: boolean;
@@ -51,6 +52,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
51
52
  text?: string;
52
53
  contentLeft?: import("react").ReactNode;
53
54
  contentPlacing?: "default" | "relaxed";
55
+ additionalContent?: import("react").ReactNode;
54
56
  isLoading?: boolean;
55
57
  loader?: import("react").ReactNode;
56
58
  stretch?: boolean;
@@ -77,6 +79,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
77
79
  text?: string;
78
80
  contentLeft?: import("react").ReactNode;
79
81
  contentPlacing?: "default" | "relaxed";
82
+ additionalContent?: import("react").ReactNode;
80
83
  isLoading?: boolean;
81
84
  loader?: import("react").ReactNode;
82
85
  stretch?: boolean;
@@ -101,6 +104,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
101
104
  text?: string;
102
105
  contentLeft?: import("react").ReactNode;
103
106
  contentPlacing?: "default" | "relaxed";
107
+ additionalContent?: import("react").ReactNode;
104
108
  isLoading?: boolean;
105
109
  loader?: import("react").ReactNode;
106
110
  stretch?: boolean;
@@ -128,6 +132,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
128
132
  text?: string;
129
133
  contentLeft?: import("react").ReactNode;
130
134
  contentPlacing?: "default" | "relaxed";
135
+ additionalContent?: import("react").ReactNode;
131
136
  isLoading?: boolean;
132
137
  loader?: import("react").ReactNode;
133
138
  stretch?: boolean;
@@ -154,6 +159,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
154
159
  text?: string;
155
160
  contentLeft?: import("react").ReactNode;
156
161
  contentPlacing?: "default" | "relaxed";
162
+ additionalContent?: import("react").ReactNode;
157
163
  isLoading?: boolean;
158
164
  loader?: import("react").ReactNode;
159
165
  stretch?: boolean;
@@ -177,6 +183,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
177
183
  text?: string;
178
184
  contentLeft?: import("react").ReactNode;
179
185
  contentPlacing?: "default" | "relaxed";
186
+ additionalContent?: import("react").ReactNode;
180
187
  isLoading?: boolean;
181
188
  loader?: import("react").ReactNode;
182
189
  stretch?: boolean;
@@ -204,6 +211,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
204
211
  text?: string;
205
212
  contentLeft?: import("react").ReactNode;
206
213
  contentPlacing?: "default" | "relaxed";
214
+ additionalContent?: import("react").ReactNode;
207
215
  isLoading?: boolean;
208
216
  loader?: import("react").ReactNode;
209
217
  stretch?: boolean;
package/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -572,11 +572,12 @@ function _templateObject13() {
572
572
  function _templateObject14() {
573
573
  var data = _tagged_template_literal([
574
574
  "\n ",
575
- ": var(--text-secondary);\n ",
575
+ ": var(--text-primary);\n ",
576
+ ": 0.4;\n ",
576
577
  ": var(--surface-transparent-primary);\n ",
577
578
  ": var(--text-secondary);\n ",
578
579
  ": var(--text-secondary);\n ",
579
- ": var(--text-secondary);\n ",
580
+ ": var(--text-primary);\n ",
580
581
  ": var(--surface-transparent-primary);\n "
581
582
  ]);
582
583
  _templateObject14 = function _templateObject() {
@@ -618,7 +619,7 @@ var config = {
618
619
  true: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.autocompleteTokens.textFieldDisabledOpacity)
619
620
  },
620
621
  readOnly: {
621
- true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.autocompleteTokens.textFieldColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBackgroundColorReadOnly, _styledcomponents.autocompleteTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLabelColorReadOnly, _styledcomponents.autocompleteTokens.textFieldDividerColorReadOnly)
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)
622
623
  }
623
624
  }
624
625
  };
package/components/Button/Button.config.js CHANGED
@@ -216,7 +216,9 @@ function _templateObject10() {
216
216
  ": inherit;\n\n ",
217
217
  ": 0 0.625rem 0 -0.125rem;\n ",
218
218
  ": 0 -0.125rem 0 0.625rem;\n ",
219
- ": 0 0 0 0.25rem;\n "
219
+ ": 0 0 0 0.25rem;\n ",
220
+ ": 0 0 0 0.5rem;\n ",
221
+ ": 0.375rem;\n "
220
222
  ]);
221
223
  _templateObject10 = function _templateObject() {
222
224
  return data;
@@ -240,7 +242,9 @@ function _templateObject11() {
240
242
  ": inherit;\n\n ",
241
243
  ": 0 0.5rem 0 -0.125rem;\n ",
242
244
  ": 0 -0.125rem 0 0.5rem;\n ",
243
- ": 0 0 0 0.25rem;\n "
245
+ ": 0 0 0 0.25rem;\n ",
246
+ ": 0 0 0 0.5rem;\n ",
247
+ ": 0.375rem;\n "
244
248
  ]);
245
249
  _templateObject11 = function _templateObject() {
246
250
  return data;
@@ -264,7 +268,9 @@ function _templateObject12() {
264
268
  ": inherit;\n\n ",
265
269
  ": 0 0.375rem 0 -0.125rem;\n ",
266
270
  ": 0 -0.125rem 0 0.375rem;\n ",
267
- ": 0 0 0 0.25rem;\n "
271
+ ": 0 0 0 0.25rem;\n ",
272
+ ": 0 0 0 0.375rem;\n ",
273
+ ": 0.25rem;\n "
268
274
  ]);
269
275
  _templateObject12 = function _templateObject() {
270
276
  return data;
@@ -288,7 +294,9 @@ function _templateObject13() {
288
294
  ": inherit;\n\n ",
289
295
  ": 0 0.25rem 0 -0.125rem;\n ",
290
296
  ": 0 -0.125rem 0 0.25rem;\n ",
291
- ": 0 0 0 0.25rem;\n "
297
+ ": 0 0 0 0.25rem;\n ",
298
+ ": 0 0 0 0.25rem;\n ",
299
+ ": 0.25rem;\n "
292
300
  ]);
293
301
  _templateObject13 = function _templateObject() {
294
302
  return data;
@@ -312,7 +320,9 @@ function _templateObject14() {
312
320
  ": inherit;\n\n ",
313
321
  ": 0 0.25rem 0 -0.125rem;\n ",
314
322
  ": 0 -0.125rem 0 0.25rem;\n ",
315
- ": 0 0 0 0.25rem;\n "
323
+ ": 0 0 0 0.25rem;\n ",
324
+ ": 0 0 0 0.25rem;\n ",
325
+ ": 0.125rem;\n "
316
326
  ]);
317
327
  _templateObject14 = function _templateObject() {
318
328
  return data;
@@ -336,7 +346,9 @@ function _templateObject15() {
336
346
  ": inherit;\n\n ",
337
347
  ": 0 0.25rem 0 -0.125rem;\n ",
338
348
  ": 0 -0.125rem 0 0.25rem;\n ",
339
- ": 0 0 0 0.25rem;\n "
349
+ ": 0 0rem 0 0.25rem;\n ",
350
+ ": 0 0 0 0.25rem;\n ",
351
+ ": 0.125rem;\n "
340
352
  ]);
341
353
  _templateObject15 = function _templateObject() {
342
354
  return data;
@@ -410,12 +422,12 @@ var config = {
410
422
  white: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.buttonTokens.buttonColor, _styledcomponents.buttonTokens.buttonTextColor, _styledcomponents.buttonTokens.buttonIconColor, _styledcomponents.buttonTokens.buttonValueColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonLoadingBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonColorHover, _styledcomponents.buttonTokens.buttonColorActive)
411
423
  },
412
424
  size: {
413
- xl: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonPadding, _styledcomponents.buttonTokens.buttonRadius, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin),
414
- l: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonPadding, _styledcomponents.buttonTokens.buttonRadius, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin),
415
- m: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonPadding, _styledcomponents.buttonTokens.buttonRadius, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin),
416
- s: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonPadding, _styledcomponents.buttonTokens.buttonRadius, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin),
417
- xs: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonPadding, _styledcomponents.buttonTokens.buttonRadius, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin),
418
- xxs: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonPadding, _styledcomponents.buttonTokens.buttonRadius, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin)
425
+ xl: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonPadding, _styledcomponents.buttonTokens.buttonRadius, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin, _styledcomponents.buttonTokens.buttonAdditionalContentMargin, _styledcomponents.buttonTokens.buttonAdditionalContentMarginRightWidthValue),
426
+ l: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonPadding, _styledcomponents.buttonTokens.buttonRadius, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin, _styledcomponents.buttonTokens.buttonAdditionalContentMargin, _styledcomponents.buttonTokens.buttonAdditionalContentMarginRightWidthValue),
427
+ m: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonPadding, _styledcomponents.buttonTokens.buttonRadius, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin, _styledcomponents.buttonTokens.buttonAdditionalContentMargin, _styledcomponents.buttonTokens.buttonAdditionalContentMarginRightWidthValue),
428
+ s: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonPadding, _styledcomponents.buttonTokens.buttonRadius, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin, _styledcomponents.buttonTokens.buttonAdditionalContentMargin, _styledcomponents.buttonTokens.buttonAdditionalContentMarginRightWidthValue),
429
+ xs: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonPadding, _styledcomponents.buttonTokens.buttonRadius, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin, _styledcomponents.buttonTokens.buttonAdditionalContentMargin, _styledcomponents.buttonTokens.buttonAdditionalContentMarginRightWidthValue),
430
+ xxs: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonPadding, _styledcomponents.buttonTokens.buttonRadius, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonAdditionalContentMargin, _styledcomponents.buttonTokens.buttonValueMargin, _styledcomponents.buttonTokens.buttonAdditionalContentMarginRightWidthValue)
419
431
  },
420
432
  disabled: {
421
433
  true: (0, _styledcomponents.css)(_templateObject16(), _styledcomponents.buttonTokens.buttonDisabledOpacity)
package/components/Button/Button.d.ts CHANGED
@@ -34,6 +34,7 @@ declare const ButtonComponent: import("react").FunctionComponent<import("@salute
34
34
  text?: string;
35
35
  contentLeft?: import("react").ReactNode;
36
36
  contentPlacing?: "default" | "relaxed";
37
+ additionalContent?: import("react").ReactNode;
37
38
  isLoading?: boolean;
38
39
  loader?: import("react").ReactNode;
39
40
  stretch?: boolean;
@@ -55,6 +56,7 @@ declare const ButtonComponent: import("react").FunctionComponent<import("@salute
55
56
  text?: string;
56
57
  contentLeft?: import("react").ReactNode;
57
58
  contentPlacing?: "default" | "relaxed";
59
+ additionalContent?: import("react").ReactNode;
58
60
  isLoading?: boolean;
59
61
  loader?: import("react").ReactNode;
60
62
  stretch?: boolean;
@@ -113,6 +115,7 @@ export declare const Button: import("react").FunctionComponent<import("@salutejs
113
115
  text?: string;
114
116
  contentLeft?: import("react").ReactNode;
115
117
  contentPlacing?: "default" | "relaxed";
118
+ additionalContent?: import("react").ReactNode;
116
119
  isLoading?: boolean;
117
120
  loader?: import("react").ReactNode;
118
121
  stretch?: boolean;
@@ -134,6 +137,7 @@ export declare const Button: import("react").FunctionComponent<import("@salutejs
134
137
  text?: string;
135
138
  contentLeft?: import("react").ReactNode;
136
139
  contentPlacing?: "default" | "relaxed";
140
+ additionalContent?: import("react").ReactNode;
137
141
  isLoading?: boolean;
138
142
  loader?: import("react").ReactNode;
139
143
  stretch?: boolean;
package/components/Combobox/Combobox.config.js CHANGED
@@ -760,11 +760,12 @@ function _templateObject13() {
760
760
  function _templateObject14() {
761
761
  var data = _tagged_template_literal([
762
762
  "\n ",
763
- ": var(--text-secondary);\n ",
763
+ ": var(--text-primary);\n ",
764
+ ": 0.4;\n ",
764
765
  ": var(--surface-transparent-primary);\n ",
765
766
  ": var(--text-secondary);\n ",
766
767
  ": var(--text-secondary);\n ",
767
- ": var(--text-secondary);\n "
768
+ ": var(--text-primary);\n "
768
769
  ]);
769
770
  _templateObject14 = function _templateObject() {
770
771
  return data;
@@ -805,7 +806,7 @@ var config = {
805
806
  true: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.comboboxNewTokens.textFieldDisabledOpacity)
806
807
  },
807
808
  readOnly: {
808
- true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.comboboxNewTokens.textFieldColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLabelColorReadOnly)
809
+ true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.comboboxNewTokens.textFieldColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldContentSlotRightOpacityReadOnly, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLabelColorReadOnly)
809
810
  }
810
811
  }
811
812
  };
package/components/DatePicker/DatePicker.config.js CHANGED
@@ -544,12 +544,15 @@ function _templateObject6() {
544
544
  var data = _tagged_template_literal([
545
545
  "\n ",
546
546
  ": var(--surface-transparent-primary);\n ",
547
- ": var(--text-secondary);\n ",
548
- ": var(--text-secondary);\n ",
547
+ ": var(--text-primary);\n ",
549
548
  ": var(--text-secondary);\n\n ",
550
- ": var(--text-secondary);\n ",
549
+ ": var(--text-primary);\n ",
550
+ ": 0.4;\n\n ",
551
+ ": var(--text-primary);\n ",
551
552
  ": var(--surface-transparent-primary);\n ",
552
- ": var(--text-secondary);\n "
553
+ ": var(--text-secondary);\n\n ",
554
+ ": 0.4;\n ",
555
+ ": 0.4;\n "
553
556
  ]);
554
557
  _templateObject6 = function _templateObject() {
555
558
  return data;
@@ -575,7 +578,7 @@ var config = {
575
578
  true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.datePickerTokens.disabledOpacity)
576
579
  },
577
580
  readOnly: {
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)
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)
579
582
  }
580
583
  }
581
584
  };
package/components/EmbedIconButton/EmbedIconButton.d.ts CHANGED
@@ -26,6 +26,7 @@ export declare const EmbedIconButton: import("react").FunctionComponent<import("
26
26
  text?: string;
27
27
  contentLeft?: import("react").ReactNode;
28
28
  contentPlacing?: "default" | "relaxed";
29
+ additionalContent?: import("react").ReactNode;
29
30
  isLoading?: boolean;
30
31
  loader?: import("react").ReactNode;
31
32
  stretch?: boolean;
@@ -47,6 +48,7 @@ export declare const EmbedIconButton: import("react").FunctionComponent<import("
47
48
  text?: string;
48
49
  contentLeft?: import("react").ReactNode;
49
50
  contentPlacing?: "default" | "relaxed";
51
+ additionalContent?: import("react").ReactNode;
50
52
  isLoading?: boolean;
51
53
  loader?: import("react").ReactNode;
52
54
  stretch?: boolean;
package/components/IconButton/IconButton.d.ts CHANGED
@@ -31,6 +31,7 @@ export declare const IconButton: import("react").FunctionComponent<import("@salu
31
31
  text?: string;
32
32
  contentLeft?: import("react").ReactNode;
33
33
  contentPlacing?: "default" | "relaxed";
34
+ additionalContent?: import("react").ReactNode;
34
35
  isLoading?: boolean;
35
36
  loader?: import("react").ReactNode;
36
37
  stretch?: boolean;
@@ -52,6 +53,7 @@ export declare const IconButton: import("react").FunctionComponent<import("@salu
52
53
  text?: string;
53
54
  contentLeft?: import("react").ReactNode;
54
55
  contentPlacing?: "default" | "relaxed";
56
+ additionalContent?: import("react").ReactNode;
55
57
  isLoading?: boolean;
56
58
  loader?: import("react").ReactNode;
57
59
  stretch?: boolean;
package/components/LinkButton/LinkButton.config.js CHANGED
@@ -131,6 +131,7 @@ function _templateObject6() {
131
131
  ": inherit;\n\n ",
132
132
  ": 0.063rem 0;\n ",
133
133
  ": 0 0.5rem 0 0;\n ",
134
+ ": 0 0 0 0.5rem;\n ",
134
135
  ": 0 0 0 0.5rem;\n "
135
136
  ]);
136
137
  _templateObject6 = function _templateObject() {
@@ -154,6 +155,7 @@ function _templateObject7() {
154
155
  ": inherit;\n\n ",
155
156
  ": 0.063rem 0;\n ",
156
157
  ": 0 0.5rem 0 0;\n ",
158
+ ": 0 0 0 0.5rem;\n ",
157
159
  ": 0 0 0 0.5rem;\n "
158
160
  ]);
159
161
  _templateObject7 = function _templateObject() {
@@ -177,6 +179,7 @@ function _templateObject8() {
177
179
  ": inherit;\n\n ",
178
180
  ": 0.125rem 0;\n ",
179
181
  ": 0 0.375rem 0 0;\n ",
182
+ ": 0 0 0 0.375rem;\n ",
180
183
  ": 0 0 0 0.375rem;\n "
181
184
  ]);
182
185
  _templateObject8 = function _templateObject() {
@@ -200,6 +203,7 @@ function _templateObject9() {
200
203
  ": inherit;\n\n ",
201
204
  ": 0.063rem 0;\n ",
202
205
  ": 0 0.25rem 0 0;\n ",
206
+ ": 0 0 0 0.25rem;\n ",
203
207
  ": 0 0 0 0.25rem;\n "
204
208
  ]);
205
209
  _templateObject9 = function _templateObject() {
@@ -223,6 +227,7 @@ function _templateObject10() {
223
227
  ": inherit;\n\n ",
224
228
  ": 0.063rem 0;\n ",
225
229
  ": 0 0.25rem 0 0;\n ",
230
+ ": 0 0 0 0.25rem;\n ",
226
231
  ": 0 0 0 0.25rem;\n "
227
232
  ]);
228
233
  _templateObject10 = function _templateObject() {
@@ -245,7 +250,8 @@ function _templateObject11() {
245
250
  ": 0.75rem;\n ",
246
251
  ": inherit;\n\n ",
247
252
  ": 0.063rem 0.25rem 0.063rem 0;\n ",
248
- ": 0.063rem 0 0.063rem 0.25rem;\n "
253
+ ": 0.063rem 0 0.063rem 0.25rem;\n ",
254
+ ": 0 0 0 0.25rem;\n "
249
255
  ]);
250
256
  _templateObject11 = function _templateObject() {
251
257
  return data;
@@ -277,12 +283,12 @@ var config = {
277
283
  negative: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor)
278
284
  },
279
285
  size: {
280
- xl: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.linkButtonTokens.linkButtonHeight, _styledcomponents.linkButtonTokens.linkButtonPadding, _styledcomponents.linkButtonTokens.linkButtonRadius, _styledcomponents.linkButtonTokens.linkButtonFontFamily, _styledcomponents.linkButtonTokens.linkButtonFontSize, _styledcomponents.linkButtonTokens.linkButtonFontStyle, _styledcomponents.linkButtonTokens.linkButtonFontWeight, _styledcomponents.linkButtonTokens.linkButtonLetterSpacing, _styledcomponents.linkButtonTokens.linkButtonLineHeight, _styledcomponents.linkButtonTokens.linkButtonSpinnerSize, _styledcomponents.linkButtonTokens.linkButtonSpinnerColor, _styledcomponents.linkButtonTokens.linkButtonTextPadding, _styledcomponents.linkButtonTokens.linkButtonLeftContentMargin, _styledcomponents.linkButtonTokens.linkButtonRightContentMargin),
281
- l: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.linkButtonTokens.linkButtonHeight, _styledcomponents.linkButtonTokens.linkButtonPadding, _styledcomponents.linkButtonTokens.linkButtonRadius, _styledcomponents.linkButtonTokens.linkButtonFontFamily, _styledcomponents.linkButtonTokens.linkButtonFontSize, _styledcomponents.linkButtonTokens.linkButtonFontStyle, _styledcomponents.linkButtonTokens.linkButtonFontWeight, _styledcomponents.linkButtonTokens.linkButtonLetterSpacing, _styledcomponents.linkButtonTokens.linkButtonLineHeight, _styledcomponents.linkButtonTokens.linkButtonSpinnerSize, _styledcomponents.linkButtonTokens.linkButtonSpinnerColor, _styledcomponents.linkButtonTokens.linkButtonTextPadding, _styledcomponents.linkButtonTokens.linkButtonLeftContentMargin, _styledcomponents.linkButtonTokens.linkButtonRightContentMargin),
282
- m: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.linkButtonTokens.linkButtonHeight, _styledcomponents.linkButtonTokens.linkButtonPadding, _styledcomponents.linkButtonTokens.linkButtonRadius, _styledcomponents.linkButtonTokens.linkButtonFontFamily, _styledcomponents.linkButtonTokens.linkButtonFontSize, _styledcomponents.linkButtonTokens.linkButtonFontStyle, _styledcomponents.linkButtonTokens.linkButtonFontWeight, _styledcomponents.linkButtonTokens.linkButtonLetterSpacing, _styledcomponents.linkButtonTokens.linkButtonLineHeight, _styledcomponents.linkButtonTokens.linkButtonSpinnerSize, _styledcomponents.linkButtonTokens.linkButtonSpinnerColor, _styledcomponents.linkButtonTokens.linkButtonTextPadding, _styledcomponents.linkButtonTokens.linkButtonLeftContentMargin, _styledcomponents.linkButtonTokens.linkButtonRightContentMargin),
283
- s: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.linkButtonTokens.linkButtonHeight, _styledcomponents.linkButtonTokens.linkButtonPadding, _styledcomponents.linkButtonTokens.linkButtonRadius, _styledcomponents.linkButtonTokens.linkButtonFontFamily, _styledcomponents.linkButtonTokens.linkButtonFontSize, _styledcomponents.linkButtonTokens.linkButtonFontStyle, _styledcomponents.linkButtonTokens.linkButtonFontWeight, _styledcomponents.linkButtonTokens.linkButtonLetterSpacing, _styledcomponents.linkButtonTokens.linkButtonLineHeight, _styledcomponents.linkButtonTokens.linkButtonSpinnerSize, _styledcomponents.linkButtonTokens.linkButtonSpinnerColor, _styledcomponents.linkButtonTokens.linkButtonTextPadding, _styledcomponents.linkButtonTokens.linkButtonLeftContentMargin, _styledcomponents.linkButtonTokens.linkButtonRightContentMargin),
284
- xs: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.linkButtonTokens.linkButtonHeight, _styledcomponents.linkButtonTokens.linkButtonPadding, _styledcomponents.linkButtonTokens.linkButtonRadius, _styledcomponents.linkButtonTokens.linkButtonFontFamily, _styledcomponents.linkButtonTokens.linkButtonFontSize, _styledcomponents.linkButtonTokens.linkButtonFontStyle, _styledcomponents.linkButtonTokens.linkButtonFontWeight, _styledcomponents.linkButtonTokens.linkButtonLetterSpacing, _styledcomponents.linkButtonTokens.linkButtonLineHeight, _styledcomponents.linkButtonTokens.linkButtonSpinnerSize, _styledcomponents.linkButtonTokens.linkButtonSpinnerColor, _styledcomponents.linkButtonTokens.linkButtonTextPadding, _styledcomponents.linkButtonTokens.linkButtonLeftContentMargin, _styledcomponents.linkButtonTokens.linkButtonRightContentMargin),
285
- xxs: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.linkButtonTokens.linkButtonHeight, _styledcomponents.linkButtonTokens.linkButtonPadding, _styledcomponents.linkButtonTokens.linkButtonRadius, _styledcomponents.linkButtonTokens.linkButtonFontFamily, _styledcomponents.linkButtonTokens.linkButtonFontSize, _styledcomponents.linkButtonTokens.linkButtonFontStyle, _styledcomponents.linkButtonTokens.linkButtonFontWeight, _styledcomponents.linkButtonTokens.linkButtonLetterSpacing, _styledcomponents.linkButtonTokens.linkButtonLineHeight, _styledcomponents.linkButtonTokens.linkButtonSpinnerSize, _styledcomponents.linkButtonTokens.linkButtonSpinnerColor, _styledcomponents.linkButtonTokens.linkButtonLeftContentMargin, _styledcomponents.linkButtonTokens.linkButtonRightContentMargin)
286
+ xl: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.linkButtonTokens.linkButtonHeight, _styledcomponents.linkButtonTokens.linkButtonPadding, _styledcomponents.linkButtonTokens.linkButtonRadius, _styledcomponents.linkButtonTokens.linkButtonFontFamily, _styledcomponents.linkButtonTokens.linkButtonFontSize, _styledcomponents.linkButtonTokens.linkButtonFontStyle, _styledcomponents.linkButtonTokens.linkButtonFontWeight, _styledcomponents.linkButtonTokens.linkButtonLetterSpacing, _styledcomponents.linkButtonTokens.linkButtonLineHeight, _styledcomponents.linkButtonTokens.linkButtonSpinnerSize, _styledcomponents.linkButtonTokens.linkButtonSpinnerColor, _styledcomponents.linkButtonTokens.linkButtonTextPadding, _styledcomponents.linkButtonTokens.linkButtonLeftContentMargin, _styledcomponents.linkButtonTokens.linkButtonRightContentMargin, _styledcomponents.linkButtonTokens.linkButtonAdditionalContentMargin),
287
+ l: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.linkButtonTokens.linkButtonHeight, _styledcomponents.linkButtonTokens.linkButtonPadding, _styledcomponents.linkButtonTokens.linkButtonRadius, _styledcomponents.linkButtonTokens.linkButtonFontFamily, _styledcomponents.linkButtonTokens.linkButtonFontSize, _styledcomponents.linkButtonTokens.linkButtonFontStyle, _styledcomponents.linkButtonTokens.linkButtonFontWeight, _styledcomponents.linkButtonTokens.linkButtonLetterSpacing, _styledcomponents.linkButtonTokens.linkButtonLineHeight, _styledcomponents.linkButtonTokens.linkButtonSpinnerSize, _styledcomponents.linkButtonTokens.linkButtonSpinnerColor, _styledcomponents.linkButtonTokens.linkButtonTextPadding, _styledcomponents.linkButtonTokens.linkButtonLeftContentMargin, _styledcomponents.linkButtonTokens.linkButtonRightContentMargin, _styledcomponents.linkButtonTokens.linkButtonAdditionalContentMargin),
288
+ m: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.linkButtonTokens.linkButtonHeight, _styledcomponents.linkButtonTokens.linkButtonPadding, _styledcomponents.linkButtonTokens.linkButtonRadius, _styledcomponents.linkButtonTokens.linkButtonFontFamily, _styledcomponents.linkButtonTokens.linkButtonFontSize, _styledcomponents.linkButtonTokens.linkButtonFontStyle, _styledcomponents.linkButtonTokens.linkButtonFontWeight, _styledcomponents.linkButtonTokens.linkButtonLetterSpacing, _styledcomponents.linkButtonTokens.linkButtonLineHeight, _styledcomponents.linkButtonTokens.linkButtonSpinnerSize, _styledcomponents.linkButtonTokens.linkButtonSpinnerColor, _styledcomponents.linkButtonTokens.linkButtonTextPadding, _styledcomponents.linkButtonTokens.linkButtonLeftContentMargin, _styledcomponents.linkButtonTokens.linkButtonRightContentMargin, _styledcomponents.linkButtonTokens.linkButtonAdditionalContentMargin),
289
+ s: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.linkButtonTokens.linkButtonHeight, _styledcomponents.linkButtonTokens.linkButtonPadding, _styledcomponents.linkButtonTokens.linkButtonRadius, _styledcomponents.linkButtonTokens.linkButtonFontFamily, _styledcomponents.linkButtonTokens.linkButtonFontSize, _styledcomponents.linkButtonTokens.linkButtonFontStyle, _styledcomponents.linkButtonTokens.linkButtonFontWeight, _styledcomponents.linkButtonTokens.linkButtonLetterSpacing, _styledcomponents.linkButtonTokens.linkButtonLineHeight, _styledcomponents.linkButtonTokens.linkButtonSpinnerSize, _styledcomponents.linkButtonTokens.linkButtonSpinnerColor, _styledcomponents.linkButtonTokens.linkButtonTextPadding, _styledcomponents.linkButtonTokens.linkButtonLeftContentMargin, _styledcomponents.linkButtonTokens.linkButtonRightContentMargin, _styledcomponents.linkButtonTokens.linkButtonAdditionalContentMargin),
290
+ xs: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.linkButtonTokens.linkButtonHeight, _styledcomponents.linkButtonTokens.linkButtonPadding, _styledcomponents.linkButtonTokens.linkButtonRadius, _styledcomponents.linkButtonTokens.linkButtonFontFamily, _styledcomponents.linkButtonTokens.linkButtonFontSize, _styledcomponents.linkButtonTokens.linkButtonFontStyle, _styledcomponents.linkButtonTokens.linkButtonFontWeight, _styledcomponents.linkButtonTokens.linkButtonLetterSpacing, _styledcomponents.linkButtonTokens.linkButtonLineHeight, _styledcomponents.linkButtonTokens.linkButtonSpinnerSize, _styledcomponents.linkButtonTokens.linkButtonSpinnerColor, _styledcomponents.linkButtonTokens.linkButtonTextPadding, _styledcomponents.linkButtonTokens.linkButtonLeftContentMargin, _styledcomponents.linkButtonTokens.linkButtonRightContentMargin, _styledcomponents.linkButtonTokens.linkButtonAdditionalContentMargin),
291
+ xxs: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.linkButtonTokens.linkButtonHeight, _styledcomponents.linkButtonTokens.linkButtonPadding, _styledcomponents.linkButtonTokens.linkButtonRadius, _styledcomponents.linkButtonTokens.linkButtonFontFamily, _styledcomponents.linkButtonTokens.linkButtonFontSize, _styledcomponents.linkButtonTokens.linkButtonFontStyle, _styledcomponents.linkButtonTokens.linkButtonFontWeight, _styledcomponents.linkButtonTokens.linkButtonLetterSpacing, _styledcomponents.linkButtonTokens.linkButtonLineHeight, _styledcomponents.linkButtonTokens.linkButtonSpinnerSize, _styledcomponents.linkButtonTokens.linkButtonSpinnerColor, _styledcomponents.linkButtonTokens.linkButtonLeftContentMargin, _styledcomponents.linkButtonTokens.linkButtonRightContentMargin, _styledcomponents.linkButtonTokens.linkButtonAdditionalContentMargin)
286
292
  },
287
293
  disabled: {
288
294
  true: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.linkButtonTokens.linkButtonDisabledOpacity)
package/components/LinkButton/LinkButton.d.ts CHANGED
@@ -22,6 +22,7 @@ export declare const LinkButton: import("react").FunctionComponent<import("@salu
22
22
  text?: string;
23
23
  contentRight?: React.ReactNode;
24
24
  contentLeft?: React.ReactNode;
25
+ additionalContent?: React.ReactNode;
25
26
  isLoading?: boolean;
26
27
  loader?: React.ReactNode;
27
28
  disabled?: boolean;
package/components/TextArea/TextArea.config.d.ts CHANGED
@@ -32,6 +32,9 @@ 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
+ };
35
38
  disabled: {
36
39
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
37
40
  };
package/components/TextArea/TextArea.config.js CHANGED
@@ -663,6 +663,20 @@ 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() {
666
680
  var data = _tagged_template_literal([
667
681
  "\n ",
668
682
  ": 0.4;\n ",
@@ -670,7 +684,7 @@ function _templateObject14() {
670
684
  ": var(--surface-transparent-primary);\n ",
671
685
  ": var(--text-secondary);\n "
672
686
  ]);
673
- _templateObject14 = function _templateObject() {
687
+ _templateObject15 = function _templateObject() {
674
688
  return data;
675
689
  };
676
690
  return data;
@@ -708,8 +722,11 @@ var config = {
708
722
  clear: {
709
723
  true: (0, _styledcomponents.css)(_templateObject13())
710
724
  },
725
+ readOnly: {
726
+ true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.textAreaTokens.readOnlyOpacity, _styledcomponents.textAreaTokens.backgroundColorReadOnly, _styledcomponents.textAreaTokens.inputColorReadOnly, _styledcomponents.textAreaTokens.dividerColorReadOnly, _styledcomponents.textAreaTokens.contentSlotRightOpacityReadOnly)
727
+ },
711
728
  disabled: {
712
- true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.textAreaTokens.disabledOpacity, _styledcomponents.textAreaTokens.inputColorDisabled, _styledcomponents.textAreaTokens.dividerColorReadOnly, _styledcomponents.textAreaTokens.titleCaptionColorReadOnly)
729
+ true: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.textAreaTokens.disabledOpacity, _styledcomponents.textAreaTokens.inputColorDisabled, _styledcomponents.textAreaTokens.dividerColorReadOnly, _styledcomponents.textAreaTokens.titleCaptionColorReadOnly)
713
730
  }
714
731
  }
715
732
  };
package/components/TextArea/TextArea.d.ts CHANGED
@@ -26,6 +26,9 @@ 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
+ };
29
32
  disabled: {
30
33
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
31
34
  };
package/components/TextField/TextField.config.js CHANGED
@@ -795,7 +795,8 @@ 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 "
798
+ ": var(--surface-transparent-primary);\n ",
799
+ ": 0.4;\n "
799
800
  ]);
800
801
  _templateObject22 = function _templateObject() {
801
802
  return data;
@@ -849,7 +850,7 @@ var config = {
849
850
  true: (0, _styledcomponents.css)(_templateObject21(), _styledcomponents.textFieldTokens.disabledOpacity)
850
851
  },
851
852
  readOnly: {
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)
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)
853
854
  }
854
855
  }
855
856
  };
package/es/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -561,11 +561,12 @@ function _templateObject13() {
561
561
  function _templateObject14() {
562
562
  var data = _tagged_template_literal([
563
563
  "\n ",
564
- ": var(--text-secondary);\n ",
564
+ ": var(--text-primary);\n ",
565
+ ": 0.4;\n ",
565
566
  ": var(--surface-transparent-primary);\n ",
566
567
  ": var(--text-secondary);\n ",
567
568
  ": var(--text-secondary);\n ",
568
- ": var(--text-secondary);\n ",
569
+ ": var(--text-primary);\n ",
569
570
  ": var(--surface-transparent-primary);\n "
570
571
  ]);
571
572
  _templateObject14 = function _templateObject() {
@@ -608,7 +609,7 @@ export var config = {
608
609
  true: css(_templateObject13(), tokens.textFieldDisabledOpacity)
609
610
  },
610
611
  readOnly: {
611
- true: css(_templateObject14(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldDividerColorReadOnly)
612
+ true: css(_templateObject14(), tokens.textFieldColorReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldDividerColorReadOnly)
612
613
  }
613
614
  }
614
615
  };
package/es/components/Button/Button.config.js CHANGED
@@ -205,7 +205,9 @@ function _templateObject10() {
205
205
  ": inherit;\n\n ",
206
206
  ": 0 0.625rem 0 -0.125rem;\n ",
207
207
  ": 0 -0.125rem 0 0.625rem;\n ",
208
- ": 0 0 0 0.25rem;\n "
208
+ ": 0 0 0 0.25rem;\n ",
209
+ ": 0 0 0 0.5rem;\n ",
210
+ ": 0.375rem;\n "
209
211
  ]);
210
212
  _templateObject10 = function _templateObject() {
211
213
  return data;
@@ -229,7 +231,9 @@ function _templateObject11() {
229
231
  ": inherit;\n\n ",
230
232
  ": 0 0.5rem 0 -0.125rem;\n ",
231
233
  ": 0 -0.125rem 0 0.5rem;\n ",
232
- ": 0 0 0 0.25rem;\n "
234
+ ": 0 0 0 0.25rem;\n ",
235
+ ": 0 0 0 0.5rem;\n ",
236
+ ": 0.375rem;\n "
233
237
  ]);
234
238
  _templateObject11 = function _templateObject() {
235
239
  return data;
@@ -253,7 +257,9 @@ function _templateObject12() {
253
257
  ": inherit;\n\n ",
254
258
  ": 0 0.375rem 0 -0.125rem;\n ",
255
259
  ": 0 -0.125rem 0 0.375rem;\n ",
256
- ": 0 0 0 0.25rem;\n "
260
+ ": 0 0 0 0.25rem;\n ",
261
+ ": 0 0 0 0.375rem;\n ",
262
+ ": 0.25rem;\n "
257
263
  ]);
258
264
  _templateObject12 = function _templateObject() {
259
265
  return data;
@@ -277,7 +283,9 @@ function _templateObject13() {
277
283
  ": inherit;\n\n ",
278
284
  ": 0 0.25rem 0 -0.125rem;\n ",
279
285
  ": 0 -0.125rem 0 0.25rem;\n ",
280
- ": 0 0 0 0.25rem;\n "
286
+ ": 0 0 0 0.25rem;\n ",
287
+ ": 0 0 0 0.25rem;\n ",
288
+ ": 0.25rem;\n "
281
289
  ]);
282
290
  _templateObject13 = function _templateObject() {
283
291
  return data;
@@ -301,7 +309,9 @@ function _templateObject14() {
301
309
  ": inherit;\n\n ",
302
310
  ": 0 0.25rem 0 -0.125rem;\n ",
303
311
  ": 0 -0.125rem 0 0.25rem;\n ",
304
- ": 0 0 0 0.25rem;\n "
312
+ ": 0 0 0 0.25rem;\n ",
313
+ ": 0 0 0 0.25rem;\n ",
314
+ ": 0.125rem;\n "
305
315
  ]);
306
316
  _templateObject14 = function _templateObject() {
307
317
  return data;
@@ -325,7 +335,9 @@ function _templateObject15() {
325
335
  ": inherit;\n\n ",
326
336
  ": 0 0.25rem 0 -0.125rem;\n ",
327
337
  ": 0 -0.125rem 0 0.25rem;\n ",
328
- ": 0 0 0 0.25rem;\n "
338
+ ": 0 0rem 0 0.25rem;\n ",
339
+ ": 0 0 0 0.25rem;\n ",
340
+ ": 0.125rem;\n "
329
341
  ]);
330
342
  _templateObject15 = function _templateObject() {
331
343
  return data;
@@ -400,12 +412,12 @@ export var config = {
400
412
  white: css(_templateObject9(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonColorActive)
401
413
  },
402
414
  size: {
403
- xl: css(_templateObject10(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
404
- l: css(_templateObject11(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
405
- m: css(_templateObject12(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
406
- s: css(_templateObject13(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
407
- xs: css(_templateObject14(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
408
- xxs: css(_templateObject15(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin)
415
+ xl: css(_templateObject10(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin, buttonTokens.buttonAdditionalContentMargin, buttonTokens.buttonAdditionalContentMarginRightWidthValue),
416
+ l: css(_templateObject11(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin, buttonTokens.buttonAdditionalContentMargin, buttonTokens.buttonAdditionalContentMarginRightWidthValue),
417
+ m: css(_templateObject12(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin, buttonTokens.buttonAdditionalContentMargin, buttonTokens.buttonAdditionalContentMarginRightWidthValue),
418
+ s: css(_templateObject13(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin, buttonTokens.buttonAdditionalContentMargin, buttonTokens.buttonAdditionalContentMarginRightWidthValue),
419
+ xs: css(_templateObject14(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin, buttonTokens.buttonAdditionalContentMargin, buttonTokens.buttonAdditionalContentMarginRightWidthValue),
420
+ xxs: css(_templateObject15(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonAdditionalContentMargin, buttonTokens.buttonValueMargin, buttonTokens.buttonAdditionalContentMarginRightWidthValue)
409
421
  },
410
422
  disabled: {
411
423
  true: css(_templateObject16(), buttonTokens.buttonDisabledOpacity)
package/es/components/Combobox/Combobox.config.js CHANGED
@@ -749,11 +749,12 @@ function _templateObject13() {
749
749
  function _templateObject14() {
750
750
  var data = _tagged_template_literal([
751
751
  "\n ",
752
- ": var(--text-secondary);\n ",
752
+ ": var(--text-primary);\n ",
753
+ ": 0.4;\n ",
753
754
  ": var(--surface-transparent-primary);\n ",
754
755
  ": var(--text-secondary);\n ",
755
756
  ": var(--text-secondary);\n ",
756
- ": var(--text-secondary);\n "
757
+ ": var(--text-primary);\n "
757
758
  ]);
758
759
  _templateObject14 = function _templateObject() {
759
760
  return data;
@@ -795,7 +796,7 @@ export var config = {
795
796
  true: css(_templateObject13(), tokens.textFieldDisabledOpacity)
796
797
  },
797
798
  readOnly: {
798
- true: css(_templateObject14(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly)
799
+ true: css(_templateObject14(), tokens.textFieldColorReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly)
799
800
  }
800
801
  }
801
802
  };
package/es/components/DatePicker/DatePicker.config.js CHANGED
@@ -533,12 +533,15 @@ function _templateObject6() {
533
533
  var data = _tagged_template_literal([
534
534
  "\n ",
535
535
  ": var(--surface-transparent-primary);\n ",
536
- ": var(--text-secondary);\n ",
537
- ": var(--text-secondary);\n ",
536
+ ": var(--text-primary);\n ",
538
537
  ": var(--text-secondary);\n\n ",
539
- ": var(--text-secondary);\n ",
538
+ ": var(--text-primary);\n ",
539
+ ": 0.4;\n\n ",
540
+ ": var(--text-primary);\n ",
540
541
  ": var(--surface-transparent-primary);\n ",
541
- ": var(--text-secondary);\n "
542
+ ": var(--text-secondary);\n\n ",
543
+ ": 0.4;\n ",
544
+ ": 0.4;\n "
542
545
  ]);
543
546
  _templateObject6 = function _templateObject() {
544
547
  return data;
@@ -565,7 +568,7 @@ export var config = {
565
568
  true: css(_templateObject5(), tokens.disabledOpacity)
566
569
  },
567
570
  readOnly: {
568
- true: css(_templateObject6(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
571
+ true: css(_templateObject6(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly)
569
572
  }
570
573
  }
571
574
  };
package/es/components/LinkButton/LinkButton.config.js CHANGED
@@ -120,6 +120,7 @@ function _templateObject6() {
120
120
  ": inherit;\n\n ",
121
121
  ": 0.063rem 0;\n ",
122
122
  ": 0 0.5rem 0 0;\n ",
123
+ ": 0 0 0 0.5rem;\n ",
123
124
  ": 0 0 0 0.5rem;\n "
124
125
  ]);
125
126
  _templateObject6 = function _templateObject() {
@@ -143,6 +144,7 @@ function _templateObject7() {
143
144
  ": inherit;\n\n ",
144
145
  ": 0.063rem 0;\n ",
145
146
  ": 0 0.5rem 0 0;\n ",
147
+ ": 0 0 0 0.5rem;\n ",
146
148
  ": 0 0 0 0.5rem;\n "
147
149
  ]);
148
150
  _templateObject7 = function _templateObject() {
@@ -166,6 +168,7 @@ function _templateObject8() {
166
168
  ": inherit;\n\n ",
167
169
  ": 0.125rem 0;\n ",
168
170
  ": 0 0.375rem 0 0;\n ",
171
+ ": 0 0 0 0.375rem;\n ",
169
172
  ": 0 0 0 0.375rem;\n "
170
173
  ]);
171
174
  _templateObject8 = function _templateObject() {
@@ -189,6 +192,7 @@ function _templateObject9() {
189
192
  ": inherit;\n\n ",
190
193
  ": 0.063rem 0;\n ",
191
194
  ": 0 0.25rem 0 0;\n ",
195
+ ": 0 0 0 0.25rem;\n ",
192
196
  ": 0 0 0 0.25rem;\n "
193
197
  ]);
194
198
  _templateObject9 = function _templateObject() {
@@ -212,6 +216,7 @@ function _templateObject10() {
212
216
  ": inherit;\n\n ",
213
217
  ": 0.063rem 0;\n ",
214
218
  ": 0 0.25rem 0 0;\n ",
219
+ ": 0 0 0 0.25rem;\n ",
215
220
  ": 0 0 0 0.25rem;\n "
216
221
  ]);
217
222
  _templateObject10 = function _templateObject() {
@@ -234,7 +239,8 @@ function _templateObject11() {
234
239
  ": 0.75rem;\n ",
235
240
  ": inherit;\n\n ",
236
241
  ": 0.063rem 0.25rem 0.063rem 0;\n ",
237
- ": 0.063rem 0 0.063rem 0.25rem;\n "
242
+ ": 0.063rem 0 0.063rem 0.25rem;\n ",
243
+ ": 0 0 0 0.25rem;\n "
238
244
  ]);
239
245
  _templateObject11 = function _templateObject() {
240
246
  return data;
@@ -267,12 +273,12 @@ export var config = {
267
273
  negative: css(_templateObject5(), linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor)
268
274
  },
269
275
  size: {
270
- xl: css(_templateObject6(), linkButtonTokens.linkButtonHeight, linkButtonTokens.linkButtonPadding, linkButtonTokens.linkButtonRadius, linkButtonTokens.linkButtonFontFamily, linkButtonTokens.linkButtonFontSize, linkButtonTokens.linkButtonFontStyle, linkButtonTokens.linkButtonFontWeight, linkButtonTokens.linkButtonLetterSpacing, linkButtonTokens.linkButtonLineHeight, linkButtonTokens.linkButtonSpinnerSize, linkButtonTokens.linkButtonSpinnerColor, linkButtonTokens.linkButtonTextPadding, linkButtonTokens.linkButtonLeftContentMargin, linkButtonTokens.linkButtonRightContentMargin),
271
- l: css(_templateObject7(), linkButtonTokens.linkButtonHeight, linkButtonTokens.linkButtonPadding, linkButtonTokens.linkButtonRadius, linkButtonTokens.linkButtonFontFamily, linkButtonTokens.linkButtonFontSize, linkButtonTokens.linkButtonFontStyle, linkButtonTokens.linkButtonFontWeight, linkButtonTokens.linkButtonLetterSpacing, linkButtonTokens.linkButtonLineHeight, linkButtonTokens.linkButtonSpinnerSize, linkButtonTokens.linkButtonSpinnerColor, linkButtonTokens.linkButtonTextPadding, linkButtonTokens.linkButtonLeftContentMargin, linkButtonTokens.linkButtonRightContentMargin),
272
- m: css(_templateObject8(), linkButtonTokens.linkButtonHeight, linkButtonTokens.linkButtonPadding, linkButtonTokens.linkButtonRadius, linkButtonTokens.linkButtonFontFamily, linkButtonTokens.linkButtonFontSize, linkButtonTokens.linkButtonFontStyle, linkButtonTokens.linkButtonFontWeight, linkButtonTokens.linkButtonLetterSpacing, linkButtonTokens.linkButtonLineHeight, linkButtonTokens.linkButtonSpinnerSize, linkButtonTokens.linkButtonSpinnerColor, linkButtonTokens.linkButtonTextPadding, linkButtonTokens.linkButtonLeftContentMargin, linkButtonTokens.linkButtonRightContentMargin),
273
- s: css(_templateObject9(), linkButtonTokens.linkButtonHeight, linkButtonTokens.linkButtonPadding, linkButtonTokens.linkButtonRadius, linkButtonTokens.linkButtonFontFamily, linkButtonTokens.linkButtonFontSize, linkButtonTokens.linkButtonFontStyle, linkButtonTokens.linkButtonFontWeight, linkButtonTokens.linkButtonLetterSpacing, linkButtonTokens.linkButtonLineHeight, linkButtonTokens.linkButtonSpinnerSize, linkButtonTokens.linkButtonSpinnerColor, linkButtonTokens.linkButtonTextPadding, linkButtonTokens.linkButtonLeftContentMargin, linkButtonTokens.linkButtonRightContentMargin),
274
- xs: css(_templateObject10(), linkButtonTokens.linkButtonHeight, linkButtonTokens.linkButtonPadding, linkButtonTokens.linkButtonRadius, linkButtonTokens.linkButtonFontFamily, linkButtonTokens.linkButtonFontSize, linkButtonTokens.linkButtonFontStyle, linkButtonTokens.linkButtonFontWeight, linkButtonTokens.linkButtonLetterSpacing, linkButtonTokens.linkButtonLineHeight, linkButtonTokens.linkButtonSpinnerSize, linkButtonTokens.linkButtonSpinnerColor, linkButtonTokens.linkButtonTextPadding, linkButtonTokens.linkButtonLeftContentMargin, linkButtonTokens.linkButtonRightContentMargin),
275
- xxs: css(_templateObject11(), linkButtonTokens.linkButtonHeight, linkButtonTokens.linkButtonPadding, linkButtonTokens.linkButtonRadius, linkButtonTokens.linkButtonFontFamily, linkButtonTokens.linkButtonFontSize, linkButtonTokens.linkButtonFontStyle, linkButtonTokens.linkButtonFontWeight, linkButtonTokens.linkButtonLetterSpacing, linkButtonTokens.linkButtonLineHeight, linkButtonTokens.linkButtonSpinnerSize, linkButtonTokens.linkButtonSpinnerColor, linkButtonTokens.linkButtonLeftContentMargin, linkButtonTokens.linkButtonRightContentMargin)
276
+ xl: css(_templateObject6(), linkButtonTokens.linkButtonHeight, linkButtonTokens.linkButtonPadding, linkButtonTokens.linkButtonRadius, linkButtonTokens.linkButtonFontFamily, linkButtonTokens.linkButtonFontSize, linkButtonTokens.linkButtonFontStyle, linkButtonTokens.linkButtonFontWeight, linkButtonTokens.linkButtonLetterSpacing, linkButtonTokens.linkButtonLineHeight, linkButtonTokens.linkButtonSpinnerSize, linkButtonTokens.linkButtonSpinnerColor, linkButtonTokens.linkButtonTextPadding, linkButtonTokens.linkButtonLeftContentMargin, linkButtonTokens.linkButtonRightContentMargin, linkButtonTokens.linkButtonAdditionalContentMargin),
277
+ l: css(_templateObject7(), linkButtonTokens.linkButtonHeight, linkButtonTokens.linkButtonPadding, linkButtonTokens.linkButtonRadius, linkButtonTokens.linkButtonFontFamily, linkButtonTokens.linkButtonFontSize, linkButtonTokens.linkButtonFontStyle, linkButtonTokens.linkButtonFontWeight, linkButtonTokens.linkButtonLetterSpacing, linkButtonTokens.linkButtonLineHeight, linkButtonTokens.linkButtonSpinnerSize, linkButtonTokens.linkButtonSpinnerColor, linkButtonTokens.linkButtonTextPadding, linkButtonTokens.linkButtonLeftContentMargin, linkButtonTokens.linkButtonRightContentMargin, linkButtonTokens.linkButtonAdditionalContentMargin),
278
+ m: css(_templateObject8(), linkButtonTokens.linkButtonHeight, linkButtonTokens.linkButtonPadding, linkButtonTokens.linkButtonRadius, linkButtonTokens.linkButtonFontFamily, linkButtonTokens.linkButtonFontSize, linkButtonTokens.linkButtonFontStyle, linkButtonTokens.linkButtonFontWeight, linkButtonTokens.linkButtonLetterSpacing, linkButtonTokens.linkButtonLineHeight, linkButtonTokens.linkButtonSpinnerSize, linkButtonTokens.linkButtonSpinnerColor, linkButtonTokens.linkButtonTextPadding, linkButtonTokens.linkButtonLeftContentMargin, linkButtonTokens.linkButtonRightContentMargin, linkButtonTokens.linkButtonAdditionalContentMargin),
279
+ s: css(_templateObject9(), linkButtonTokens.linkButtonHeight, linkButtonTokens.linkButtonPadding, linkButtonTokens.linkButtonRadius, linkButtonTokens.linkButtonFontFamily, linkButtonTokens.linkButtonFontSize, linkButtonTokens.linkButtonFontStyle, linkButtonTokens.linkButtonFontWeight, linkButtonTokens.linkButtonLetterSpacing, linkButtonTokens.linkButtonLineHeight, linkButtonTokens.linkButtonSpinnerSize, linkButtonTokens.linkButtonSpinnerColor, linkButtonTokens.linkButtonTextPadding, linkButtonTokens.linkButtonLeftContentMargin, linkButtonTokens.linkButtonRightContentMargin, linkButtonTokens.linkButtonAdditionalContentMargin),
280
+ xs: css(_templateObject10(), linkButtonTokens.linkButtonHeight, linkButtonTokens.linkButtonPadding, linkButtonTokens.linkButtonRadius, linkButtonTokens.linkButtonFontFamily, linkButtonTokens.linkButtonFontSize, linkButtonTokens.linkButtonFontStyle, linkButtonTokens.linkButtonFontWeight, linkButtonTokens.linkButtonLetterSpacing, linkButtonTokens.linkButtonLineHeight, linkButtonTokens.linkButtonSpinnerSize, linkButtonTokens.linkButtonSpinnerColor, linkButtonTokens.linkButtonTextPadding, linkButtonTokens.linkButtonLeftContentMargin, linkButtonTokens.linkButtonRightContentMargin, linkButtonTokens.linkButtonAdditionalContentMargin),
281
+ xxs: css(_templateObject11(), linkButtonTokens.linkButtonHeight, linkButtonTokens.linkButtonPadding, linkButtonTokens.linkButtonRadius, linkButtonTokens.linkButtonFontFamily, linkButtonTokens.linkButtonFontSize, linkButtonTokens.linkButtonFontStyle, linkButtonTokens.linkButtonFontWeight, linkButtonTokens.linkButtonLetterSpacing, linkButtonTokens.linkButtonLineHeight, linkButtonTokens.linkButtonSpinnerSize, linkButtonTokens.linkButtonSpinnerColor, linkButtonTokens.linkButtonLeftContentMargin, linkButtonTokens.linkButtonRightContentMargin, linkButtonTokens.linkButtonAdditionalContentMargin)
276
282
  },
277
283
  disabled: {
278
284
  true: css(_templateObject12(), linkButtonTokens.linkButtonDisabledOpacity)
package/es/components/TextArea/TextArea.config.js CHANGED
@@ -652,6 +652,20 @@ 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() {
655
669
  var data = _tagged_template_literal([
656
670
  "\n ",
657
671
  ": 0.4;\n ",
@@ -659,7 +673,7 @@ function _templateObject14() {
659
673
  ": var(--surface-transparent-primary);\n ",
660
674
  ": var(--text-secondary);\n "
661
675
  ]);
662
- _templateObject14 = function _templateObject() {
676
+ _templateObject15 = function _templateObject() {
663
677
  return data;
664
678
  };
665
679
  return data;
@@ -698,8 +712,11 @@ export var config = {
698
712
  clear: {
699
713
  true: css(_templateObject13())
700
714
  },
715
+ readOnly: {
716
+ true: css(_templateObject14(), textAreaTokens.readOnlyOpacity, textAreaTokens.backgroundColorReadOnly, textAreaTokens.inputColorReadOnly, textAreaTokens.dividerColorReadOnly, textAreaTokens.contentSlotRightOpacityReadOnly)
717
+ },
701
718
  disabled: {
702
- true: css(_templateObject14(), textAreaTokens.disabledOpacity, textAreaTokens.inputColorDisabled, textAreaTokens.dividerColorReadOnly, textAreaTokens.titleCaptionColorReadOnly)
719
+ true: css(_templateObject15(), textAreaTokens.disabledOpacity, textAreaTokens.inputColorDisabled, textAreaTokens.dividerColorReadOnly, textAreaTokens.titleCaptionColorReadOnly)
703
720
  }
704
721
  }
705
722
  };
package/es/components/TextField/TextField.config.js CHANGED
@@ -784,7 +784,8 @@ 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 "
787
+ ": var(--surface-transparent-primary);\n ",
788
+ ": 0.4;\n "
788
789
  ]);
789
790
  _templateObject22 = function _templateObject() {
790
791
  return data;
@@ -839,7 +840,7 @@ export var config = {
839
840
  true: css(_templateObject21(), tokens.disabledOpacity)
840
841
  },
841
842
  readOnly: {
842
- true: css(_templateObject22(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly)
843
+ true: css(_templateObject22(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
843
844
  }
844
845
  }
845
846
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-dfa",
3
- "version": "0.321.0-canary.2203.17433640523.0",
3
+ "version": "0.322.0-canary.1906.17438878873.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.335.0-canary.2203.17433640523.0",
23
- "@salutejs/sdds-themes": "0.47.0-canary.2203.17433640523.0"
22
+ "@salutejs/plasma-new-hope": "0.336.0-canary.1906.17438878873.0",
23
+ "@salutejs/sdds-themes": "0.47.0-dev.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-canary.2203.17433640523.0",
41
- "@salutejs/plasma-cy-utils": "0.137.0-canary.2203.17433640523.0",
42
- "@salutejs/plasma-icons": "1.223.0-canary.2203.17433640523.0",
43
- "@salutejs/plasma-sb-utils": "0.207.0-canary.2203.17433640523.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",
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": "010fc06234b2b97be10cd7d02d6f62010dace2cf"
97
+ "gitHead": "0af332a63212307745332b00ce77e7d36063937d"
98
98
  }