@salutejs/sdds-finportal 0.169.2-canary.1581.11947517999.0 → 0.170.0-canary.1552.11952949201.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -48,6 +48,9 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
48
48
  readOnly?: boolean | undefined;
49
49
  disabled?: true | undefined;
50
50
  alwaysOpened?: false | undefined;
51
+ } & {
52
+ name: never;
53
+ defaultValue: never;
51
54
  } & {
52
55
  multiple?: false | undefined;
53
56
  value?: string | undefined;
@@ -60,7 +63,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
60
63
  } & {
61
64
  required: true;
62
65
  optional?: false | undefined;
63
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
66
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
64
67
  items: ItemOption[];
65
68
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
66
69
  label?: string | undefined;
@@ -84,6 +87,9 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
84
87
  readOnly?: boolean | undefined;
85
88
  disabled?: true | undefined;
86
89
  alwaysOpened?: false | undefined;
90
+ } & {
91
+ name: never;
92
+ defaultValue: never;
87
93
  } & {
88
94
  multiple?: false | undefined;
89
95
  value?: string | undefined;
@@ -96,7 +102,85 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
96
102
  } & {
97
103
  optional?: true | undefined;
98
104
  required?: false | undefined;
99
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
105
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
106
+ items: ItemOption[];
107
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
108
+ label?: string | undefined;
109
+ placeholder?: string | undefined;
110
+ helperText?: string | undefined;
111
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
112
+ textBefore?: string | undefined;
113
+ textAfter?: string | undefined;
114
+ variant?: "normal" | "tight" | undefined;
115
+ listOverflow?: import("csstype").Property.Overflow | undefined;
116
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
117
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
118
+ portal?: string | React.RefObject<HTMLElement> | undefined;
119
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
120
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
121
+ closeAfterSelect?: boolean | undefined;
122
+ size?: string | undefined;
123
+ view?: string | undefined;
124
+ labelPlacement?: "outer" | "inner" | undefined;
125
+ } & {
126
+ readOnly?: boolean | undefined;
127
+ disabled?: true | undefined;
128
+ alwaysOpened?: false | undefined;
129
+ } & {
130
+ name: string;
131
+ defaultValue?: string | undefined;
132
+ onChange?: React.ChangeEventHandler<Element> | undefined;
133
+ } & {
134
+ multiple?: false | undefined;
135
+ value?: string | undefined;
136
+ isTargetAmount?: false | undefined;
137
+ targetAmount?: undefined;
138
+ renderValue?: undefined;
139
+ } & {
140
+ requiredPlacement?: "right" | "left" | undefined;
141
+ } & {
142
+ required: true;
143
+ optional?: false | undefined;
144
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
145
+ items: ItemOption[];
146
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
147
+ label?: string | undefined;
148
+ placeholder?: string | undefined;
149
+ helperText?: string | undefined;
150
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
151
+ textBefore?: string | undefined;
152
+ textAfter?: string | undefined;
153
+ variant?: "normal" | "tight" | undefined;
154
+ listOverflow?: import("csstype").Property.Overflow | undefined;
155
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
156
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
157
+ portal?: string | React.RefObject<HTMLElement> | undefined;
158
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
159
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
160
+ closeAfterSelect?: boolean | undefined;
161
+ size?: string | undefined;
162
+ view?: string | undefined;
163
+ labelPlacement?: "outer" | "inner" | undefined;
164
+ } & {
165
+ readOnly?: boolean | undefined;
166
+ disabled?: true | undefined;
167
+ alwaysOpened?: false | undefined;
168
+ } & {
169
+ name: string;
170
+ defaultValue?: string | undefined;
171
+ onChange?: React.ChangeEventHandler<Element> | undefined;
172
+ } & {
173
+ multiple?: false | undefined;
174
+ value?: string | undefined;
175
+ isTargetAmount?: false | undefined;
176
+ targetAmount?: undefined;
177
+ renderValue?: undefined;
178
+ } & {
179
+ requiredPlacement?: "right" | "left" | undefined;
180
+ } & {
181
+ optional?: true | undefined;
182
+ required?: false | undefined;
183
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
100
184
  items: ItemOption[];
101
185
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
102
186
  label?: string | undefined;
@@ -120,6 +204,9 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
120
204
  readOnly?: boolean | undefined;
121
205
  disabled?: true | undefined;
122
206
  alwaysOpened?: false | undefined;
207
+ } & {
208
+ name: never;
209
+ defaultValue: never;
123
210
  } & {
124
211
  multiple: true;
125
212
  value?: string[] | undefined;
@@ -132,7 +219,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
132
219
  } & {
133
220
  required: true;
134
221
  optional?: false | undefined;
135
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
222
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
136
223
  items: ItemOption[];
137
224
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
138
225
  label?: string | undefined;
@@ -156,6 +243,9 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
156
243
  readOnly?: boolean | undefined;
157
244
  disabled?: true | undefined;
158
245
  alwaysOpened?: false | undefined;
246
+ } & {
247
+ name: never;
248
+ defaultValue: never;
159
249
  } & {
160
250
  multiple: true;
161
251
  value?: string[] | undefined;
@@ -168,7 +258,85 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
168
258
  } & {
169
259
  optional?: true | undefined;
170
260
  required?: false | undefined;
171
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
261
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
262
+ items: ItemOption[];
263
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
264
+ label?: string | undefined;
265
+ placeholder?: string | undefined;
266
+ helperText?: string | undefined;
267
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
268
+ textBefore?: string | undefined;
269
+ textAfter?: string | undefined;
270
+ variant?: "normal" | "tight" | undefined;
271
+ listOverflow?: import("csstype").Property.Overflow | undefined;
272
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
273
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
274
+ portal?: string | React.RefObject<HTMLElement> | undefined;
275
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
276
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
277
+ closeAfterSelect?: boolean | undefined;
278
+ size?: string | undefined;
279
+ view?: string | undefined;
280
+ labelPlacement?: "outer" | "inner" | undefined;
281
+ } & {
282
+ readOnly?: boolean | undefined;
283
+ disabled?: true | undefined;
284
+ alwaysOpened?: false | undefined;
285
+ } & {
286
+ name: string;
287
+ defaultValue?: string | undefined;
288
+ onChange?: React.ChangeEventHandler<Element> | undefined;
289
+ } & {
290
+ multiple: true;
291
+ value?: string[] | undefined;
292
+ isTargetAmount?: true | undefined;
293
+ targetAmount?: number | undefined;
294
+ renderValue?: ((item: ItemOption) => string) | undefined;
295
+ } & {
296
+ requiredPlacement?: "right" | "left" | undefined;
297
+ } & {
298
+ required: true;
299
+ optional?: false | undefined;
300
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
301
+ items: ItemOption[];
302
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
303
+ label?: string | undefined;
304
+ placeholder?: string | undefined;
305
+ helperText?: string | undefined;
306
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
307
+ textBefore?: string | undefined;
308
+ textAfter?: string | undefined;
309
+ variant?: "normal" | "tight" | undefined;
310
+ listOverflow?: import("csstype").Property.Overflow | undefined;
311
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
312
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
313
+ portal?: string | React.RefObject<HTMLElement> | undefined;
314
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
315
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
316
+ closeAfterSelect?: boolean | undefined;
317
+ size?: string | undefined;
318
+ view?: string | undefined;
319
+ labelPlacement?: "outer" | "inner" | undefined;
320
+ } & {
321
+ readOnly?: boolean | undefined;
322
+ disabled?: true | undefined;
323
+ alwaysOpened?: false | undefined;
324
+ } & {
325
+ name: string;
326
+ defaultValue?: string | undefined;
327
+ onChange?: React.ChangeEventHandler<Element> | undefined;
328
+ } & {
329
+ multiple: true;
330
+ value?: string[] | undefined;
331
+ isTargetAmount?: true | undefined;
332
+ targetAmount?: number | undefined;
333
+ renderValue?: ((item: ItemOption) => string) | undefined;
334
+ } & {
335
+ requiredPlacement?: "right" | "left" | undefined;
336
+ } & {
337
+ optional?: true | undefined;
338
+ required?: false | undefined;
339
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
172
340
  items: ItemOption[];
173
341
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
174
342
  label?: string | undefined;
@@ -192,6 +360,9 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
192
360
  readOnly?: true | undefined;
193
361
  disabled?: boolean | undefined;
194
362
  alwaysOpened?: false | undefined;
363
+ } & {
364
+ name: never;
365
+ defaultValue: never;
195
366
  } & {
196
367
  multiple?: false | undefined;
197
368
  value?: string | undefined;
@@ -204,7 +375,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
204
375
  } & {
205
376
  required: true;
206
377
  optional?: false | undefined;
207
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
378
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
208
379
  items: ItemOption[];
209
380
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
210
381
  label?: string | undefined;
@@ -228,6 +399,9 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
228
399
  readOnly?: true | undefined;
229
400
  disabled?: boolean | undefined;
230
401
  alwaysOpened?: false | undefined;
402
+ } & {
403
+ name: never;
404
+ defaultValue: never;
231
405
  } & {
232
406
  multiple?: false | undefined;
233
407
  value?: string | undefined;
@@ -240,7 +414,85 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
240
414
  } & {
241
415
  optional?: true | undefined;
242
416
  required?: false | undefined;
243
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
417
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
418
+ items: ItemOption[];
419
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
420
+ label?: string | undefined;
421
+ placeholder?: string | undefined;
422
+ helperText?: string | undefined;
423
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
424
+ textBefore?: string | undefined;
425
+ textAfter?: string | undefined;
426
+ variant?: "normal" | "tight" | undefined;
427
+ listOverflow?: import("csstype").Property.Overflow | undefined;
428
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
429
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
430
+ portal?: string | React.RefObject<HTMLElement> | undefined;
431
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
432
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
433
+ closeAfterSelect?: boolean | undefined;
434
+ size?: string | undefined;
435
+ view?: string | undefined;
436
+ labelPlacement?: "outer" | "inner" | undefined;
437
+ } & {
438
+ readOnly?: true | undefined;
439
+ disabled?: boolean | undefined;
440
+ alwaysOpened?: false | undefined;
441
+ } & {
442
+ name: string;
443
+ defaultValue?: string | undefined;
444
+ onChange?: React.ChangeEventHandler<Element> | undefined;
445
+ } & {
446
+ multiple?: false | undefined;
447
+ value?: string | undefined;
448
+ isTargetAmount?: false | undefined;
449
+ targetAmount?: undefined;
450
+ renderValue?: undefined;
451
+ } & {
452
+ requiredPlacement?: "right" | "left" | undefined;
453
+ } & {
454
+ required: true;
455
+ optional?: false | undefined;
456
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
457
+ items: ItemOption[];
458
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
459
+ label?: string | undefined;
460
+ placeholder?: string | undefined;
461
+ helperText?: string | undefined;
462
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
463
+ textBefore?: string | undefined;
464
+ textAfter?: string | undefined;
465
+ variant?: "normal" | "tight" | undefined;
466
+ listOverflow?: import("csstype").Property.Overflow | undefined;
467
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
468
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
469
+ portal?: string | React.RefObject<HTMLElement> | undefined;
470
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
471
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
472
+ closeAfterSelect?: boolean | undefined;
473
+ size?: string | undefined;
474
+ view?: string | undefined;
475
+ labelPlacement?: "outer" | "inner" | undefined;
476
+ } & {
477
+ readOnly?: true | undefined;
478
+ disabled?: boolean | undefined;
479
+ alwaysOpened?: false | undefined;
480
+ } & {
481
+ name: string;
482
+ defaultValue?: string | undefined;
483
+ onChange?: React.ChangeEventHandler<Element> | undefined;
484
+ } & {
485
+ multiple?: false | undefined;
486
+ value?: string | undefined;
487
+ isTargetAmount?: false | undefined;
488
+ targetAmount?: undefined;
489
+ renderValue?: undefined;
490
+ } & {
491
+ requiredPlacement?: "right" | "left" | undefined;
492
+ } & {
493
+ optional?: true | undefined;
494
+ required?: false | undefined;
495
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
244
496
  items: ItemOption[];
245
497
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
246
498
  label?: string | undefined;
@@ -264,6 +516,9 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
264
516
  readOnly?: true | undefined;
265
517
  disabled?: boolean | undefined;
266
518
  alwaysOpened?: false | undefined;
519
+ } & {
520
+ name: never;
521
+ defaultValue: never;
267
522
  } & {
268
523
  multiple: true;
269
524
  value?: string[] | undefined;
@@ -276,7 +531,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
276
531
  } & {
277
532
  required: true;
278
533
  optional?: false | undefined;
279
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
534
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
280
535
  items: ItemOption[];
281
536
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
282
537
  label?: string | undefined;
@@ -300,6 +555,9 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
300
555
  readOnly?: true | undefined;
301
556
  disabled?: boolean | undefined;
302
557
  alwaysOpened?: false | undefined;
558
+ } & {
559
+ name: never;
560
+ defaultValue: never;
303
561
  } & {
304
562
  multiple: true;
305
563
  value?: string[] | undefined;
@@ -312,7 +570,85 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
312
570
  } & {
313
571
  optional?: true | undefined;
314
572
  required?: false | undefined;
315
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
573
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
574
+ items: ItemOption[];
575
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
576
+ label?: string | undefined;
577
+ placeholder?: string | undefined;
578
+ helperText?: string | undefined;
579
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
580
+ textBefore?: string | undefined;
581
+ textAfter?: string | undefined;
582
+ variant?: "normal" | "tight" | undefined;
583
+ listOverflow?: import("csstype").Property.Overflow | undefined;
584
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
585
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
586
+ portal?: string | React.RefObject<HTMLElement> | undefined;
587
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
588
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
589
+ closeAfterSelect?: boolean | undefined;
590
+ size?: string | undefined;
591
+ view?: string | undefined;
592
+ labelPlacement?: "outer" | "inner" | undefined;
593
+ } & {
594
+ readOnly?: true | undefined;
595
+ disabled?: boolean | undefined;
596
+ alwaysOpened?: false | undefined;
597
+ } & {
598
+ name: string;
599
+ defaultValue?: string | undefined;
600
+ onChange?: React.ChangeEventHandler<Element> | undefined;
601
+ } & {
602
+ multiple: true;
603
+ value?: string[] | undefined;
604
+ isTargetAmount?: true | undefined;
605
+ targetAmount?: number | undefined;
606
+ renderValue?: ((item: ItemOption) => string) | undefined;
607
+ } & {
608
+ requiredPlacement?: "right" | "left" | undefined;
609
+ } & {
610
+ required: true;
611
+ optional?: false | undefined;
612
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
613
+ items: ItemOption[];
614
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
615
+ label?: string | undefined;
616
+ placeholder?: string | undefined;
617
+ helperText?: string | undefined;
618
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
619
+ textBefore?: string | undefined;
620
+ textAfter?: string | undefined;
621
+ variant?: "normal" | "tight" | undefined;
622
+ listOverflow?: import("csstype").Property.Overflow | undefined;
623
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
624
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
625
+ portal?: string | React.RefObject<HTMLElement> | undefined;
626
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
627
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
628
+ closeAfterSelect?: boolean | undefined;
629
+ size?: string | undefined;
630
+ view?: string | undefined;
631
+ labelPlacement?: "outer" | "inner" | undefined;
632
+ } & {
633
+ readOnly?: true | undefined;
634
+ disabled?: boolean | undefined;
635
+ alwaysOpened?: false | undefined;
636
+ } & {
637
+ name: string;
638
+ defaultValue?: string | undefined;
639
+ onChange?: React.ChangeEventHandler<Element> | undefined;
640
+ } & {
641
+ multiple: true;
642
+ value?: string[] | undefined;
643
+ isTargetAmount?: true | undefined;
644
+ targetAmount?: number | undefined;
645
+ renderValue?: ((item: ItemOption) => string) | undefined;
646
+ } & {
647
+ requiredPlacement?: "right" | "left" | undefined;
648
+ } & {
649
+ optional?: true | undefined;
650
+ required?: false | undefined;
651
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
316
652
  items: ItemOption[];
317
653
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
318
654
  label?: string | undefined;
@@ -336,6 +672,9 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
336
672
  readOnly?: false | undefined;
337
673
  disabled?: false | undefined;
338
674
  alwaysOpened?: true | undefined;
675
+ } & {
676
+ name: never;
677
+ defaultValue: never;
339
678
  } & {
340
679
  multiple?: false | undefined;
341
680
  value?: string | undefined;
@@ -348,7 +687,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
348
687
  } & {
349
688
  required: true;
350
689
  optional?: false | undefined;
351
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
690
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
352
691
  items: ItemOption[];
353
692
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
354
693
  label?: string | undefined;
@@ -372,6 +711,9 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
372
711
  readOnly?: false | undefined;
373
712
  disabled?: false | undefined;
374
713
  alwaysOpened?: true | undefined;
714
+ } & {
715
+ name: never;
716
+ defaultValue: never;
375
717
  } & {
376
718
  multiple?: false | undefined;
377
719
  value?: string | undefined;
@@ -384,7 +726,85 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
384
726
  } & {
385
727
  optional?: true | undefined;
386
728
  required?: false | undefined;
387
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
729
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
730
+ items: ItemOption[];
731
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
732
+ label?: string | undefined;
733
+ placeholder?: string | undefined;
734
+ helperText?: string | undefined;
735
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
736
+ textBefore?: string | undefined;
737
+ textAfter?: string | undefined;
738
+ variant?: "normal" | "tight" | undefined;
739
+ listOverflow?: import("csstype").Property.Overflow | undefined;
740
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
741
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
742
+ portal?: string | React.RefObject<HTMLElement> | undefined;
743
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
744
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
745
+ closeAfterSelect?: boolean | undefined;
746
+ size?: string | undefined;
747
+ view?: string | undefined;
748
+ labelPlacement?: "outer" | "inner" | undefined;
749
+ } & {
750
+ readOnly?: false | undefined;
751
+ disabled?: false | undefined;
752
+ alwaysOpened?: true | undefined;
753
+ } & {
754
+ name: string;
755
+ defaultValue?: string | undefined;
756
+ onChange?: React.ChangeEventHandler<Element> | undefined;
757
+ } & {
758
+ multiple?: false | undefined;
759
+ value?: string | undefined;
760
+ isTargetAmount?: false | undefined;
761
+ targetAmount?: undefined;
762
+ renderValue?: undefined;
763
+ } & {
764
+ requiredPlacement?: "right" | "left" | undefined;
765
+ } & {
766
+ required: true;
767
+ optional?: false | undefined;
768
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
769
+ items: ItemOption[];
770
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
771
+ label?: string | undefined;
772
+ placeholder?: string | undefined;
773
+ helperText?: string | undefined;
774
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
775
+ textBefore?: string | undefined;
776
+ textAfter?: string | undefined;
777
+ variant?: "normal" | "tight" | undefined;
778
+ listOverflow?: import("csstype").Property.Overflow | undefined;
779
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
780
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
781
+ portal?: string | React.RefObject<HTMLElement> | undefined;
782
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
783
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
784
+ closeAfterSelect?: boolean | undefined;
785
+ size?: string | undefined;
786
+ view?: string | undefined;
787
+ labelPlacement?: "outer" | "inner" | undefined;
788
+ } & {
789
+ readOnly?: false | undefined;
790
+ disabled?: false | undefined;
791
+ alwaysOpened?: true | undefined;
792
+ } & {
793
+ name: string;
794
+ defaultValue?: string | undefined;
795
+ onChange?: React.ChangeEventHandler<Element> | undefined;
796
+ } & {
797
+ multiple?: false | undefined;
798
+ value?: string | undefined;
799
+ isTargetAmount?: false | undefined;
800
+ targetAmount?: undefined;
801
+ renderValue?: undefined;
802
+ } & {
803
+ requiredPlacement?: "right" | "left" | undefined;
804
+ } & {
805
+ optional?: true | undefined;
806
+ required?: false | undefined;
807
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
388
808
  items: ItemOption[];
389
809
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
390
810
  label?: string | undefined;
@@ -408,6 +828,9 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
408
828
  readOnly?: false | undefined;
409
829
  disabled?: false | undefined;
410
830
  alwaysOpened?: true | undefined;
831
+ } & {
832
+ name: never;
833
+ defaultValue: never;
411
834
  } & {
412
835
  multiple: true;
413
836
  value?: string[] | undefined;
@@ -420,7 +843,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
420
843
  } & {
421
844
  required: true;
422
845
  optional?: false | undefined;
423
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
846
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
424
847
  items: ItemOption[];
425
848
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
426
849
  label?: string | undefined;
@@ -444,6 +867,9 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
444
867
  readOnly?: false | undefined;
445
868
  disabled?: false | undefined;
446
869
  alwaysOpened?: true | undefined;
870
+ } & {
871
+ name: never;
872
+ defaultValue: never;
447
873
  } & {
448
874
  multiple: true;
449
875
  value?: string[] | undefined;
@@ -456,7 +882,85 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
456
882
  } & {
457
883
  optional?: true | undefined;
458
884
  required?: false | undefined;
459
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>))>;
885
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
886
+ items: ItemOption[];
887
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
888
+ label?: string | undefined;
889
+ placeholder?: string | undefined;
890
+ helperText?: string | undefined;
891
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
892
+ textBefore?: string | undefined;
893
+ textAfter?: string | undefined;
894
+ variant?: "normal" | "tight" | undefined;
895
+ listOverflow?: import("csstype").Property.Overflow | undefined;
896
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
897
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
898
+ portal?: string | React.RefObject<HTMLElement> | undefined;
899
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
900
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
901
+ closeAfterSelect?: boolean | undefined;
902
+ size?: string | undefined;
903
+ view?: string | undefined;
904
+ labelPlacement?: "outer" | "inner" | undefined;
905
+ } & {
906
+ readOnly?: false | undefined;
907
+ disabled?: false | undefined;
908
+ alwaysOpened?: true | undefined;
909
+ } & {
910
+ name: string;
911
+ defaultValue?: string | undefined;
912
+ onChange?: React.ChangeEventHandler<Element> | undefined;
913
+ } & {
914
+ multiple: true;
915
+ value?: string[] | undefined;
916
+ isTargetAmount?: true | undefined;
917
+ targetAmount?: number | undefined;
918
+ renderValue?: ((item: ItemOption) => string) | undefined;
919
+ } & {
920
+ requiredPlacement?: "right" | "left" | undefined;
921
+ } & {
922
+ required: true;
923
+ optional?: false | undefined;
924
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
925
+ items: ItemOption[];
926
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
927
+ label?: string | undefined;
928
+ placeholder?: string | undefined;
929
+ helperText?: string | undefined;
930
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
931
+ textBefore?: string | undefined;
932
+ textAfter?: string | undefined;
933
+ variant?: "normal" | "tight" | undefined;
934
+ listOverflow?: import("csstype").Property.Overflow | undefined;
935
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
936
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
937
+ portal?: string | React.RefObject<HTMLElement> | undefined;
938
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
939
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
940
+ closeAfterSelect?: boolean | undefined;
941
+ size?: string | undefined;
942
+ view?: string | undefined;
943
+ labelPlacement?: "outer" | "inner" | undefined;
944
+ } & {
945
+ readOnly?: false | undefined;
946
+ disabled?: false | undefined;
947
+ alwaysOpened?: true | undefined;
948
+ } & {
949
+ name: string;
950
+ defaultValue?: string | undefined;
951
+ onChange?: React.ChangeEventHandler<Element> | undefined;
952
+ } & {
953
+ multiple: true;
954
+ value?: string[] | undefined;
955
+ isTargetAmount?: true | undefined;
956
+ targetAmount?: number | undefined;
957
+ renderValue?: ((item: ItemOption) => string) | undefined;
958
+ } & {
959
+ requiredPlacement?: "right" | "left" | undefined;
960
+ } & {
961
+ optional?: true | undefined;
962
+ required?: false | undefined;
963
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>))>;
460
964
  declare type PropsFromConfig = keyof typeof config['variations'];
