bianic-ui 1.0.0-beta.2 → 1.0.0-beta.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/dist/cjs/index.js +188 -843
  2. package/dist/cjs/lib.css +1 -1
  3. package/dist/cjs/types/components/Button/Button.d.ts +12 -0
  4. package/dist/cjs/types/components/Button/configs.d.ts +0 -6
  5. package/dist/cjs/types/components/Button/index.d.ts +5 -1
  6. package/dist/cjs/types/components/Dump/Dump.d.ts +3 -0
  7. package/dist/cjs/types/components/Dump/index.d.ts +1 -0
  8. package/dist/cjs/types/components/Forms/Checkbox.d.ts +7 -0
  9. package/dist/cjs/types/components/Forms/LiveSearch.d.ts +13 -0
  10. package/dist/cjs/types/components/Forms/Radio.d.ts +8 -0
  11. package/dist/cjs/types/components/Forms/SelectInput.d.ts +13 -0
  12. package/dist/cjs/types/components/Forms/TextArea.d.ts +10 -0
  13. package/dist/cjs/types/components/Forms/TextInput.d.ts +14 -0
  14. package/dist/cjs/types/components/Forms/Toggle.d.ts +8 -0
  15. package/dist/cjs/types/components/Modal/ModalBody.d.ts +10 -0
  16. package/dist/cjs/types/components/Modal/ModalFooter.d.ts +7 -0
  17. package/dist/cjs/types/components/Modal/index.d.ts +3 -0
  18. package/dist/cjs/types/components/Tag/TagLabel.d.ts +14 -0
  19. package/dist/cjs/types/components/Tag/index.d.ts +1 -0
  20. package/dist/cjs/types/components/TagLabel/TagLabelBlockSimulation.d.ts +15 -0
  21. package/dist/cjs/types/components/TagLabel/configs.d.ts +35 -651
  22. package/dist/cjs/types/components/TagLabel/index.d.ts +21 -7
  23. package/dist/cjs/types/components/Typography/Text.d.ts +7 -0
  24. package/dist/cjs/types/utility/helper.d.ts +3 -0
  25. package/dist/esm/index.js +188 -843
  26. package/dist/esm/lib.css +1 -1
  27. package/dist/esm/types/components/Button/Button.d.ts +12 -0
  28. package/dist/esm/types/components/Button/configs.d.ts +0 -6
  29. package/dist/esm/types/components/Button/index.d.ts +5 -1
  30. package/dist/esm/types/components/Dump/Dump.d.ts +3 -0
  31. package/dist/esm/types/components/Dump/index.d.ts +1 -0
  32. package/dist/esm/types/components/Forms/Checkbox.d.ts +7 -0
  33. package/dist/esm/types/components/Forms/LiveSearch.d.ts +13 -0
  34. package/dist/esm/types/components/Forms/Radio.d.ts +8 -0
  35. package/dist/esm/types/components/Forms/SelectInput.d.ts +13 -0
  36. package/dist/esm/types/components/Forms/TextArea.d.ts +10 -0
  37. package/dist/esm/types/components/Forms/TextInput.d.ts +14 -0
  38. package/dist/esm/types/components/Forms/Toggle.d.ts +8 -0
  39. package/dist/esm/types/components/Modal/ModalBody.d.ts +10 -0
  40. package/dist/esm/types/components/Modal/ModalFooter.d.ts +7 -0
  41. package/dist/esm/types/components/Modal/index.d.ts +3 -0
  42. package/dist/esm/types/components/Tag/TagLabel.d.ts +14 -0
  43. package/dist/esm/types/components/Tag/index.d.ts +1 -0
  44. package/dist/esm/types/components/TagLabel/TagLabelBlockSimulation.d.ts +15 -0
  45. package/dist/esm/types/components/TagLabel/configs.d.ts +35 -651
  46. package/dist/esm/types/components/TagLabel/index.d.ts +21 -7
  47. package/dist/esm/types/components/Typography/Text.d.ts +7 -0
  48. package/dist/esm/types/utility/helper.d.ts +3 -0
  49. package/dist/index.d.ts +126 -569
  50. package/package.json +1 -1
  51. package/src/style/color.css +12 -0
  52. package/tailwind.config.js +21 -0
