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