@salutejs/sdds-cs 0.335.0-canary.2358.19851578667.0 → 0.335.0-canary.2360.19885603427.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 (19) hide show
  1. package/components/Combobox/Combobox.d.ts +24 -0
  2. package/components/Mask/Mask.d.ts +33 -17
  3. package/components/Radiobox/Radiobox.d.ts +2 -2
  4. package/components/TextField/TextField.config.d.ts +3 -0
  5. package/components/TextField/TextField.config.js +50 -26
  6. package/components/TextField/TextField.d.ts +7 -835
  7. package/components/TextField/TextField.js +5 -28
  8. package/emotion/cjs/components/TextField/TextField.config.js +50 -26
  9. package/emotion/cjs/components/TextField/TextField.js +5 -28
  10. package/emotion/es/components/TextField/TextField.config.js +50 -26
  11. package/emotion/es/components/TextField/TextField.js +5 -15
  12. package/es/components/TextField/TextField.config.js +50 -26
  13. package/es/components/TextField/TextField.js +5 -15
  14. package/package.json +6 -6
  15. package/components/TextField/TextField.clear.config.d.ts +0 -32
  16. package/components/TextField/TextField.clear.config.js +0 -298
  17. package/emotion/cjs/components/TextField/TextField.clear.config.js +0 -298
  18. package/emotion/es/components/TextField/TextField.clear.config.js +0 -288
  19. package/es/components/TextField/TextField.clear.config.js +0 -288
