@salutejs/sdds-dfa 0.161.1-canary.1522.11628874053.0 → 0.161.1-canary.1527.11629969730.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/sdds-dfa.api.md +247 -11
- package/components/Autocomplete/Autocomplete.config.js +9 -9
- package/components/Autocomplete/Autocomplete.d.ts +1 -11
- package/components/Combobox/Combobox.config.js +8 -8
- package/components/Combobox/Combobox.d.ts +246 -0
- package/components/Combobox/index.d.ts +246 -0
- package/es/components/Autocomplete/Autocomplete.config.js +9 -9
- package/es/components/Combobox/Combobox.config.js +8 -8
- package/package.json +3 -3
- package/temp/sdds-dfa.api.md +247 -11
@@ -58,6 +58,47 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
|
|
58
58
|
isTargetAmount?: false | undefined;
|
59
59
|
targetAmount?: undefined;
|
60
60
|
renderValue?: undefined;
|
61
|
+
} & {
|
62
|
+
requiredPlacement?: "right" | "left" | undefined;
|
63
|
+
} & {
|
64
|
+
required: true;
|
65
|
+
optional?: false | undefined;
|
66
|
+
} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
67
|
+
items: ItemOption[];
|
68
|
+
placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
|
69
|
+
label?: string | undefined;
|
70
|
+
placeholder?: string | undefined;
|
71
|
+
helperText?: string | undefined;
|
72
|
+
contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
73
|
+
textBefore?: string | undefined;
|
74
|
+
textAfter?: string | undefined;
|
75
|
+
variant?: "normal" | "tight" | undefined;
|
76
|
+
listOverflow?: import("csstype").Property.Overflow | undefined;
|
77
|
+
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
78
|
+
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
79
|
+
portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
|
80
|
+
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
81
|
+
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
82
|
+
closeAfterSelect?: boolean | undefined;
|
83
|
+
size?: string | undefined;
|
84
|
+
view?: string | undefined;
|
85
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
86
|
+
} & {
|
87
|
+
readOnly?: boolean | undefined;
|
88
|
+
disabled?: true | undefined;
|
89
|
+
alwaysOpened?: false | undefined;
|
90
|
+
} & {
|
91
|
+
multiple?: false | undefined;
|
92
|
+
value?: string | undefined;
|
93
|
+
onChange?: ((value: string) => void) | undefined;
|
94
|
+
isTargetAmount?: false | undefined;
|
95
|
+
targetAmount?: undefined;
|
96
|
+
renderValue?: undefined;
|
97
|
+
} & {
|
98
|
+
requiredPlacement?: "right" | "left" | undefined;
|
99
|
+
} & {
|
100
|
+
optional?: true | undefined;
|
101
|
+
required?: false | undefined;
|
61
102
|
} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
62
103
|
items: ItemOption[];
|
63
104
|
placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
|
@@ -89,6 +130,83 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
|
|
89
130
|
isTargetAmount?: true | undefined;
|
90
131
|
targetAmount?: number | undefined;
|
91
132
|
renderValue?: ((item: ItemOption) => string) | undefined;
|
133
|
+
} & {
|
134
|
+
requiredPlacement?: "right" | "left" | undefined;
|
135
|
+
} & {
|
136
|
+
required: true;
|
137
|
+
optional?: false | undefined;
|
138
|
+
} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
139
|
+
items: ItemOption[];
|
140
|
+
placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
|
141
|
+
label?: string | undefined;
|
142
|
+
placeholder?: string | undefined;
|
143
|
+
helperText?: string | undefined;
|
144
|
+
contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
145
|
+
textBefore?: string | undefined;
|
146
|
+
textAfter?: string | undefined;
|
147
|
+
variant?: "normal" | "tight" | undefined;
|
148
|
+
listOverflow?: import("csstype").Property.Overflow | undefined;
|
149
|
+
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
150
|
+
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
151
|
+
portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
|
152
|
+
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
153
|
+
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
154
|
+
closeAfterSelect?: boolean | undefined;
|
155
|
+
size?: string | undefined;
|
156
|
+
view?: string | undefined;
|
157
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
158
|
+
} & {
|
159
|
+
readOnly?: boolean | undefined;
|
160
|
+
disabled?: true | undefined;
|
161
|
+
alwaysOpened?: false | undefined;
|
162
|
+
} & {
|
163
|
+
multiple: true;
|
164
|
+
value?: string[] | undefined;
|
165
|
+
onChange?: ((value: string[]) => void) | undefined;
|
166
|
+
isTargetAmount?: true | undefined;
|
167
|
+
targetAmount?: number | undefined;
|
168
|
+
renderValue?: ((item: ItemOption) => string) | undefined;
|
169
|
+
} & {
|
170
|
+
requiredPlacement?: "right" | "left" | undefined;
|
171
|
+
} & {
|
172
|
+
optional?: true | undefined;
|
173
|
+
required?: false | undefined;
|
174
|
+
} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
175
|
+
items: ItemOption[];
|
176
|
+
placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
|
177
|
+
label?: string | undefined;
|
178
|
+
placeholder?: string | undefined;
|
179
|
+
helperText?: string | undefined;
|
180
|
+
contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
181
|
+
textBefore?: string | undefined;
|
182
|
+
textAfter?: string | undefined;
|
183
|
+
variant?: "normal" | "tight" | undefined;
|
184
|
+
listOverflow?: import("csstype").Property.Overflow | undefined;
|
185
|
+
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
186
|
+
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
187
|
+
portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
|
188
|
+
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
189
|
+
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
190
|
+
closeAfterSelect?: boolean | undefined;
|
191
|
+
size?: string | undefined;
|
192
|
+
view?: string | undefined;
|
193
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
194
|
+
} & {
|
195
|
+
readOnly?: true | undefined;
|
196
|
+
disabled?: boolean | undefined;
|
197
|
+
alwaysOpened?: false | undefined;
|
198
|
+
} & {
|
199
|
+
multiple?: false | undefined;
|
200
|
+
value?: string | undefined;
|
201
|
+
onChange?: ((value: string) => void) | undefined;
|
202
|
+
isTargetAmount?: false | undefined;
|
203
|
+
targetAmount?: undefined;
|
204
|
+
renderValue?: undefined;
|
205
|
+
} & {
|
206
|
+
requiredPlacement?: "right" | "left" | undefined;
|
207
|
+
} & {
|
208
|
+
required: true;
|
209
|
+
optional?: false | undefined;
|
92
210
|
} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
93
211
|
items: ItemOption[];
|
94
212
|
placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
|
@@ -120,6 +238,11 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
|
|
120
238
|
isTargetAmount?: false | undefined;
|
121
239
|
targetAmount?: undefined;
|
122
240
|
renderValue?: undefined;
|
241
|
+
} & {
|
242
|
+
requiredPlacement?: "right" | "left" | undefined;
|
243
|
+
} & {
|
244
|
+
optional?: true | undefined;
|
245
|
+
required?: false | undefined;
|
123
246
|
} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
124
247
|
items: ItemOption[];
|
125
248
|
placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
|
@@ -151,6 +274,47 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
|
|
151
274
|
isTargetAmount?: true | undefined;
|
152
275
|
targetAmount?: number | undefined;
|
153
276
|
renderValue?: ((item: ItemOption) => string) | undefined;
|
277
|
+
} & {
|
278
|
+
requiredPlacement?: "right" | "left" | undefined;
|
279
|
+
} & {
|
280
|
+
required: true;
|
281
|
+
optional?: false | undefined;
|
282
|
+
} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
283
|
+
items: ItemOption[];
|
284
|
+
placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
|
285
|
+
label?: string | undefined;
|
286
|
+
placeholder?: string | undefined;
|
287
|
+
helperText?: string | undefined;
|
288
|
+
contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
289
|
+
textBefore?: string | undefined;
|
290
|
+
textAfter?: string | undefined;
|
291
|
+
variant?: "normal" | "tight" | undefined;
|
292
|
+
listOverflow?: import("csstype").Property.Overflow | undefined;
|
293
|
+
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
294
|
+
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
295
|
+
portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
|
296
|
+
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
297
|
+
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
298
|
+
closeAfterSelect?: boolean | undefined;
|
299
|
+
size?: string | undefined;
|
300
|
+
view?: string | undefined;
|
301
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
302
|
+
} & {
|
303
|
+
readOnly?: true | undefined;
|
304
|
+
disabled?: boolean | undefined;
|
305
|
+
alwaysOpened?: false | undefined;
|
306
|
+
} & {
|
307
|
+
multiple: true;
|
308
|
+
value?: string[] | undefined;
|
309
|
+
onChange?: ((value: string[]) => void) | undefined;
|
310
|
+
isTargetAmount?: true | undefined;
|
311
|
+
targetAmount?: number | undefined;
|
312
|
+
renderValue?: ((item: ItemOption) => string) | undefined;
|
313
|
+
} & {
|
314
|
+
requiredPlacement?: "right" | "left" | undefined;
|
315
|
+
} & {
|
316
|
+
optional?: true | undefined;
|
317
|
+
required?: false | undefined;
|
154
318
|
} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
155
319
|
items: ItemOption[];
|
156
320
|
placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
|
@@ -182,6 +346,83 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
|
|
182
346
|
isTargetAmount?: false | undefined;
|
183
347
|
targetAmount?: undefined;
|
184
348
|
renderValue?: undefined;
|
349
|
+
} & {
|
350
|
+
requiredPlacement?: "right" | "left" | undefined;
|
351
|
+
} & {
|
352
|
+
required: true;
|
353
|
+
optional?: false | undefined;
|
354
|
+
} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
355
|
+
items: ItemOption[];
|
356
|
+
placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
|
357
|
+
label?: string | undefined;
|
358
|
+
placeholder?: string | undefined;
|
359
|
+
helperText?: string | undefined;
|
360
|
+
contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
361
|
+
textBefore?: string | undefined;
|
362
|
+
textAfter?: string | undefined;
|
363
|
+
variant?: "normal" | "tight" | undefined;
|
364
|
+
listOverflow?: import("csstype").Property.Overflow | undefined;
|
365
|
+
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
366
|
+
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
367
|
+
portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
|
368
|
+
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
369
|
+
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
370
|
+
closeAfterSelect?: boolean | undefined;
|
371
|
+
size?: string | undefined;
|
372
|
+
view?: string | undefined;
|
373
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
374
|
+
} & {
|
375
|
+
readOnly?: false | undefined;
|
376
|
+
disabled?: false | undefined;
|
377
|
+
alwaysOpened?: true | undefined;
|
378
|
+
} & {
|
379
|
+
multiple?: false | undefined;
|
380
|
+
value?: string | undefined;
|
381
|
+
onChange?: ((value: string) => void) | undefined;
|
382
|
+
isTargetAmount?: false | undefined;
|
383
|
+
targetAmount?: undefined;
|
384
|
+
renderValue?: undefined;
|
385
|
+
} & {
|
386
|
+
requiredPlacement?: "right" | "left" | undefined;
|
387
|
+
} & {
|
388
|
+
optional?: true | undefined;
|
389
|
+
required?: false | undefined;
|
390
|
+
} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
391
|
+
items: ItemOption[];
|
392
|
+
placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
|
393
|
+
label?: string | undefined;
|
394
|
+
placeholder?: string | undefined;
|
395
|
+
helperText?: string | undefined;
|
396
|
+
contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
397
|
+
textBefore?: string | undefined;
|
398
|
+
textAfter?: string | undefined;
|
399
|
+
variant?: "normal" | "tight" | undefined;
|
400
|
+
listOverflow?: import("csstype").Property.Overflow | undefined;
|
401
|
+
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
402
|
+
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
403
|
+
portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
|
404
|
+
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
405
|
+
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
406
|
+
closeAfterSelect?: boolean | undefined;
|
407
|
+
size?: string | undefined;
|
408
|
+
view?: string | undefined;
|
409
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
410
|
+
} & {
|
411
|
+
readOnly?: false | undefined;
|
412
|
+
disabled?: false | undefined;
|
413
|
+
alwaysOpened?: true | undefined;
|
414
|
+
} & {
|
415
|
+
multiple: true;
|
416
|
+
value?: string[] | undefined;
|
417
|
+
onChange?: ((value: string[]) => void) | undefined;
|
418
|
+
isTargetAmount?: true | undefined;
|
419
|
+
targetAmount?: number | undefined;
|
420
|
+
renderValue?: ((item: ItemOption) => string) | undefined;
|
421
|
+
} & {
|
422
|
+
requiredPlacement?: "right" | "left" | undefined;
|
423
|
+
} & {
|
424
|
+
required: true;
|
425
|
+
optional?: false | undefined;
|
185
426
|
} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
186
427
|
items: ItemOption[];
|
187
428
|
placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
|
@@ -213,6 +454,11 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
|
|
213
454
|
isTargetAmount?: true | undefined;
|
214
455
|
targetAmount?: number | undefined;
|
215
456
|
renderValue?: ((item: ItemOption) => string) | undefined;
|
457
|
+
} & {
|
458
|
+
requiredPlacement?: "right" | "left" | undefined;
|
459
|
+
} & {
|
460
|
+
optional?: true | undefined;
|
461
|
+
required?: false | undefined;
|
216
462
|
} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>)), "view" | "size" | "disabled" | "readOnly" | "labelPlacement"> & {
|
217
463
|
ref?: ForwardedRef<HTMLInputElement> | undefined;
|
218
464
|
}) => ReactElement | null;
|
@@ -9,16 +9,16 @@ export var config = {
|
|
9
9
|
},
|
10
10
|
variations: {
|
11
11
|
view: {
|
12
|
-
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--
|
13
|
-
positive: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--
|
14
|
-
warning: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--
|
15
|
-
negative: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--
|
12
|
+
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-accent);\n\n ", ": var(--surface-solid-card);\n ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ", ": var(--plasma-colors-transparent);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-accent);\n\n ", ": ", ";\n ", ": ", ";\n ", ": var(--text-primary);\n "])), tokens.textFieldColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.focusColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, tokens.textFieldContentSlotRightColor, tokens.textFieldColor, tokens.infiniteLoaderSpinnerColor),
|
13
|
+
positive: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-colors-primary);\n ", ": var(--surface-transparent-positive);\n ", ": var(--surface-transparent-positive-active);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n ", ": var(--text-primary);\n ", ": var(--text-positive);\n ", ": var(--text-accent);\n\n ", ": var(--surface-solid-card);\n ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ", ": var(--plasma-colors-transparent);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-accent);\n\n ", ": ", ";\n ", ": ", ";\n ", ": var(--text-primary);\n "])), tokens.textFieldColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.focusColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, tokens.textFieldContentSlotRightColor, tokens.textFieldColor, tokens.infiniteLoaderSpinnerColor),
|
14
|
+
warning: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-colors-primary);\n ", ": var(--surface-transparent-warning);\n ", ": var(--surface-transparent-warning-active);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n ", ": var(--text-primary);\n ", ": var(--text-warning);\n ", ": var(--text-accent);\n\n ", ": var(--surface-solid-card);\n ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ", ": var(--plasma-colors-transparent);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-accent);\n\n ", ": ", ";\n ", ": ", ";\n ", ": var(--text-primary);\n "])), tokens.textFieldColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.focusColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, tokens.textFieldContentSlotRightColor, tokens.textFieldColor, tokens.infiniteLoaderSpinnerColor),
|
15
|
+
negative: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-colors-primary);\n ", ": var(--surface-transparent-negative);\n ", ": var(--surface-transparent-negative-active);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n ", ": var(--text-accent);\n\n ", ": var(--surface-solid-card);\n ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ", ": var(--plasma-colors-transparent);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-accent);\n\n ", ": ", ";\n ", ": ", ";\n ", ": var(--text-primary);\n "])), tokens.textFieldColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.focusColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, tokens.textFieldContentSlotRightColor, tokens.textFieldColor, tokens.infiniteLoaderSpinnerColor)
|
16
16
|
},
|
17
17
|
size: {
|
18
|
-
l: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3.5rem;\n ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ", ": 0.875rem;\n
|
19
|
-
m: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3rem;\n ", ": 0.875rem 1rem 0.875rem 1rem;\n ", ": 0.75rem;\n
|
20
|
-
s: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2.5rem;\n ", ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ", ": 0.625rem;\n
|
21
|
-
xs: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2rem;\n ", ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ", ": 0.5rem;\n
|
18
|
+
l: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3.5rem;\n ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ", ": 0.875rem;\n ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": 0.5625rem 0 0.125rem 0;\n ", ": 1.5625rem 0 0.5625rem 0;\n\n ", ": 0.875rem;\n ", ": 0.125rem;\n ", ": 1.0625rem 1rem;\n ", ": 0.75rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 2rem 1rem 1rem 1rem;\n ", ": 0.5rem;\n\n ", ": 1.5rem;\n ", ": 0.5rem;\n "])), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap),
|
19
|
+
m: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3rem;\n ", ": 0.875rem 1rem 0.875rem 1rem;\n ", ": 0.75rem;\n ", ": -0.125rem 0.375rem -0.125rem -0.125rem;\n ", ": -0.125rem -0.125rem -0.125rem 0.75rem;\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n ", ": 0.625rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": 0.375rem 0 0.125rem 0;\n ", ": 1.375rem 0 0.375rem 0;\n\n ", ": 0.75rem;\n ", ": 0.125rem;\n ", ": 0.875rem 0.875rem 0.875rem 0.875rem;\n ", ": 0.625rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 1.625rem 0.875rem 0.875rem 0.875rem;\n ", ": 0.375rem;\n\n ", ": 1.5rem;\n ", ": 0.375rem;\n "])), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap),
|
20
|
+
s: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2.5rem;\n ", ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ", ": 0.625rem;\n ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": 0.5rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": 0.3125rem 0 0 0;\n ", ": 1.0625rem 0 0.3125rem 0;\n\n ", ": 0.625rem;\n ", ": 0.125rem;\n ", ": 0.6875rem 0.75rem;\n ", ": 0.5rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 1.375rem 0.625rem 0.625rem 0.625rem;\n ", ": 0.25rem;\n\n ", ": 1.5rem;\n ", ": 0.25rem;\n "])), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap),
|
21
|
+
xs: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2rem;\n ", ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ", ": 0.5rem;\n ", ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": 0.3125rem 0 0 0;\n ", ": 1.0625rem 0 0.3125rem 0;\n\n ", ": 0.5rem;\n ", ": 0.125rem;\n ", ": 0.5625rem 0.5rem;\n ", ": 0.5rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 1rem 0.5rem 0.5rem 0.5rem;\n ", ": 0.25rem;\n\n ", ": 1rem;\n ", ": 0.25rem;\n "])), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap)
|
22
22
|
},
|
23
23
|
labelPlacement: {
|
24
24
|
inner: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--plasma-colors-secondary)));\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), tokens.textFieldPlaceholderColor, tokens.textFieldLabelInnerFontFamily, tokens.textFieldLabelInnerFontSize, tokens.textFieldLabelInnerFontStyle, tokens.textFieldLabelInnerFontWeight, tokens.textFieldLabelInnerLetterSpacing, tokens.textFieldLabelInnerLineHeight),
|
@@ -28,7 +28,7 @@ export var config = {
|
|
28
28
|
"true": /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), tokens.textFieldDisabledOpacity)
|
29
29
|
},
|
30
30
|
readOnly: {
|
31
|
-
"true": /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n
|
31
|
+
"true": /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly)
|
32
32
|
}
|
33
33
|
}
|
34
34
|
};
|