461
965
  declare type Props<T extends ItemOption> = DistributiveOmit<ComboboxProps<T>, PropsFromConfig> & DistributivePick<ComponentProps<typeof ComboboxNew>, PropsFromConfig>;
462
966
  declare const Combobox: <T extends ItemOption>(props: Props<T> & React.RefAttributes<HTMLInputElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-finportal",
3
- "version": "0.169.2-canary.1581.11947517999.0",
3
+ "version": "0.170.0-canary.1552.11952949201.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS FinPortal web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -19,7 +19,7 @@
19
19
  "directory": "packages/sdds-finportal"
20
20
  },
21
21
  "dependencies": {
22
- "@salutejs/plasma-new-hope": "0.195.1-dev.0",
22
+ "@salutejs/plasma-new-hope": "0.196.0-canary.1552.11952949201.0",
23
23
  "@salutejs/sdds-themes": "0.27.0"
24
24
  },
25
25
  "peerDependencies": {
@@ -96,5 +96,5 @@
96
96
  "Vasiliy Loginevskiy"
97
97
  ],
98
98
  "sideEffects": false,
99
- "gitHead": "d920acb22eb65f998151b1793bcc2355feb64d4c"
99
+ "gitHead": "ccfb71eceec7dd2705c2d9bf3f9ca39604f9cbfe"
100
100
  }