package/emotion/cjs/components/TextField/TextField.clear.config.js DELETED
@@ -1,298 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "config", {
6
- enumerable: true,
7
- get: function() {
8
- return config;
9
- }
10
- });
11
- var _emotion = require("@salutejs/plasma-new-hope/emotion");
12
- function _tagged_template_literal(strings, raw) {
13
- if (!raw) {
14
- raw = strings.slice(0);
15
- }
16
- return Object.freeze(Object.defineProperties(strings, {
17
- raw: {
18
- value: Object.freeze(raw)
19
- }
20
- }));
21
- }
22
- function _templateObject() {
23
- var data = _tagged_template_literal([
24
- "\n ",
25
- ": var(--text-primary);\n\n ",
26
- ": var(--text-secondary);\n ",
27
- ": var(--text-tertiary);\n\n ",
28
- ": transparent;\n ",
29
- ": transparent;\n ",
30
- ": transparent;\n ",
31
- ": var(--text-accent);\n ",
32
- ": var(--text-tertiary);\n ",
33
- ": var(--text-tertiary);\n ",
34
- ": var(--text-primary);\n ",
35
- ": var(--text-secondary);\n ",
36
- ": var(--text-secondary);\n ",
37
- ": var(--text-secondary);\n\n ",
38
- ": var(--text-secondary);\n ",
39
- ": var(--text-secondary-hover);\n ",
40
- ": var(--text-secondary-active);\n ",
41
- ": var(--text-accent);\n ",
42
- ": var(--text-accent-minor);\n ",
43
- ": var(--text-accent-active);\n\n ",
44
- ": var(--outline-solid-primary);\n ",
45
- ": var(--text-secondary);\n ",
46
- ": var(--surface-accent);\n\n ",
47
- ": var(--text-accent);\n ",
48
- ": var(--surface-negative);\n ",
49
- ": var(--text-tertiary);\n "
50
- ]);
51
- _templateObject = function _templateObject() {
52
- return data;
53
- };
54
- return data;
55
- }
56
- function _templateObject1() {
57
- var data = _tagged_template_literal([
58
- "\n ",
59
- ": var(--text-negative);\n\n ",
60
- ": var(--text-negative);\n ",
61
- ": var(--text-negative);\n\n ",
62
- ": transparent;\n ",
63
- ": transparent;\n ",
64
- ": transparent;\n ",
65
- ": var(--text-accent);\n ",
66
- ": var(--text-secondary);\n ",
67
- ": var(--text-secondary);\n ",
68
- ": var(--text-primary);\n ",
69
- ": var(--text-negative);\n ",
70
- ": var(--text-secondary);\n ",
71
- ": var(--text-secondary);\n\n ",
72
- ": var(--text-negative);\n ",
73
- ": var(--text-negative-hover);\n ",
74
- ": var(--text-negative-active);\n\n ",
75
- ": var(--text-secondary);\n ",
76
- ": var(--text-secondary-hover);\n ",
77
- ": var(--text-secondary-active);\n\n ",
78
- ": var(--surface-negative);\n ",
79
- ": var(--surface-negative);\n ",
80
- ": var(--surface-accent);\n\n ",
81
- ": var(--text-negative);\n ",
82
- ": var(--surface-negative);\n ",
83
- ": var(--text-tertiary);\n "
84
- ]);
85
- _templateObject1 = function _templateObject() {
86
- return data;
87
- };
88
- return data;
89
- }
90
- function _templateObject2() {
91
- var data = _tagged_template_literal([
92
- "\n ",
93
- ": 2.5rem;\n ",
94
- ": 0.6875rem 0;\n ",
95
- ": 0.375rem 0;\n ",
96
- ": 0;\n\n ",
97
- ": -0.1875rem 0.25rem -0.1875rem 0;\n ",
98
- ": -0.1875rem 0 -0.1875rem 0.75rem;\n\n ",
99
- ": var(--plasma-typo-body-m-font-family);\n ",
100
- ": var(--plasma-typo-body-m-font-size);\n ",
101
- ": var(--plasma-typo-body-m-font-style);\n ",
102
- ": var(--plasma-typo-body-m-font-weight);\n ",
103
- ": var(--plasma-typo-body-m-letter-spacing);\n ",
104
- ": var(--plasma-typo-body-m-line-height);\n\n ",
105
- ": 0.5rem;\n ",
106
- ": var(--plasma-typo-body-s-font-family);\n ",
107
- ": var(--plasma-typo-body-s-font-size);\n ",
108
- ": var(--plasma-typo-body-s-font-style);\n ",
109
- ": var(--plasma-typo-body-s-font-weight);\n ",
110
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
111
- ": var(--plasma-typo-body-s-line-height);\n\n ",
112
- ": -0.688rem -0.5rem;\n ",
113
- ": 2.375rem;\n ",
114
- ": 0.062rem -2.1063rem auto auto;\n\n ",
115
- ": 0.25rem;\n ",
116
- ": var(--plasma-typo-body-xs-font-family);\n ",
117
- ": var(--plasma-typo-body-xs-font-size);\n ",
118
- ": var(--plasma-typo-body-xs-font-style);\n ",
119
- ": var(--plasma-typo-body-xs-font-weight);\n ",
120
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
121
- ": var(--plasma-typo-body-xs-line-height);\n\n ",
122
- ": 0.25rem;\n ",
123
- ": var(--plasma-typo-body-s-font-family);\n ",
124
- ": var(--plasma-typo-body-s-font-size);\n ",
125
- ": var(--plasma-typo-body-s-font-style);\n ",
126
- ": var(--plasma-typo-body-s-font-weight);\n ",
127
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
128
- ": var(--plasma-typo-body-s-line-height);\n\n ",
129
- ": 0.3125rem 0 0 0;\n ",
130
- ": 1.0625rem 0 0.3125rem 0;\n ",
131
- ": 0 0.25rem 0 0;\n ",
132
- ": 0 0 0 0.25rem;\n\n ",
133
- ": 0.25rem;\n ",
134
- ": 0.25rem;\n ",
135
- ": auto;\n ",
136
- ": 1.75rem;\n ",
137
- ": 0 0.5rem 0 0.75rem;\n ",
138
- ": 0.375rem;\n ",
139
- ": 0rem;\n ",
140
- ": 1rem;\n ",
141
- ": var(--plasma-typo-body-s-font-family);\n ",
142
- ": var(--plasma-typo-body-s-font-size);\n ",
143
- ": var(--plasma-typo-body-s-font-style);\n ",
144
- ": var(--plasma-typo-body-s-font-weight);\n ",
145
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
146
- ": var(--plasma-typo-body-s-line-height);\n\n ",
147
- ": 0.375rem;\n ",
148
- ": 0.375rem;\n ",
149
- ": 1.063rem auto auto -0.75rem;\n ",
150
- ": 0.3125rem auto auto -0.6875rem;\n ",
151
- ": 1.063rem -0.75rem auto auto;\n ",
152
- ": 0.25rem -0.625rem auto auto;\n "
153
- ]);
154
- _templateObject2 = function _templateObject() {
155
- return data;
156
- };
157
- return data;
158
- }
159
- function _templateObject3() {
160
- var data = _tagged_template_literal([
161
- ""
162
- ]);
163
- _templateObject3 = function _templateObject() {
164
- return data;
165
- };
166
- return data;
167
- }
168
- function _templateObject4() {
169
- var data = _tagged_template_literal([
170
- "\n ",
171
- ": var(--surface-solid-card-brightness);\n ",
172
- ": var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n ",
173
- ": var(--text-primary);\n ",
174
- ": var(--surface-solid-card-brightness);\n "
175
- ]);
176
- _templateObject4 = function _templateObject() {
177
- return data;
178
- };
179
- return data;
180
- }
181
- function _templateObject5() {
182
- var data = _tagged_template_literal([
183
- "\n ",
184
- ": 0.6875rem;\n ",
185
- ": 0.875rem;\n ",
186
- ": 0.6875rem;\n ",
187
- ": 0.875rem;\n\n ",
188
- ": 2.5rem;\n ",
189
- ": 0.625rem;\n\n ",
190
- ": var(--plasma-typo-body-s-font-family);\n ",
191
- ": var(--plasma-typo-body-s-font-size);\n ",
192
- ": var(--plasma-typo-body-s-font-style);\n ",
193
- ": var(--plasma-typo-body-s-font-weight);\n ",
194
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
195
- ": var(--plasma-typo-body-s-line-height);\n\n ",
196
- ": 0.375rem;\n\n ",
197
- ": 1.25rem;\n ",
198
- ": 1.25rem;\n ",
199
- ': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");\n ',
200
- ": 0.5rem;\n ",
201
- ": 0.625rem;\n "
202
- ]);
203
- _templateObject5 = function _templateObject() {
204
- return data;
205
- };
206
- return data;
207
- }
208
- function _templateObject6() {
209
- var data = _tagged_template_literal([
210
- "\n ",
211
- ": 0.5rem;\n ",
212
- ": 0.75rem;\n ",
213
- ": 0.5rem;\n ",
214
- ": 0.75rem;\n\n ",
215
- ": 2rem;\n ",
216
- ": 0.5rem;\n\n ",
217
- ": var(--plasma-typo-body-xs-font-family);\n ",
218
- ": var(--plasma-typo-body-xs-font-size);\n ",
219
- ": var(--plasma-typo-body-xs-font-style);\n ",
220
- ": var(--plasma-typo-body-xs-font-weight);\n ",
221
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
222
- ": var(--plasma-typo-body-xs-line-height);\n\n ",
223
- ": 0.25rem;\n\n ",
224
- ": 1rem;\n ",
225
- ": 1rem;\n ",
226
- ': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");\n ',
227
- ": 0.375rem;\n ",
228
- ": 0.5625rem;\n "
229
- ]);
230
- _templateObject6 = function _templateObject() {
231
- return data;
232
- };
233
- return data;
234
- }
235
- function _templateObject7() {
236
- var data = _tagged_template_literal([
237
- "\n ",
238
- ": 1;\n ",
239
- ": var(--surface-solid-primary);\n ",
240
- ": var(--surface-solid-primary);\n ",
241
- ": var(--surface-solid-primary);\n ",
242
- ": var(--text-secondary);\n "
243
- ]);
244
- _templateObject7 = function _templateObject() {
245
- return data;
246
- };
247
- return data;
248
- }
249
- function _templateObject8() {
250
- var data = _tagged_template_literal([
251
- "\n ",
252
- ": 1;\n ",
253
- ": var(--text-primary);\n ",
254
- ": var(--surface-clear);\n ",
255
- ": var(--text-secondary);\n ",
256
- ": var(--text-secondary);\n ",
257
- ": var(--text-secondary);\n ",
258
- ": var(--text-primary);\n ",
259
- ": var(--outline-solid-secondary);\n ",
260
- ": 0.4;\n "
261
- ]);
262
- _templateObject8 = function _templateObject() {
263
- return data;
264
- };
265
- return data;
266
- }
267
- var config = {
268
- defaults: {
269
- view: 'default',
270
- size: 's',
271
- labelPlacement: 'outer'
272
- },
273
- variations: {
274
- view: {
275
- default: (0, _emotion.css)(_templateObject(), _emotion.textFieldTokens.color, _emotion.textFieldTokens.placeholderColor, _emotion.textFieldTokens.placeholderColorFocus, _emotion.textFieldTokens.backgroundColor, _emotion.textFieldTokens.backgroundColorHover, _emotion.textFieldTokens.backgroundColorFocus, _emotion.textFieldTokens.caretColor, _emotion.textFieldTokens.textBeforeColor, _emotion.textFieldTokens.textAfterColor, _emotion.textFieldTokens.labelColor, _emotion.textFieldTokens.leftHelperColor, _emotion.textFieldTokens.titleCaptionColor, _emotion.textFieldTokens.hintIconColor, _emotion.textFieldTokens.contentSlotColor, _emotion.textFieldTokens.contentSlotColorHover, _emotion.textFieldTokens.contentSlotColorActive, _emotion.textFieldTokens.contentSlotRightColor, _emotion.textFieldTokens.contentSlotRightColorHover, _emotion.textFieldTokens.contentSlotRightColorActive, _emotion.textFieldTokens.dividerColor, _emotion.textFieldTokens.dividerColorHover, _emotion.textFieldTokens.dividerColorFocus, _emotion.textFieldTokens.focusColor, _emotion.textFieldTokens.indicatorColor, _emotion.textFieldTokens.optionalColor),
276
- negative: (0, _emotion.css)(_templateObject1(), _emotion.textFieldTokens.color, _emotion.textFieldTokens.placeholderColor, _emotion.textFieldTokens.placeholderColorFocus, _emotion.textFieldTokens.backgroundColor, _emotion.textFieldTokens.backgroundColorHover, _emotion.textFieldTokens.backgroundColorFocus, _emotion.textFieldTokens.caretColor, _emotion.textFieldTokens.textBeforeColor, _emotion.textFieldTokens.textAfterColor, _emotion.textFieldTokens.labelColor, _emotion.textFieldTokens.leftHelperColor, _emotion.textFieldTokens.titleCaptionColor, _emotion.textFieldTokens.hintIconColor, _emotion.textFieldTokens.contentSlotColor, _emotion.textFieldTokens.contentSlotColorHover, _emotion.textFieldTokens.contentSlotColorActive, _emotion.textFieldTokens.contentSlotRightColor, _emotion.textFieldTokens.contentSlotRightColorHover, _emotion.textFieldTokens.contentSlotRightColorActive, _emotion.textFieldTokens.dividerColor, _emotion.textFieldTokens.dividerColorHover, _emotion.textFieldTokens.dividerColorFocus, _emotion.textFieldTokens.focusColor, _emotion.textFieldTokens.indicatorColor, _emotion.textFieldTokens.optionalColor)
277
- },
278
- size: {
279
- s: (0, _emotion.css)(_templateObject2(), _emotion.textFieldTokens.height, _emotion.textFieldTokens.padding, _emotion.textFieldTokens.paddingWithChips, _emotion.textFieldTokens.borderRadius, _emotion.textFieldTokens.leftContentMargin, _emotion.textFieldTokens.rightContentMargin, _emotion.textFieldTokens.fontFamily, _emotion.textFieldTokens.fontSize, _emotion.textFieldTokens.fontStyle, _emotion.textFieldTokens.fontWeight, _emotion.textFieldTokens.letterSpacing, _emotion.textFieldTokens.lineHeight, _emotion.textFieldTokens.labelOffset, _emotion.textFieldTokens.labelFontFamily, _emotion.textFieldTokens.labelFontSize, _emotion.textFieldTokens.labelFontStyle, _emotion.textFieldTokens.labelFontWeight, _emotion.textFieldTokens.labelLetterSpacing, _emotion.textFieldTokens.labelLineHeight, _emotion.textFieldTokens.hintMargin, _emotion.textFieldTokens.hintTargetSize, _emotion.textFieldTokens.hintInnerLabelPlacementOffset, _emotion.textFieldTokens.titleCaptionInnerLabelOffset, _emotion.textFieldTokens.titleCaptionFontFamily, _emotion.textFieldTokens.titleCaptionFontSize, _emotion.textFieldTokens.titleCaptionFontStyle, _emotion.textFieldTokens.titleCaptionFontWeight, _emotion.textFieldTokens.titleCaptionLetterSpacing, _emotion.textFieldTokens.titleCaptionLineHeight, _emotion.textFieldTokens.leftHelperOffset, _emotion.textFieldTokens.leftHelperFontFamily, _emotion.textFieldTokens.leftHelperFontSize, _emotion.textFieldTokens.leftHelperFontStyle, _emotion.textFieldTokens.leftHelperFontWeight, _emotion.textFieldTokens.leftHelperLetterSpacing, _emotion.textFieldTokens.leftHelperLineHeight, _emotion.textFieldTokens.labelInnerPadding, _emotion.textFieldTokens.contentLabelInnerPadding, _emotion.textFieldTokens.textBeforeMargin, _emotion.textFieldTokens.textAfterMargin, _emotion.textFieldTokens.chipGap, _emotion.textFieldTokens.chipBorderRadius, _emotion.textFieldTokens.chipWidth, _emotion.textFieldTokens.chipHeight, _emotion.textFieldTokens.chipPadding, _emotion.textFieldTokens.chipClearContentMarginLeft, _emotion.textFieldTokens.chipClearContentMarginRight, _emotion.textFieldTokens.chipCloseIconSize, _emotion.textFieldTokens.chipFontFamily, _emotion.textFieldTokens.chipFontSize, _emotion.textFieldTokens.chipFontStyle, _emotion.textFieldTokens.chipFontWeight, _emotion.textFieldTokens.chipLetterSpacing, _emotion.textFieldTokens.chipLineHeight, _emotion.textFieldTokens.indicatorSizeInner, _emotion.textFieldTokens.indicatorSizeOuter, _emotion.textFieldTokens.indicatorLabelPlacementInner, _emotion.textFieldTokens.indicatorLabelPlacementOuter, _emotion.textFieldTokens.indicatorLabelPlacementInnerRight, _emotion.textFieldTokens.indicatorLabelPlacementOuterRight)
280
- },
281
- labelPlacement: {
282
- outer: (0, _emotion.css)(_templateObject3())
283
- },
284
- hintView: {
285
- default: (0, _emotion.css)(_templateObject4(), _emotion.textFieldTokens.tooltipBackgroundColor, _emotion.textFieldTokens.tooltipBoxShadow, _emotion.textFieldTokens.tooltipColor, _emotion.textFieldTokens.tooltipArrowBackground)
286
- },
287
- hintSize: {
288
- m: (0, _emotion.css)(_templateObject5(), _emotion.textFieldTokens.tooltipPaddingTop, _emotion.textFieldTokens.tooltipPaddingRight, _emotion.textFieldTokens.tooltipPaddingBottom, _emotion.textFieldTokens.tooltipPaddingLeft, _emotion.textFieldTokens.tooltipMinHeight, _emotion.textFieldTokens.tooltipBorderRadius, _emotion.textFieldTokens.tooltipTextFontFamily, _emotion.textFieldTokens.tooltipTextFontSize, _emotion.textFieldTokens.tooltipTextFontStyle, _emotion.textFieldTokens.tooltipTextFontWeight, _emotion.textFieldTokens.tooltipTextFontLetterSpacing, _emotion.textFieldTokens.tooltipTextFontLineHeight, _emotion.textFieldTokens.tooltipContentLeftMargin, _emotion.textFieldTokens.tooltipArrowMaskWidth, _emotion.textFieldTokens.tooltipArrowMaskHeight, _emotion.textFieldTokens.tooltipArrowMaskImage, _emotion.textFieldTokens.tooltipArrowHeight, _emotion.textFieldTokens.tooltipArrowEdgeMargin),
289
- s: (0, _emotion.css)(_templateObject6(), _emotion.textFieldTokens.tooltipPaddingTop, _emotion.textFieldTokens.tooltipPaddingRight, _emotion.textFieldTokens.tooltipPaddingBottom, _emotion.textFieldTokens.tooltipPaddingLeft, _emotion.textFieldTokens.tooltipMinHeight, _emotion.textFieldTokens.tooltipBorderRadius, _emotion.textFieldTokens.tooltipTextFontFamily, _emotion.textFieldTokens.tooltipTextFontSize, _emotion.textFieldTokens.tooltipTextFontStyle, _emotion.textFieldTokens.tooltipTextFontWeight, _emotion.textFieldTokens.tooltipTextFontLetterSpacing, _emotion.textFieldTokens.tooltipTextFontLineHeight, _emotion.textFieldTokens.tooltipContentLeftMargin, _emotion.textFieldTokens.tooltipArrowMaskWidth, _emotion.textFieldTokens.tooltipArrowMaskHeight, _emotion.textFieldTokens.tooltipArrowMaskImage, _emotion.textFieldTokens.tooltipArrowHeight, _emotion.textFieldTokens.tooltipArrowEdgeMargin)
290
- },
291
- disabled: {
292
- true: (0, _emotion.css)(_templateObject7(), _emotion.textFieldTokens.disabledOpacity, _emotion.textFieldTokens.dividerColor, _emotion.textFieldTokens.dividerColorHover, _emotion.textFieldTokens.dividerColorFocus, _emotion.textFieldTokens.color)
293
- },
294
- readOnly: {
295
- true: (0, _emotion.css)(_templateObject8(), _emotion.textFieldTokens.readOnlyOpacity, _emotion.textFieldTokens.colorReadOnly, _emotion.textFieldTokens.backgroundColorReadOnly, _emotion.textFieldTokens.placeholderColorReadOnly, _emotion.textFieldTokens.leftHelperColorReadOnly, _emotion.textFieldTokens.titleCaptionColorReadOnly, _emotion.textFieldTokens.labelColorReadOnly, _emotion.textFieldTokens.dividerColorReadOnly, _emotion.textFieldTokens.contentSlotRightOpacityReadOnly)
296
- }
297
- }
298
- };
package/emotion/es/components/TextField/TextField.clear.config.js DELETED
@@ -1,288 +0,0 @@
1
- function _tagged_template_literal(strings, raw) {
2
- if (!raw) {
3
- raw = strings.slice(0);
4
- }
5
- return Object.freeze(Object.defineProperties(strings, {
6
- raw: {
7
- value: Object.freeze(raw)
8
- }
9
- }));
10
- }
11
- function _templateObject() {
12
- var data = _tagged_template_literal([
13
- "\n ",
14
- ": var(--text-primary);\n\n ",
15
- ": var(--text-secondary);\n ",
16
- ": var(--text-tertiary);\n\n ",
17
- ": transparent;\n ",
18
- ": transparent;\n ",
19
- ": transparent;\n ",
20
- ": var(--text-accent);\n ",
21
- ": var(--text-tertiary);\n ",
22
- ": var(--text-tertiary);\n ",
23
- ": var(--text-primary);\n ",
24
- ": var(--text-secondary);\n ",
25
- ": var(--text-secondary);\n ",
26
- ": var(--text-secondary);\n\n ",
27
- ": var(--text-secondary);\n ",
28
- ": var(--text-secondary-hover);\n ",
29
- ": var(--text-secondary-active);\n ",
30
- ": var(--text-accent);\n ",
31
- ": var(--text-accent-minor);\n ",
32
- ": var(--text-accent-active);\n\n ",
33
- ": var(--outline-solid-primary);\n ",
34
- ": var(--text-secondary);\n ",
35
- ": var(--surface-accent);\n\n ",
36
- ": var(--text-accent);\n ",
37
- ": var(--surface-negative);\n ",
38
- ": var(--text-tertiary);\n "
39
- ]);
40
- _templateObject = function _templateObject() {
41
- return data;
42
- };
43
- return data;
44
- }
45
- function _templateObject1() {
46
- var data = _tagged_template_literal([
47
- "\n ",
48
- ": var(--text-negative);\n\n ",
49
- ": var(--text-negative);\n ",
50
- ": var(--text-negative);\n\n ",
51
- ": transparent;\n ",
52
- ": transparent;\n ",
53
- ": transparent;\n ",
54
- ": var(--text-accent);\n ",
55
- ": var(--text-secondary);\n ",
56
- ": var(--text-secondary);\n ",
57
- ": var(--text-primary);\n ",
58
- ": var(--text-negative);\n ",
59
- ": var(--text-secondary);\n ",
60
- ": var(--text-secondary);\n\n ",
61
- ": var(--text-negative);\n ",
62
- ": var(--text-negative-hover);\n ",
63
- ": var(--text-negative-active);\n\n ",
64
- ": var(--text-secondary);\n ",
65
- ": var(--text-secondary-hover);\n ",
66
- ": var(--text-secondary-active);\n\n ",
67
- ": var(--surface-negative);\n ",
68
- ": var(--surface-negative);\n ",
69
- ": var(--surface-accent);\n\n ",
70
- ": var(--text-negative);\n ",
71
- ": var(--surface-negative);\n ",
72
- ": var(--text-tertiary);\n "
73
- ]);
74
- _templateObject1 = function _templateObject() {
75
- return data;
76
- };
77
- return data;
78
- }
79
- function _templateObject2() {
80
- var data = _tagged_template_literal([
81
- "\n ",
82
- ": 2.5rem;\n ",
83
- ": 0.6875rem 0;\n ",
84
- ": 0.375rem 0;\n ",
85
- ": 0;\n\n ",
86
- ": -0.1875rem 0.25rem -0.1875rem 0;\n ",
87
- ": -0.1875rem 0 -0.1875rem 0.75rem;\n\n ",
88
- ": var(--plasma-typo-body-m-font-family);\n ",
89
- ": var(--plasma-typo-body-m-font-size);\n ",
90
- ": var(--plasma-typo-body-m-font-style);\n ",
91
- ": var(--plasma-typo-body-m-font-weight);\n ",
92
- ": var(--plasma-typo-body-m-letter-spacing);\n ",
93
- ": var(--plasma-typo-body-m-line-height);\n\n ",
94
- ": 0.5rem;\n ",
95
- ": var(--plasma-typo-body-s-font-family);\n ",
96
- ": var(--plasma-typo-body-s-font-size);\n ",
97
- ": var(--plasma-typo-body-s-font-style);\n ",
98
- ": var(--plasma-typo-body-s-font-weight);\n ",
99
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
100
- ": var(--plasma-typo-body-s-line-height);\n\n ",
101
- ": -0.688rem -0.5rem;\n ",
102
- ": 2.375rem;\n ",
103
- ": 0.062rem -2.1063rem auto auto;\n\n ",
104
- ": 0.25rem;\n ",
105
- ": var(--plasma-typo-body-xs-font-family);\n ",
106
- ": var(--plasma-typo-body-xs-font-size);\n ",
107
- ": var(--plasma-typo-body-xs-font-style);\n ",
108
- ": var(--plasma-typo-body-xs-font-weight);\n ",
109
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
110
- ": var(--plasma-typo-body-xs-line-height);\n\n ",
111
- ": 0.25rem;\n ",
112
- ": var(--plasma-typo-body-s-font-family);\n ",
113
- ": var(--plasma-typo-body-s-font-size);\n ",
114
- ": var(--plasma-typo-body-s-font-style);\n ",
115
- ": var(--plasma-typo-body-s-font-weight);\n ",
116
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
117
- ": var(--plasma-typo-body-s-line-height);\n\n ",
118
- ": 0.3125rem 0 0 0;\n ",
119
- ": 1.0625rem 0 0.3125rem 0;\n ",
120
- ": 0 0.25rem 0 0;\n ",
121
- ": 0 0 0 0.25rem;\n\n ",
122
- ": 0.25rem;\n ",
123
- ": 0.25rem;\n ",
124
- ": auto;\n ",
125
- ": 1.75rem;\n ",
126
- ": 0 0.5rem 0 0.75rem;\n ",
127
- ": 0.375rem;\n ",
128
- ": 0rem;\n ",
129
- ": 1rem;\n ",
130
- ": var(--plasma-typo-body-s-font-family);\n ",
131
- ": var(--plasma-typo-body-s-font-size);\n ",
132
- ": var(--plasma-typo-body-s-font-style);\n ",
133
- ": var(--plasma-typo-body-s-font-weight);\n ",
134
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
135
- ": var(--plasma-typo-body-s-line-height);\n\n ",
136
- ": 0.375rem;\n ",
137
- ": 0.375rem;\n ",
138
- ": 1.063rem auto auto -0.75rem;\n ",
139
- ": 0.3125rem auto auto -0.6875rem;\n ",
140
- ": 1.063rem -0.75rem auto auto;\n ",
141
- ": 0.25rem -0.625rem auto auto;\n "
142
- ]);
143
- _templateObject2 = function _templateObject() {
144
- return data;
145
- };
146
- return data;
147
- }
148
- function _templateObject3() {
149
- var data = _tagged_template_literal([
150
- ""
151
- ]);
152
- _templateObject3 = function _templateObject() {
153
- return data;
154
- };
155
- return data;
156
- }
157
- function _templateObject4() {
158
- var data = _tagged_template_literal([
159
- "\n ",
160
- ": var(--surface-solid-card-brightness);\n ",
161
- ": var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n ",
162
- ": var(--text-primary);\n ",
163
- ": var(--surface-solid-card-brightness);\n "
164
- ]);
165
- _templateObject4 = function _templateObject() {
166
- return data;
167
- };
168
- return data;
169
- }
170
- function _templateObject5() {
171
- var data = _tagged_template_literal([
172
- "\n ",
173
- ": 0.6875rem;\n ",
174
- ": 0.875rem;\n ",
175
- ": 0.6875rem;\n ",
176
- ": 0.875rem;\n\n ",
177
- ": 2.5rem;\n ",
178
- ": 0.625rem;\n\n ",
179
- ": var(--plasma-typo-body-s-font-family);\n ",
180
- ": var(--plasma-typo-body-s-font-size);\n ",
181
- ": var(--plasma-typo-body-s-font-style);\n ",
182
- ": var(--plasma-typo-body-s-font-weight);\n ",
183
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
184
- ": var(--plasma-typo-body-s-line-height);\n\n ",
185
- ": 0.375rem;\n\n ",
186
- ": 1.25rem;\n ",
187
- ": 1.25rem;\n ",
188
- ': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");\n ',
189
- ": 0.5rem;\n ",
190
- ": 0.625rem;\n "
191
- ]);
192
- _templateObject5 = function _templateObject() {
193
- return data;
194
- };
195
- return data;
196
- }
197
- function _templateObject6() {
198
- var data = _tagged_template_literal([
199
- "\n ",
200
- ": 0.5rem;\n ",
201
- ": 0.75rem;\n ",
202
- ": 0.5rem;\n ",
203
- ": 0.75rem;\n\n ",
204
- ": 2rem;\n ",
205
- ": 0.5rem;\n\n ",
206
- ": var(--plasma-typo-body-xs-font-family);\n ",
207
- ": var(--plasma-typo-body-xs-font-size);\n ",
208
- ": var(--plasma-typo-body-xs-font-style);\n ",
209
- ": var(--plasma-typo-body-xs-font-weight);\n ",
210
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
211
- ": var(--plasma-typo-body-xs-line-height);\n\n ",
212
- ": 0.25rem;\n\n ",
213
- ": 1rem;\n ",
214
- ": 1rem;\n ",
215
- ': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");\n ',
216
- ": 0.375rem;\n ",
217
- ": 0.5625rem;\n "
218
- ]);
219
- _templateObject6 = function _templateObject() {
220
- return data;
221
- };
222
- return data;
223
- }
224
- function _templateObject7() {
225
- var data = _tagged_template_literal([
226
- "\n ",
227
- ": 1;\n ",
228
- ": var(--surface-solid-primary);\n ",
229
- ": var(--surface-solid-primary);\n ",
230
- ": var(--surface-solid-primary);\n ",
231
- ": var(--text-secondary);\n "
232
- ]);
233
- _templateObject7 = function _templateObject() {
234
- return data;
235
- };
236
- return data;
237
- }
238
- function _templateObject8() {
239
- var data = _tagged_template_literal([
240
- "\n ",
241
- ": 1;\n ",
242
- ": var(--text-primary);\n ",
243
- ": var(--surface-clear);\n ",
244
- ": var(--text-secondary);\n ",
245
- ": var(--text-secondary);\n ",
246
- ": var(--text-secondary);\n ",
247
- ": var(--text-primary);\n ",
248
- ": var(--outline-solid-secondary);\n ",
249
- ": 0.4;\n "
250
- ]);
251
- _templateObject8 = function _templateObject() {
252
- return data;
253
- };
254
- return data;
255
- }
256
- import { css, textFieldTokens as tokens } from '@salutejs/plasma-new-hope/emotion';
257
- export var config = {
258
- defaults: {
259
- view: 'default',
260
- size: 's',
261
- labelPlacement: 'outer'
262
- },
263
- variations: {
264
- view: {
265
- default: css(_templateObject(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
266
- negative: css(_templateObject1(), tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
267
- },
268
- size: {
269
- s: css(_templateObject2(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight)
270
- },
271
- labelPlacement: {
272
- outer: css(_templateObject3())
273
- },
274
- hintView: {
275
- default: css(_templateObject4(), tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.tooltipArrowBackground)
276
- },
277
- hintSize: {
278
- m: css(_templateObject5(), tokens.tooltipPaddingTop, tokens.tooltipPaddingRight, tokens.tooltipPaddingBottom, tokens.tooltipPaddingLeft, tokens.tooltipMinHeight, tokens.tooltipBorderRadius, tokens.tooltipTextFontFamily, tokens.tooltipTextFontSize, tokens.tooltipTextFontStyle, tokens.tooltipTextFontWeight, tokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLineHeight, tokens.tooltipContentLeftMargin, tokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskImage, tokens.tooltipArrowHeight, tokens.tooltipArrowEdgeMargin),
279
- s: css(_templateObject6(), tokens.tooltipPaddingTop, tokens.tooltipPaddingRight, tokens.tooltipPaddingBottom, tokens.tooltipPaddingLeft, tokens.tooltipMinHeight, tokens.tooltipBorderRadius, tokens.tooltipTextFontFamily, tokens.tooltipTextFontSize, tokens.tooltipTextFontStyle, tokens.tooltipTextFontWeight, tokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLineHeight, tokens.tooltipContentLeftMargin, tokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskImage, tokens.tooltipArrowHeight, tokens.tooltipArrowEdgeMargin)
280
- },
281
- disabled: {
282
- true: css(_templateObject7(), tokens.disabledOpacity, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.color)
283
- },
284
- readOnly: {
285
- true: css(_templateObject8(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
286
- }
287
- }
288
- };