package/dist/esm/types/components/TagLabel/configs.d.ts CHANGED
@@ -1,652 +1,36 @@
1
- import TbCheck from './Medium/TbCheck';
2
- import TbCheckBlack from './Medium/TbCheckBlack';
3
- import TbCheckBlackSmall from './Small/TbCheckBlackSmall';
4
- import TbCloseAbleBlack from './Medium/TbCloseAbleBlack';
5
- import TbCheckWhiteSmall from './Small/TbCheckWhiteSmall';
6
- import TbCloseAbleBlackSmall from './Small/TbCloseAbleBlackSmall';
7
- import TbCloseAbleWhiteSmall from './Small/TbCloseAbleWhiteSmall';
8
- import TbCloseAbleGraySmall from './Small/TbCloseAbleGraySmall';
9
- import TbCloseable from './Medium/TbCloseable';
10
- declare const TagLabelConfig: {
11
- default: {
12
- md: {
13
- iconColor: string;
14
- XColor: string;
15
- XcolorV: string;
16
- label: {
17
- bg: string;
18
- text: string;
19
- padding: string;
20
- radius: string;
21
- Xicon: string;
22
- };
23
- closeable: {
24
- bg: string;
25
- text: string;
26
- padding: string;
27
- radius: string;
28
- Xicon: typeof TbCloseAbleBlack;
29
- };
30
- icon: {
31
- bg: string;
32
- text: string;
33
- padding: string;
34
- radius: string;
35
- Xicon: typeof TbCheckBlack;
36
- };
37
- };
38
- sm: {
39
- iconColor: string;
40
- XColor: string;
41
- XcolorV: string;
42
- label: {
43
- bg: string;
44
- text: string;
45
- padding: string;
46
- radius: string;
47
- Xicon: string;
48
- };
49
- closeable: {
50
- bg: string;
51
- text: string;
52
- padding: string;
53
- radius: string;
54
- Xicon: typeof TbCloseAbleBlackSmall;
55
- };
56
- icon: {
57
- bg: string;
58
- text: string;
59
- padding: string;
60
- radius: string;
61
- Xicon: typeof TbCheckBlackSmall;
62
- };
63
- };
64
- tn: {
65
- iconColor: string;
66
- XColor: string;
67
- XcolorV: string;
68
- label: {
69
- bg: string;
70
- text: string;
71
- padding: string;
72
- radius: string;
73
- Xicon: string;
74
- };
75
- closeable: {
76
- bg: string;
77
- text: string;
78
- padding: string;
79
- radius: string;
80
- Xicon: typeof TbCloseAbleBlackSmall;
81
- };
82
- icon: {
83
- bg: string;
84
- text: string;
85
- padding: string;
86
- radius: string;
87
- Xicon: typeof TbCheckBlackSmall;
88
- };
89
- };
90
- };
91
- blue: {
92
- md: {
93
- iconColor: string;
94
- XColor: string;
95
- XcolorV: string;
96
- label: {
97
- bg: string;
98
- text: string;
99
- padding: string;
100
- radius: string;
101
- Xicon: string;
102
- };
103
- closeable: {
104
- bg: string;
105
- text: string;
106
- padding: string;
107
- radius: string;
108
- Xicon: typeof TbCloseable;
109
- };
110
- icon: {
111
- bg: string;
112
- text: string;
113
- padding: string;
114
- radius: string;
115
- Xicon: typeof TbCheck;
116
- };
117
- };
118
- sm: {
119
- iconColor: string;
120
- XColor: string;
121
- XcolorV: string;
122
- label: {
123
- bg: string;
124
- text: string;
125
- padding: string;
126
- radius: string;
127
- Xicon: string;
128
- };
129
- closeable: {
130
- bg: string;
131
- text: string;
132
- padding: string;
133
- radius: string;
134
- Xicon: typeof TbCloseAbleWhiteSmall;
135
- };
136
- icon: {
137
- bg: string;
138
- text: string;
139
- padding: string;
140
- radius: string;
141
- Xicon: typeof TbCheckWhiteSmall;
142
- };
143
- };
144
- tn: {
145
- iconColor: string;
146
- XColor: string;
147
- XcolorV: string;
148
- label: {
149
- bg: string;
150
- text: string;
151
- padding: string;
152
- radius: string;
153
- Xicon: string;
154
- };
155
- closeable: {
156
- bg: string;
157
- text: string;
158
- padding: string;
159
- radius: string;
160
- Xicon: typeof TbCloseAbleWhiteSmall;
161
- };
162
- icon: {
163
- bg: string;
164
- text: string;
165
- padding: string;
166
- radius: string;
167
- Xicon: typeof TbCheckWhiteSmall;
168
- };
169
- };
170
- };
171
- teal: {
172
- md: {
173
- iconColor: string;
174
- XColor: string;
175
- XcolorV: string;
176
- label: {
177
- bg: string;
178
- text: string;
179
- padding: string;
180
- radius: string;
181
- Xicon: string;
182
- };
183
- closeable: {
184
- bg: string;
185
- text: string;
186
- padding: string;
187
- radius: string;
188
- Xicon: typeof TbCloseable;
189
- };
190
- icon: {
191
- bg: string;
192
- text: string;
193
- padding: string;
194
- radius: string;
195
- Xicon: typeof TbCheck;
196
- };
197
- };
198
- sm: {
199
- iconColor: string;
200
- XColor: string;
201
- XcolorV: string;
202
- label: {
203
- bg: string;
204
- text: string;
205
- padding: string;
206
- radius: string;
207
- Xicon: string;
208
- };
209
- closeable: {
210
- bg: string;
211
- text: string;
212
- padding: string;
213
- radius: string;
214
- Xicon: typeof TbCloseAbleWhiteSmall;
215
- };
216
- icon: {
217
- bg: string;
218
- text: string;
219
- padding: string;
220
- radius: string;
221
- Xicon: typeof TbCheckWhiteSmall;
222
- };
223
- };
224
- tn: {
225
- iconColor: string;
226
- XColor: string;
227
- XcolorV: string;
228
- label: {
229
- bg: string;
230
- text: string;
231
- padding: string;
232
- radius: string;
233
- Xicon: string;
234
- };
235
- closeable: {
236
- bg: string;
237
- text: string;
238
- padding: string;
239
- radius: string;
240
- Xicon: typeof TbCloseAbleWhiteSmall;
241
- };
242
- icon: {
243
- bg: string;
244
- text: string;
245
- padding: string;
246
- radius: string;
247
- Xicon: typeof TbCheckWhiteSmall;
248
- };
249
- };
250
- };
251
- green: {
252
- md: {
253
- iconColor: string;
254
- XColor: string;
255
- XcolorV: string;
256
- label: {
257
- bg: string;
258
- text: string;
259
- padding: string;
260
- radius: string;
261
- Xicon: string;
262
- };
263
- closeable: {
264
- bg: string;
265
- text: string;
266
- padding: string;
267
- radius: string;
268
- Xicon: typeof TbCloseable;
269
- };
270
- icon: {
271
- bg: string;
272
- text: string;
273
- padding: string;
274
- radius: string;
275
- Xicon: typeof TbCheck;
276
- };
277
- };
278
- sm: {
279
- iconColor: string;
280
- XColor: string;
281
- XcolorV: string;
282
- label: {
283
- bg: string;
284
- text: string;
285
- padding: string;
286
- radius: string;
287
- Xicon: string;
288
- };
289
- closeable: {
290
- bg: string;
291
- text: string;
292
- padding: string;
293
- radius: string;
294
- Xicon: typeof TbCloseAbleWhiteSmall;
295
- };
296
- icon: {
297
- bg: string;
298
- text: string;
299
- padding: string;
300
- radius: string;
301
- Xicon: typeof TbCheckWhiteSmall;
302
- };
303
- };
304
- tn: {
305
- iconColor: string;
306
- XColor: string;
307
- XcolorV: string;
308
- label: {
309
- bg: string;
310
- text: string;
311
- padding: string;
312
- radius: string;
313
- Xicon: string;
314
- };
315
- closeable: {
316
- bg: string;
317
- text: string;
318
- padding: string;
319
- radius: string;
320
- Xicon: typeof TbCloseAbleWhiteSmall;
321
- };
322
- icon: {
323
- bg: string;
324
- text: string;
325
- padding: string;
326
- radius: string;
327
- Xicon: typeof TbCheckWhiteSmall;
328
- };
329
- };
330
- };
331
- yellow: {
332
- md: {
333
- iconColor: string;
334
- XColor: string;
335
- XcolorV: string;
336
- label: {
337
- bg: string;
338
- text: string;
339
- padding: string;
340
- radius: string;
341
- Xicon: string;
342
- };
343
- closeable: {
344
- bg: string;
345
- text: string;
346
- padding: string;
347
- radius: string;
348
- Xicon: typeof TbCloseable;
349
- };
350
- icon: {
351
- bg: string;
352
- text: string;
353
- padding: string;
354
- radius: string;
355
- Xicon: typeof TbCheck;
356
- };
357
- };
358
- sm: {
359
- iconColor: string;
360
- XColor: string;
361
- XcolorV: string;
362
- label: {
363
- bg: string;
364
- text: string;
365
- padding: string;
366
- radius: string;
367
- Xicon: string;
368
- };
369
- closeable: {
370
- bg: string;
371
- text: string;
372
- padding: string;
373
- radius: string;
374
- Xicon: typeof TbCloseAbleWhiteSmall;
375
- };
376
- icon: {
377
- bg: string;
378
- text: string;
379
- padding: string;
380
- radius: string;
381
- Xicon: typeof TbCheckWhiteSmall;
382
- };
383
- };
384
- tn: {
385
- iconColor: string;
386
- XColor: string;
387
- XcolorV: string;
388
- label: {
389
- bg: string;
390
- text: string;
391
- padding: string;
392
- radius: string;
393
- Xicon: string;
394
- };
395
- closeable: {
396
- bg: string;
397
- text: string;
398
- padding: string;
399
- radius: string;
400
- Xicon: typeof TbCloseAbleWhiteSmall;
401
- };
402
- icon: {
403
- bg: string;
404
- text: string;
405
- padding: string;
406
- radius: string;
407
- Xicon: typeof TbCheckWhiteSmall;
408
- };
409
- };
410
- };
411
- red: {
412
- md: {
413
- iconColor: string;
414
- XColor: string;
415
- XcolorV: string;
416
- label: {
417
- bg: string;
418
- text: string;
419
- padding: string;
420
- radius: string;
421
- Xicon: string;
422
- };
423
- closeable: {
424
- bg: string;
425
- text: string;
426
- padding: string;
427
- radius: string;
428
- Xicon: typeof TbCloseable;
429
- };
430
- icon: {
431
- bg: string;
432
- text: string;
433
- padding: string;
434
- radius: string;
435
- Xicon: typeof TbCheck;
436
- };
437
- };
438
- sm: {
439
- iconColor: string;
440
- XColor: string;
441
- XcolorV: string;
442
- label: {
443
- bg: string;
444
- text: string;
445
- padding: string;
446
- radius: string;
447
- Xicon: string;
448
- };
449
- closeable: {
450
- bg: string;
451
- text: string;
452
- padding: string;
453
- radius: string;
454
- Xicon: typeof TbCloseAbleWhiteSmall;
455
- };
456
- icon: {
457
- bg: string;
458
- text: string;
459
- padding: string;
460
- radius: string;
461
- Xicon: typeof TbCheckWhiteSmall;
462
- };
463
- };
464
- tn: {
465
- iconColor: string;
466
- XColor: string;
467
- XcolorV: string;
468
- label: {
469
- bg: string;
470
- text: string;
471
- padding: string;
472
- radius: string;
473
- Xicon: string;
474
- };
475
- closeable: {
476
- bg: string;
477
- text: string;
478
- padding: string;
479
- radius: string;
480
- Xicon: typeof TbCloseAbleWhiteSmall;
481
- };
482
- icon: {
483
- bg: string;
484
- text: string;
485
- padding: string;
486
- radius: string;
487
- Xicon: typeof TbCheckWhiteSmall;
488
- };
489
- };
490
- };
491
- black: {
492
- md: {
493
- iconColor: string;
494
- XColor: string;
495
- XcolorV: string;
496
- label: {
497
- bg: string;
498
- text: string;
499
- padding: string;
500
- radius: string;
501
- Xicon: string;
502
- };
503
- closeable: {
504
- bg: string;
505
- text: string;
506
- padding: string;
507
- radius: string;
508
- Xicon: typeof TbCloseable;
509
- };
510
- icon: {
511
- bg: string;
512
- text: string;
513
- padding: string;
514
- radius: string;
515
- Xicon: typeof TbCheck;
516
- };
517
- };
518
- sm: {
519
- iconColor: string;
520
- XColor: string;
521
- XcolorV: string;
522
- label: {
523
- bg: string;
524
- text: string;
525
- padding: string;
526
- radius: string;
527
- Xicon: string;
528
- };
529
- closeable: {
530
- bg: string;
531
- text: string;
532
- padding: string;
533
- radius: string;
534
- Xicon: typeof TbCloseAbleWhiteSmall;
535
- };
536
- icon: {
537
- bg: string;
538
- text: string;
539
- padding: string;
540
- radius: string;
541
- Xicon: typeof TbCheckWhiteSmall;
542
- };
543
- };
544
- tn: {
545
- iconColor: string;
546
- XColor: string;
547
- XcolorV: string;
548
- label: {
549
- bg: string;
550
- text: string;
551
- padding: string;
552
- radius: string;
553
- Xicon: string;
554
- };
555
- closeable: {
556
- bg: string;
557
- text: string;
558
- padding: string;
559
- radius: string;
560
- Xicon: typeof TbCloseAbleWhiteSmall;
561
- };
562
- icon: {
563
- bg: string;
564
- text: string;
565
- padding: string;
566
- radius: string;
567
- Xicon: typeof TbCheckWhiteSmall;
568
- };
569
- };
570
- };
571
- white: {
572
- md: {
573
- iconColor: string;
574
- XColor: string;
575
- XcolorV: string;
576
- label: {
577
- bg: string;
578
- text: string;
579
- padding: string;
580
- radius: string;
581
- Xicon: string;
582
- };
583
- closeable: {
584
- bg: string;
585
- text: string;
586
- padding: string;
587
- radius: string;
588
- Xicon: typeof TbCloseAbleBlack;
589
- };
590
- icon: {
591
- bg: string;
592
- text: string;
593
- padding: string;
594
- radius: string;
595
- Xicon: typeof TbCheckBlack;
596
- };
597
- };
598
- sm: {
599
- iconColor: string;
600
- XColor: string;
601
- XcolorV: string;
602
- label: {
603
- bg: string;
604
- text: string;
605
- padding: string;
606
- radius: string;
607
- Xicon: string;
608
- };
609
- closeable: {
610
- bg: string;
611
- text: string;
612
- padding: string;
613
- radius: string;
614
- Xicon: typeof TbCloseAbleGraySmall;
615
- };
616
- icon: {
617
- bg: string;
618
- text: string;
619
- padding: string;
620
- radius: string;
621
- Xicon: typeof TbCheckBlackSmall;
622
- };
623
- };
624
- tn: {
625
- iconColor: string;
626
- XColor: string;
627
- XcolorV: string;
628
- label: {
629
- bg: string;
630
- text: string;
631
- padding: string;
632
- radius: string;
633
- Xicon: string;
634
- };
635
- closeable: {
636
- bg: string;
637
- text: string;
638
- padding: string;
639
- radius: string;
640
- Xicon: typeof TbCloseAbleGraySmall;
641
- };
642
- icon: {
643
- bg: string;
644
- text: string;
645
- padding: string;
646
- radius: string;
647
- Xicon: typeof TbCheckBlackSmall;
648
- };
649
- };
650
- };
1
+ declare const colorConfig: {
2
+ default: string;
3
+ blue: string;
4
+ teal: string;
5
+ green: string;
6
+ yellow: string;
7
+ red: string;
8
+ black: string;
9
+ white: string;
651
10
  };
652
- export default TagLabelConfig;
11
+ declare const sizeConfig: {
12
+ md: string;
13
+ sm: string;
14
+ tn: string;
15
+ };
16
+ declare const iconOnlySizeConfig: {
17
+ md: string;
18
+ sm: string;
19
+ tn: string;
20
+ };
21
+ declare const closeConfig: {
22
+ default: string;
23
+ blue: string;
24
+ teal: string;
25
+ green: string;
26
+ yellow: string;
27
+ red: string;
28
+ black: string;
29
+ white: string;
30
+ };
31
+ declare const rightPaddingConfig: {
32
+ md: string;
33
+ sm: string;
34
+ tn: string;
35
+ };
36
+ export { colorConfig, sizeConfig, iconOnlySizeConfig, closeConfig, rightPaddingConfig };