@@ -1,32 +0,0 @@
1
- export declare const config: {
2
- defaults: {
3
- view: string;
4
- size: string;
5
- };
6
- variations: {
7
- view: {
8
- default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
9
- accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
10
- positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
11
- warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
12
- negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
13
- dark: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
14
- light: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
15
- };
16
- size: {
17
- l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
18
- m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
19
- s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
20
- xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
21
- };
22
- pilled: {
23
- true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
24
- };
25
- transparent: {
26
- true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
27
- };
28
- clear: {
29
- true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
30
- };
31
- };
32
- };
@@ -1,41 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.config = void 0;
7
- var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
8
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
9
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
10
- var config = exports.config = {
11
- defaults: {
12
- view: 'default',
13
- size: 'm'
14
- },
15
- variations: {
16
- view: {
17
- "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n\n ", ": var(--text-primary);\n "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent, _styledComponents.badgeTokens.colorClear),
18
- accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n\n ", ": var(--text-accent);\n ", ": var(--surface-transparent-accent);\n\n ", ": var(--text-accent);\n "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent, _styledComponents.badgeTokens.colorClear),
19
- positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive);\n\n ", ": var(--text-positive);\n ", ": var(--surface-transparent-positive);\n\n ", ": var(--text-positive);\n "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent, _styledComponents.badgeTokens.colorClear),
20
- warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning);\n\n ", ": var(--text-warning);\n ", ": var(--surface-transparent-warning);\n\n ", ": var(--text-warning);\n "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent, _styledComponents.badgeTokens.colorClear),
21
- negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative);\n\n ", ": var(--text-negative);\n ", ": var(--surface-transparent-negative);\n\n ", ": var(--text-negative);\n "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent, _styledComponents.badgeTokens.colorClear),
22
- dark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default);\n\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep);\n\n ", ": var(--on-light-text-primary);\n "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent, _styledComponents.badgeTokens.colorClear),
23
- light: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-text-primary);\n ", ": var(--on-dark-surface-solid-default);\n\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-surface-transparent-card);\n\n ", ": var(--on-dark-text-primary);\n "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent, _styledComponents.badgeTokens.colorClear)
24
- },
25
- size: {
26
- l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": 1.75rem;\n\n ", ": 0.25rem 0.75rem;\n ", ": 0 0.375rem;\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 ", ": -0.0625rem;\n ", ": 0.25rem;\n\n ", ": 0.25rem;\n ", ": -0.0625rem;\n "])), _styledComponents.badgeTokens.borderRadius, _styledComponents.badgeTokens.height, _styledComponents.badgeTokens.padding, _styledComponents.badgeTokens.paddingIconOnly, _styledComponents.badgeTokens.fontFamily, _styledComponents.badgeTokens.fontSize, _styledComponents.badgeTokens.fontStyle, _styledComponents.badgeTokens.fontWeight, _styledComponents.badgeTokens.letterSpacing, _styledComponents.badgeTokens.lineHeight, _styledComponents.badgeTokens.leftContentMarginLeft, _styledComponents.badgeTokens.leftContentMarginRight, _styledComponents.badgeTokens.rightContentMarginLeft, _styledComponents.badgeTokens.rightContentMarginRight),
27
- m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": 1.5rem;\n\n ", ": 0.25rem 0.5rem;\n ", ": 0 0.375rem;\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 ", ": -0.0625rem;\n ", ": 0.25rem;\n\n ", ": 0.25rem;\n ", ": -0.0625rem;\n "])), _styledComponents.badgeTokens.borderRadius, _styledComponents.badgeTokens.height, _styledComponents.badgeTokens.padding, _styledComponents.badgeTokens.paddingIconOnly, _styledComponents.badgeTokens.fontFamily, _styledComponents.badgeTokens.fontSize, _styledComponents.badgeTokens.fontStyle, _styledComponents.badgeTokens.fontWeight, _styledComponents.badgeTokens.letterSpacing, _styledComponents.badgeTokens.lineHeight, _styledComponents.badgeTokens.leftContentMarginLeft, _styledComponents.badgeTokens.leftContentMarginRight, _styledComponents.badgeTokens.rightContentMarginLeft, _styledComponents.badgeTokens.rightContentMarginRight),
28
- s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": 1.25rem;\n\n ", ": 0.188rem 0.5rem;\n ", ": 0 0.25rem;\n\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n\n ", ": -0.0625rem;\n ", ": 0.125rem;\n\n ", ": 0.125rem;\n ", ": -0.0625rem;\n "])), _styledComponents.badgeTokens.borderRadius, _styledComponents.badgeTokens.height, _styledComponents.badgeTokens.padding, _styledComponents.badgeTokens.paddingIconOnly, _styledComponents.badgeTokens.fontFamily, _styledComponents.badgeTokens.fontSize, _styledComponents.badgeTokens.fontStyle, _styledComponents.badgeTokens.fontWeight, _styledComponents.badgeTokens.letterSpacing, _styledComponents.badgeTokens.lineHeight, _styledComponents.badgeTokens.leftContentMarginLeft, _styledComponents.badgeTokens.leftContentMarginRight, _styledComponents.badgeTokens.rightContentMarginLeft, _styledComponents.badgeTokens.rightContentMarginRight),
29
- xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.25rem;\n ", ": 1rem;\n\n ", ": 0 0.25rem;\n ", ": 0 0.188rem;\n\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n\n ", ": -0.0625rem;\n ", ": 0.125rem;\n\n ", ": 0.125rem;\n ", ": -0.0625rem;\n "])), _styledComponents.badgeTokens.borderRadius, _styledComponents.badgeTokens.height, _styledComponents.badgeTokens.padding, _styledComponents.badgeTokens.paddingIconOnly, _styledComponents.badgeTokens.fontFamily, _styledComponents.badgeTokens.fontSize, _styledComponents.badgeTokens.fontStyle, _styledComponents.badgeTokens.fontWeight, _styledComponents.badgeTokens.letterSpacing, _styledComponents.badgeTokens.lineHeight, _styledComponents.badgeTokens.leftContentMarginLeft, _styledComponents.badgeTokens.leftContentMarginRight, _styledComponents.badgeTokens.rightContentMarginLeft, _styledComponents.badgeTokens.rightContentMarginRight)
30
- },
31
- pilled: {
32
- "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.25rem;\n "])), _styledComponents.badgeTokens.pilledBorderRadius)
33
- },
34
- transparent: {
35
- "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral([""])))
36
- },
37
- clear: {
38
- "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-clear);\n "])), _styledComponents.badgeTokens.backgroundClear)
39
- }
40
- }
41
- };
@@ -1,35 +0,0 @@
1
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
2
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
3
- import { css, badgeTokens } from '@salutejs/plasma-new-hope/styled-components';
4
- export var config = {
5
- defaults: {
6
- view: 'default',
7
- size: 'm'
8
- },
9
- variations: {
10
- view: {
11
- "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n\n ", ": var(--text-primary);\n "])), badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent, badgeTokens.colorClear),
12
- accent: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n\n ", ": var(--text-accent);\n ", ": var(--surface-transparent-accent);\n\n ", ": var(--text-accent);\n "])), badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent, badgeTokens.colorClear),
13
- positive: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive);\n\n ", ": var(--text-positive);\n ", ": var(--surface-transparent-positive);\n\n ", ": var(--text-positive);\n "])), badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent, badgeTokens.colorClear),
14
- warning: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning);\n\n ", ": var(--text-warning);\n ", ": var(--surface-transparent-warning);\n\n ", ": var(--text-warning);\n "])), badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent, badgeTokens.colorClear),
15
- negative: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative);\n\n ", ": var(--text-negative);\n ", ": var(--surface-transparent-negative);\n\n ", ": var(--text-negative);\n "])), badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent, badgeTokens.colorClear),
16
- dark: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default);\n\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep);\n\n ", ": var(--on-light-text-primary);\n "])), badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent, badgeTokens.colorClear),
17
- light: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-text-primary);\n ", ": var(--on-dark-surface-solid-default);\n\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-surface-transparent-card);\n\n ", ": var(--on-dark-text-primary);\n "])), badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent, badgeTokens.colorClear)
18
- },
19
- size: {
20
- l: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": 1.75rem;\n\n ", ": 0.25rem 0.75rem;\n ", ": 0 0.375rem;\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 ", ": -0.0625rem;\n ", ": 0.25rem;\n\n ", ": 0.25rem;\n ", ": -0.0625rem;\n "])), badgeTokens.borderRadius, badgeTokens.height, badgeTokens.padding, badgeTokens.paddingIconOnly, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
21
- m: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": 1.5rem;\n\n ", ": 0.25rem 0.5rem;\n ", ": 0 0.375rem;\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 ", ": -0.0625rem;\n ", ": 0.25rem;\n\n ", ": 0.25rem;\n ", ": -0.0625rem;\n "])), badgeTokens.borderRadius, badgeTokens.height, badgeTokens.padding, badgeTokens.paddingIconOnly, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
22
- s: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": 1.25rem;\n\n ", ": 0.188rem 0.5rem;\n ", ": 0 0.25rem;\n\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n\n ", ": -0.0625rem;\n ", ": 0.125rem;\n\n ", ": 0.125rem;\n ", ": -0.0625rem;\n "])), badgeTokens.borderRadius, badgeTokens.height, badgeTokens.padding, badgeTokens.paddingIconOnly, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
23
- xs: /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.25rem;\n ", ": 1rem;\n\n ", ": 0 0.25rem;\n ", ": 0 0.188rem;\n\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n\n ", ": -0.0625rem;\n ", ": 0.125rem;\n\n ", ": 0.125rem;\n ", ": -0.0625rem;\n "])), badgeTokens.borderRadius, badgeTokens.height, badgeTokens.padding, badgeTokens.paddingIconOnly, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight)
24
- },
25
- pilled: {
26
- "true": /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.25rem;\n "])), badgeTokens.pilledBorderRadius)
27
- },
28
- transparent: {
29
- "true": /*#__PURE__*/css(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral([""])))
30
- },
31
- clear: {
32
- "true": /*#__PURE__*/css(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-clear);\n "])), badgeTokens.backgroundClear)
33
- }
34
- }
35
- };