@arvea/components 0.0.1

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.
@@ -0,0 +1,688 @@
1
+ /**
2
+ * @file tailwind-preset.ts
3
+ * @description Tailwind CSS preset generated from tokens.css
4
+ * Generated automatically — edit tokens.css, then run: npm run tokens
5
+ */
6
+ declare const arveaPreset: {
7
+ theme: {
8
+ extend: {
9
+ colors: {
10
+ arvea: {
11
+ '50': string;
12
+ '100': string;
13
+ '200': string;
14
+ '300': string;
15
+ '400': string;
16
+ '500': string;
17
+ '600': string;
18
+ '700': string;
19
+ '800': string;
20
+ '900': string;
21
+ '950': string;
22
+ };
23
+ slate: {
24
+ '50': string;
25
+ '100': string;
26
+ '200': string;
27
+ '300': string;
28
+ '400': string;
29
+ '500': string;
30
+ '600': string;
31
+ '700': string;
32
+ '800': string;
33
+ '900': string;
34
+ '950': string;
35
+ };
36
+ };
37
+ spacing: {
38
+ '0': string;
39
+ px: string;
40
+ '0-5': string;
41
+ '1': string;
42
+ '1-5': string;
43
+ '2': string;
44
+ '2-5': string;
45
+ '3': string;
46
+ '3-5': string;
47
+ '4': string;
48
+ '5': string;
49
+ '6': string;
50
+ '7': string;
51
+ '8': string;
52
+ '9': string;
53
+ '10': string;
54
+ '11': string;
55
+ '12': string;
56
+ '14': string;
57
+ '16': string;
58
+ '20': string;
59
+ '24': string;
60
+ '28': string;
61
+ '32': string;
62
+ '36': string;
63
+ '40': string;
64
+ '44': string;
65
+ '48': string;
66
+ '52': string;
67
+ '56': string;
68
+ '60': string;
69
+ '64': string;
70
+ '72': string;
71
+ '80': string;
72
+ '96': string;
73
+ };
74
+ fontFamily: {
75
+ DEFAULT: string[];
76
+ };
77
+ fontSize: {
78
+ xs: string;
79
+ sm: string;
80
+ base: string;
81
+ lg: string;
82
+ xl: string;
83
+ '2xl': string;
84
+ '3xl': string;
85
+ '4xl': string;
86
+ '5xl': string;
87
+ };
88
+ fontWeight: {
89
+ regular: string;
90
+ medium: string;
91
+ semibold: string;
92
+ };
93
+ action: {
94
+ 'btn-validate-bg': string;
95
+ 'btn-edit-bg': string;
96
+ 'btn-payment-bg': string;
97
+ 'btn-order-bg': string;
98
+ 'btn-price-bg': string;
99
+ 'btn-delete-bg': string;
100
+ 'btn-view-bg': string;
101
+ 'btn-pdf-bg': string;
102
+ 'btn-pause-bg': string;
103
+ 'btn-download-bg': string;
104
+ 'btn-upload-bg': string;
105
+ 'btn-copy-bg': string;
106
+ 'btn-print-bg': string;
107
+ 'btn-settings-bg': string;
108
+ 'btn-archive-bg': string;
109
+ 'btn-restore-bg': string;
110
+ 'btn-fg': string;
111
+ };
112
+ button: {
113
+ 'default-bg': string;
114
+ 'default-bg-hover': string;
115
+ 'default-bg-disabled': string;
116
+ 'outline-bg': string;
117
+ 'outline-bg-hover': string;
118
+ 'secondary-bg': string;
119
+ 'secondary-bg-hover': string;
120
+ 'danger-bg': string;
121
+ 'danger-bg-hover': string;
122
+ 'link-bg': string;
123
+ 'outline-border': string;
124
+ 'outline-shadow': string;
125
+ 'text-default': string;
126
+ 'text-outline': string;
127
+ 'text-secondary': string;
128
+ 'text-danger': string;
129
+ 'text-link': string;
130
+ 'text-link-hover': string;
131
+ 'text-disabled': string;
132
+ radius: string;
133
+ gap: string;
134
+ 'padding-default': string;
135
+ 'height-default': string;
136
+ 'padding-sm': string;
137
+ 'height-sm': string;
138
+ 'padding-lg': string;
139
+ 'height-lg': string;
140
+ 'padding-icon': string;
141
+ 'size-icon': string;
142
+ };
143
+ loader: {
144
+ 'color-default': string;
145
+ 'color-subtle-default': string;
146
+ 'color-outline': string;
147
+ 'color-subtle-outline': string;
148
+ 'color-secondary': string;
149
+ 'color-subtle-secondary': string;
150
+ 'color-danger': string;
151
+ 'color-subtle-danger': string;
152
+ };
153
+ badge: {
154
+ 'success-bg': string;
155
+ 'success-text': string;
156
+ 'success-icon': string;
157
+ 'error-bg': string;
158
+ 'error-text': string;
159
+ 'error-icon': string;
160
+ 'warning-bg': string;
161
+ 'warning-text': string;
162
+ 'warning-icon': string;
163
+ 'info-bg': string;
164
+ 'info-text': string;
165
+ 'info-icon': string;
166
+ 'pending-bg': string;
167
+ 'pending-text': string;
168
+ 'pending-icon': string;
169
+ 'active-bg': string;
170
+ 'active-text': string;
171
+ 'active-icon': string;
172
+ 'inactive-bg': string;
173
+ 'inactive-text': string;
174
+ 'inactive-icon': string;
175
+ radius: string;
176
+ padding: string;
177
+ gap: string;
178
+ 'font-size': string;
179
+ 'font-weight': string;
180
+ 'line-height': string;
181
+ height: string;
182
+ 'label-default-bg': string;
183
+ 'label-default-border': string;
184
+ 'label-default-text': string;
185
+ 'label-destructive-bg': string;
186
+ 'label-destructive-border': string;
187
+ 'label-destructive-text': string;
188
+ 'label-secondary-bg': string;
189
+ 'label-secondary-border': string;
190
+ 'label-secondary-text': string;
191
+ 'label-outline-bg': string;
192
+ 'label-outline-border': string;
193
+ 'label-outline-text': string;
194
+ 'label-radius': string;
195
+ 'label-padding': string;
196
+ 'label-gap': string;
197
+ 'label-height': string;
198
+ 'label-font-size': string;
199
+ 'label-font-weight': string;
200
+ 'label-line-height': string;
201
+ };
202
+ toggle: {
203
+ 'checked-bg': string;
204
+ 'unchecked-bg': string;
205
+ width: string;
206
+ height: string;
207
+ padding: string;
208
+ radius: string;
209
+ 'thumb-size': string;
210
+ 'thumb-bg': string;
211
+ };
212
+ checkbox: {
213
+ size: string;
214
+ radius: string;
215
+ border: string;
216
+ 'checked-bg': string;
217
+ 'unchecked-bg': string;
218
+ 'disabled-opacity': string;
219
+ 'check-size': string;
220
+ 'check-color': string;
221
+ };
222
+ radio: {
223
+ size: string;
224
+ radius: string;
225
+ border: string;
226
+ 'checked-bg': string;
227
+ 'unchecked-bg': string;
228
+ 'dot-size': string;
229
+ 'dot-color': string;
230
+ 'disabled-opacity': string;
231
+ gap: string;
232
+ 'label-size': string;
233
+ 'label-weight': string;
234
+ 'label-color': string;
235
+ };
236
+ slider: {
237
+ 'track-height': string;
238
+ 'track-bg': string;
239
+ 'track-filled-bg': string;
240
+ 'track-radius': string;
241
+ 'thumb-size': string;
242
+ 'thumb-bg': string;
243
+ 'thumb-border': string;
244
+ 'thumb-border-width': string;
245
+ 'thumb-shadow-focus': string;
246
+ 'label-color': string;
247
+ 'label-size': string;
248
+ 'label-weight': string;
249
+ 'value-color': string;
250
+ 'value-size': string;
251
+ 'tick-color': string;
252
+ 'tick-size': string;
253
+ 'disabled-opacity': string;
254
+ };
255
+ input: {
256
+ bg: string;
257
+ 'bg-disabled': string;
258
+ text: string;
259
+ placeholder: string;
260
+ border: string;
261
+ 'border-hover': string;
262
+ 'border-focus': string;
263
+ 'border-invalid': string;
264
+ 'border-warning': string;
265
+ radius: string;
266
+ 'padding-x': string;
267
+ 'padding-y': string;
268
+ height: string;
269
+ 'font-size': string;
270
+ 'label-color': string;
271
+ 'label-size': string;
272
+ 'label-weight': string;
273
+ 'hint-color': string;
274
+ 'hint-color-invalid': string;
275
+ 'hint-color-warning': string;
276
+ 'hint-color-valid': string;
277
+ 'hint-size': string;
278
+ 'shadow-focus': string;
279
+ };
280
+ select: {
281
+ bg: string;
282
+ 'bg-disabled': string;
283
+ text: string;
284
+ placeholder: string;
285
+ border: string;
286
+ 'border-focus': string;
287
+ 'border-invalid': string;
288
+ radius: string;
289
+ 'padding-x': string;
290
+ 'padding-y': string;
291
+ height: string;
292
+ 'font-size': string;
293
+ 'chevron-color': string;
294
+ 'popup-bg': string;
295
+ 'popup-border': string;
296
+ 'popup-shadow': string;
297
+ 'popup-radius': string;
298
+ 'popup-z': string;
299
+ 'option-hover-bg': string;
300
+ 'option-active-bg': string;
301
+ 'option-selected-bg': string;
302
+ 'option-selected-fg': string;
303
+ 'tag-bg': string;
304
+ 'tag-fg': string;
305
+ 'tag-radius': string;
306
+ };
307
+ tag: {
308
+ bg: string;
309
+ 'bg-hover': string;
310
+ 'bg-selected': string;
311
+ text: string;
312
+ 'text-selected': string;
313
+ border: string;
314
+ 'border-selected': string;
315
+ radius: string;
316
+ padding: string;
317
+ gap: string;
318
+ 'font-size': string;
319
+ 'font-weight': string;
320
+ height: string;
321
+ 'remove-color': string;
322
+ 'remove-color-selected': string;
323
+ 'remove-hover-bg': string;
324
+ };
325
+ spinner: {
326
+ color: string;
327
+ 'track-color': string;
328
+ 'size-sm': string;
329
+ 'size-md': string;
330
+ 'size-lg': string;
331
+ 'border-sm': string;
332
+ 'border-md': string;
333
+ 'border-lg': string;
334
+ };
335
+ tooltip: {
336
+ bg: string;
337
+ text: string;
338
+ radius: string;
339
+ padding: string;
340
+ 'font-size': string;
341
+ 'font-weight': string;
342
+ 'arrow-size': string;
343
+ offset: string;
344
+ 'max-width': string;
345
+ };
346
+ card: {
347
+ bg: string;
348
+ border: string;
349
+ radius: string;
350
+ padding: string;
351
+ shadow: string;
352
+ 'shadow-elevated': string;
353
+ };
354
+ avatar: {
355
+ 'bg-identity': string;
356
+ 'bg-object': string;
357
+ 'text-identity': string;
358
+ 'text-object': string;
359
+ 'border-radius-identity': string;
360
+ 'border-radius-object': string;
361
+ 'size-sm': string;
362
+ 'size-md': string;
363
+ 'size-lg': string;
364
+ 'font-sm': string;
365
+ 'font-md': string;
366
+ 'font-lg': string;
367
+ 'font-weight': string;
368
+ 'letter-spacing': string;
369
+ };
370
+ progress: {
371
+ 'track-bg': string;
372
+ 'fill-bg': string;
373
+ radius: string;
374
+ 'height-sm': string;
375
+ 'height-md': string;
376
+ 'height-lg': string;
377
+ 'label-color': string;
378
+ 'label-size': string;
379
+ };
380
+ skeleton: {
381
+ bg: string;
382
+ highlight: string;
383
+ radius: string;
384
+ 'radius-sm': string;
385
+ 'radius-lg': string;
386
+ 'pulse-width': string;
387
+ duration: string;
388
+ };
389
+ carousel: {
390
+ gap: string;
391
+ radius: string;
392
+ transition: string;
393
+ 'arrow-size': string;
394
+ 'arrow-bg': string;
395
+ 'arrow-bg-hover': string;
396
+ 'arrow-border': string;
397
+ 'arrow-color': string;
398
+ 'arrow-shadow': string;
399
+ 'arrow-offset': string;
400
+ 'arrow-disabled-opacity': string;
401
+ 'dot-size': string;
402
+ 'dot-size-active': string;
403
+ 'dot-bg': string;
404
+ 'dot-bg-active': string;
405
+ 'dot-gap': string;
406
+ 'dot-row-margin': string;
407
+ };
408
+ dialog: {
409
+ 'overlay-bg': string;
410
+ bg: string;
411
+ radius: string;
412
+ shadow: string;
413
+ padding: string;
414
+ 'max-width': string;
415
+ 'title-size': string;
416
+ 'title-weight': string;
417
+ 'title-color': string;
418
+ 'body-color': string;
419
+ 'close-color': string;
420
+ 'close-hover-bg': string;
421
+ };
422
+ toast: {
423
+ bg: string;
424
+ text: string;
425
+ radius: string;
426
+ padding: string;
427
+ shadow: string;
428
+ gap: string;
429
+ 'min-width': string;
430
+ 'max-width': string;
431
+ 'success-bg': string;
432
+ 'error-bg': string;
433
+ 'warning-bg': string;
434
+ 'info-bg': string;
435
+ };
436
+ tabs: {
437
+ 'list-border': string;
438
+ 'tab-color': string;
439
+ 'tab-color-active': string;
440
+ 'tab-color-hover': string;
441
+ 'tab-padding': string;
442
+ 'tab-radius': string;
443
+ 'tab-font-size': string;
444
+ 'tab-font-weight': string;
445
+ 'indicator-color': string;
446
+ 'indicator-height': string;
447
+ 'disabled-opacity': string;
448
+ 'pill-bg-active': string;
449
+ 'pill-text-active': string;
450
+ };
451
+ accordion: {
452
+ bg: string;
453
+ border: string;
454
+ radius: string;
455
+ 'header-padding': string;
456
+ 'header-bg': string;
457
+ 'header-bg-hover': string;
458
+ 'header-radius': string;
459
+ 'body-padding': string;
460
+ 'body-size': string;
461
+ 'body-line-height': string;
462
+ 'body-max-height': string;
463
+ 'title-color': string;
464
+ 'title-size': string;
465
+ 'title-weight': string;
466
+ 'body-color': string;
467
+ 'chevron-color': string;
468
+ transition: string;
469
+ };
470
+ alert: {
471
+ radius: string;
472
+ padding: string;
473
+ gap: string;
474
+ 'title-weight': string;
475
+ 'title-size': string;
476
+ 'body-size': string;
477
+ 'close-size': string;
478
+ 'close-opacity': string;
479
+ 'close-hover-bg': string;
480
+ transition: string;
481
+ 'info-bg': string;
482
+ 'info-border': string;
483
+ 'info-text': string;
484
+ 'info-icon': string;
485
+ 'success-bg': string;
486
+ 'success-border': string;
487
+ 'success-text': string;
488
+ 'success-icon': string;
489
+ 'warning-bg': string;
490
+ 'warning-border': string;
491
+ 'warning-text': string;
492
+ 'warning-icon': string;
493
+ 'danger-bg': string;
494
+ 'danger-border': string;
495
+ 'danger-text': string;
496
+ 'danger-icon': string;
497
+ };
498
+ divider: {
499
+ color: string;
500
+ 'color-strong': string;
501
+ thickness: string;
502
+ spacing: string;
503
+ 'text-color': string;
504
+ 'text-size': string;
505
+ 'text-padding': string;
506
+ };
507
+ breadcrumb: {
508
+ color: string;
509
+ 'color-hover': string;
510
+ 'color-current': string;
511
+ 'separator-color': string;
512
+ 'font-size': string;
513
+ gap: string;
514
+ };
515
+ pagination: {
516
+ bg: string;
517
+ 'bg-hover': string;
518
+ 'bg-active': string;
519
+ border: string;
520
+ 'border-hover': string;
521
+ 'border-active': string;
522
+ color: string;
523
+ 'color-active': string;
524
+ radius: string;
525
+ gap: string;
526
+ 'size-sm': string;
527
+ 'size-md': string;
528
+ 'size-lg': string;
529
+ 'font-size': string;
530
+ 'shadow-focus': string;
531
+ };
532
+ dropdown: {
533
+ bg: string;
534
+ border: string;
535
+ radius: string;
536
+ shadow: string;
537
+ padding: string;
538
+ 'min-width': string;
539
+ 'max-width': string;
540
+ 'trigger-bg': string;
541
+ 'trigger-bg-hover': string;
542
+ 'trigger-border': string;
543
+ 'trigger-color': string;
544
+ 'shadow-focus': string;
545
+ 'item-color': string;
546
+ 'item-color-disabled': string;
547
+ 'item-color-destructive': string;
548
+ 'item-bg-hover': string;
549
+ 'item-bg-destructive-hover': string;
550
+ 'item-padding': string;
551
+ divider: string;
552
+ };
553
+ searchbar: {
554
+ bg: string;
555
+ 'bg-disabled': string;
556
+ color: string;
557
+ placeholder: string;
558
+ icon: string;
559
+ border: string;
560
+ 'border-hover': string;
561
+ 'border-focus': string;
562
+ radius: string;
563
+ 'padding-x': string;
564
+ 'height-sm': string;
565
+ 'height-md': string;
566
+ 'height-lg': string;
567
+ shadow: string;
568
+ 'shadow-focus': string;
569
+ 'suggestion-bg-hover': string;
570
+ };
571
+ rating: {
572
+ 'color-filled': string;
573
+ 'color-empty': string;
574
+ 'label-color': string;
575
+ gap: string;
576
+ 'size-sm': string;
577
+ 'size-md': string;
578
+ 'size-lg': string;
579
+ };
580
+ qty: {
581
+ bg: string;
582
+ border: string;
583
+ radius: string;
584
+ 'button-bg': string;
585
+ 'button-bg-hover': string;
586
+ 'button-color': string;
587
+ 'input-color': string;
588
+ 'button-size-sm': string;
589
+ 'button-size-md': string;
590
+ 'button-size-lg': string;
591
+ 'input-width-sm': string;
592
+ 'input-width-md': string;
593
+ 'input-width-lg': string;
594
+ 'shadow-focus': string;
595
+ };
596
+ stepper: {
597
+ 'circle-size': string;
598
+ 'circle-bg': string;
599
+ 'circle-bg-active': string;
600
+ 'circle-bg-complete': string;
601
+ 'circle-border': string;
602
+ 'circle-border-active': string;
603
+ 'circle-border-complete': string;
604
+ 'circle-color': string;
605
+ 'circle-color-active': string;
606
+ 'circle-color-complete': string;
607
+ 'connector-bg': string;
608
+ 'connector-bg-complete': string;
609
+ 'label-color': string;
610
+ 'label-color-active': string;
611
+ 'description-color': string;
612
+ 'shadow-active': string;
613
+ };
614
+ table: {
615
+ bg: string;
616
+ border: string;
617
+ radius: string;
618
+ 'header-bg': string;
619
+ 'header-color': string;
620
+ 'row-border': string;
621
+ 'row-bg-hover': string;
622
+ 'cell-color': string;
623
+ 'cell-padding-x': string;
624
+ 'cell-padding-y': string;
625
+ 'sort-active': string;
626
+ 'empty-color': string;
627
+ 'row-selected-bg': string;
628
+ 'row-hover-bg': string;
629
+ 'filter-row-bg': string;
630
+ 'resizer-color': string;
631
+ };
632
+ lightbox: {
633
+ 'overlay-bg': string;
634
+ radius: string;
635
+ shadow: string;
636
+ 'button-bg': string;
637
+ 'button-color': string;
638
+ 'text-color': string;
639
+ 'thumb-border-active': string;
640
+ };
641
+ popover: {
642
+ bg: string;
643
+ border: string;
644
+ shadow: string;
645
+ radius: string;
646
+ z: string;
647
+ };
648
+ drawer: {
649
+ bg: string;
650
+ 'overlay-bg': string;
651
+ shadow: string;
652
+ transition: string;
653
+ };
654
+ datepicker: {
655
+ 'cell-size': string;
656
+ 'cell-radius': string;
657
+ 'today-ring': string;
658
+ 'selected-bg': string;
659
+ 'range-bg': string;
660
+ };
661
+ otp: {
662
+ 'cell-size': string;
663
+ 'cell-gap': string;
664
+ 'cell-border': string;
665
+ 'cell-focus-ring': string;
666
+ };
667
+ upload: {
668
+ border: string;
669
+ 'border-active': string;
670
+ bg: string;
671
+ 'bg-active': string;
672
+ };
673
+ segmented: {
674
+ 'track-bg': string;
675
+ 'thumb-bg': string;
676
+ 'thumb-shadow': string;
677
+ };
678
+ tree: {
679
+ 'line-color': string;
680
+ 'row-hover-bg': string;
681
+ 'row-selected-bg': string;
682
+ indent: string;
683
+ };
684
+ };
685
+ };
686
+ };
687
+
688
+ export { arveaPreset as default };