@salutejs/sdds-serv 0.330.0-canary.2358.19815233540.0 → 0.330.0-canary.2358.19857532595.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/Mask/Mask.css +21 -21
- package/components/TextField/TextField.clear.config.js +1 -1
- package/components/TextField/TextField.clear.config.js.map +1 -1
- package/components/TextField/{TextField.clear.config_vqfl1g.css → TextField.clear.config_hts9jh.css} +1 -1
- package/components/Tree/Tree.config.js +1 -1
- package/components/Tree/Tree.config.js.map +1 -1
- package/components/Tree/Tree.config_ifudaq.css +5 -0
- package/components/Tree/Tree.css +5 -5
- package/emotion/cjs/components/TextField/TextField.clear.config.js +1 -1
- package/emotion/cjs/components/Tree/Tree.config.js +34 -10
- package/emotion/es/components/TextField/TextField.clear.config.js +1 -1
- package/emotion/es/components/Tree/Tree.config.js +34 -10
- package/es/components/Mask/Mask.css +21 -21
- package/es/components/TextField/TextField.clear.config.js +1 -1
- package/es/components/TextField/TextField.clear.config.js.map +1 -1
- package/es/components/TextField/{TextField.clear.config_vqfl1g.css → TextField.clear.config_hts9jh.css} +1 -1
- package/es/components/Tree/Tree.config.js +1 -1
- package/es/components/Tree/Tree.config.js.map +1 -1
- package/es/components/Tree/Tree.config_ifudaq.css +5 -0
- package/es/components/Tree/Tree.css +5 -5
- package/es/index.css +27 -27
- package/package.json +6 -6
- package/styled-components/cjs/components/TextField/TextField.clear.config.js +1 -1
- package/styled-components/cjs/components/Tree/Tree.config.js +34 -10
- package/styled-components/es/components/TextField/TextField.clear.config.js +1 -1
- package/styled-components/es/components/Tree/Tree.config.js +34 -10
- package/components/Tree/Tree.config_19lfyoo.css +0 -5
- package/es/components/Tree/Tree.config_19lfyoo.css +0 -5
|
@@ -48,6 +48,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
48
48
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
49
49
|
closeAfterSelect?: boolean;
|
|
50
50
|
onChangeValue?: (value: string) => void;
|
|
51
|
+
filterValue?: (value: string) => boolean;
|
|
51
52
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
52
53
|
onToggle?: (isOpen: boolean) => void;
|
|
53
54
|
beforeList?: React.ReactNode;
|
|
@@ -106,6 +107,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
106
107
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
107
108
|
closeAfterSelect?: boolean;
|
|
108
109
|
onChangeValue?: (value: string) => void;
|
|
110
|
+
filterValue?: (value: string) => boolean;
|
|
109
111
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
110
112
|
onToggle?: (isOpen: boolean) => void;
|
|
111
113
|
beforeList?: React.ReactNode;
|
|
@@ -164,6 +166,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
164
166
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
165
167
|
closeAfterSelect?: boolean;
|
|
166
168
|
onChangeValue?: (value: string) => void;
|
|
169
|
+
filterValue?: (value: string) => boolean;
|
|
167
170
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
168
171
|
onToggle?: (isOpen: boolean) => void;
|
|
169
172
|
beforeList?: React.ReactNode;
|
|
@@ -222,6 +225,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
222
225
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
223
226
|
closeAfterSelect?: boolean;
|
|
224
227
|
onChangeValue?: (value: string) => void;
|
|
228
|
+
filterValue?: (value: string) => boolean;
|
|
225
229
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
226
230
|
onToggle?: (isOpen: boolean) => void;
|
|
227
231
|
beforeList?: React.ReactNode;
|
|
@@ -280,6 +284,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
280
284
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
281
285
|
closeAfterSelect?: boolean;
|
|
282
286
|
onChangeValue?: (value: string) => void;
|
|
287
|
+
filterValue?: (value: string) => boolean;
|
|
283
288
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
284
289
|
onToggle?: (isOpen: boolean) => void;
|
|
285
290
|
beforeList?: React.ReactNode;
|
|
@@ -338,6 +343,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
338
343
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
339
344
|
closeAfterSelect?: boolean;
|
|
340
345
|
onChangeValue?: (value: string) => void;
|
|
346
|
+
filterValue?: (value: string) => boolean;
|
|
341
347
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
342
348
|
onToggle?: (isOpen: boolean) => void;
|
|
343
349
|
beforeList?: React.ReactNode;
|
|
@@ -396,6 +402,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
396
402
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
397
403
|
closeAfterSelect?: boolean;
|
|
398
404
|
onChangeValue?: (value: string) => void;
|
|
405
|
+
filterValue?: (value: string) => boolean;
|
|
399
406
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
400
407
|
onToggle?: (isOpen: boolean) => void;
|
|
401
408
|
beforeList?: React.ReactNode;
|
|
@@ -454,6 +461,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
454
461
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
455
462
|
closeAfterSelect?: boolean;
|
|
456
463
|
onChangeValue?: (value: string) => void;
|
|
464
|
+
filterValue?: (value: string) => boolean;
|
|
457
465
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
458
466
|
onToggle?: (isOpen: boolean) => void;
|
|
459
467
|
beforeList?: React.ReactNode;
|
|
@@ -512,6 +520,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
512
520
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
513
521
|
closeAfterSelect?: boolean;
|
|
514
522
|
onChangeValue?: (value: string) => void;
|
|
523
|
+
filterValue?: (value: string) => boolean;
|
|
515
524
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
516
525
|
onToggle?: (isOpen: boolean) => void;
|
|
517
526
|
beforeList?: React.ReactNode;
|
|
@@ -570,6 +579,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
570
579
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
571
580
|
closeAfterSelect?: boolean;
|
|
572
581
|
onChangeValue?: (value: string) => void;
|
|
582
|
+
filterValue?: (value: string) => boolean;
|
|
573
583
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
574
584
|
onToggle?: (isOpen: boolean) => void;
|
|
575
585
|
beforeList?: React.ReactNode;
|
|
@@ -628,6 +638,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
628
638
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
629
639
|
closeAfterSelect?: boolean;
|
|
630
640
|
onChangeValue?: (value: string) => void;
|
|
641
|
+
filterValue?: (value: string) => boolean;
|
|
631
642
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
632
643
|
onToggle?: (isOpen: boolean) => void;
|
|
633
644
|
beforeList?: React.ReactNode;
|
|
@@ -686,6 +697,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
686
697
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
687
698
|
closeAfterSelect?: boolean;
|
|
688
699
|
onChangeValue?: (value: string) => void;
|
|
700
|
+
filterValue?: (value: string) => boolean;
|
|
689
701
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
690
702
|
onToggle?: (isOpen: boolean) => void;
|
|
691
703
|
beforeList?: React.ReactNode;
|
|
@@ -744,6 +756,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
744
756
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
745
757
|
closeAfterSelect?: boolean;
|
|
746
758
|
onChangeValue?: (value: string) => void;
|
|
759
|
+
filterValue?: (value: string) => boolean;
|
|
747
760
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
748
761
|
onToggle?: (isOpen: boolean) => void;
|
|
749
762
|
beforeList?: React.ReactNode;
|
|
@@ -802,6 +815,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
802
815
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
803
816
|
closeAfterSelect?: boolean;
|
|
804
817
|
onChangeValue?: (value: string) => void;
|
|
818
|
+
filterValue?: (value: string) => boolean;
|
|
805
819
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
806
820
|
onToggle?: (isOpen: boolean) => void;
|
|
807
821
|
beforeList?: React.ReactNode;
|
|
@@ -860,6 +874,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
860
874
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
861
875
|
closeAfterSelect?: boolean;
|
|
862
876
|
onChangeValue?: (value: string) => void;
|
|
877
|
+
filterValue?: (value: string) => boolean;
|
|
863
878
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
864
879
|
onToggle?: (isOpen: boolean) => void;
|
|
865
880
|
beforeList?: React.ReactNode;
|
|
@@ -918,6 +933,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
918
933
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
919
934
|
closeAfterSelect?: boolean;
|
|
920
935
|
onChangeValue?: (value: string) => void;
|
|
936
|
+
filterValue?: (value: string) => boolean;
|
|
921
937
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
922
938
|
onToggle?: (isOpen: boolean) => void;
|
|
923
939
|
beforeList?: React.ReactNode;
|
|
@@ -976,6 +992,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
976
992
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
977
993
|
closeAfterSelect?: boolean;
|
|
978
994
|
onChangeValue?: (value: string) => void;
|
|
995
|
+
filterValue?: (value: string) => boolean;
|
|
979
996
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
980
997
|
onToggle?: (isOpen: boolean) => void;
|
|
981
998
|
beforeList?: React.ReactNode;
|
|
@@ -1034,6 +1051,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1034
1051
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
1035
1052
|
closeAfterSelect?: boolean;
|
|
1036
1053
|
onChangeValue?: (value: string) => void;
|
|
1054
|
+
filterValue?: (value: string) => boolean;
|
|
1037
1055
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
1038
1056
|
onToggle?: (isOpen: boolean) => void;
|
|
1039
1057
|
beforeList?: React.ReactNode;
|
|
@@ -1092,6 +1110,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1092
1110
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
1093
1111
|
closeAfterSelect?: boolean;
|
|
1094
1112
|
onChangeValue?: (value: string) => void;
|
|
1113
|
+
filterValue?: (value: string) => boolean;
|
|
1095
1114
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
1096
1115
|
onToggle?: (isOpen: boolean) => void;
|
|
1097
1116
|
beforeList?: React.ReactNode;
|
|
@@ -1150,6 +1169,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1150
1169
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
1151
1170
|
closeAfterSelect?: boolean;
|
|
1152
1171
|
onChangeValue?: (value: string) => void;
|
|
1172
|
+
filterValue?: (value: string) => boolean;
|
|
1153
1173
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
1154
1174
|
onToggle?: (isOpen: boolean) => void;
|
|
1155
1175
|
beforeList?: React.ReactNode;
|
|
@@ -1208,6 +1228,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1208
1228
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
1209
1229
|
closeAfterSelect?: boolean;
|
|
1210
1230
|
onChangeValue?: (value: string) => void;
|
|
1231
|
+
filterValue?: (value: string) => boolean;
|
|
1211
1232
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
1212
1233
|
onToggle?: (isOpen: boolean) => void;
|
|
1213
1234
|
beforeList?: React.ReactNode;
|
|
@@ -1266,6 +1287,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1266
1287
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
1267
1288
|
closeAfterSelect?: boolean;
|
|
1268
1289
|
onChangeValue?: (value: string) => void;
|
|
1290
|
+
filterValue?: (value: string) => boolean;
|
|
1269
1291
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
1270
1292
|
onToggle?: (isOpen: boolean) => void;
|
|
1271
1293
|
beforeList?: React.ReactNode;
|
|
@@ -1324,6 +1346,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1324
1346
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
1325
1347
|
closeAfterSelect?: boolean;
|
|
1326
1348
|
onChangeValue?: (value: string) => void;
|
|
1349
|
+
filterValue?: (value: string) => boolean;
|
|
1327
1350
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
1328
1351
|
onToggle?: (isOpen: boolean) => void;
|
|
1329
1352
|
beforeList?: React.ReactNode;
|
|
@@ -1382,6 +1405,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1382
1405
|
filter?: ((item: ComboboxItemOption, textValue: string) => boolean) | undefined;
|
|
1383
1406
|
closeAfterSelect?: boolean;
|
|
1384
1407
|
onChangeValue?: (value: string) => void;
|
|
1408
|
+
filterValue?: (value: string) => boolean;
|
|
1385
1409
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
1386
1410
|
onToggle?: (isOpen: boolean) => void;
|
|
1387
1411
|
beforeList?: React.ReactNode;
|
package/components/Mask/Mask.css
CHANGED
|
@@ -21,25 +21,25 @@
|
|
|
21
21
|
.TextField_config_c4zz6m_tah4t5d__fc32768c{--plasma-textfield-disabled-opacity:0.4;}
|
|
22
22
|
.TextField_config_c4zz6m_t1459kih__fc32768c{--plasma-textfield-readonly-opacity:0.1;--plasma-textfield-color-readonly:var(--text-primary);--plasma-textfield-bg-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;}
|