@mekari/pixel3-theme 0.0.0

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/dist/breakpoints.d.mts +8 -0
  2. package/dist/breakpoints.d.ts +8 -0
  3. package/dist/conditions.d.mts +23 -0
  4. package/dist/conditions.d.ts +23 -0
  5. package/dist/global-css.d.mts +5 -0
  6. package/dist/global-css.d.ts +5 -0
  7. package/dist/index.d.mts +5 -0
  8. package/dist/index.d.ts +5 -0
  9. package/dist/index.js +2509 -0
  10. package/dist/index.mjs +2488 -0
  11. package/dist/keyframes.d.mts +5 -0
  12. package/dist/keyframes.d.ts +5 -0
  13. package/dist/recipes/accordion.d.mts +5 -0
  14. package/dist/recipes/accordion.d.ts +5 -0
  15. package/dist/recipes/avatar.d.mts +6 -0
  16. package/dist/recipes/avatar.d.ts +6 -0
  17. package/dist/recipes/badge.d.mts +5 -0
  18. package/dist/recipes/badge.d.ts +5 -0
  19. package/dist/recipes/button.d.mts +6 -0
  20. package/dist/recipes/button.d.ts +6 -0
  21. package/dist/recipes/checkbox.d.mts +5 -0
  22. package/dist/recipes/checkbox.d.ts +5 -0
  23. package/dist/recipes/icon.d.mts +5 -0
  24. package/dist/recipes/icon.d.ts +5 -0
  25. package/dist/recipes/index.d.mts +37 -0
  26. package/dist/recipes/index.d.ts +37 -0
  27. package/dist/recipes/input.d.mts +7 -0
  28. package/dist/recipes/input.d.ts +7 -0
  29. package/dist/recipes/popover.d.mts +7 -0
  30. package/dist/recipes/popover.d.ts +7 -0
  31. package/dist/recipes/progress.d.mts +5 -0
  32. package/dist/recipes/progress.d.ts +5 -0
  33. package/dist/recipes/radio.d.mts +5 -0
  34. package/dist/recipes/radio.d.ts +5 -0
  35. package/dist/recipes/select.d.mts +5 -0
  36. package/dist/recipes/select.d.ts +5 -0
  37. package/dist/recipes/shared.d.mts +5 -0
  38. package/dist/recipes/shared.d.ts +5 -0
  39. package/dist/recipes/spinner.d.mts +5 -0
  40. package/dist/recipes/spinner.d.ts +5 -0
  41. package/dist/recipes/table.d.mts +6 -0
  42. package/dist/recipes/table.d.ts +6 -0
  43. package/dist/recipes/tabs.d.mts +7 -0
  44. package/dist/recipes/tabs.d.ts +7 -0
  45. package/dist/recipes/tag.d.mts +5 -0
  46. package/dist/recipes/tag.d.ts +5 -0
  47. package/dist/recipes/text.d.mts +5 -0
  48. package/dist/recipes/text.d.ts +5 -0
  49. package/dist/recipes/textarea.d.mts +5 -0
  50. package/dist/recipes/textarea.d.ts +5 -0
  51. package/dist/recipes/toggle.d.mts +5 -0
  52. package/dist/recipes/toggle.d.ts +5 -0
  53. package/dist/recipes/tooltip.d.mts +5 -0
  54. package/dist/recipes/tooltip.d.ts +5 -0
  55. package/dist/text-styles.d.mts +5 -0
  56. package/dist/text-styles.d.ts +5 -0
  57. package/dist/tokens/borders.d.mts +16 -0
  58. package/dist/tokens/borders.d.ts +16 -0
  59. package/dist/tokens/colors.d.mts +256 -0
  60. package/dist/tokens/colors.d.ts +256 -0
  61. package/dist/tokens/durations.d.mts +13 -0
  62. package/dist/tokens/durations.d.ts +13 -0
  63. package/dist/tokens/index.d.mts +647 -0
  64. package/dist/tokens/index.d.ts +647 -0
  65. package/dist/tokens/opacity.d.mts +16 -0
  66. package/dist/tokens/opacity.d.ts +16 -0
  67. package/dist/tokens/radii.d.mts +30 -0
  68. package/dist/tokens/radii.d.ts +30 -0
  69. package/dist/tokens/shadows.d.mts +40 -0
  70. package/dist/tokens/shadows.d.ts +40 -0
  71. package/dist/tokens/sizes.d.mts +95 -0
  72. package/dist/tokens/sizes.d.ts +95 -0
  73. package/dist/tokens/spacing.d.mts +72 -0
  74. package/dist/tokens/spacing.d.ts +72 -0
  75. package/dist/tokens/typography.d.mts +97 -0
  76. package/dist/tokens/typography.d.ts +97 -0
  77. package/dist/tokens/z-index.d.mts +28 -0
  78. package/dist/tokens/z-index.d.ts +28 -0
  79. package/package.json +41 -0
