@salutejs/sdds-netology 0.330.0-canary.2358.19815233540.0 → 0.330.0-canary.2365.19816292443.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.css +21 -43
- package/components/Mask/Mask.d.ts +33 -17
- package/components/Radiobox/Radiobox.d.ts +2 -2
- package/components/TextField/TextField.config.d.ts +4 -0
- package/components/TextField/TextField.config.js +17 -13
- package/components/TextField/TextField.config.js.map +1 -1
- package/components/TextField/TextField.config_10mzzd.css +23 -0
- package/components/TextField/TextField.d.ts +7 -970
- package/components/TextField/TextField.js +6 -14
- package/components/TextField/TextField.js.map +1 -1
- package/es/components/Mask/Mask.css +21 -43
- package/es/components/TextField/TextField.config.js +17 -13
- package/es/components/TextField/TextField.config.js.map +1 -1
- package/es/components/TextField/TextField.config_10mzzd.css +23 -0
- package/es/components/TextField/TextField.js +8 -14
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/index.css +23 -45
- package/package.json +4 -4
- package/styled-components/cjs/components/TextField/TextField.config.js +115 -73
- package/styled-components/cjs/components/TextField/TextField.js +5 -28
- package/styled-components/es/components/TextField/TextField.config.js +115 -73
- package/styled-components/es/components/TextField/TextField.js +5 -15
- package/components/TextField/TextField.clear.config.d.ts +0 -47
- package/components/TextField/TextField.clear.config.js +0 -55
- package/components/TextField/TextField.clear.config.js.map +0 -1
- package/components/TextField/TextField.clear.config_vqfl1g.css +0 -22
- package/components/TextField/TextField.config_c4zz6m.css +0 -22
- package/es/components/TextField/TextField.clear.config.js +0 -51
- package/es/components/TextField/TextField.clear.config.js.map +0 -1
- package/es/components/TextField/TextField.clear.config_vqfl1g.css +0 -22
- package/es/components/TextField/TextField.config_c4zz6m.css +0 -22
- package/styled-components/cjs/components/TextField/TextField.clear.config.js +0 -831
- package/styled-components/es/components/TextField/TextField.clear.config.js +0 -821
|
@@ -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);
|
|
@@ -11,8 +11,11 @@ function _tagged_template_literal(strings, raw) {
|
|
|
11
11
|
function _templateObject() {
|
|
12
12
|
var data = _tagged_template_literal([
|
|
13
13
|
"\n ",
|
|
14
|
+
": var(--text-primary);\n ",
|
|
14
15
|
": var(--text-primary);\n\n ",
|
|
15
16
|
": var(--text-secondary);\n ",
|
|
17
|
+
": var(--text-tertiary);\n ",
|
|
18
|
+
": var(--text-secondary);\n ",
|
|
16
19
|
": var(--text-tertiary);\n\n ",
|
|
17
20
|
": var(--surface-transparent-primary);\n ",
|
|
18
21
|
": var(--surface-transparent-primary-hover);\n ",
|
|
@@ -42,9 +45,12 @@ function _templateObject() {
|
|
|
42
45
|
function _templateObject1() {
|
|
43
46
|
var data = _tagged_template_literal([
|
|
44
47
|
"\n ",
|
|
45
|
-
": var(--text-primary);\n
|
|
48
|
+
": var(--text-primary);\n ",
|
|
49
|
+
": var(--text-positive);\n\n ",
|
|
46
50
|
": var(--text-secondary);\n ",
|
|
47
|
-
": var(--text-tertiary);\n
|
|
51
|
+
": var(--text-tertiary);\n ",
|
|
52
|
+
": var(--text-positive);\n ",
|
|
53
|
+
": var(--text-positive);\n\n ",
|
|
48
54
|
": var(--surface-transparent-positive);\n ",
|
|
49
55
|
": var(--surface-transparent-positive-hover);\n ",
|
|
50
56
|
": var(--surface-transparent-positive-active);\n ",
|
|
@@ -73,9 +79,12 @@ function _templateObject1() {
|
|
|
73
79
|
function _templateObject2() {
|
|
74
80
|
var data = _tagged_template_literal([
|
|
75
81
|
"\n ",
|
|
76
|
-
": var(--text-primary);\n
|
|
82
|
+
": var(--text-primary);\n ",
|
|
83
|
+
": var(--text-warning);\n\n ",
|
|
77
84
|
": var(--text-secondary);\n ",
|
|
78
|
-
": var(--text-tertiary);\n
|
|
85
|
+
": var(--text-tertiary);\n ",
|
|
86
|
+
": var(--text-warning);\n ",
|
|
87
|
+
": var(--text-warning);\n\n ",
|
|
79
88
|
": var(--surface-transparent-warning);\n ",
|
|
80
89
|
": var(--surface-transparent-warning-hover);\n ",
|
|
81
90
|
": var(--surface-transparent-warning-active);\n ",
|
|
@@ -104,9 +113,12 @@ function _templateObject2() {
|
|
|
104
113
|
function _templateObject3() {
|
|
105
114
|
var data = _tagged_template_literal([
|
|
106
115
|
"\n ",
|
|
107
|
-
": var(--text-primary);\n
|
|
116
|
+
": var(--text-primary);\n ",
|
|
117
|
+
": var(--text-negative);\n\n ",
|
|
108
118
|
": var(--text-secondary);\n ",
|
|
109
|
-
": var(--text-tertiary);\n
|
|
119
|
+
": var(--text-tertiary);\n ",
|
|
120
|
+
": var(--text-negative);\n ",
|
|
121
|
+
": var(--text-negative);\n\n ",
|
|
110
122
|
": var(--surface-transparent-negative);\n ",
|
|
111
123
|
": var(--surface-transparent-negative-hover);\n ",
|
|
112
124
|
": var(--surface-transparent-negative-active);\n ",
|
|
@@ -148,6 +160,7 @@ function _templateObject4() {
|
|
|
148
160
|
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
|
149
161
|
": var(--plasma-typo-body-l-line-height);\n\n ",
|
|
150
162
|
": 0.75rem;\n ",
|
|
163
|
+
": 0.25rem;\n ",
|
|
151
164
|
": var(--plasma-typo-body-l-font-family);\n ",
|
|
152
165
|
": var(--plasma-typo-body-l-font-size);\n ",
|
|
153
166
|
": var(--plasma-typo-body-l-font-style);\n ",
|
|
@@ -156,7 +169,8 @@ function _templateObject4() {
|
|
|
156
169
|
": var(--plasma-typo-body-l-line-height);\n\n ",
|
|
157
170
|
": -0.688rem -0.5rem;\n ",
|
|
158
171
|
": 2.375rem;\n ",
|
|
159
|
-
": 0.82rem -2.938rem auto auto;\n
|
|
172
|
+
": 0.82rem -2.938rem auto auto;\n ",
|
|
173
|
+
": 0.82rem -2.063rem auto auto;\n\n ",
|
|
160
174
|
": 0.25rem;\n ",
|
|
161
175
|
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
162
176
|
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
@@ -201,7 +215,10 @@ function _templateObject4() {
|
|
|
201
215
|
": 0 0 0 0;\n ",
|
|
202
216
|
": 0.5rem auto auto -0.75rem;\n ",
|
|
203
217
|
": 0 0 auto auto;\n ",
|
|
204
|
-
": 0.25rem -0.625rem auto auto;\n
|
|
218
|
+
": 0.25rem -0.625rem auto auto;\n ",
|
|
219
|
+
": 1.75rem auto auto -0.875rem;\n ",
|
|
220
|
+
": 1.75rem -0.875rem auto auto;\n ",
|
|
221
|
+
": 1.75rem -2.488rem auto auto;\n "
|
|
205
222
|
]);
|
|
206
223
|
_templateObject4 = function _templateObject() {
|
|
207
224
|
return data;
|
|
@@ -212,13 +229,12 @@ function _templateObject5() {
|
|
|
212
229
|
var data = _tagged_template_literal([
|
|
213
230
|
"\n ",
|
|
214
231
|
": 3.5rem;\n ",
|
|
215
|
-
": 1.
|
|
232
|
+
": 1.063rem 1.125rem 1.063rem 1.125rem;\n ",
|
|
216
233
|
": 0.375rem;\n ",
|
|
217
|
-
": 0.875rem;\n ",
|
|
218
|
-
": 0.
|
|
219
|
-
": -0.
|
|
220
|
-
": -0.
|
|
221
|
-
": -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n ",
|
|
234
|
+
": 0.875rem;\n\n ",
|
|
235
|
+
": -0.063rem 0.5rem -0.063rem -0.125rem;\n ",
|
|
236
|
+
": -0.063rem -0.125rem -0.063rem 0.75rem;\n ",
|
|
237
|
+
": -0.063rem -0.438rem -0.063rem 0.75rem;\n\n ",
|
|
222
238
|
": 0.25rem;\n ",
|
|
223
239
|
": -0.438rem -0.438rem -0.438rem 0;\n\n ",
|
|
224
240
|
": var(--plasma-typo-body-l-font-family);\n ",
|
|
@@ -228,6 +244,7 @@ function _templateObject5() {
|
|
|
228
244
|
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
|
229
245
|
": var(--plasma-typo-body-l-line-height);\n\n ",
|
|
230
246
|
": 0.75rem;\n ",
|
|
247
|
+
": 0.25rem;\n ",
|
|
231
248
|
": var(--plasma-typo-body-l-font-family);\n ",
|
|
232
249
|
": var(--plasma-typo-body-l-font-size);\n ",
|
|
233
250
|
": var(--plasma-typo-body-l-font-style);\n ",
|
|
@@ -273,7 +290,10 @@ function _templateObject5() {
|
|
|
273
290
|
": 0 0 0 0;\n ",
|
|
274
291
|
": 0.5rem auto auto -0.75rem;\n ",
|
|
275
292
|
": 0 0 auto auto;\n ",
|
|
276
|
-
": 0.25rem -0.625rem auto auto;\n
|
|
293
|
+
": 0.25rem -0.625rem auto auto;\n ",
|
|
294
|
+
": 1.5rem auto auto -0.875rem;\n ",
|
|
295
|
+
": 1.5rem -0.875rem auto auto;\n ",
|
|
296
|
+
": 1.5rem -2.488rem auto auto;\n\n ",
|
|
277
297
|
": 0 0.25rem 0 0;\n ",
|
|
278
298
|
": 0 0 0 0.25rem;\n "
|
|
279
299
|
]);
|
|
@@ -288,8 +308,7 @@ function _templateObject6() {
|
|
|
288
308
|
": 3rem;\n ",
|
|
289
309
|
": 0.875rem 1rem 0.875rem 1rem;\n ",
|
|
290
310
|
": 0.375rem;\n ",
|
|
291
|
-
": 0.75rem;\n ",
|
|
292
|
-
": 0.0625rem;\n\n ",
|
|
311
|
+
": 0.75rem;\n\n ",
|
|
293
312
|
": -0.125rem 0.375rem -0.125rem -0.125rem;\n ",
|
|
294
313
|
": -0.125rem -0.125rem -0.125rem 0.75rem;\n ",
|
|
295
314
|
": -0.125rem -0.438rem -0.125rem 0.75rem;\n\n ",
|
|
@@ -302,6 +321,7 @@ function _templateObject6() {
|
|
|
302
321
|
": var(--plasma-typo-body-m-letter-spacing);\n ",
|
|
303
322
|
": var(--plasma-typo-body-m-line-height);\n\n ",
|
|
304
323
|
": 0.625rem;\n ",
|
|
324
|
+
": 0.25rem;\n ",
|
|
305
325
|
": var(--plasma-typo-body-m-font-family);\n ",
|
|
306
326
|
": var(--plasma-typo-body-m-font-size);\n ",
|
|
307
327
|
": var(--plasma-typo-body-m-font-style);\n ",
|
|
@@ -347,7 +367,10 @@ function _templateObject6() {
|
|
|
347
367
|
": 0 0 0 0;\n ",
|
|
348
368
|
": 0.375rem auto auto -0.75rem;\n ",
|
|
349
369
|
": 0 0 auto auto;\n ",
|
|
350
|
-
": 0.25rem -0.6875rem auto auto;\n
|
|
370
|
+
": 0.25rem -0.6875rem auto auto;\n ",
|
|
371
|
+
": 1.25rem auto auto -0.875rem;\n ",
|
|
372
|
+
": 1.25rem -0.875rem auto auto;\n ",
|
|
373
|
+
": 1.25rem -2.488rem auto auto;\n\n ",
|
|
351
374
|
": 0 0.25rem 0 0;\n ",
|
|
352
375
|
": 0 0 0 0.25rem;\n "
|
|
353
376
|
]);
|
|
@@ -362,8 +385,7 @@ function _templateObject7() {
|
|
|
362
385
|
": 2.5rem;\n ",
|
|
363
386
|
": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ",
|
|
364
387
|
": 0.375rem;\n ",
|
|
365
|
-
": 0.625rem;\n ",
|
|
366
|
-
": 0.0625rem;\n\n ",
|
|
388
|
+
": 0.625rem;\n\n ",
|
|
367
389
|
": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ",
|
|
368
390
|
": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ",
|
|
369
391
|
": -0.1875rem -0.438rem -0.1875rem 0.75rem;\n\n ",
|
|
@@ -376,6 +398,7 @@ function _templateObject7() {
|
|
|
376
398
|
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
377
399
|
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
378
400
|
": 0.5rem;\n ",
|
|
401
|
+
": 0.25rem;\n ",
|
|
379
402
|
": var(--plasma-typo-body-s-font-family);\n ",
|
|
380
403
|
": var(--plasma-typo-body-s-font-size);\n ",
|
|
381
404
|
": var(--plasma-typo-body-s-font-style);\n ",
|
|
@@ -401,7 +424,7 @@ function _templateObject7() {
|
|
|
401
424
|
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
|
402
425
|
": var(--plasma-typo-body-xs-line-height);\n\n ",
|
|
403
426
|
": 0.3125rem 0 0 0;\n ",
|
|
404
|
-
": 1.
|
|
427
|
+
": 1.063rem 0 0.3125rem 0;\n\n ",
|
|
405
428
|
": 0.25rem;\n ",
|
|
406
429
|
": 0.25rem;\n ",
|
|
407
430
|
": auto;\n ",
|
|
@@ -421,7 +444,10 @@ function _templateObject7() {
|
|
|
421
444
|
": 0 0 0 0;\n ",
|
|
422
445
|
": 0.3125rem auto auto -0.6875rem;\n ",
|
|
423
446
|
": 0 0 auto auto;\n ",
|
|
424
|
-
": 0.25rem -0.625rem auto auto;\n
|
|
447
|
+
": 0.25rem -0.625rem auto auto;\n ",
|
|
448
|
+
": 1.063rem auto auto -0.75rem;\n ",
|
|
449
|
+
": 1.063rem -0.75rem auto auto;\n ",
|
|
450
|
+
": 1.063rem -2.238rem auto auto;\n\n ",
|
|
425
451
|
": 0 0.25rem 0 0;\n ",
|
|
426
452
|
": 0 0 0 0.25rem;\n "
|
|
427
453
|
]);
|
|
@@ -436,11 +462,10 @@ function _templateObject8() {
|
|
|
436
462
|
": 2rem;\n ",
|
|
437
463
|
": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ",
|
|
438
464
|
": 0.375rem;\n ",
|
|
439
|
-
": 0.5rem;\n ",
|
|
440
|
-
": 0.
|
|
441
|
-
": -0.
|
|
442
|
-
": -0.
|
|
443
|
-
": -0.0625rem -0.688rem -0.0625rem 0.75rem;\n\n ",
|
|
465
|
+
": 0.5rem;\n\n ",
|
|
466
|
+
": -0.063rem 0.25rem -0.063rem -0.125rem;\n ",
|
|
467
|
+
": -0.063rem -0.125rem -0.063rem 0.75rem;\n ",
|
|
468
|
+
": -0.063rem -0.688rem -0.063rem 0.75rem;\n\n ",
|
|
444
469
|
": 0.25rem;\n ",
|
|
445
470
|
": -0.688rem -0.688rem -0.688rem 0;\n\n ",
|
|
446
471
|
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
@@ -450,6 +475,7 @@ function _templateObject8() {
|
|
|
450
475
|
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
|
451
476
|
": var(--plasma-typo-body-xs-line-height);\n\n ",
|
|
452
477
|
": 0.375rem;\n ",
|
|
478
|
+
": 0.25rem;\n ",
|
|
453
479
|
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
454
480
|
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
455
481
|
": var(--plasma-typo-body-xs-font-style);\n ",
|
|
@@ -458,7 +484,7 @@ function _templateObject8() {
|
|
|
458
484
|
": var(--plasma-typo-body-xs-line-height);\n\n ",
|
|
459
485
|
": -0.75rem -0.625rem -0.75rem -0.5rem;\n ",
|
|
460
486
|
": 2.375rem;\n ",
|
|
461
|
-
": -0.188rem -2.
|
|
487
|
+
": -0.188rem -2.188rem auto auto;\n ",
|
|
462
488
|
": -0.188rem -1.938rem auto auto;\n\n ",
|
|
463
489
|
": 0.25rem;\n ",
|
|
464
490
|
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
@@ -475,7 +501,7 @@ function _templateObject8() {
|
|
|
475
501
|
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
|
476
502
|
": var(--plasma-typo-body-xs-line-height);\n\n ",
|
|
477
503
|
": 0.3125rem 0 0 0;\n ",
|
|
478
|
-
": 1.
|
|
504
|
+
": 1.063rem 0 0.3125rem 0;\n\n ",
|
|
479
505
|
": 0.25rem;\n ",
|
|
480
506
|
": 0.125rem;\n ",
|
|
481
507
|
": auto;\n ",
|
|
@@ -495,7 +521,10 @@ function _templateObject8() {
|
|
|
495
521
|
": 0 0 0 0;\n ",
|
|
496
522
|
": 0.25rem auto auto -0.625rem;\n ",
|
|
497
523
|
": 0 0 auto auto;\n ",
|
|
498
|
-
": 0.125rem -0.6875rem auto auto;\n
|
|
524
|
+
": 0.125rem -0.6875rem auto auto;\n ",
|
|
525
|
+
": 0.813rem auto auto -0.625rem;\n ",
|
|
526
|
+
": 0.813rem -0.625rem auto auto;\n ",
|
|
527
|
+
": 0.813rem -1.988rem auto auto;\n\n ",
|
|
499
528
|
": 0 0.25rem 0 0;\n ",
|
|
500
529
|
": 0 0 0 0.25rem;\n "
|
|
501
530
|
]);
|
|
@@ -530,6 +559,15 @@ function _templateObject10() {
|
|
|
530
559
|
return data;
|
|
531
560
|
}
|
|
532
561
|
function _templateObject11() {
|
|
562
|
+
var data = _tagged_template_literal([
|
|
563
|
+
""
|
|
564
|
+
]);
|
|
565
|
+
_templateObject11 = function _templateObject() {
|
|
566
|
+
return data;
|
|
567
|
+
};
|
|
568
|
+
return data;
|
|
569
|
+
}
|
|
570
|
+
function _templateObject12() {
|
|
533
571
|
var data = _tagged_template_literal([
|
|
534
572
|
"\n ",
|
|
535
573
|
": var(--inverse-text-primary);\n ",
|
|
@@ -547,12 +585,12 @@ function _templateObject11() {
|
|
|
547
585
|
": var(--inverse-text-secondary-hover);\n ",
|
|
548
586
|
": 1;\n "
|
|
549
587
|
]);
|
|
550
|
-
|
|
588
|
+
_templateObject12 = function _templateObject() {
|
|
551
589
|
return data;
|
|
552
590
|
};
|
|
553
591
|
return data;
|
|
554
592
|
}
|
|
555
|
-
function
|
|
593
|
+
function _templateObject13() {
|
|
556
594
|
var data = _tagged_template_literal([
|
|
557
595
|
"\n ",
|
|
558
596
|
": var(--text-primary);\n ",
|
|
@@ -570,12 +608,12 @@ function _templateObject12() {
|
|
|
570
608
|
": var(--text-secondary-hover);\n ",
|
|
571
609
|
": 1;\n "
|
|
572
610
|
]);
|
|
573
|
-
|
|
611
|
+
_templateObject13 = function _templateObject() {
|
|
574
612
|
return data;
|
|
575
613
|
};
|
|
576
614
|
return data;
|
|
577
615
|
}
|
|
578
|
-
function
|
|
616
|
+
function _templateObject14() {
|
|
579
617
|
var data = _tagged_template_literal([
|
|
580
618
|
"\n ",
|
|
581
619
|
": var(--on-dark-text-primary);\n ",
|
|
@@ -593,12 +631,12 @@ function _templateObject13() {
|
|
|
593
631
|
": var(--on-dark-text-secondary-hover);\n ",
|
|
594
632
|
": 1;\n "
|
|
595
633
|
]);
|
|
596
|
-
|
|
634
|
+
_templateObject14 = function _templateObject() {
|
|
597
635
|
return data;
|
|
598
636
|
};
|
|
599
637
|
return data;
|
|
600
638
|
}
|
|
601
|
-
function
|
|
639
|
+
function _templateObject15() {
|
|
602
640
|
var data = _tagged_template_literal([
|
|
603
641
|
"\n ",
|
|
604
642
|
": var(--on-dark-text-primary);\n ",
|
|
@@ -616,12 +654,12 @@ function _templateObject14() {
|
|
|
616
654
|
": var(--on-dark-text-secondary-hover);\n ",
|
|
617
655
|
": 1;\n "
|
|
618
656
|
]);
|
|
619
|
-
|
|
657
|
+
_templateObject15 = function _templateObject() {
|
|
620
658
|
return data;
|
|
621
659
|
};
|
|
622
660
|
return data;
|
|
623
661
|
}
|
|
624
|
-
function
|
|
662
|
+
function _templateObject16() {
|
|
625
663
|
var data = _tagged_template_literal([
|
|
626
664
|
"\n ",
|
|
627
665
|
": var(--on-dark-text-primary);\n ",
|
|
@@ -639,12 +677,12 @@ function _templateObject15() {
|
|
|
639
677
|
": var(--on-dark-text-secondary-hover);\n ",
|
|
640
678
|
": 1;\n "
|
|
641
679
|
]);
|
|
642
|
-
|
|
680
|
+
_templateObject16 = function _templateObject() {
|
|
643
681
|
return data;
|
|
644
682
|
};
|
|
645
683
|
return data;
|
|
646
684
|
}
|
|
647
|
-
function
|
|
685
|
+
function _templateObject17() {
|
|
648
686
|
var data = _tagged_template_literal([
|
|
649
687
|
"\n ",
|
|
650
688
|
": var(--on-dark-text-primary);\n ",
|
|
@@ -662,25 +700,25 @@ function _templateObject16() {
|
|
|
662
700
|
": var(--on-dark-text-secondary-hover);\n ",
|
|
663
701
|
": 1;\n "
|
|
664
702
|
]);
|
|
665
|
-
|
|
703
|
+
_templateObject17 = function _templateObject() {
|
|
666
704
|
return data;
|
|
667
705
|
};
|
|
668
706
|
return data;
|
|
669
707
|
}
|
|
670
|
-
function
|
|
708
|
+
function _templateObject18() {
|
|
671
709
|
var data = _tagged_template_literal([
|
|
672
710
|
"\n ",
|
|
673
711
|
": var(--surface-solid-card-brightness);\n ",
|
|
674
|
-
": var(--shadow-down-hard-m
|
|
712
|
+
": var(--shadow-down-hard-m);\n ",
|
|
675
713
|
": var(--text-primary);\n ",
|
|
676
714
|
": var(--surface-solid-card-brightness);\n "
|
|
677
715
|
]);
|
|
678
|
-
|
|
716
|
+
_templateObject18 = function _templateObject() {
|
|
679
717
|
return data;
|
|
680
718
|
};
|
|
681
719
|
return data;
|
|
682
720
|
}
|
|
683
|
-
function
|
|
721
|
+
function _templateObject19() {
|
|
684
722
|
var data = _tagged_template_literal([
|
|
685
723
|
"\n ",
|
|
686
724
|
": 0.6875rem;\n ",
|
|
@@ -702,12 +740,12 @@ function _templateObject18() {
|
|
|
702
740
|
": 0.5rem;\n ",
|
|
703
741
|
": 0.625rem;\n "
|
|
704
742
|
]);
|
|
705
|
-
|
|
743
|
+
_templateObject19 = function _templateObject() {
|
|
706
744
|
return data;
|
|
707
745
|
};
|
|
708
746
|
return data;
|
|
709
747
|
}
|
|
710
|
-
function
|
|
748
|
+
function _templateObject20() {
|
|
711
749
|
var data = _tagged_template_literal([
|
|
712
750
|
"\n ",
|
|
713
751
|
": 0.5rem;\n ",
|
|
@@ -729,22 +767,22 @@ function _templateObject19() {
|
|
|
729
767
|
": 0.375rem;\n ",
|
|
730
768
|
": 0.5625rem;\n "
|
|
731
769
|
]);
|
|
732
|
-
|
|
770
|
+
_templateObject20 = function _templateObject() {
|
|
733
771
|
return data;
|
|
734
772
|
};
|
|
735
773
|
return data;
|
|
736
774
|
}
|
|
737
|
-
function
|
|
775
|
+
function _templateObject21() {
|
|
738
776
|
var data = _tagged_template_literal([
|
|
739
777
|
"\n ",
|
|
740
778
|
": 0.4;\n "
|
|
741
779
|
]);
|
|
742
|
-
|
|
780
|
+
_templateObject21 = function _templateObject() {
|
|
743
781
|
return data;
|
|
744
782
|
};
|
|
745
783
|
return data;
|
|
746
784
|
}
|
|
747
|
-
function
|
|
785
|
+
function _templateObject22() {
|
|
748
786
|
var data = _tagged_template_literal([
|
|
749
787
|
"\n ",
|
|
750
788
|
": 0.1;\n ",
|
|
@@ -757,7 +795,7 @@ function _templateObject21() {
|
|
|
757
795
|
": var(--surface-transparent-primary);\n ",
|
|
758
796
|
": 0.4;\n "
|
|
759
797
|
]);
|
|
760
|
-
|
|
798
|
+
_templateObject22 = function _templateObject() {
|
|
761
799
|
return data;
|
|
762
800
|
};
|
|
763
801
|
return data;
|
|
@@ -767,46 +805,50 @@ export var config = {
|
|
|
767
805
|
defaults: {
|
|
768
806
|
view: 'default',
|
|
769
807
|
size: 'm',
|
|
770
|
-
labelPlacement: 'outer'
|
|
808
|
+
labelPlacement: 'outer',
|
|
809
|
+
chipView: 'secondary'
|
|
771
810
|
},
|
|
772
811
|
variations: {
|
|
773
812
|
view: {
|
|
774
|
-
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.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
|
775
|
-
positive: 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.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
|
776
|
-
warning: css(_templateObject2(), 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.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
|
777
|
-
negative: css(_templateObject3(), 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.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
|
|
813
|
+
default: css(_templateObject(), tokens.color, tokens.clearColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, 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.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
|
814
|
+
positive: css(_templateObject1(), tokens.color, tokens.clearColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, 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.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
|
815
|
+
warning: css(_templateObject2(), tokens.color, tokens.clearColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, 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.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
|
816
|
+
negative: css(_templateObject3(), tokens.color, tokens.clearColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, 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.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
|
|
778
817
|
},
|
|
779
818
|
size: {
|
|
780
|
-
xl: css(_templateObject4(), 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.chipMarginRight, 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.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight),
|
|
781
|
-
l: css(_templateObject5(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.
|
|
782
|
-
m: css(_templateObject6(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.
|
|
783
|
-
s: css(_templateObject7(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.
|
|
784
|
-
xs: css(_templateObject8(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.
|
|
819
|
+
xl: css(_templateObject4(), 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.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.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipMarginRight, 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.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight, tokens.clearIndicatorHintInnerRight),
|
|
820
|
+
l: css(_templateObject5(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, 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, tokens.clearIndicatorHintInnerRight, tokens.textBeforeMargin, tokens.textAfterMargin),
|
|
821
|
+
m: css(_templateObject6(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, 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, tokens.clearIndicatorHintInnerRight, tokens.textBeforeMargin, tokens.textAfterMargin),
|
|
822
|
+
s: css(_templateObject7(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, 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, tokens.clearIndicatorHintInnerRight, tokens.textBeforeMargin, tokens.textAfterMargin),
|
|
823
|
+
xs: css(_templateObject8(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, 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, tokens.clearIndicatorHintInnerRight, tokens.textBeforeMargin, tokens.textAfterMargin)
|
|
785
824
|
},
|
|
786
825
|
labelPlacement: {
|
|
787
826
|
inner: css(_templateObject9(), tokens.placeholderColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight),
|
|
788
827
|
outer: css(_templateObject10())
|
|
789
828
|
},
|
|
829
|
+
clear: {
|
|
830
|
+
true: css(_templateObject11())
|
|
831
|
+
},
|
|
790
832
|
chipView: {
|
|
791
|
-
default: css(
|
|
792
|
-
secondary: css(
|
|
793
|
-
accent: css(
|
|
794
|
-
positive: css(
|
|
795
|
-
warning: css(
|
|
796
|
-
negative: css(
|
|
833
|
+
default: css(_templateObject12(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
|
|
834
|
+
secondary: css(_templateObject13(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
|
|
835
|
+
accent: css(_templateObject14(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
|
|
836
|
+
positive: css(_templateObject15(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
|
|
837
|
+
warning: css(_templateObject16(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
|
|
838
|
+
negative: css(_templateObject17(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly)
|
|
797
839
|
},
|
|
798
840
|
hintView: {
|
|
799
|
-
default: css(
|
|
841
|
+
default: css(_templateObject18(), tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.tooltipArrowBackground)
|
|
800
842
|
},
|
|
801
843
|
hintSize: {
|
|
802
|
-
m: css(
|
|
803
|
-
s: css(
|
|
844
|
+
m: css(_templateObject19(), 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),
|
|
845
|
+
s: css(_templateObject20(), 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)
|
|
804
846
|
},
|
|
805
847
|
disabled: {
|
|
806
|
-
true: css(
|
|
848
|
+
true: css(_templateObject21(), tokens.disabledOpacity)
|
|
807
849
|
},
|
|
808
850
|
readOnly: {
|
|
809
|
-
true: css(
|
|
851
|
+
true: css(_templateObject22(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
|
|
810
852
|
}
|
|
811
853
|
}
|
|
812
854
|
};
|
|
@@ -1,16 +1,6 @@
|
|
|
1
|
-
import { textFieldConfig, component, mergeConfig
|
|
1
|
+
import { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
|
|
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);
|