@rebnd/ui 0.0.3 → 0.0.4

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 (79) hide show
  1. package/README.md +5 -3
  2. package/dist/index.d.ts +11 -0
  3. package/dist/src/assets/constants/components.d.ts +3 -0
  4. package/dist/src/components/RAvatar/RAvatar.d.ts +13 -13
  5. package/dist/src/components/RAvatar/utils/avatar.props.d.ts +7 -6
  6. package/dist/src/components/RAvatar/utils/avatar.style.d.ts +14 -10
  7. package/dist/src/components/RAvatarGroup/RAvatarGroup.d.ts +7 -7
  8. package/dist/src/components/RAvatarGroup/utils/avatar-group.props.d.ts +4 -3
  9. package/dist/src/components/RAvatarGroup/utils/avatar-group.style.d.ts +2 -1
  10. package/dist/src/components/RBadge/RBadge.d.ts +13 -13
  11. package/dist/src/components/RBadge/utils/badge.props.d.ts +8 -7
  12. package/dist/src/components/RBadge/utils/badge.style.d.ts +35 -66
  13. package/dist/src/components/RButton/RButton.d.ts +33 -13
  14. package/dist/src/components/RButton/utils/button.props.d.ts +16 -7
  15. package/dist/src/components/RButton/utils/button.style.d.ts +92 -38
  16. package/dist/src/components/RButtonGroup/RButtonGroup.d.ts +62 -0
  17. package/dist/src/components/RButtonGroup/utils/button-group.props.d.ts +30 -0
  18. package/dist/src/components/RButtonGroup/utils/button-group.style.d.ts +123 -0
  19. package/dist/src/components/RCheckbox/RCheckbox.d.ts +62 -0
  20. package/dist/src/components/RCheckbox/utils/checkbox.props.d.ts +27 -0
  21. package/dist/src/components/RCheckbox/utils/checkbox.style.d.ts +38 -0
  22. package/dist/src/components/RCheckboxGroup/RCheckboxGroup.d.ts +80 -0
  23. package/dist/src/components/RCheckboxGroup/utils/checkbox-group.props.d.ts +37 -0
  24. package/dist/src/components/RCheckboxGroup/utils/checkbox-group.style.d.ts +35 -0
  25. package/dist/src/components/RFormGroup/RFormGroup.d.ts +8 -2
  26. package/dist/src/components/RInput/RInput.d.ts +19 -3
  27. package/dist/src/components/RInput/utils/input.props.d.ts +7 -0
  28. package/dist/src/components/RInput/utils/input.style.d.ts +24 -2
  29. package/dist/src/components/RInputPassword/RInputPassword.d.ts +22 -0
  30. package/dist/src/components/RInputPassword/utils/input-password.props.d.ts +8 -0
  31. package/dist/src/components/RInputPassword/utils/input-password.style.d.ts +4 -0
  32. package/dist/src/components/RModal/RModal.d.ts +65 -0
  33. package/dist/src/components/RModal/utils/modal.props.d.ts +30 -0
  34. package/dist/src/components/RModal/utils/modal.style.d.ts +3 -0
  35. package/dist/src/components/RRadio/RRadio.d.ts +60 -0
  36. package/dist/src/components/RRadio/utils/radio.props.d.ts +27 -0
  37. package/dist/src/components/RRadio/utils/radio.style.d.ts +64 -0
  38. package/dist/src/components/RRadioGroup/RRadioGroup.d.ts +78 -0
  39. package/dist/src/components/RRadioGroup/utils/radio-group.props.d.ts +37 -0
  40. package/dist/src/components/RRadioGroup/utils/radio-group.style.d.ts +35 -0
  41. package/dist/src/components/RSwitch/RSwitch.d.ts +86 -0
  42. package/dist/src/components/RSwitch/utils/switch.props.d.ts +39 -0
  43. package/dist/src/components/RSwitch/utils/switch.style.d.ts +142 -0
  44. package/dist/src/components/RTabs/RTabs.d.ts +14 -14
  45. package/dist/src/components/RTabs/utils/tabs.props.d.ts +8 -6
  46. package/dist/src/components/RTabs/utils/tabs.style.d.ts +26 -10
  47. package/dist/src/components/RTextArea/RTextArea.d.ts +21 -1
  48. package/dist/src/components/RTextArea/utils/text-area.props.d.ts +11 -0
  49. package/dist/src/components/RTextArea/utils/text-area.style.d.ts +30 -2
  50. package/dist/src/components/RToast/RToast.d.ts +70 -0
  51. package/dist/src/components/RToast/utils/toast.props.d.ts +33 -0
  52. package/dist/src/components/RToast/utils/toast.style.d.ts +4 -0
  53. package/dist/src/components/RToastRenderer/RToastRenderer.d.ts +31 -0
  54. package/dist/src/components/RToastRenderer/utils/toast-renderer.props.d.ts +14 -0
  55. package/dist/src/components/RToastRenderer/utils/toast-renderer.style.d.ts +21 -0
  56. package/dist/src/components/RToggle/RToggle.d.ts +62 -0
  57. package/dist/src/components/RToggle/utils/toggle.props.d.ts +29 -0
  58. package/dist/src/components/RToggle/utils/toggle.style.d.ts +2 -0
  59. package/dist/src/composables/useModal.d.ts +8 -0
  60. package/dist/src/composables/useToast.d.ts +4 -0
  61. package/dist/src/theme/animations.d.ts +9 -0
  62. package/dist/src/theme/borders.d.ts +24 -0
  63. package/dist/src/theme/colors.d.ts +3696 -233
  64. package/dist/src/theme/fonts.d.ts +46 -0
  65. package/dist/src/theme/index.d.ts +2 -2
  66. package/dist/src/theme/radii.d.ts +24 -0
  67. package/dist/src/theme/semantic-tokens.d.ts +777 -35
  68. package/dist/src/theme/sizes.d.ts +21 -0
  69. package/dist/src/theme/spacing.d.ts +30 -0
  70. package/dist/src/theme/tokens.d.ts +3845 -232
  71. package/dist/src/types/component.d.ts +44 -14
  72. package/dist/src/types/index.d.ts +2 -3
  73. package/dist/src/utils/array.d.ts +3 -0
  74. package/dist/src/utils/regex.d.ts +2 -1
  75. package/dist/src/utils/string.d.ts +2 -1
  76. package/dist/styles.css +3274 -820
  77. package/dist/ui.js +14213 -1881
  78. package/dist/ui.umd.cjs +5 -2
  79. package/package.json +41 -43
