@salutejs/sdds-cs 0.335.0-canary.2358.19759407374.0 → 0.335.0-canary.2362.19765218937.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Mask/Mask.d.ts +33 -17
- package/components/Radiobox/Radiobox.d.ts +2 -2
- package/components/TextField/TextField.config.d.ts +3 -0
- package/components/TextField/TextField.config.js +50 -26
- package/components/TextField/TextField.d.ts +7 -835
- package/components/TextField/TextField.js +5 -28
- package/emotion/cjs/components/TextField/TextField.config.js +50 -26
- package/emotion/cjs/components/TextField/TextField.js +5 -28
- package/emotion/es/components/TextField/TextField.config.js +50 -26
- package/emotion/es/components/TextField/TextField.js +5 -15
- package/es/components/TextField/TextField.config.js +50 -26
- package/es/components/TextField/TextField.js +5 -15
- package/package.json +4 -4
- package/components/TextField/TextField.clear.config.d.ts +0 -32
- package/components/TextField/TextField.clear.config.js +0 -298
- package/emotion/cjs/components/TextField/TextField.clear.config.js +0 -298
- package/emotion/es/components/TextField/TextField.clear.config.js +0 -288
- package/es/components/TextField/TextField.clear.config.js +0 -288
|
@@ -2,36 +2,13 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
get TextField () {
|
|
5
|
+
Object.defineProperty(exports, "TextField", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
13
8
|
return TextField;
|
|
14
|
-
},
|
|
15
|
-
get TextFieldClear () {
|
|
16
|
-
return TextFieldClear;
|
|
17
|
-
},
|
|
18
|
-
get TextFieldDefault () {
|
|
19
|
-
return TextFieldDefault;
|
|
20
9
|
}
|
|
21
10
|
});
|
|
22
11
|
var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
|
|
23
12
|
var _TextFieldconfig = require("./TextField.config");
|
|
24
|
-
var
|
|
25
|
-
var
|
|
26
|
-
var TextFieldDefault = (0, _styledcomponents.component)(mergedConfigDefault);
|
|
27
|
-
var mergedConfigClear = (0, _styledcomponents.mergeConfig)(_styledcomponents.textFieldConfig, _TextFieldclearconfig.config);
|
|
28
|
-
var TextFieldClear = (0, _styledcomponents.component)(mergedConfigClear);
|
|
29
|
-
var TextField = (0, _styledcomponents.createConditionalComponent)(TextFieldDefault, [
|
|
30
|
-
{
|
|
31
|
-
conditions: {
|
|
32
|
-
prop: 'appearance',
|
|
33
|
-
value: 'clear'
|
|
34
|
-
},
|
|
35
|
-
component: TextFieldClear
|
|
36
|
-
}
|
|
37
|
-
]);
|
|
13
|
+
var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.textFieldConfig, _TextFieldconfig.config);
|
|
14
|
+
var TextField = (0, _styledcomponents.component)(mergedConfig);
|
|
@@ -23,12 +23,15 @@ function _templateObject() {
|
|
|
23
23
|
var data = _tagged_template_literal([
|
|
24
24
|
"\n ",
|
|
25
25
|
": var(--text-primary);\n ",
|
|
26
|
+
": var(--text-primary);\n ",
|
|
26
27
|
": var(--surface-solid-card);\n ",
|
|
27
28
|
": var(--surface-solid-card-active);\n ",
|
|
28
29
|
": var(--text-accent);\n ",
|
|
29
30
|
": var(--text-secondary);\n ",
|
|
30
31
|
": var(--text-tertiary);\n ",
|
|
31
32
|
": var(--text-secondary);\n ",
|
|
33
|
+
": var(--text-tertiary);\n ",
|
|
34
|
+
": var(--text-secondary);\n ",
|
|
32
35
|
": var(--text-secondary);\n ",
|
|
33
36
|
": var(--text-primary);\n ",
|
|
34
37
|
": var(--text-secondary);\n ",
|
|
@@ -40,6 +43,9 @@ function _templateObject() {
|
|
|
40
43
|
": var(--text-accent);\n ",
|
|
41
44
|
": var(--text-accent-minor);\n ",
|
|
42
45
|
": var(--text-accent-active);\n\n ",
|
|
46
|
+
": var(--outline-solid-primary);\n ",
|
|
47
|
+
": var(--text-secondary);\n ",
|
|
48
|
+
": var(--surface-accent);\n\n ",
|
|
43
49
|
": var(--text-secondary);\n ",
|
|
44
50
|
": var(--text-secondary);\n ",
|
|
45
51
|
": var(--text-primary);\n ",
|
|
@@ -70,23 +76,23 @@ function _templateObject1() {
|
|
|
70
76
|
var data = _tagged_template_literal([
|
|
71
77
|
"\n ",
|
|
72
78
|
": var(--text-primary);\n ",
|
|
79
|
+
": var(--text-negative);\n ",
|
|
73
80
|
": var(--surface-solid-card);\n ",
|
|
74
81
|
": var(--surface-solid-card-active);\n ",
|
|
75
82
|
": var(--text-accent);\n ",
|
|
76
83
|
": var(--text-secondary);\n ",
|
|
84
|
+
": var(--text-negative);\n ",
|
|
77
85
|
": var(--text-tertiary);\n ",
|
|
86
|
+
": var(--text-negative);\n ",
|
|
78
87
|
": var(--text-secondary);\n ",
|
|
79
88
|
": var(--text-secondary);\n ",
|
|
80
89
|
": var(--text-primary);\n ",
|
|
81
90
|
": var(--text-negative);\n ",
|
|
82
91
|
": var(--text-secondary);\n ",
|
|
83
92
|
": var(--text-secondary);\n\n ",
|
|
84
|
-
": var(--
|
|
85
|
-
": var(--
|
|
86
|
-
": var(--
|
|
87
|
-
": var(--text-accent);\n ",
|
|
88
|
-
": var(--text-accent-minor);\n ",
|
|
89
|
-
": var(--text-accent-active);\n\n ",
|
|
93
|
+
": var(--surface-negative);\n ",
|
|
94
|
+
": var(--surface-negative);\n ",
|
|
95
|
+
": var(--surface-accent);\n\n ",
|
|
90
96
|
": var(--text-secondary);\n ",
|
|
91
97
|
": var(--text-secondary);\n ",
|
|
92
98
|
": var(--text-primary);\n ",
|
|
@@ -130,6 +136,7 @@ function _templateObject2() {
|
|
|
130
136
|
": var(--plasma-typo-body-m-letter-spacing);\n ",
|
|
131
137
|
": var(--plasma-typo-body-m-line-height);\n\n ",
|
|
132
138
|
": 0.5rem;\n ",
|
|
139
|
+
": 0.5rem;\n ",
|
|
133
140
|
": var(--plasma-typo-body-s-font-family);\n ",
|
|
134
141
|
": var(--plasma-typo-body-s-font-size);\n ",
|
|
135
142
|
": var(--plasma-typo-body-s-font-style);\n ",
|
|
@@ -138,7 +145,8 @@ function _templateObject2() {
|
|
|
138
145
|
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
139
146
|
": -0.688rem -0.5rem;\n ",
|
|
140
147
|
": 2.375rem;\n ",
|
|
141
|
-
": 0.563rem -2.938rem auto auto;\n
|
|
148
|
+
": 0.563rem -2.938rem auto auto;\n ",
|
|
149
|
+
": 0.062rem -2.063rem auto auto;\n\n ",
|
|
142
150
|
": 0.25rem;\n ",
|
|
143
151
|
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
144
152
|
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
@@ -174,7 +182,9 @@ function _templateObject2() {
|
|
|
174
182
|
": 0 0 0 0;\n ",
|
|
175
183
|
": 0.3125rem auto auto -0.6875rem;\n ",
|
|
176
184
|
": 0 0 auto auto;\n ",
|
|
177
|
-
": 0.25rem -0.625rem auto auto;\n
|
|
185
|
+
": 0.25rem -0.625rem auto auto;\n ",
|
|
186
|
+
": 1.063rem auto auto -0.75rem;\n ",
|
|
187
|
+
": 1.063rem -0.75rem auto auto;\n "
|
|
178
188
|
]);
|
|
179
189
|
_templateObject2 = function _templateObject() {
|
|
180
190
|
return data;
|
|
@@ -191,19 +201,28 @@ function _templateObject3() {
|
|
|
191
201
|
return data;
|
|
192
202
|
}
|
|
193
203
|
function _templateObject4() {
|
|
204
|
+
var data = _tagged_template_literal([
|
|
205
|
+
""
|
|
206
|
+
]);
|
|
207
|
+
_templateObject4 = function _templateObject() {
|
|
208
|
+
return data;
|
|
209
|
+
};
|
|
210
|
+
return data;
|
|
211
|
+
}
|
|
212
|
+
function _templateObject5() {
|
|
194
213
|
var data = _tagged_template_literal([
|
|
195
214
|
"\n ",
|
|
196
215
|
": var(--surface-solid-card-brightness);\n ",
|
|
197
|
-
":
|
|
216
|
+
": 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08);\n ",
|
|
198
217
|
": var(--text-primary);\n ",
|
|
199
218
|
": var(--surface-solid-card-brightness);\n "
|
|
200
219
|
]);
|
|
201
|
-
|
|
220
|
+
_templateObject5 = function _templateObject() {
|
|
202
221
|
return data;
|
|
203
222
|
};
|
|
204
223
|
return data;
|
|
205
224
|
}
|
|
206
|
-
function
|
|
225
|
+
function _templateObject6() {
|
|
207
226
|
var data = _tagged_template_literal([
|
|
208
227
|
"\n ",
|
|
209
228
|
": 0.6875rem;\n ",
|
|
@@ -225,12 +244,12 @@ function _templateObject5() {
|
|
|
225
244
|
": 0.5rem;\n ",
|
|
226
245
|
": 0.625rem;\n "
|
|
227
246
|
]);
|
|
228
|
-
|
|
247
|
+
_templateObject6 = function _templateObject() {
|
|
229
248
|
return data;
|
|
230
249
|
};
|
|
231
250
|
return data;
|
|
232
251
|
}
|
|
233
|
-
function
|
|
252
|
+
function _templateObject7() {
|
|
234
253
|
var data = _tagged_template_literal([
|
|
235
254
|
"\n ",
|
|
236
255
|
": 0.5rem;\n ",
|
|
@@ -252,12 +271,12 @@ function _templateObject6() {
|
|
|
252
271
|
": 0.375rem;\n ",
|
|
253
272
|
": 0.5625rem;\n "
|
|
254
273
|
]);
|
|
255
|
-
|
|
274
|
+
_templateObject7 = function _templateObject() {
|
|
256
275
|
return data;
|
|
257
276
|
};
|
|
258
277
|
return data;
|
|
259
278
|
}
|
|
260
|
-
function
|
|
279
|
+
function _templateObject8() {
|
|
261
280
|
var data = _tagged_template_literal([
|
|
262
281
|
"\n ",
|
|
263
282
|
": 1;\n ",
|
|
@@ -268,12 +287,12 @@ function _templateObject7() {
|
|
|
268
287
|
": var(--surface-solid-primary);\n ",
|
|
269
288
|
": var(--text-secondary);\n "
|
|
270
289
|
]);
|
|
271
|
-
|
|
290
|
+
_templateObject8 = function _templateObject() {
|
|
272
291
|
return data;
|
|
273
292
|
};
|
|
274
293
|
return data;
|
|
275
294
|
}
|
|
276
|
-
function
|
|
295
|
+
function _templateObject9() {
|
|
277
296
|
var data = _tagged_template_literal([
|
|
278
297
|
"\n ",
|
|
279
298
|
": 1;\n ",
|
|
@@ -283,9 +302,10 @@ function _templateObject8() {
|
|
|
283
302
|
": var(--text-secondary);\n ",
|
|
284
303
|
": var(--text-secondary);\n ",
|
|
285
304
|
": var(--text-secondary);\n ",
|
|
305
|
+
": var(--outline-solid-secondary);\n ",
|
|
286
306
|
": 0.4;\n "
|
|
287
307
|
]);
|
|
288
|
-
|
|
308
|
+
_templateObject9 = function _templateObject() {
|
|
289
309
|
return data;
|
|
290
310
|
};
|
|
291
311
|
return data;
|
|
@@ -298,27 +318,31 @@ var config = {
|
|
|
298
318
|
},
|
|
299
319
|
variations: {
|
|
300
320
|
view: {
|
|
301
|
-
default: (0, _emotion.css)(_templateObject(), _emotion.textFieldTokens.color, _emotion.textFieldTokens.backgroundColor, _emotion.textFieldTokens.backgroundColorFocus, _emotion.textFieldTokens.caretColor, _emotion.textFieldTokens.placeholderColor, _emotion.textFieldTokens.placeholderColorFocus, _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.chipCloseIconColor, _emotion.textFieldTokens.chipCloseIconColorReadonly, _emotion.textFieldTokens.chipCloseIconColorHover, _emotion.textFieldTokens.chipColor, _emotion.textFieldTokens.chipBackground, _emotion.textFieldTokens.chipColorHover, _emotion.textFieldTokens.chipBackgroundHover, _emotion.textFieldTokens.chipColorActive, _emotion.textFieldTokens.chipBackgroundActive, _emotion.textFieldTokens.chipBackgroundReadOnly, _emotion.textFieldTokens.chipColorReadOnly, _emotion.textFieldTokens.chipBackgroundReadOnlyHover, _emotion.textFieldTokens.chipColorReadOnlyHover, _emotion.textFieldTokens.chipOpacityReadonly, _emotion.textFieldTokens.focusColor, _emotion.textFieldTokens.borderColor, _emotion.textFieldTokens.borderColorFocus, _emotion.textFieldTokens.borderColorHover, _emotion.textFieldTokens.indicatorColor, _emotion.textFieldTokens.optionalColor),
|
|
302
|
-
negative: (0, _emotion.css)(_templateObject1(), _emotion.textFieldTokens.color, _emotion.textFieldTokens.
|
|
321
|
+
default: (0, _emotion.css)(_templateObject(), _emotion.textFieldTokens.color, _emotion.textFieldTokens.clearColor, _emotion.textFieldTokens.backgroundColor, _emotion.textFieldTokens.backgroundColorFocus, _emotion.textFieldTokens.caretColor, _emotion.textFieldTokens.placeholderColor, _emotion.textFieldTokens.placeholderColorFocus, _emotion.textFieldTokens.clearPlaceholderColor, _emotion.textFieldTokens.clearPlaceholderColorFocus, _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.chipCloseIconColor, _emotion.textFieldTokens.chipCloseIconColorReadonly, _emotion.textFieldTokens.chipCloseIconColorHover, _emotion.textFieldTokens.chipColor, _emotion.textFieldTokens.chipBackground, _emotion.textFieldTokens.chipColorHover, _emotion.textFieldTokens.chipBackgroundHover, _emotion.textFieldTokens.chipColorActive, _emotion.textFieldTokens.chipBackgroundActive, _emotion.textFieldTokens.chipBackgroundReadOnly, _emotion.textFieldTokens.chipColorReadOnly, _emotion.textFieldTokens.chipBackgroundReadOnlyHover, _emotion.textFieldTokens.chipColorReadOnlyHover, _emotion.textFieldTokens.chipOpacityReadonly, _emotion.textFieldTokens.focusColor, _emotion.textFieldTokens.borderColor, _emotion.textFieldTokens.borderColorFocus, _emotion.textFieldTokens.borderColorHover, _emotion.textFieldTokens.indicatorColor, _emotion.textFieldTokens.optionalColor),
|
|
322
|
+
negative: (0, _emotion.css)(_templateObject1(), _emotion.textFieldTokens.color, _emotion.textFieldTokens.clearColor, _emotion.textFieldTokens.backgroundColor, _emotion.textFieldTokens.backgroundColorFocus, _emotion.textFieldTokens.caretColor, _emotion.textFieldTokens.placeholderColor, _emotion.textFieldTokens.clearPlaceholderColor, _emotion.textFieldTokens.placeholderColorFocus, _emotion.textFieldTokens.clearPlaceholderColorFocus, _emotion.textFieldTokens.textBeforeColor, _emotion.textFieldTokens.textAfterColor, _emotion.textFieldTokens.labelColor, _emotion.textFieldTokens.leftHelperColor, _emotion.textFieldTokens.titleCaptionColor, _emotion.textFieldTokens.hintIconColor, _emotion.textFieldTokens.dividerColor, _emotion.textFieldTokens.dividerColorHover, _emotion.textFieldTokens.dividerColorFocus, _emotion.textFieldTokens.chipCloseIconColor, _emotion.textFieldTokens.chipCloseIconColorReadonly, _emotion.textFieldTokens.chipCloseIconColorHover, _emotion.textFieldTokens.chipColor, _emotion.textFieldTokens.chipBackground, _emotion.textFieldTokens.chipColorHover, _emotion.textFieldTokens.chipBackgroundHover, _emotion.textFieldTokens.chipColorActive, _emotion.textFieldTokens.chipBackgroundActive, _emotion.textFieldTokens.chipBackgroundReadOnly, _emotion.textFieldTokens.chipColorReadOnly, _emotion.textFieldTokens.chipBackgroundReadOnlyHover, _emotion.textFieldTokens.chipColorReadOnlyHover, _emotion.textFieldTokens.chipOpacityReadonly, _emotion.textFieldTokens.borderColor, _emotion.textFieldTokens.focusColor, _emotion.textFieldTokens.indicatorColor, _emotion.textFieldTokens.optionalColor)
|
|
303
323
|
},
|
|
304
324
|
size: {
|
|
305
|
-
s: (0, _emotion.css)(_templateObject2(), _emotion.textFieldTokens.height, _emotion.textFieldTokens.padding, _emotion.textFieldTokens.paddingWithChips, _emotion.textFieldTokens.borderRadius, _emotion.textFieldTokens.borderWidth, _emotion.textFieldTokens.leftContentMargin, _emotion.textFieldTokens.rightContentMargin, _emotion.textFieldTokens.textBeforeMargin, _emotion.textFieldTokens.textAfterMargin, _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.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)
|
|
325
|
+
s: (0, _emotion.css)(_templateObject2(), _emotion.textFieldTokens.height, _emotion.textFieldTokens.padding, _emotion.textFieldTokens.paddingWithChips, _emotion.textFieldTokens.borderRadius, _emotion.textFieldTokens.borderWidth, _emotion.textFieldTokens.leftContentMargin, _emotion.textFieldTokens.rightContentMargin, _emotion.textFieldTokens.textBeforeMargin, _emotion.textFieldTokens.textAfterMargin, _emotion.textFieldTokens.fontFamily, _emotion.textFieldTokens.fontSize, _emotion.textFieldTokens.fontStyle, _emotion.textFieldTokens.fontWeight, _emotion.textFieldTokens.letterSpacing, _emotion.textFieldTokens.lineHeight, _emotion.textFieldTokens.labelOffset, _emotion.textFieldTokens.clearLabelOffset, _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.clearHintInnerLabelPlacementOffset, _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.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, _emotion.textFieldTokens.clearIndicatorLabelPlacementInner, _emotion.textFieldTokens.clearIndicatorLabelPlacementInnerRight)
|
|
306
326
|
},
|
|
307
327
|
labelPlacement: {
|
|
308
328
|
outer: (0, _emotion.css)(_templateObject3())
|
|
309
329
|
},
|
|
330
|
+
clear: {
|
|
331
|
+
true: (0, _emotion.css)(_templateObject4())
|
|
332
|
+
},
|
|
310
333
|
hintView: {
|
|
311
|
-
|
|
334
|
+
// TODO: заменить тень на токен https://github.com/salute-developers/plasma/issues/1131
|
|
335
|
+
default: (0, _emotion.css)(_templateObject5(), _emotion.textFieldTokens.tooltipBackgroundColor, _emotion.textFieldTokens.tooltipBoxShadow, _emotion.textFieldTokens.tooltipColor, _emotion.textFieldTokens.tooltipArrowBackground)
|
|
312
336
|
},
|
|
313
337
|
hintSize: {
|
|
314
|
-
m: (0, _emotion.css)(
|
|
315
|
-
s: (0, _emotion.css)(
|
|
338
|
+
m: (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),
|
|
339
|
+
s: (0, _emotion.css)(_templateObject7(), _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)
|
|
316
340
|
},
|
|
317
341
|
disabled: {
|
|
318
|
-
true: (0, _emotion.css)(
|
|
342
|
+
true: (0, _emotion.css)(_templateObject8(), _emotion.textFieldTokens.disabledOpacity, _emotion.textFieldTokens.backgroundColor, _emotion.textFieldTokens.backgroundColorFocus, _emotion.textFieldTokens.borderColor, _emotion.textFieldTokens.borderColorHover, _emotion.textFieldTokens.borderColorFocus, _emotion.textFieldTokens.color)
|
|
319
343
|
},
|
|
320
344
|
readOnly: {
|
|
321
|
-
true: (0, _emotion.css)(
|
|
345
|
+
true: (0, _emotion.css)(_templateObject9(), _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)
|
|
322
346
|
}
|
|
323
347
|
}
|
|
324
348
|
};
|
|
@@ -2,36 +2,13 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
get TextField () {
|
|
5
|
+
Object.defineProperty(exports, "TextField", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
13
8
|
return TextField;
|
|
14
|
-
},
|
|
15
|
-
get TextFieldClear () {
|
|
16
|
-
return TextFieldClear;
|
|
17
|
-
},
|
|
18
|
-
get TextFieldDefault () {
|
|
19
|
-
return TextFieldDefault;
|
|
20
9
|
}
|
|
21
10
|
});
|
|
22
11
|
var _emotion = require("@salutejs/plasma-new-hope/emotion");
|
|
23
12
|
var _TextFieldconfig = require("./TextField.config");
|
|
24
|
-
var
|
|
25
|
-
var
|
|
26
|
-
var TextFieldDefault = (0, _emotion.component)(mergedConfigDefault);
|
|
27
|
-
var mergedConfigClear = (0, _emotion.mergeConfig)(_emotion.textFieldConfig, _TextFieldclearconfig.config);
|
|
28
|
-
var TextFieldClear = (0, _emotion.component)(mergedConfigClear);
|
|
29
|
-
var TextField = (0, _emotion.createConditionalComponent)(TextFieldDefault, [
|
|
30
|
-
{
|
|
31
|
-
conditions: {
|
|
32
|
-
prop: 'appearance',
|
|
33
|
-
value: 'clear'
|
|
34
|
-
},
|
|
35
|
-
component: TextFieldClear
|
|
36
|
-
}
|
|
37
|
-
]);
|
|
13
|
+
var mergedConfig = (0, _emotion.mergeConfig)(_emotion.textFieldConfig, _TextFieldconfig.config);
|
|
14
|
+
var TextField = (0, _emotion.component)(mergedConfig);
|
|
@@ -12,12 +12,15 @@ function _templateObject() {
|
|
|
12
12
|
var data = _tagged_template_literal([
|
|
13
13
|
"\n ",
|
|
14
14
|
": var(--text-primary);\n ",
|
|
15
|
+
": var(--text-primary);\n ",
|
|
15
16
|
": var(--surface-solid-card);\n ",
|
|
16
17
|
": var(--surface-solid-card-active);\n ",
|
|
17
18
|
": var(--text-accent);\n ",
|
|
18
19
|
": var(--text-secondary);\n ",
|
|
19
20
|
": var(--text-tertiary);\n ",
|
|
20
21
|
": var(--text-secondary);\n ",
|
|
22
|
+
": var(--text-tertiary);\n ",
|
|
23
|
+
": var(--text-secondary);\n ",
|
|
21
24
|
": var(--text-secondary);\n ",
|
|
22
25
|
": var(--text-primary);\n ",
|
|
23
26
|
": var(--text-secondary);\n ",
|
|
@@ -29,6 +32,9 @@ function _templateObject() {
|
|
|
29
32
|
": var(--text-accent);\n ",
|
|
30
33
|
": var(--text-accent-minor);\n ",
|
|
31
34
|
": var(--text-accent-active);\n\n ",
|
|
35
|
+
": var(--outline-solid-primary);\n ",
|
|
36
|
+
": var(--text-secondary);\n ",
|
|
37
|
+
": var(--surface-accent);\n\n ",
|
|
32
38
|
": var(--text-secondary);\n ",
|
|
33
39
|
": var(--text-secondary);\n ",
|
|
34
40
|
": var(--text-primary);\n ",
|
|
@@ -59,23 +65,23 @@ function _templateObject1() {
|
|
|
59
65
|
var data = _tagged_template_literal([
|
|
60
66
|
"\n ",
|
|
61
67
|
": var(--text-primary);\n ",
|
|
68
|
+
": var(--text-negative);\n ",
|
|
62
69
|
": var(--surface-solid-card);\n ",
|
|
63
70
|
": var(--surface-solid-card-active);\n ",
|
|
64
71
|
": var(--text-accent);\n ",
|
|
65
72
|
": var(--text-secondary);\n ",
|
|
73
|
+
": var(--text-negative);\n ",
|
|
66
74
|
": var(--text-tertiary);\n ",
|
|
75
|
+
": var(--text-negative);\n ",
|
|
67
76
|
": var(--text-secondary);\n ",
|
|
68
77
|
": var(--text-secondary);\n ",
|
|
69
78
|
": var(--text-primary);\n ",
|
|
70
79
|
": var(--text-negative);\n ",
|
|
71
80
|
": var(--text-secondary);\n ",
|
|
72
81
|
": var(--text-secondary);\n\n ",
|
|
73
|
-
": var(--
|
|
74
|
-
": var(--
|
|
75
|
-
": var(--
|
|
76
|
-
": var(--text-accent);\n ",
|
|
77
|
-
": var(--text-accent-minor);\n ",
|
|
78
|
-
": var(--text-accent-active);\n\n ",
|
|
82
|
+
": var(--surface-negative);\n ",
|
|
83
|
+
": var(--surface-negative);\n ",
|
|
84
|
+
": var(--surface-accent);\n\n ",
|
|
79
85
|
": var(--text-secondary);\n ",
|
|
80
86
|
": var(--text-secondary);\n ",
|
|
81
87
|
": var(--text-primary);\n ",
|
|
@@ -119,6 +125,7 @@ function _templateObject2() {
|
|
|
119
125
|
": var(--plasma-typo-body-m-letter-spacing);\n ",
|
|
120
126
|
": var(--plasma-typo-body-m-line-height);\n\n ",
|
|
121
127
|
": 0.5rem;\n ",
|
|
128
|
+
": 0.5rem;\n ",
|
|
122
129
|
": var(--plasma-typo-body-s-font-family);\n ",
|
|
123
130
|
": var(--plasma-typo-body-s-font-size);\n ",
|
|
124
131
|
": var(--plasma-typo-body-s-font-style);\n ",
|
|
@@ -127,7 +134,8 @@ function _templateObject2() {
|
|
|
127
134
|
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
128
135
|
": -0.688rem -0.5rem;\n ",
|
|
129
136
|
": 2.375rem;\n ",
|
|
130
|
-
": 0.563rem -2.938rem auto auto;\n
|
|
137
|
+
": 0.563rem -2.938rem auto auto;\n ",
|
|
138
|
+
": 0.062rem -2.063rem auto auto;\n\n ",
|
|
131
139
|
": 0.25rem;\n ",
|
|
132
140
|
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
133
141
|
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
@@ -163,7 +171,9 @@ function _templateObject2() {
|
|
|
163
171
|
": 0 0 0 0;\n ",
|
|
164
172
|
": 0.3125rem auto auto -0.6875rem;\n ",
|
|
165
173
|
": 0 0 auto auto;\n ",
|
|
166
|
-
": 0.25rem -0.625rem auto auto;\n
|
|
174
|
+
": 0.25rem -0.625rem auto auto;\n ",
|
|
175
|
+
": 1.063rem auto auto -0.75rem;\n ",
|
|
176
|
+
": 1.063rem -0.75rem auto auto;\n "
|
|
167
177
|
]);
|
|
168
178
|
_templateObject2 = function _templateObject() {
|
|
169
179
|
return data;
|
|
@@ -180,19 +190,28 @@ function _templateObject3() {
|
|
|
180
190
|
return data;
|
|
181
191
|
}
|
|
182
192
|
function _templateObject4() {
|
|
193
|
+
var data = _tagged_template_literal([
|
|
194
|
+
""
|
|
195
|
+
]);
|
|
196
|
+
_templateObject4 = function _templateObject() {
|
|
197
|
+
return data;
|
|
198
|
+
};
|
|
199
|
+
return data;
|
|
200
|
+
}
|
|
201
|
+
function _templateObject5() {
|
|
183
202
|
var data = _tagged_template_literal([
|
|
184
203
|
"\n ",
|
|
185
204
|
": var(--surface-solid-card-brightness);\n ",
|
|
186
|
-
":
|
|
205
|
+
": 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08);\n ",
|
|
187
206
|
": var(--text-primary);\n ",
|
|
188
207
|
": var(--surface-solid-card-brightness);\n "
|
|
189
208
|
]);
|
|
190
|
-
|
|
209
|
+
_templateObject5 = function _templateObject() {
|
|
191
210
|
return data;
|
|
192
211
|
};
|
|
193
212
|
return data;
|
|
194
213
|
}
|
|
195
|
-
function
|
|
214
|
+
function _templateObject6() {
|
|
196
215
|
var data = _tagged_template_literal([
|
|
197
216
|
"\n ",
|
|
198
217
|
": 0.6875rem;\n ",
|
|
@@ -214,12 +233,12 @@ function _templateObject5() {
|
|
|
214
233
|
": 0.5rem;\n ",
|
|
215
234
|
": 0.625rem;\n "
|
|
216
235
|
]);
|
|
217
|
-
|
|
236
|
+
_templateObject6 = function _templateObject() {
|
|
218
237
|
return data;
|
|
219
238
|
};
|
|
220
239
|
return data;
|
|
221
240
|
}
|
|
222
|
-
function
|
|
241
|
+
function _templateObject7() {
|
|
223
242
|
var data = _tagged_template_literal([
|
|
224
243
|
"\n ",
|
|
225
244
|
": 0.5rem;\n ",
|
|
@@ -241,12 +260,12 @@ function _templateObject6() {
|
|
|
241
260
|
": 0.375rem;\n ",
|
|
242
261
|
": 0.5625rem;\n "
|
|
243
262
|
]);
|
|
244
|
-
|
|
263
|
+
_templateObject7 = function _templateObject() {
|
|
245
264
|
return data;
|
|
246
265
|
};
|
|
247
266
|
return data;
|
|
248
267
|
}
|
|
249
|
-
function
|
|
268
|
+
function _templateObject8() {
|
|
250
269
|
var data = _tagged_template_literal([
|
|
251
270
|
"\n ",
|
|
252
271
|
": 1;\n ",
|
|
@@ -257,12 +276,12 @@ function _templateObject7() {
|
|
|
257
276
|
": var(--surface-solid-primary);\n ",
|
|
258
277
|
": var(--text-secondary);\n "
|
|
259
278
|
]);
|
|
260
|
-
|
|
279
|
+
_templateObject8 = function _templateObject() {
|
|
261
280
|
return data;
|
|
262
281
|
};
|
|
263
282
|
return data;
|
|
264
283
|
}
|
|
265
|
-
function
|
|
284
|
+
function _templateObject9() {
|
|
266
285
|
var data = _tagged_template_literal([
|
|
267
286
|
"\n ",
|
|
268
287
|
": 1;\n ",
|
|
@@ -272,9 +291,10 @@ function _templateObject8() {
|
|
|
272
291
|
": var(--text-secondary);\n ",
|
|
273
292
|
": var(--text-secondary);\n ",
|
|
274
293
|
": var(--text-secondary);\n ",
|
|
294
|
+
": var(--outline-solid-secondary);\n ",
|
|
275
295
|
": 0.4;\n "
|
|
276
296
|
]);
|
|
277
|
-
|
|
297
|
+
_templateObject9 = function _templateObject() {
|
|
278
298
|
return data;
|
|
279
299
|
};
|
|
280
300
|
return data;
|
|
@@ -288,27 +308,31 @@ export var config = {
|
|
|
288
308
|
},
|
|
289
309
|
variations: {
|
|
290
310
|
view: {
|
|
291
|
-
default: css(_templateObject(), tokens.color, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.placeholderColorFocus, 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.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.borderColor, tokens.borderColorFocus, tokens.borderColorHover, tokens.indicatorColor, tokens.optionalColor),
|
|
292
|
-
negative: css(_templateObject1(), tokens.color, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.
|
|
311
|
+
default: css(_templateObject(), tokens.color, tokens.clearColor, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, 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.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.borderColor, tokens.borderColorFocus, tokens.borderColorHover, tokens.indicatorColor, tokens.optionalColor),
|
|
312
|
+
negative: css(_templateObject1(), tokens.color, tokens.clearColor, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.clearPlaceholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.borderColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
|
|
293
313
|
},
|
|
294
314
|
size: {
|
|
295
|
-
s: css(_templateObject2(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textBeforeMargin, tokens.textAfterMargin, 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.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)
|
|
315
|
+
s: css(_templateObject2(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.clearLabelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, 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.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, tokens.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight)
|
|
296
316
|
},
|
|
297
317
|
labelPlacement: {
|
|
298
318
|
outer: css(_templateObject3())
|
|
299
319
|
},
|
|
320
|
+
clear: {
|
|
321
|
+
true: css(_templateObject4())
|
|
322
|
+
},
|
|
300
323
|
hintView: {
|
|
301
|
-
|
|
324
|
+
// TODO: заменить тень на токен https://github.com/salute-developers/plasma/issues/1131
|
|
325
|
+
default: css(_templateObject5(), tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.tooltipArrowBackground)
|
|
302
326
|
},
|
|
303
327
|
hintSize: {
|
|
304
|
-
m: css(
|
|
305
|
-
s: css(
|
|
328
|
+
m: 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),
|
|
329
|
+
s: css(_templateObject7(), 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)
|
|
306
330
|
},
|
|
307
331
|
disabled: {
|
|
308
|
-
true: css(
|
|
332
|
+
true: css(_templateObject8(), tokens.disabledOpacity, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.color)
|
|
309
333
|
},
|
|
310
334
|
readOnly: {
|
|
311
|
-
true: css(
|
|
335
|
+
true: css(_templateObject9(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
|
|
312
336
|
}
|
|
313
337
|
}
|
|
314
338
|
};
|
|
@@ -1,16 +1,6 @@
|
|
|
1
|
-
import { textFieldConfig, component, mergeConfig
|
|
1
|
+
import { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
|
|
2
2
|
import { config } from './TextField.config';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
var
|
|
7
|
-
export var TextFieldClear = component(mergedConfigClear);
|
|
8
|
-
export var TextField = createConditionalComponent(TextFieldDefault, [
|
|
9
|
-
{
|
|
10
|
-
conditions: {
|
|
11
|
-
prop: 'appearance',
|
|
12
|
-
value: 'clear'
|
|
13
|
-
},
|
|
14
|
-
component: TextFieldClear
|
|
15
|
-
}
|
|
16
|
-
]);
|
|
3
|
+
var mergedConfig = mergeConfig(textFieldConfig, config);
|
|
4
|
+
/**
|
|
5
|
+
* Поле ввода текста.
|
|
6
|
+
*/ export var TextField = component(mergedConfig);
|