@@ -0,0 +1,647 @@
1
+ declare const tokens: {
2
+ borders: {
3
+ none: {
4
+ value: string;
5
+ };
6
+ sm: {
7
+ value: string;
8
+ };
9
+ md: {
10
+ value: string;
11
+ };
12
+ lg: {
13
+ value: string;
14
+ };
15
+ };
16
+ colors: {
17
+ currentcolor: {
18
+ value: string;
19
+ description: string;
20
+ };
21
+ dark: {
22
+ value: string;
23
+ description: string;
24
+ };
25
+ white: {
26
+ value: string;
27
+ description: string;
28
+ };
29
+ background: {
30
+ value: string;
31
+ description: string;
32
+ };
33
+ overlay: {
34
+ value: string;
35
+ description: string;
36
+ };
37
+ brand: {
38
+ capital: {
39
+ value: string;
40
+ description: string;
41
+ };
42
+ esign: {
43
+ value: string;
44
+ description: string;
45
+ };
46
+ expense: {
47
+ value: string;
48
+ description: string;
49
+ };
50
+ flex: {
51
+ value: string;
52
+ description: string;
53
+ };
54
+ jurnal: {
55
+ value: string;
56
+ description: string;
57
+ };
58
+ klikpajak: {
59
+ value: string;
60
+ description: string;
61
+ };
62
+ mekari: {
63
+ value: string;
64
+ description: string;
65
+ };
66
+ qontak: {
67
+ value: string;
68
+ description: string;
69
+ };
70
+ talenta: {
71
+ value: string;
72
+ description: string;
73
+ };
74
+ university: {
75
+ value: string;
76
+ description: string;
77
+ };
78
+ };
79
+ gray: {
80
+ 25: {
81
+ value: string;
82
+ description: string;
83
+ };
84
+ 50: {
85
+ value: string;
86
+ description: string;
87
+ };
88
+ 100: {
89
+ value: string;
90
+ description: string;
91
+ };
92
+ 400: {
93
+ value: string;
94
+ description: string;
95
+ };
96
+ 600: {
97
+ value: string;
98
+ description: string;
99
+ };
100
+ };
101
+ blue: {
102
+ 50: {
103
+ value: string;
104
+ };
105
+ 100: {
106
+ value: string;
107
+ };
108
+ 400: {
109
+ value: string;
110
+ };
111
+ 500: {
112
+ value: string;
113
+ };
114
+ 700: {
115
+ value: string;
116
+ };
117
+ };
118
+ red: {
119
+ 50: {
120
+ value: string;
121
+ };
122
+ 400: {
123
+ value: string;
124
+ };
125
+ 500: {
126
+ value: string;
127
+ };
128
+ 700: {
129
+ value: string;
130
+ };
131
+ };
132
+ green: {
133
+ 50: {
134
+ value: string;
135
+ };
136
+ 400: {
137
+ value: string;
138
+ };
139
+ 500: {
140
+ value: string;
141
+ };
142
+ 700: {
143
+ value: string;
144
+ };
145
+ };
146
+ orange: {
147
+ 50: {
148
+ value: string;
149
+ };
150
+ 400: {
151
+ value: string;
152
+ };
153
+ 500: {
154
+ value: string;
155
+ };
156
+ 700: {
157
+ value: string;
158
+ };
159
+ };
160
+ sky: {
161
+ 100: {
162
+ value: string;
163
+ };
164
+ 400: {
165
+ value: string;
166
+ };
167
+ };
168
+ teal: {
169
+ 100: {
170
+ value: string;
171
+ };
172
+ 400: {
173
+ value: string;
174
+ };
175
+ };
176
+ violet: {
177
+ 100: {
178
+ value: string;
179
+ };
180
+ 400: {
181
+ value: string;
182
+ };
183
+ };
184
+ amber: {
185
+ 100: {
186
+ value: string;
187
+ };
188
+ 400: {
189
+ value: string;
190
+ };
191
+ };
192
+ rose: {
193
+ 100: {
194
+ value: string;
195
+ };
196
+ 400: {
197
+ value: string;
198
+ };
199
+ };
200
+ stone: {
201
+ 100: {
202
+ value: string;
203
+ };
204
+ 400: {
205
+ value: string;
206
+ };
207
+ };
208
+ lime: {
209
+ 100: {
210
+ value: string;
211
+ };
212
+ 400: {
213
+ value: string;
214
+ };
215
+ };
216
+ pink: {
217
+ 100: {
218
+ value: string;
219
+ };
220
+ 400: {
221
+ value: string;
222
+ };
223
+ };
224
+ apricot: {
225
+ 100: {
226
+ value: string;
227
+ };
228
+ 400: {
229
+ value: string;
230
+ };
231
+ };
232
+ aqua: {
233
+ 100: {
234
+ value: string;
235
+ };
236
+ 400: {
237
+ value: string;
238
+ };
239
+ };
240
+ leaf: {
241
+ 100: {
242
+ value: string;
243
+ };
244
+ 400: {
245
+ value: string;
246
+ };
247
+ };
248
+ fuchsia: {
249
+ 100: {
250
+ value: string;
251
+ };
252
+ 400: {
253
+ value: string;
254
+ };
255
+ };
256
+ ice: {
257
+ 50: {
258
+ value: string;
259
+ };
260
+ 100: {
261
+ value: string;
262
+ };
263
+ };
264
+ ash: {
265
+ 100: {
266
+ value: string;
267
+ };
268
+ };
269
+ };
270
+ durations: {
271
+ slow: {
272
+ value: string;
273
+ };
274
+ normal: {
275
+ value: string;
276
+ };
277
+ fast: {
278
+ value: string;
279
+ };
280
+ };
281
+ fonts: {
282
+ body: {
283
+ value: string;
284
+ };
285
+ mono: {
286
+ value: string;
287
+ };
288
+ };
289
+ fontSizes: {
290
+ xs: {
291
+ value: string;
292
+ description: string;
293
+ };
294
+ sm: {
295
+ value: string;
296
+ description: string;
297
+ };
298
+ md: {
299
+ value: string;
300
+ description: string;
301
+ };
302
+ lg: {
303
+ value: string;
304
+ description: string;
305
+ };
306
+ xl: {
307
+ value: string;
308
+ description: string;
309
+ };
310
+ '2xl': {
311
+ value: string;
312
+ description: string;
313
+ };
314
+ };
315
+ fontWeights: {
316
+ regular: {
317
+ value: string;
318
+ };
319
+ semiBold: {
320
+ value: string;
321
+ };
322
+ bold: {
323
+ value: string;
324
+ };
325
+ };
326
+ lineHeights: {
327
+ xs: {
328
+ value: number;
329
+ description: string;
330
+ };
331
+ sm: {
332
+ value: number;
333
+ description: string;
334
+ };
335
+ md: {
336
+ value: number;
337
+ description: string;
338
+ };
339
+ lg: {
340
+ value: number;
341
+ description: string;
342
+ };
343
+ xl: {
344
+ value: number;
345
+ description: string;
346
+ };
347
+ '2xl': {
348
+ value: number;
349
+ description: string;
350
+ };
351
+ '3xl': {
352
+ value: number;
353
+ description: string;
354
+ };
355
+ };
356
+ letterSpacings: {
357
+ tighter: {
358
+ value: string;
359
+ };
360
+ tight: {
361
+ value: string;
362
+ };
363
+ normal: {
364
+ value: string;
365
+ };
366
+ wide: {
367
+ value: string;
368
+ };
369
+ wider: {
370
+ value: string;
371
+ };
372
+ widest: {
373
+ value: string;
374
+ };
375
+ };
376
+ opacity: {
377
+ 0: {
378
+ value: number;
379
+ };
380
+ 40: {
381
+ value: number;
382
+ };
383
+ 60: {
384
+ value: number;
385
+ };
386
+ 100: {
387
+ value: number;
388
+ };
389
+ };
390
+ radii: {
391
+ none: {
392
+ value: string;
393
+ };
394
+ xs: {
395
+ value: string;
396
+ description: string;
397
+ };
398
+ sm: {
399
+ value: string;
400
+ description: string;
401
+ };
402
+ md: {
403
+ value: string;
404
+ description: string;
405
+ };
406
+ lg: {
407
+ value: string;
408
+ description: string;
409
+ };
410
+ xl: {
411
+ value: string;
412
+ description: string;
413
+ };
414
+ full: {
415
+ value: string;
416
+ };
417
+ };
418
+ shadows: {
419
+ xs: {
420
+ value: string[];
421
+ };
422
+ sm: {
423
+ value: string[];
424
+ };
425
+ md: {
426
+ value: string[];
427
+ };
428
+ lg: {
429
+ value: string[];
430
+ };
431
+ focus: {
432
+ value: string;
433
+ };
434
+ xl: {
435
+ value: string;
436
+ };
437
+ '2xl': {
438
+ value: string;
439
+ };
440
+ outline: {
441
+ value: string;
442
+ };
443
+ 'outline-tab': {
444
+ value: string;
445
+ };
446
+ outer: {
447
+ value: string;
448
+ };
449
+ inner: {
450
+ value: string;
451
+ };
452
+ none: {
453
+ value: string;
454
+ };
455
+ };
456
+ sizes: {
457
+ 0: {
458
+ value: string;
459
+ description: string;
460
+ };
461
+ 0.25: {
462
+ value: string;
463
+ description: string;
464
+ };
465
+ 0.5: {
466
+ value: string;
467
+ description: string;
468
+ };
469
+ 1: {
470
+ value: string;
471
+ description: string;
472
+ };
473
+ 2: {
474
+ value: string;
475
+ description: string;
476
+ };
477
+ 2.5: {
478
+ value: string;
479
+ description: string;
480
+ };
481
+ 3: {
482
+ value: string;
483
+ description: string;
484
+ };
485
+ 4: {
486
+ value: string;
487
+ description: string;
488
+ };
489
+ 5: {
490
+ value: string;
491
+ description: string;
492
+ };
493
+ 6: {
494
+ value: string;
495
+ description: string;
496
+ };
497
+ 7: {
498
+ value: string;
499
+ description: string;
500
+ };
501
+ 7.5: {
502
+ value: string;
503
+ description: string;
504
+ };
505
+ 8: {
506
+ value: string;
507
+ description: string;
508
+ };
509
+ 9: {
510
+ value: string;
511
+ description: string;
512
+ };
513
+ 9.5: {
514
+ value: string;
515
+ description: string;
516
+ };
517
+ 10: {
518
+ value: string;
519
+ description: string;
520
+ };
521
+ 11: {
522
+ value: string;
523
+ description: string;
524
+ };
525
+ 12: {
526
+ value: string;
527
+ description: string;
528
+ };
529
+ 16: {
530
+ value: string;
531
+ description: string;
532
+ };
533
+ 20: {
534
+ value: string;
535
+ description: string;
536
+ };
537
+ 22: {
538
+ value: string;
539
+ description: string;
540
+ };
541
+ 65: {
542
+ value: string;
543
+ description: string;
544
+ };
545
+ full: {
546
+ value: string;
547
+ };
548
+ };
549
+ spacing: {
550
+ 0: {
551
+ value: string;
552
+ description: string;
553
+ };
554
+ 0.5: {
555
+ value: string;
556
+ description: string;
557
+ };
558
+ 1: {
559
+ value: string;
560
+ description: string;
561
+ };
562
+ 1.5: {
563
+ value: string;
564
+ description: string;
565
+ };
566
+ 2: {
567
+ value: string;
568
+ description: string;
569
+ };
570
+ 3: {
571
+ value: string;
572
+ description: string;
573
+ };
574
+ 4: {
575
+ value: string;
576
+ description: string;
577
+ };
578
+ 5: {
579
+ value: string;
580
+ description: string;
581
+ };
582
+ 6: {
583
+ value: string;
584
+ description: string;
585
+ };
586
+ 8: {
587
+ value: string;
588
+ description: string;
589
+ };
590
+ 12: {
591
+ value: string;
592
+ description: string;
593
+ };
594
+ 16: {
595
+ value: string;
596
+ description: string;
597
+ };
598
+ 20: {
599
+ value: string;
600
+ description: string;
601
+ };
602
+ 24: {
603
+ value: string;
604
+ description: string;
605
+ };
606
+ 32: {
607
+ value: string;
608
+ description: string;
609
+ };
610
+ 40: {
611
+ value: string;
612
+ description: string;
613
+ };
614
+ 64: {
615
+ value: string;
616
+ description: string;
617
+ };
618
+ };
619
+ zIndex: {
620
+ hide: {
621
+ value: number;
622
+ };
623
+ base: {
624
+ value: number;
625
+ };
626
+ docked: {
627
+ value: number;
628
+ };
629
+ sticky: {
630
+ value: number;
631
+ };
632
+ overlay: {
633
+ value: number;
634
+ };
635
+ modal: {
636
+ value: number;
637
+ };
638
+ popover: {
639
+ value: number;
640
+ };
641
+ tooltip: {
642
+ value: number;
643
+ };
644
+ };
645
+ };
646
+
647
+ export { tokens };
@@ -0,0 +1,16 @@
1
+ declare const opacity: {
2
+ 0: {
3
+ value: number;
4
+ };
5
+ 40: {
6
+ value: number;
7
+ };
8
+ 60: {
9
+ value: number;
10
+ };
11
+ 100: {
12
+ value: number;
13
+ };
14
+ };
15
+
16
+ export { opacity };
@@ -0,0 +1,16 @@
1
+ declare const opacity: {
2
+ 0: {
3
+ value: number;
4
+ };
5
+ 40: {
6
+ value: number;
7
+ };
8
+ 60: {
9
+ value: number;
10
+ };
11
+ 100: {
12
+ value: number;
13
+ };
14
+ };
15
+
16
+ export { opacity };
@@ -0,0 +1,30 @@
1
+ declare const radii: {
2
+ none: {
3
+ value: string;
4
+ };
5
+ xs: {
6
+ value: string;
7
+ description: string;
8
+ };
9
+ sm: {
10
+ value: string;
11
+ description: string;
12
+ };
13
+ md: {
14
+ value: string;
15
+ description: string;
16
+ };
17
+ lg: {
18
+ value: string;
19
+ description: string;
20
+ };
21
+ xl: {
22
+ value: string;
23
+ description: string;
24
+ };
25
+ full: {
26
+ value: string;
27
+ };
28
+ };
29
+
30
+ export { radii };
@@ -0,0 +1,30 @@
1
+ declare const radii: {
2
+ none: {
3
+ value: string;
4
+ };
5
+ xs: {
6
+ value: string;
7
+ description: string;
8
+ };
9
+ sm: {
10
+ value: string;
11
+ description: string;
12
+ };
13
+ md: {
14
+ value: string;
15
+ description: string;
16
+ };
17
+ lg: {
18
+ value: string;
19
+ description: string;
20
+ };
21
+ xl: {
22
+ value: string;
23
+ description: string;
24
+ };
25
+ full: {
26
+ value: string;
27
+ };
28
+ };
29
+
30
+ export { radii };