@@ -1,87 +1,829 @@
1
1
  declare const _default: {
2
2
  colors: {
3
- info: {
4
- DEFAULT: {
3
+ primary: {
4
+ foreground: {
5
5
  value: {
6
6
  base: string;
7
7
  _dark: string;
8
8
  };
9
9
  };
10
- lighter: {
11
- value: string;
10
+ surface: {
11
+ value: {
12
+ base: string;
13
+ _dark: string;
14
+ };
12
15
  };
13
- darker: {
14
- value: string;
16
+ ring: {
17
+ value: {
18
+ base: string;
19
+ _dark: string;
20
+ };
15
21
  };
16
- };
17
- error: {
18
- DEFAULT: {
22
+ border: {
23
+ value: {
24
+ base: string;
25
+ _dark: string;
26
+ };
27
+ };
28
+ pressed: {
29
+ value: {
30
+ base: string;
31
+ _dark: string;
32
+ };
33
+ };
34
+ track: {
19
35
  value: {
20
36
  base: string;
21
37
  _dark: string;
22
38
  };
23
39
  };
24
- lighter: {
25
- value: string;
40
+ disabled: {
41
+ value: {
42
+ base: string;
43
+ _dark: string;
44
+ };
26
45
  };
27
- darker: {
28
- value: string;
46
+ 50: {
47
+ value: {
48
+ base: string;
49
+ _dark: string;
50
+ };
29
51
  };
30
- };
31
- primary: {
32
- DEFAULT: {
52
+ 100: {
53
+ value: {
54
+ base: string;
55
+ _dark: string;
56
+ };
57
+ };
58
+ 200: {
59
+ value: {
60
+ base: string;
61
+ _dark: string;
62
+ };
63
+ };
64
+ 300: {
65
+ value: {
66
+ base: string;
67
+ _dark: string;
68
+ };
69
+ };
70
+ 400: {
71
+ value: {
72
+ base: string;
73
+ _dark: string;
74
+ };
75
+ };
76
+ 500: {
77
+ value: {
78
+ base: string;
79
+ _dark: string;
80
+ };
81
+ };
82
+ 600: {
83
+ value: {
84
+ base: string;
85
+ _dark: string;
86
+ };
87
+ };
88
+ 700: {
89
+ value: {
90
+ base: string;
91
+ _dark: string;
92
+ };
93
+ };
94
+ 800: {
95
+ value: {
96
+ base: string;
97
+ _dark: string;
98
+ };
99
+ };
100
+ 850: {
33
101
  value: {
34
102
  base: string;
35
103
  _dark: string;
36
104
  };
37
105
  };
38
- lighter: {
39
- value: string;
106
+ 900: {
107
+ value: {
108
+ base: string;
109
+ _dark: string;
110
+ };
40
111
  };
41
- darker: {
42
- value: string;
112
+ 950: {
113
+ value: {
114
+ base: string;
115
+ _dark: string;
116
+ };
43
117
  };
44
118
  };
45
119
  secondary: {
46
- DEFAULT: {
120
+ foreground: {
121
+ value: {
122
+ base: string;
123
+ _dark: string;
124
+ };
125
+ };
126
+ surface: {
127
+ value: {
128
+ base: string;
129
+ _dark: string;
130
+ };
131
+ };
132
+ ring: {
133
+ value: {
134
+ base: string;
135
+ _dark: string;
136
+ };
137
+ };
138
+ border: {
139
+ value: {
140
+ base: string;
141
+ _dark: string;
142
+ };
143
+ };
144
+ pressed: {
145
+ value: {
146
+ base: string;
147
+ _dark: string;
148
+ };
149
+ };
150
+ track: {
151
+ value: {
152
+ base: string;
153
+ _dark: string;
154
+ };
155
+ };
156
+ disabled: {
157
+ value: {
158
+ base: string;
159
+ _dark: string;
160
+ };
161
+ };
162
+ 50: {
163
+ value: {
164
+ base: string;
165
+ _dark: string;
166
+ };
167
+ };
168
+ 100: {
169
+ value: {
170
+ base: string;
171
+ _dark: string;
172
+ };
173
+ };
174
+ 200: {
175
+ value: {
176
+ base: string;
177
+ _dark: string;
178
+ };
179
+ };
180
+ 300: {
181
+ value: {
182
+ base: string;
183
+ _dark: string;
184
+ };
185
+ };
186
+ 400: {
187
+ value: {
188
+ base: string;
189
+ _dark: string;
190
+ };
191
+ };
192
+ 500: {
193
+ value: {
194
+ base: string;
195
+ _dark: string;
196
+ };
197
+ };
198
+ 600: {
199
+ value: {
200
+ base: string;
201
+ _dark: string;
202
+ };
203
+ };
204
+ 700: {
205
+ value: {
206
+ base: string;
207
+ _dark: string;
208
+ };
209
+ };
210
+ 800: {
211
+ value: {
212
+ base: string;
213
+ _dark: string;
214
+ };
215
+ };
216
+ 850: {
47
217
  value: {
48
218
  base: string;
49
219
  _dark: string;
50
220
  };
51
221
  };
52
- lighter: {
53
- value: string;
222
+ 900: {
223
+ value: {
224
+ base: string;
225
+ _dark: string;
226
+ };
54
227
  };
55
- darker: {
56
- value: string;
228
+ 950: {
229
+ value: {
230
+ base: string;
231
+ _dark: string;
232
+ };
57
233
  };
58
234
  };
59
235
  success: {
60
- DEFAULT: {
236
+ foreground: {
237
+ value: {
238
+ base: string;
239
+ _dark: string;
240
+ };
241
+ };
242
+ surface: {
243
+ value: {
244
+ base: string;
245
+ _dark: string;
246
+ };
247
+ };
248
+ ring: {
249
+ value: {
250
+ base: string;
251
+ _dark: string;
252
+ };
253
+ };
254
+ border: {
255
+ value: {
256
+ base: string;
257
+ _dark: string;
258
+ };
259
+ };
260
+ pressed: {
261
+ value: {
262
+ base: string;
263
+ _dark: string;
264
+ };
265
+ };
266
+ track: {
267
+ value: {
268
+ base: string;
269
+ _dark: string;
270
+ };
271
+ };
272
+ disabled: {
273
+ value: {
274
+ base: string;
275
+ _dark: string;
276
+ };
277
+ };
278
+ 50: {
279
+ value: {
280
+ base: string;
281
+ _dark: string;
282
+ };
283
+ };
284
+ 100: {
285
+ value: {
286
+ base: string;
287
+ _dark: string;
288
+ };
289
+ };
290
+ 200: {
291
+ value: {
292
+ base: string;
293
+ _dark: string;
294
+ };
295
+ };
296
+ 300: {
297
+ value: {
298
+ base: string;
299
+ _dark: string;
300
+ };
301
+ };
302
+ 400: {
303
+ value: {
304
+ base: string;
305
+ _dark: string;
306
+ };
307
+ };
308
+ 500: {
309
+ value: {
310
+ base: string;
311
+ _dark: string;
312
+ };
313
+ };
314
+ 600: {
315
+ value: {
316
+ base: string;
317
+ _dark: string;
318
+ };
319
+ };
320
+ 700: {
321
+ value: {
322
+ base: string;
323
+ _dark: string;
324
+ };
325
+ };
326
+ 800: {
327
+ value: {
328
+ base: string;
329
+ _dark: string;
330
+ };
331
+ };
332
+ 850: {
61
333
  value: {
62
334
  base: string;
63
335
  _dark: string;
64
336
  };
65
337
  };
66
- lighter: {
67
- value: string;
338
+ 900: {
339
+ value: {
340
+ base: string;
341
+ _dark: string;
342
+ };
68
343
  };
69
- darker: {
70
- value: string;
344
+ 950: {
345
+ value: {
346
+ base: string;
347
+ _dark: string;
348
+ };
71
349
  };
72
350
  };
73
351
  warning: {
74
- DEFAULT: {
352
+ foreground: {
75
353
  value: {
76
354
  base: string;
77
355
  _dark: string;
78
356
  };
79
357
  };
80
- lighter: {
81
- value: string;
358
+ surface: {
359
+ value: {
360
+ base: string;
361
+ _dark: string;
362
+ };
363
+ };
364
+ ring: {
365
+ value: {
366
+ base: string;
367
+ _dark: string;
368
+ };
369
+ };
370
+ border: {
371
+ value: {
372
+ base: string;
373
+ _dark: string;
374
+ };
375
+ };
376
+ pressed: {
377
+ value: {
378
+ base: string;
379
+ _dark: string;
380
+ };
381
+ };
382
+ track: {
383
+ value: {
384
+ base: string;
385
+ _dark: string;
386
+ };
387
+ };
388
+ disabled: {
389
+ value: {
390
+ base: string;
391
+ _dark: string;
392
+ };
393
+ };
394
+ 50: {
395
+ value: {
396
+ base: string;
397
+ _dark: string;
398
+ };
399
+ };
400
+ 100: {
401
+ value: {
402
+ base: string;
403
+ _dark: string;
404
+ };
405
+ };
406
+ 200: {
407
+ value: {
408
+ base: string;
409
+ _dark: string;
410
+ };
411
+ };
412
+ 300: {
413
+ value: {
414
+ base: string;
415
+ _dark: string;
416
+ };
82
417
  };
83
- darker: {
84
- value: string;
418
+ 400: {
419
+ value: {
420
+ base: string;
421
+ _dark: string;
422
+ };
423
+ };
424
+ 500: {
425
+ value: {
426
+ base: string;
427
+ _dark: string;
428
+ };
429
+ };
430
+ 600: {
431
+ value: {
432
+ base: string;
433
+ _dark: string;
434
+ };
435
+ };
436
+ 700: {
437
+ value: {
438
+ base: string;
439
+ _dark: string;
440
+ };
441
+ };
442
+ 800: {
443
+ value: {
444
+ base: string;
445
+ _dark: string;
446
+ };
447
+ };
448
+ 850: {
449
+ value: {
450
+ base: string;
451
+ _dark: string;
452
+ };
453
+ };
454
+ 900: {
455
+ value: {
456
+ base: string;
457
+ _dark: string;
458
+ };
459
+ };
460
+ 950: {
461
+ value: {
462
+ base: string;
463
+ _dark: string;
464
+ };
465
+ };
466
+ };
467
+ error: {
468
+ foreground: {
469
+ value: {
470
+ base: string;
471
+ _dark: string;
472
+ };
473
+ };
474
+ surface: {
475
+ value: {
476
+ base: string;
477
+ _dark: string;
478
+ };
479
+ };
480
+ ring: {
481
+ value: {
482
+ base: string;
483
+ _dark: string;
484
+ };
485
+ };
486
+ border: {
487
+ value: {
488
+ base: string;
489
+ _dark: string;
490
+ };
491
+ };
492
+ pressed: {
493
+ value: {
494
+ base: string;
495
+ _dark: string;
496
+ };
497
+ };
498
+ track: {
499
+ value: {
500
+ base: string;
501
+ _dark: string;
502
+ };
503
+ };
504
+ disabled: {
505
+ value: {
506
+ base: string;
507
+ _dark: string;
508
+ };
509
+ };
510
+ 50: {
511
+ value: {
512
+ base: string;
513
+ _dark: string;
514
+ };
515
+ };
516
+ 100: {
517
+ value: {
518
+ base: string;
519
+ _dark: string;
520
+ };
521
+ };
522
+ 200: {
523
+ value: {
524
+ base: string;
525
+ _dark: string;
526
+ };
527
+ };
528
+ 300: {
529
+ value: {
530
+ base: string;
531
+ _dark: string;
532
+ };
533
+ };
534
+ 400: {
535
+ value: {
536
+ base: string;
537
+ _dark: string;
538
+ };
539
+ };
540
+ 500: {
541
+ value: {
542
+ base: string;
543
+ _dark: string;
544
+ };
545
+ };
546
+ 600: {
547
+ value: {
548
+ base: string;
549
+ _dark: string;
550
+ };
551
+ };
552
+ 700: {
553
+ value: {
554
+ base: string;
555
+ _dark: string;
556
+ };
557
+ };
558
+ 800: {
559
+ value: {
560
+ base: string;
561
+ _dark: string;
562
+ };
563
+ };
564
+ 850: {
565
+ value: {
566
+ base: string;
567
+ _dark: string;
568
+ };
569
+ };
570
+ 900: {
571
+ value: {
572
+ base: string;
573
+ _dark: string;
574
+ };
575
+ };
576
+ 950: {
577
+ value: {
578
+ base: string;
579
+ _dark: string;
580
+ };
581
+ };
582
+ };
583
+ info: {
584
+ foreground: {
585
+ value: {
586
+ base: string;
587
+ _dark: string;
588
+ };
589
+ };
590
+ surface: {
591
+ value: {
592
+ base: string;
593
+ _dark: string;
594
+ };
595
+ };
596
+ ring: {
597
+ value: {
598
+ base: string;
599
+ _dark: string;
600
+ };
601
+ };
602
+ border: {
603
+ value: {
604
+ base: string;
605
+ _dark: string;
606
+ };
607
+ };
608
+ pressed: {
609
+ value: {
610
+ base: string;
611
+ _dark: string;
612
+ };
613
+ };
614
+ track: {
615
+ value: {
616
+ base: string;
617
+ _dark: string;
618
+ };
619
+ };
620
+ disabled: {
621
+ value: {
622
+ base: string;
623
+ _dark: string;
624
+ };
625
+ };
626
+ 50: {
627
+ value: {
628
+ base: string;
629
+ _dark: string;
630
+ };
631
+ };
632
+ 100: {
633
+ value: {
634
+ base: string;
635
+ _dark: string;
636
+ };
637
+ };
638
+ 200: {
639
+ value: {
640
+ base: string;
641
+ _dark: string;
642
+ };
643
+ };
644
+ 300: {
645
+ value: {
646
+ base: string;
647
+ _dark: string;
648
+ };
649
+ };
650
+ 400: {
651
+ value: {
652
+ base: string;
653
+ _dark: string;
654
+ };
655
+ };
656
+ 500: {
657
+ value: {
658
+ base: string;
659
+ _dark: string;
660
+ };
661
+ };
662
+ 600: {
663
+ value: {
664
+ base: string;
665
+ _dark: string;
666
+ };
667
+ };
668
+ 700: {
669
+ value: {
670
+ base: string;
671
+ _dark: string;
672
+ };
673
+ };
674
+ 800: {
675
+ value: {
676
+ base: string;
677
+ _dark: string;
678
+ };
679
+ };
680
+ 850: {
681
+ value: {
682
+ base: string;
683
+ _dark: string;
684
+ };
685
+ };
686
+ 900: {
687
+ value: {
688
+ base: string;
689
+ _dark: string;
690
+ };
691
+ };
692
+ 950: {
693
+ value: {
694
+ base: string;
695
+ _dark: string;
696
+ };
697
+ };
698
+ };
699
+ neutral: {
700
+ foreground: {
701
+ value: {
702
+ base: string;
703
+ _dark: string;
704
+ };
705
+ };
706
+ surface: {
707
+ value: {
708
+ base: string;
709
+ _dark: string;
710
+ };
711
+ };
712
+ ring: {
713
+ value: {
714
+ base: string;
715
+ _dark: string;
716
+ };
717
+ };
718
+ border: {
719
+ value: {
720
+ base: string;
721
+ _dark: string;
722
+ };
723
+ };
724
+ 50: {
725
+ value: {
726
+ base: string;
727
+ _dark: string;
728
+ };
729
+ };
730
+ 100: {
731
+ value: {
732
+ base: string;
733
+ _dark: string;
734
+ };
735
+ };
736
+ 200: {
737
+ value: {
738
+ base: string;
739
+ _dark: string;
740
+ };
741
+ };
742
+ 300: {
743
+ value: {
744
+ base: string;
745
+ _dark: string;
746
+ };
747
+ };
748
+ 400: {
749
+ value: {
750
+ base: string;
751
+ _dark: string;
752
+ };
753
+ };
754
+ 500: {
755
+ value: {
756
+ base: string;
757
+ _dark: string;
758
+ };
759
+ };
760
+ 600: {
761
+ value: {
762
+ base: string;
763
+ _dark: string;
764
+ };
765
+ };
766
+ 700: {
767
+ value: {
768
+ base: string;
769
+ _dark: string;
770
+ };
771
+ };
772
+ 800: {
773
+ value: {
774
+ base: string;
775
+ _dark: string;
776
+ };
777
+ };
778
+ 850: {
779
+ value: {
780
+ base: string;
781
+ _dark: string;
782
+ };
783
+ };
784
+ 900: {
785
+ value: {
786
+ base: string;
787
+ _dark: string;
788
+ };
789
+ };
790
+ 950: {
791
+ value: {
792
+ base: string;
793
+ _dark: string;
794
+ };
795
+ };
796
+ };
797
+ input: {
798
+ foreground: {
799
+ value: {
800
+ base: string;
801
+ _dark: string;
802
+ };
803
+ };
804
+ surface: {
805
+ value: {
806
+ base: string;
807
+ _dark: string;
808
+ };
809
+ };
810
+ border: {
811
+ value: {
812
+ base: string;
813
+ _dark: string;
814
+ };
815
+ };
816
+ ring: {
817
+ value: {
818
+ base: string;
819
+ _dark: string;
820
+ };
821
+ };
822
+ placeholder: {
823
+ value: {
824
+ base: string;
825
+ _dark: string;
826
+ };
85
827
  };
86
828
  };
87
829
  };