@salutejs/plasma-web 1.601.0-canary.2358.19851578667.0 → 1.601.0-canary.2358.19886309695.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 +24 -0
- package/components/TextField/TextField.clear.config.js +1 -1
- package/css/cjs/components/Mask/Mask.css +21 -21
- package/css/cjs/components/TextField/TextField.clear.config.js +1 -1
- package/css/cjs/components/TextField/TextField.clear.config.js.map +1 -1
- package/css/cjs/components/TextField/{TextField.clear.config_vqfl1g.css → TextField.clear.config_hts9jh.css} +1 -1
- package/css/cjs/index.css +22 -22
- package/css/es/components/Mask/Mask.css +21 -21
- package/css/es/components/TextField/TextField.clear.config.js +1 -1
- package/css/es/components/TextField/TextField.clear.config.js.map +1 -1
- package/css/es/components/TextField/{TextField.clear.config_vqfl1g.css → TextField.clear.config_hts9jh.css} +1 -1
- package/css/es/index.css +22 -22
- package/es/components/TextField/TextField.clear.config.js +1 -1
- package/package.json +7 -7
|
@@ -50,6 +50,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
50
50
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
51
51
|
closeAfterSelect?: boolean;
|
|
52
52
|
onChangeValue?: (value: string) => void;
|
|
53
|
+
filterValue?: (value: string) => boolean;
|
|
53
54
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
54
55
|
onToggle?: (isOpen: boolean) => void;
|
|
55
56
|
beforeList?: React.ReactNode;
|
|
@@ -108,6 +109,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
108
109
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
109
110
|
closeAfterSelect?: boolean;
|
|
110
111
|
onChangeValue?: (value: string) => void;
|
|
112
|
+
filterValue?: (value: string) => boolean;
|
|
111
113
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
112
114
|
onToggle?: (isOpen: boolean) => void;
|
|
113
115
|
beforeList?: React.ReactNode;
|
|
@@ -166,6 +168,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
166
168
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
167
169
|
closeAfterSelect?: boolean;
|
|
168
170
|
onChangeValue?: (value: string) => void;
|
|
171
|
+
filterValue?: (value: string) => boolean;
|
|
169
172
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
170
173
|
onToggle?: (isOpen: boolean) => void;
|
|
171
174
|
beforeList?: React.ReactNode;
|
|
@@ -224,6 +227,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
224
227
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
225
228
|
closeAfterSelect?: boolean;
|
|
226
229
|
onChangeValue?: (value: string) => void;
|
|
230
|
+
filterValue?: (value: string) => boolean;
|
|
227
231
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
228
232
|
onToggle?: (isOpen: boolean) => void;
|
|
229
233
|
beforeList?: React.ReactNode;
|
|
@@ -282,6 +286,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
282
286
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
283
287
|
closeAfterSelect?: boolean;
|
|
284
288
|
onChangeValue?: (value: string) => void;
|
|
289
|
+
filterValue?: (value: string) => boolean;
|
|
285
290
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
286
291
|
onToggle?: (isOpen: boolean) => void;
|
|
287
292
|
beforeList?: React.ReactNode;
|
|
@@ -340,6 +345,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
340
345
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
341
346
|
closeAfterSelect?: boolean;
|
|
342
347
|
onChangeValue?: (value: string) => void;
|
|
348
|
+
filterValue?: (value: string) => boolean;
|
|
343
349
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
344
350
|
onToggle?: (isOpen: boolean) => void;
|
|
345
351
|
beforeList?: React.ReactNode;
|
|
@@ -398,6 +404,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
398
404
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
399
405
|
closeAfterSelect?: boolean;
|
|
400
406
|
onChangeValue?: (value: string) => void;
|
|
407
|
+
filterValue?: (value: string) => boolean;
|
|
401
408
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
402
409
|
onToggle?: (isOpen: boolean) => void;
|
|
403
410
|
beforeList?: React.ReactNode;
|
|
@@ -456,6 +463,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
456
463
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
457
464
|
closeAfterSelect?: boolean;
|
|
458
465
|
onChangeValue?: (value: string) => void;
|
|
466
|
+
filterValue?: (value: string) => boolean;
|
|
459
467
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
460
468
|
onToggle?: (isOpen: boolean) => void;
|
|
461
469
|
beforeList?: React.ReactNode;
|
|
@@ -514,6 +522,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
514
522
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
515
523
|
closeAfterSelect?: boolean;
|
|
516
524
|
onChangeValue?: (value: string) => void;
|
|
525
|
+
filterValue?: (value: string) => boolean;
|
|
517
526
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
518
527
|
onToggle?: (isOpen: boolean) => void;
|
|
519
528
|
beforeList?: React.ReactNode;
|
|
@@ -572,6 +581,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
572
581
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
573
582
|
closeAfterSelect?: boolean;
|
|
574
583
|
onChangeValue?: (value: string) => void;
|
|
584
|
+
filterValue?: (value: string) => boolean;
|
|
575
585
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
576
586
|
onToggle?: (isOpen: boolean) => void;
|
|
577
587
|
beforeList?: React.ReactNode;
|
|
@@ -630,6 +640,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
630
640
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
631
641
|
closeAfterSelect?: boolean;
|
|
632
642
|
onChangeValue?: (value: string) => void;
|
|
643
|
+
filterValue?: (value: string) => boolean;
|
|
633
644
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
634
645
|
onToggle?: (isOpen: boolean) => void;
|
|
635
646
|
beforeList?: React.ReactNode;
|
|
@@ -688,6 +699,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
688
699
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
689
700
|
closeAfterSelect?: boolean;
|
|
690
701
|
onChangeValue?: (value: string) => void;
|
|
702
|
+
filterValue?: (value: string) => boolean;
|
|
691
703
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
692
704
|
onToggle?: (isOpen: boolean) => void;
|
|
693
705
|
beforeList?: React.ReactNode;
|
|
@@ -746,6 +758,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
746
758
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
747
759
|
closeAfterSelect?: boolean;
|
|
748
760
|
onChangeValue?: (value: string) => void;
|
|
761
|
+
filterValue?: (value: string) => boolean;
|
|
749
762
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
750
763
|
onToggle?: (isOpen: boolean) => void;
|
|
751
764
|
beforeList?: React.ReactNode;
|
|
@@ -804,6 +817,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
804
817
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
805
818
|
closeAfterSelect?: boolean;
|
|
806
819
|
onChangeValue?: (value: string) => void;
|
|
820
|
+
filterValue?: (value: string) => boolean;
|
|
807
821
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
808
822
|
onToggle?: (isOpen: boolean) => void;
|
|
809
823
|
beforeList?: React.ReactNode;
|
|
@@ -862,6 +876,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
862
876
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
863
877
|
closeAfterSelect?: boolean;
|
|
864
878
|
onChangeValue?: (value: string) => void;
|
|
879
|
+
filterValue?: (value: string) => boolean;
|
|
865
880
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
866
881
|
onToggle?: (isOpen: boolean) => void;
|
|
867
882
|
beforeList?: React.ReactNode;
|
|
@@ -920,6 +935,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
920
935
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
921
936
|
closeAfterSelect?: boolean;
|
|
922
937
|
onChangeValue?: (value: string) => void;
|
|
938
|
+
filterValue?: (value: string) => boolean;
|
|
923
939
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
924
940
|
onToggle?: (isOpen: boolean) => void;
|
|
925
941
|
beforeList?: React.ReactNode;
|
|
@@ -978,6 +994,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
978
994
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
979
995
|
closeAfterSelect?: boolean;
|
|
980
996
|
onChangeValue?: (value: string) => void;
|
|
997
|
+
filterValue?: (value: string) => boolean;
|
|
981
998
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
982
999
|
onToggle?: (isOpen: boolean) => void;
|
|
983
1000
|
beforeList?: React.ReactNode;
|
|
@@ -1036,6 +1053,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1036
1053
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
1037
1054
|
closeAfterSelect?: boolean;
|
|
1038
1055
|
onChangeValue?: (value: string) => void;
|
|
1056
|
+
filterValue?: (value: string) => boolean;
|
|
1039
1057
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
1040
1058
|
onToggle?: (isOpen: boolean) => void;
|
|
1041
1059
|
beforeList?: React.ReactNode;
|
|
@@ -1094,6 +1112,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1094
1112
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
1095
1113
|
closeAfterSelect?: boolean;
|
|
1096
1114
|
onChangeValue?: (value: string) => void;
|
|
1115
|
+
filterValue?: (value: string) => boolean;
|
|
1097
1116
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
1098
1117
|
onToggle?: (isOpen: boolean) => void;
|
|
1099
1118
|
beforeList?: React.ReactNode;
|
|
@@ -1152,6 +1171,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1152
1171
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
1153
1172
|
closeAfterSelect?: boolean;
|
|
1154
1173
|
onChangeValue?: (value: string) => void;
|
|
1174
|
+
filterValue?: (value: string) => boolean;
|
|
1155
1175
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
1156
1176
|
onToggle?: (isOpen: boolean) => void;
|
|
1157
1177
|
beforeList?: React.ReactNode;
|
|
@@ -1210,6 +1230,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1210
1230
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
1211
1231
|
closeAfterSelect?: boolean;
|
|
1212
1232
|
onChangeValue?: (value: string) => void;
|
|
1233
|
+
filterValue?: (value: string) => boolean;
|
|
1213
1234
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
1214
1235
|
onToggle?: (isOpen: boolean) => void;
|
|
1215
1236
|
beforeList?: React.ReactNode;
|
|
@@ -1268,6 +1289,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1268
1289
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
1269
1290
|
closeAfterSelect?: boolean;
|
|
1270
1291
|
onChangeValue?: (value: string) => void;
|
|
1292
|
+
filterValue?: (value: string) => boolean;
|
|
1271
1293
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
1272
1294
|
onToggle?: (isOpen: boolean) => void;
|
|
1273
1295
|
beforeList?: React.ReactNode;
|
|
@@ -1326,6 +1348,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1326
1348
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
1327
1349
|
closeAfterSelect?: boolean;
|
|
1328
1350
|
onChangeValue?: (value: string) => void;
|
|
1351
|
+
filterValue?: (value: string) => boolean;
|
|
1329
1352
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
1330
1353
|
onToggle?: (isOpen: boolean) => void;
|
|
1331
1354
|
beforeList?: React.ReactNode;
|
|
@@ -1384,6 +1407,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1384
1407
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
1385
1408
|
closeAfterSelect?: boolean;
|
|
1386
1409
|
onChangeValue?: (value: string) => void;
|
|
1410
|
+
filterValue?: (value: string) => boolean;
|
|
1387
1411
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
1388
1412
|
onToggle?: (isOpen: boolean) => void;
|
|
1389
1413
|
beforeList?: React.ReactNode;
|
|
@@ -792,7 +792,7 @@ var config = {
|
|
|
792
792
|
view: {
|
|
793
793
|
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorHover, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.contentSlotColor, _styledcomponents.textFieldTokens.contentSlotColorHover, _styledcomponents.textFieldTokens.contentSlotColorActive, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor),
|
|
794
794
|
positive: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorHover, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.contentSlotColor, _styledcomponents.textFieldTokens.contentSlotColorHover, _styledcomponents.textFieldTokens.contentSlotColorActive, _styledcomponents.textFieldTokens.contentSlotRightColor, _styledcomponents.textFieldTokens.contentSlotRightColorHover, _styledcomponents.textFieldTokens.contentSlotRightColorActive, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor),
|
|
795
|
-
warning: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.textFieldTokens.
|
|
795
|
+
warning: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorHover, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.contentSlotColor, _styledcomponents.textFieldTokens.contentSlotColorHover, _styledcomponents.textFieldTokens.contentSlotColorActive, _styledcomponents.textFieldTokens.contentSlotRightColor, _styledcomponents.textFieldTokens.contentSlotRightColorHover, _styledcomponents.textFieldTokens.contentSlotRightColorActive, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor),
|
|
796
796
|
negative: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorHover, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.contentSlotColor, _styledcomponents.textFieldTokens.contentSlotColorHover, _styledcomponents.textFieldTokens.contentSlotColorActive, _styledcomponents.textFieldTokens.contentSlotRightColor, _styledcomponents.textFieldTokens.contentSlotRightColorHover, _styledcomponents.textFieldTokens.contentSlotRightColorActive, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor)
|
|
797
797
|
},
|
|
798
798
|
size: {
|
|
@@ -21,25 +21,25 @@
|
|
|
21
21
|
.TextField_config_1cwmi74_tah4t5d__9d410f7f{--plasma-textfield-disabled-opacity:0.4;}
|
|
22
22
|
.TextField_config_1cwmi74_t1459kih__9d410f7f{--plasma-textfield-readonly-opacity:0.1;--plasma-textfield-color-readonly:var(--text-primary);--plasma-textfield-bg-color-readonly:var(--surface-clear);--plasma-textfield-border-color-readonly:var(--surface-transparent-primary);--plasma-textfield__placeholder-color-readonly:var(--text-secondary);--plasma-textfield__left-helper-color-readonly:var(--text-secondary);--plasma-textfield__title-caption-color-readonly:var(--text-secondary);--plasma-textfield__label-color-readonly:var(--text-primary);--plasma-textfield-divider-color-readonly:var(--surface-transparent-primary);--plasma-textfield-right-content-opacity-readonly:0.4;}
|
|
23
23
|
|
|
24
|
-
.
|
|
25
|
-
.
|
|
26
|
-
.
|
|
27
|
-
.
|
|
28
|
-
.
|
|
29
|
-
.
|
|
30
|
-
.
|
|
31
|
-
.
|
|
32
|
-
.
|
|
33
|
-
.
|
|
24
|
+
.TextField_clear_config_hts9jh_dwsn6eb__5044d7c5{--plasma-textfield-color:var(--text-primary);--plasma-textfield__placeholder-color:var(--text-secondary);--plasma-textfield__placeholder-color-focus:var(--text-tertiary);--plasma-textfield-bg-color:transparent;--plasma-textfield-bg-color-hover:transparent;--plasma-textfield-bg-color-focus:transparent;--plasma-textfield__caret-color:var(--text-accent);--plasma-textfield__before-text-color:var(--text-tertiary);--plasma-textfield__after-text-color:var(--text-tertiary);--plasma-textfield__label-color:var(--text-primary);--plasma-textfield__left-helper-color:var(--text-secondary);--plasma-textfield__title-caption-color:var(--text-secondary);--plasma-textfield__hint-icon-color:var(--text-secondary);--plasma-textfield-content-slot-color:var(--text-secondary);--plasma-textfield-content-slot-color-hover:var(--text-secondary-hover);--plasma-textfield-content-slot-color-active:var(--text-secondary-active);--plasma-textfield-divider-color:var(--surface-transparent-tertiary);--plasma-textfield-divider-color-hover:var(--text-secondary);--plasma-textfield-divider-color-focus:var(--surface-accent);--plasma-textfield-focus-color:var(--text-accent);--plasma-textfield__indicator-color:var(--surface-negative);--plasma-textfield__optional-color:var(--text-tertiary);}
|
|
25
|
+
.TextField_clear_config_hts9jh_pdpawn5__5044d7c5{--plasma-textfield-color:var(--text-positive);--plasma-textfield__placeholder-color:var(--text-positive);--plasma-textfield__placeholder-color-focus:var(--text-positive);--plasma-textfield-bg-color:transparent;--plasma-textfield-bg-color-hover:transparent;--plasma-textfield-bg-color-focus:transparent;--plasma-textfield__caret-color:var(--text-accent);--plasma-textfield__before-text-color:var(--text-tertiary);--plasma-textfield__after-text-color:var(--text-tertiary);--plasma-textfield__label-color:var(--text-primary);--plasma-textfield__left-helper-color:var(--text-positive);--plasma-textfield__title-caption-color:var(--text-secondary);--plasma-textfield__hint-icon-color:var(--text-secondary);--plasma-textfield-content-slot-color:var(--text-positive);--plasma-textfield-content-slot-color-hover:var(--text-positive-hover);--plasma-textfield-content-slot-color-active:var(--text-positive-active);--plasma-textfield-content-right-slot-color:var(--text-secondary);--plasma-textfield-content-right-slot-color-hover:var(--text-secondary-hover);--plasma-textfield-content-right-slot-color-active:var(--text-secondary-active);--plasma-textfield-divider-color:var(--surface-positive);--plasma-textfield-divider-color-hover:var(--surface-positive);--plasma-textfield-divider-color-focus:var(--surface-accent);--plasma-textfield-focus-color:var(--text-accent);--plasma-textfield__indicator-color:var(--surface-negative);--plasma-textfield__optional-color:var(--text-tertiary);}
|
|
26
|
+
.TextField_clear_config_hts9jh_w17x7gjj__5044d7c5{--plasma-textfield-color:var(--text-warning);--plasma-textfield__placeholder-color:var(--text-warning);--plasma-textfield__placeholder-color-focus:var(--text-warning);--plasma-textfield-bg-color:transparent;--plasma-textfield-bg-color-hover:transparent;--plasma-textfield-bg-color-focus:transparent;--plasma-textfield__caret-color:var(--text-accent);--plasma-textfield__before-text-color:var(--text-tertiary);--plasma-textfield__after-text-color:var(--text-tertiary);--plasma-textfield__label-color:var(--text-primary);--plasma-textfield__left-helper-color:var(--text-warning);--plasma-textfield__title-caption-color:var(--text-secondary);--plasma-textfield__hint-icon-color:var(--text-secondary);--plasma-textfield-content-slot-color:var(--text-warning);--plasma-textfield-content-slot-color-hover:var(--text-warning-hover);--plasma-textfield-content-slot-color-active:var(--text-warning-active);--plasma-textfield-content-right-slot-color:var(--text-secondary);--plasma-textfield-content-right-slot-color-hover:var(--text-secondary-hover);--plasma-textfield-content-right-slot-color-active:var(--text-secondary-active);--plasma-textfield-divider-color:var(--surface-warning);--plasma-textfield-divider-color-hover:var(--surface-warning);--plasma-textfield-divider-color-focus:var(--surface-accent);--plasma-textfield-focus-color:var(--text-accent);--plasma-textfield__indicator-color:var(--surface-negative);--plasma-textfield__optional-color:var(--text-tertiary);}
|
|
27
|
+
.TextField_clear_config_hts9jh_n1emjrtv__5044d7c5{--plasma-textfield-color:var(--text-negative);--plasma-textfield__placeholder-color:var(--text-negative);--plasma-textfield__placeholder-color-focus:var(--text-negative);--plasma-textfield-bg-color:transparent;--plasma-textfield-bg-color-hover:transparent;--plasma-textfield-bg-color-focus:transparent;--plasma-textfield__caret-color:var(--text-accent);--plasma-textfield__before-text-color:var(--text-tertiary);--plasma-textfield__after-text-color:var(--text-tertiary);--plasma-textfield__label-color:var(--text-primary);--plasma-textfield__left-helper-color:var(--text-negative);--plasma-textfield__title-caption-color:var(--text-secondary);--plasma-textfield__hint-icon-color:var(--text-secondary);--plasma-textfield-content-slot-color:var(--text-negative);--plasma-textfield-content-slot-color-hover:var(--text-negative-hover);--plasma-textfield-content-slot-color-active:var(--text-negative-active);--plasma-textfield-content-right-slot-color:var(--text-secondary);--plasma-textfield-content-right-slot-color-hover:var(--text-secondary-hover);--plasma-textfield-content-right-slot-color-active:var(--text-secondary-active);--plasma-textfield-divider-color:var(--surface-negative);--plasma-textfield-divider-color-hover:var(--surface-negative);--plasma-textfield-divider-color-focus:var(--surface-accent);--plasma-textfield-focus-color:var(--text-accent);--plasma-textfield__indicator-color:var(--surface-negative);--plasma-textfield__optional-color:var(--text-tertiary);}
|
|
28
|
+
.TextField_clear_config_hts9jh_xr2wj7q__5044d7c5{--plasma-textfield-height:4rem;--plasma-textfield-padding:1.3125rem 0;--plasma-textfield-padding-with-chips:0.375rem 0;--plasma-textfield-border-radius:0;--plasma-textfield__left-content-margin:-0.0625rem 0.5rem -0.0625rem 0rem;--plasma-textfield__right-content-margin:-0.0625rem 0rem -0.0625rem 0.75rem;--plasma-textfield__right-content-with-hint-margin:-0.0625rem -0.438rem -0.0625rem 0.75rem;--plasma-textfield-content-right-wrapper-gap:0.25rem;--plasma-textfield-content-right-wrapper-margin:-0.438rem -0.438rem -0.438rem 0;--plasma-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield__label-offset:0.25rem;--plasma-textfield__label-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield__label-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield__label-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield__label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield__hint-margin:-0.688rem -0.5rem;--plasma-textfield__hint-target-size:2.375rem;--plasma-textfield__hint-inner-label-placement-offset:0.82rem -2.063rem auto auto;--plasma-textfield__title-caption-label-inner-offset:0.25rem;--plasma-textfield__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__left-helper-offset:0.25rem;--plasma-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-placement_inner__label-padding:0.8125rem 0 0.125rem 0;--plasma-textfield-placement_inner__content-padding:1.813rem 0 0.813rem 0;--plasma-textfield__before-text-margin:0 0.25rem 0 0;--plasma-textfield__after-text-margin:0 0 0 0.25rem;--plasma-textfield__chip-gap:0.125rem;--plasma-textfield__chip-margin-right:1rem;--plasma-textfield__chip-border-radius:0.625rem;--plasma-textfield__chip-width:auto;--plasma-textfield__chip-height:3.25rem;--plasma-textfield__chip-padding:0 0.75rem 0 1rem;--plasma-textfield__chip-clear-content-margin-left:0.625rem;--plasma-textfield__chip-clear-content-margin-right:0rem;--plasma-textfield__chip-close-icon-size:1.5rem;--plasma-textfield__chip-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield__chip-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield__chip-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield__chip-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__indicator-size-inner:0.5rem;--plasma-textfield__indicator-size-outer:0.375rem;--plasma-textfield__indicator-placement-inner:1.75rem auto auto -0.875rem;--plasma-textfield__indicator-placement-outer:0.5rem auto auto -0.75rem;--plasma-textfield__indicator-placement-inner-right:1.75rem -0.875rem auto auto;--plasma-textfield__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-textfield__clear-indicator-hint-placement-inner-right:1.75rem -2.488rem auto auto;}
|
|
29
|
+
.TextField_clear_config_hts9jh_llgeoal__5044d7c5{--plasma-textfield-height:3.5rem;--plasma-textfield-padding:1.0625rem 0;--plasma-textfield-padding-with-chips:0.375rem 0;--plasma-textfield-border-radius:0;--plasma-textfield__left-content-margin:-0.0625rem 0.5rem -0.0625rem 0;--plasma-textfield__right-content-margin:-0.0625rem 0 -0.0625rem 0.75rem;--plasma-textfield__right-content-with-hint-margin:-0.0625rem -0.438rem -0.0625rem 0.75rem;--plasma-textfield-content-right-wrapper-gap:0.25rem;--plasma-textfield-content-right-wrapper-margin:-0.438rem -0.438rem -0.438rem 0;--plasma-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield__label-offset:0.25rem;--plasma-textfield__label-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield__label-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield__label-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield__label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield__hint-margin:-0.688rem -0.5rem;--plasma-textfield__hint-target-size:2.375rem;--plasma-textfield__hint-inner-label-placement-offset:0.563rem -2.188rem auto auto;--plasma-textfield__title-caption-label-inner-offset:0.25rem;--plasma-textfield__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__left-helper-offset:0.25rem;--plasma-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-placement_inner__label-padding:0.5625rem 0 0.125rem 0;--plasma-textfield-placement_inner__content-padding:1.5625rem 0 0.5625rem 0;--plasma-textfield__before-text-margin:0 0.25rem 0 0;--plasma-textfield__after-text-margin:0 0 0 0.25rem;--plasma-textfield__chip-gap:0.25rem;--plasma-textfield__chip-border-radius:0.5rem;--plasma-textfield__chip-width:auto;--plasma-textfield__chip-height:2.75rem;--plasma-textfield__chip-padding:0 0.75rem 0 1rem;--plasma-textfield__chip-clear-content-margin-left:0.625rem;--plasma-textfield__chip-clear-content-margin-right:0rem;--plasma-textfield__chip-close-icon-size:1.5rem;--plasma-textfield__chip-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield__chip-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield__chip-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield__chip-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield__indicator-size-inner:0.5rem;--plasma-textfield__indicator-size-outer:0.375rem;--plasma-textfield__indicator-placement-inner:1.5rem auto auto -0.875rem;--plasma-textfield__indicator-placement-outer:0.5rem auto auto -0.75rem;--plasma-textfield__indicator-placement-inner-right:1.5rem -0.875rem auto auto;--plasma-textfield__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-textfield__clear-indicator-hint-placement-inner-right:1.5rem -2.488rem auto auto;}
|
|
30
|
+
.TextField_clear_config_hts9jh_m1y65yur__5044d7c5{--plasma-textfield-height:3rem;--plasma-textfield-padding:0.875rem 0;--plasma-textfield-padding-with-chips:0.375rem 0;--plasma-textfield-border-radius:0;--plasma-textfield__left-content-margin:-0.125rem 0.375rem -0.125rem 0;--plasma-textfield__right-content-margin:-0.125rem 0 -0.125rem 0.75rem;--plasma-textfield__right-content-with-hint-margin:-0.125rem -0.438rem -0.125rem 0.75rem;--plasma-textfield-content-right-wrapper-gap:0.25rem;--plasma-textfield-content-right-wrapper-margin:-0.438rem -0.438rem -0.438rem 0;--plasma-textfield-font-family:var(--plasma-typo-body-m-font-family);--plasma-textfield-font-size:var(--plasma-typo-body-m-font-size);--plasma-textfield-font-style:var(--plasma-typo-body-m-font-style);--plasma-textfield-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textfield-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textfield-line-height:var(--plasma-typo-body-m-line-height);--plasma-textfield__label-offset:0.25rem;--plasma-textfield__label-font-family:var(--plasma-typo-body-m-font-family);--plasma-textfield__label-font-size:var(--plasma-typo-body-m-font-size);--plasma-textfield__label-font-style:var(--plasma-typo-body-m-font-style);--plasma-textfield__label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-typo-body-m-line-height);--plasma-textfield__hint-margin:-0.688rem -0.5rem;--plasma-textfield__hint-target-size:2.375rem;--plasma-textfield__hint-inner-label-placement-offset:0.312rem -2.188rem auto auto;--plasma-textfield__title-caption-label-inner-offset:0.25rem;--plasma-textfield__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__left-helper-offset:0.25rem;--plasma-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-placement_inner__label-padding:0.375rem 0 0.125rem 0;--plasma-textfield-placement_inner__content-padding:1.375rem 0 0.375rem 0;--plasma-textfield__before-text-margin:0 0.25rem 0 0;--plasma-textfield__after-text-margin:0 0 0 0.25rem;--plasma-textfield__chip-gap:0.25rem;--plasma-textfield__chip-border-radius:0.375rem;--plasma-textfield__chip-width:auto;--plasma-textfield__chip-height:2.25rem;--plasma-textfield__chip-padding:0 0.625rem 0 0.875rem;--plasma-textfield__chip-clear-content-margin-left:0.5rem;--plasma-textfield__chip-clear-content-margin-right:0rem;--plasma-textfield__chip-close-icon-size:1.25rem;--plasma-textfield__chip-font-family:var(--plasma-typo-body-m-font-family);--plasma-textfield__chip-font-size:var(--plasma-typo-body-m-font-size);--plasma-textfield__chip-font-style:var(--plasma-typo-body-m-font-style);--plasma-textfield__chip-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-typo-body-m-line-height);--plasma-textfield__indicator-size-inner:0.5rem;--plasma-textfield__indicator-size-outer:0.375rem;--plasma-textfield__indicator-placement-inner:1.25rem auto auto -0.875rem;--plasma-textfield__indicator-placement-outer:0.375rem auto auto -0.75rem;--plasma-textfield__indicator-placement-inner-right:1.25rem -0.875rem auto auto;--plasma-textfield__indicator-placement-outer-right:0.25rem -0.6875rem auto auto;--plasma-textfield__clear-indicator-hint-placement-inner-right:1.25rem -2.488rem auto auto;}
|
|
31
|
+
.TextField_clear_config_hts9jh_s12b6hd6__5044d7c5{--plasma-textfield-height:2.5rem;--plasma-textfield-padding:0.6875rem 0;--plasma-textfield-padding-with-chips:0.375rem 0;--plasma-textfield-border-radius:0;--plasma-textfield__left-content-margin:-0.1875rem 0.25rem -0.1875rem 0;--plasma-textfield__right-content-margin:-0.1875rem 0 -0.1875rem 0.75rem;--plasma-textfield__right-content-with-hint-margin:-0.1875rem -0.438rem -0.1875rem 0.75rem;--plasma-textfield-content-right-wrapper-gap:0.25rem;--plasma-textfield-content-right-wrapper-margin:-0.438rem -0.438rem -0.438rem 0;--plasma-textfield-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield__label-offset:0.25rem;--plasma-textfield__label-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield__label-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield__label-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield__label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield__hint-margin:-0.688rem -0.5rem;--plasma-textfield__hint-target-size:2.375rem;--plasma-textfield__hint-inner-label-placement-offset:0.062rem -2.188rem auto auto;--plasma-textfield__title-caption-label-inner-offset:0.25rem;--plasma-textfield__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__left-helper-offset:0.25rem;--plasma-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-textfield-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-textfield__before-text-margin:0 0.25rem 0 0;--plasma-textfield__after-text-margin:0 0 0 0.25rem;--plasma-textfield__chip-gap:0.25rem;--plasma-textfield__chip-border-radius:0.25rem;--plasma-textfield__chip-width:auto;--plasma-textfield__chip-height:1.75rem;--plasma-textfield__chip-padding:0 0.5rem 0 0.75rem;--plasma-textfield__chip-clear-content-margin-left:0.375rem;--plasma-textfield__chip-clear-content-margin-right:0rem;--plasma-textfield__chip-close-icon-size:1rem;--plasma-textfield__chip-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield__chip-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield__chip-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield__chip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield__indicator-size-inner:0.375rem;--plasma-textfield__indicator-size-outer:0.375rem;--plasma-textfield__indicator-placement-inner:1.063rem auto auto -0.75rem;--plasma-textfield__indicator-placement-outer:0.3125rem auto auto -0.6875rem;--plasma-textfield__indicator-placement-inner-right:1.063rem -0.75rem auto auto;--plasma-textfield__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-textfield__clear-indicator-hint-placement-inner-right:1.063rem -2.238rem auto auto;}
|
|
32
|
+
.TextField_clear_config_hts9jh_xkkpdvb__5044d7c5{--plasma-textfield-height:2rem;--plasma-textfield-padding:0.5625rem 0;--plasma-textfield-padding-with-chips:0.375rem 0;--plasma-textfield-border-radius:0;--plasma-textfield__left-content-margin:-0.0625rem 0.25rem -0.0625rem 0;--plasma-textfield__right-content-margin:-0.0625rem 0 -0.0625rem 0.75rem;--plasma-textfield__right-content-with-hint-margin:-0.0625rem -0.688rem -0.0625rem 0.75rem;--plasma-textfield-content-right-wrapper-gap:0.25rem;--plasma-textfield-content-right-wrapper-margin:-0.688rem -0.688rem -0.688rem 0;--plasma-textfield-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__label-offset:0.25rem;--plasma-textfield__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__hint-margin:-0.75rem -0.625rem -0.75rem -0.5rem;--plasma-textfield__hint-target-size:2.375rem;--plasma-textfield__hint-inner-label-placement-offset:-0.188rem -1.938rem auto auto;--plasma-textfield__title-caption-label-inner-offset:0.25rem;--plasma-textfield__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__left-helper-offset:0.25rem;--plasma-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-textfield-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-textfield__before-text-margin:0 0.25rem 0 0;--plasma-textfield__after-text-margin:0 0 0 0.25rem;--plasma-textfield__chip-gap:0.25rem;--plasma-textfield__chip-border-radius:0.125rem;--plasma-textfield__chip-width:auto;--plasma-textfield__chip-height:1.25rem;--plasma-textfield__chip-padding:0 0.375rem 0 0.625rem;--plasma-textfield__chip-clear-content-margin-left:0.25rem;--plasma-textfield__chip-clear-content-margin-right:0rem;--plasma-textfield__chip-close-icon-size:0.75rem;--plasma-textfield__chip-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__chip-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__chip-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__chip-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__indicator-size-inner:0.375rem;--plasma-textfield__indicator-size-outer:0.375rem;--plasma-textfield__indicator-placement-inner:0.813rem auto auto -0.625rem;--plasma-textfield__indicator-placement-outer:0.25rem auto auto -0.625rem;--plasma-textfield__indicator-placement-inner-right:0.813rem -0.625rem auto auto;--plasma-textfield__indicator-placement-outer-right:0.125rem -0.6875rem auto auto;--plasma-textfield__clear-indicator-hint-placement-inner-right:0.813rem -1.988rem auto auto;}
|
|
33
|
+
.TextField_clear_config_hts9jh_i1p3y1gi__5044d7c5{--plasma-textfield__placeholder-color:var(--text-secondary);--plasma-textfield-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
34
34
|
|
|
35
|
-
.
|
|
36
|
-
.
|
|
37
|
-
.
|
|
38
|
-
.
|
|
39
|
-
.
|
|
40
|
-
.
|
|
41
|
-
.
|
|
42
|
-
.
|
|
43
|
-
.
|
|
44
|
-
.
|
|
45
|
-
.
|
|
35
|
+
.TextField_clear_config_hts9jh_daqndxt__5044d7c5{--plasma-textfield__chip-color:var(--inverse-text-primary);--plasma-textfield__chip-background:var(--surface-solid-default);--plasma-textfield__chip-color-hover:var(--inverse-text-primary);--plasma-textfield__chip-background-hover:var(--surface-solid-default-hover);--plasma-textfield__chip-color-active:var(--inverse-text-primary);--plasma-textfield__chip-background-active:var(--surface-solid-default-active);--plasma-textfield__chip-background-readonly:var(--surface-solid-default);--plasma-textfield__chip-color-readonly:var(--inverse-text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-solid-default);--plasma-textfield__chip-color-readonly-hover:var(--inverse-text-primary);--plasma-textfield__chip-close-icon-color:var(--inverse-text-secondary);--plasma-textfield__chip-close-icon-color-readonly:var(--inverse-text-secondary);--plasma-textfield__chip-close-icon-color-hover:var(--inverse-text-secondary-hover);--plasma-textfield__chip-opacity-readonly:1;}
|
|
36
|
+
.TextField_clear_config_hts9jh_s1r0sdt0__5044d7c5{--plasma-textfield__chip-color:var(--text-primary);--plasma-textfield__chip-background:var(--surface-transparent-secondary);--plasma-textfield__chip-color-hover:var(--text-primary);--plasma-textfield__chip-background-hover:var(--surface-transparent-secondary-hover);--plasma-textfield__chip-color-active:var(--text-primary);--plasma-textfield__chip-background-active:var(--surface-transparent-secondary-active);--plasma-textfield__chip-background-readonly:var(--surface-transparent-secondary);--plasma-textfield__chip-color-readonly:var(--text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-transparent-secondary);--plasma-textfield__chip-color-readonly-hover:var(--text-primary);--plasma-textfield__chip-close-icon-color:var(--text-secondary);--plasma-textfield__chip-close-icon-color-readonly:var(--text-secondary);--plasma-textfield__chip-close-icon-color-hover:var(--text-secondary-hover);--plasma-textfield__chip-opacity-readonly:1;}
|
|
37
|
+
.TextField_clear_config_hts9jh_al9p1ui__5044d7c5{--plasma-textfield__chip-color:var(--on-dark-text-primary);--plasma-textfield__chip-background:var(--surface-accent);--plasma-textfield__chip-color-hover:var(--on-dark-text-primary);--plasma-textfield__chip-background-hover:var(--surface-accent-hover);--plasma-textfield__chip-color-active:var(--on-dark-text-primary);--plasma-textfield__chip-background-active:var(--surface-accent-active);--plasma-textfield__chip-background-readonly:var(--surface-accent);--plasma-textfield__chip-color-readonly:var(--on-dark-text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-accent);--plasma-textfield__chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-textfield__chip-close-icon-color:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-readonly:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-hover:var(--on-dark-text-secondary-hover);--plasma-textfield__chip-opacity-readonly:1;}
|
|
38
|
+
.TextField_clear_config_hts9jh_pcqagsb__5044d7c5{--plasma-textfield__chip-color:var(--on-dark-text-primary);--plasma-textfield__chip-background:var(--surface-positive);--plasma-textfield__chip-color-hover:var(--on-dark-text-primary);--plasma-textfield__chip-background-hover:var(--surface-positive-hover);--plasma-textfield__chip-color-active:var(--on-dark-text-primary);--plasma-textfield__chip-background-active:var(--surface-positive-active);--plasma-textfield__chip-background-readonly:var(--surface-positive);--plasma-textfield__chip-color-readonly:var(--on-dark-text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-positive);--plasma-textfield__chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-textfield__chip-close-icon-color:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-readonly:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-hover:var(--on-dark-text-secondary-hover);--plasma-textfield__chip-opacity-readonly:1;}
|
|
39
|
+
.TextField_clear_config_hts9jh_wvkbcac__5044d7c5{--plasma-textfield__chip-color:var(--on-dark-text-primary);--plasma-textfield__chip-background:var(--surface-warning);--plasma-textfield__chip-color-hover:var(--on-dark-text-primary);--plasma-textfield__chip-background-hover:var(--surface-warning-hover);--plasma-textfield__chip-color-active:var(--on-dark-text-primary);--plasma-textfield__chip-background-active:var(--surface-warning-active);--plasma-textfield__chip-background-readonly:var(--surface-warning);--plasma-textfield__chip-color-readonly:var(--on-dark-text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-warning);--plasma-textfield__chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-textfield__chip-close-icon-color:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-readonly:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-hover:var(--on-dark-text-secondary-hover);--plasma-textfield__chip-opacity-readonly:1;}
|
|
40
|
+
.TextField_clear_config_hts9jh_n1f5nmrs__5044d7c5{--plasma-textfield__chip-color:var(--on-dark-text-primary);--plasma-textfield__chip-background:var(--surface-negative);--plasma-textfield__chip-color-hover:var(--on-dark-text-primary);--plasma-textfield__chip-background-hover:var(--surface-negative-hover);--plasma-textfield__chip-color-active:var(--on-dark-text-primary);--plasma-textfield__chip-background-active:var(--surface-negative-active);--plasma-textfield__chip-background-readonly:var(--surface-negative);--plasma-textfield__chip-color-readonly:var(--on-dark-text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-negative);--plasma-textfield__chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-textfield__chip-close-icon-color:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-readonly:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-hover:var(--on-dark-text-secondary-hover);--plasma-textfield__chip-opacity-readonly:1;}
|
|
41
|
+
.TextField_clear_config_hts9jh_dokz6t__5044d7c5{--plasma-textfield__tooltip-background-color:var(--surface-solid-card-brightness);--plasma-textfield__tooltip-box-shadow: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));--plasma-textfield__tooltip-color:var(--text-primary);--plasma-textfield__tooltip-arrow-background:var(--surface-solid-card-brightness);}
|
|
42
|
+
.TextField_clear_config_hts9jh_m10ofxb8__5044d7c5{--plasma-textfield__tooltip-padding-top:0.6875rem;--plasma-textfield__tooltip-padding-right:0.875rem;--plasma-textfield__tooltip-padding-bottom:0.6875rem;--plasma-textfield__tooltip-padding-left:0.875rem;--plasma-textfield__tooltip-min-height:2.5rem;--plasma-textfield__tooltip-border-radius:0.625rem;--plasma-textfield__tooltip-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield__tooltip-content-left-margin:0.375rem;--plasma-textfield__tooltip-arrow-mask-width:1.25rem;--plasma-textfield__tooltip-arrow-mask-height:1.25rem;--plasma-textfield__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");--plasma-textfield__tooltip-arrow-height:0.5rem;--plasma-textfield__tooltip-arrow-edge-margin:0.625rem;}
|
|
43
|
+
.TextField_clear_config_hts9jh_syti5yf__5044d7c5{--plasma-textfield__tooltip-padding-top:0.5rem;--plasma-textfield__tooltip-padding-right:0.75rem;--plasma-textfield__tooltip-padding-bottom:0.5rem;--plasma-textfield__tooltip-padding-left:0.75rem;--plasma-textfield__tooltip-min-height:2rem;--plasma-textfield__tooltip-border-radius:0.5rem;--plasma-textfield__tooltip-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__tooltip-content-left-margin:0.25rem;--plasma-textfield__tooltip-arrow-mask-width:1rem;--plasma-textfield__tooltip-arrow-mask-height:1rem;--plasma-textfield__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");--plasma-textfield__tooltip-arrow-height:0.375rem;--plasma-textfield__tooltip-arrow-edge-margin:0.5625rem;}
|
|
44
|
+
.TextField_clear_config_hts9jh_tczp7tl__5044d7c5{--plasma-textfield-disabled-opacity:0.4;}
|
|
45
|
+
.TextField_clear_config_hts9jh_tj9a63w__5044d7c5{--plasma-textfield-readonly-opacity:0.1;--plasma-textfield-color-readonly:var(--text-primary);--plasma-textfield-bg-color-readonly:transparent;--plasma-textfield__placeholder-color-readonly:var(--text-secondary);--plasma-textfield__left-helper-color-readonly:var(--text-secondary);--plasma-textfield__title-caption-color-readonly:var(--text-secondary);--plasma-textfield__label-color-readonly:var(--text-primary);--plasma-textfield-divider-color-readonly:var(--surface-transparent-primary);--plasma-textfield-right-content-opacity-readonly:0.4;}
|