@mekari/pixel3-theme 0.0.6-dev.0 → 0.0.6-dev.2
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.
- package/dist/conditions.d.mts +1 -0
- package/dist/conditions.d.ts +1 -0
- package/dist/index.js +92 -93
- package/dist/index.mjs +92 -93
- package/dist/tokens/colors.d.mts +0 -20
- package/dist/tokens/colors.d.ts +0 -20
- package/dist/tokens/index.d.mts +0 -78
- package/dist/tokens/index.d.ts +0 -78
- package/dist/tokens/radii.d.mts +0 -5
- package/dist/tokens/radii.d.ts +0 -5
- package/dist/tokens/sizes.d.mts +0 -23
- package/dist/tokens/sizes.d.ts +0 -23
- package/dist/tokens/spacing.d.mts +0 -17
- package/dist/tokens/spacing.d.ts +0 -17
- package/dist/tokens/typography.d.mts +0 -13
- package/dist/tokens/typography.d.ts +0 -13
- package/package.json +3 -3
- package/src/conditions.ts +1 -0
- package/src/recipes/button.ts +13 -8
- package/src/tokens/colors.ts +15 -21
- package/src/tokens/radii.ts +5 -5
- package/src/tokens/sizes.ts +24 -24
- package/src/tokens/spacing.ts +17 -17
- package/src/tokens/typography.ts +13 -13
package/dist/tokens/colors.d.mts
CHANGED
|
@@ -1,64 +1,49 @@
|
|
|
1
1
|
declare const colors: {
|
|
2
2
|
currentcolor: {
|
|
3
3
|
value: string;
|
|
4
|
-
description: string;
|
|
5
4
|
};
|
|
6
5
|
dark: {
|
|
7
6
|
value: string;
|
|
8
|
-
description: string;
|
|
9
7
|
};
|
|
10
8
|
white: {
|
|
11
9
|
value: string;
|
|
12
|
-
description: string;
|
|
13
10
|
};
|
|
14
11
|
background: {
|
|
15
12
|
value: string;
|
|
16
|
-
description: string;
|
|
17
13
|
};
|
|
18
14
|
overlay: {
|
|
19
15
|
value: string;
|
|
20
|
-
description: string;
|
|
21
16
|
};
|
|
22
17
|
brand: {
|
|
23
18
|
capital: {
|
|
24
19
|
value: string;
|
|
25
|
-
description: string;
|
|
26
20
|
};
|
|
27
21
|
esign: {
|
|
28
22
|
value: string;
|
|
29
|
-
description: string;
|
|
30
23
|
};
|
|
31
24
|
expense: {
|
|
32
25
|
value: string;
|
|
33
|
-
description: string;
|
|
34
26
|
};
|
|
35
27
|
flex: {
|
|
36
28
|
value: string;
|
|
37
|
-
description: string;
|
|
38
29
|
};
|
|
39
30
|
jurnal: {
|
|
40
31
|
value: string;
|
|
41
|
-
description: string;
|
|
42
32
|
};
|
|
43
33
|
klikpajak: {
|
|
44
34
|
value: string;
|
|
45
|
-
description: string;
|
|
46
35
|
};
|
|
47
36
|
mekari: {
|
|
48
37
|
value: string;
|
|
49
|
-
description: string;
|
|
50
38
|
};
|
|
51
39
|
qontak: {
|
|
52
40
|
value: string;
|
|
53
|
-
description: string;
|
|
54
41
|
};
|
|
55
42
|
talenta: {
|
|
56
43
|
value: string;
|
|
57
|
-
description: string;
|
|
58
44
|
};
|
|
59
45
|
university: {
|
|
60
46
|
value: string;
|
|
61
|
-
description: string;
|
|
62
47
|
};
|
|
63
48
|
};
|
|
64
49
|
whiteAlpha: {
|
|
@@ -128,23 +113,18 @@ declare const colors: {
|
|
|
128
113
|
gray: {
|
|
129
114
|
25: {
|
|
130
115
|
value: string;
|
|
131
|
-
description: string;
|
|
132
116
|
};
|
|
133
117
|
50: {
|
|
134
118
|
value: string;
|
|
135
|
-
description: string;
|
|
136
119
|
};
|
|
137
120
|
100: {
|
|
138
121
|
value: string;
|
|
139
|
-
description: string;
|
|
140
122
|
};
|
|
141
123
|
400: {
|
|
142
124
|
value: string;
|
|
143
|
-
description: string;
|
|
144
125
|
};
|
|
145
126
|
600: {
|
|
146
127
|
value: string;
|
|
147
|
-
description: string;
|
|
148
128
|
};
|
|
149
129
|
};
|
|
150
130
|
blue: {
|
package/dist/tokens/colors.d.ts
CHANGED
|
@@ -1,64 +1,49 @@
|
|
|
1
1
|
declare const colors: {
|
|
2
2
|
currentcolor: {
|
|
3
3
|
value: string;
|
|
4
|
-
description: string;
|
|
5
4
|
};
|
|
6
5
|
dark: {
|
|
7
6
|
value: string;
|
|
8
|
-
description: string;
|
|
9
7
|
};
|
|
10
8
|
white: {
|
|
11
9
|
value: string;
|
|
12
|
-
description: string;
|
|
13
10
|
};
|
|
14
11
|
background: {
|
|
15
12
|
value: string;
|
|
16
|
-
description: string;
|
|
17
13
|
};
|
|
18
14
|
overlay: {
|
|
19
15
|
value: string;
|
|
20
|
-
description: string;
|
|
21
16
|
};
|
|
22
17
|
brand: {
|
|
23
18
|
capital: {
|
|
24
19
|
value: string;
|
|
25
|
-
description: string;
|
|
26
20
|
};
|
|
27
21
|
esign: {
|
|
28
22
|
value: string;
|
|
29
|
-
description: string;
|
|
30
23
|
};
|
|
31
24
|
expense: {
|
|
32
25
|
value: string;
|
|
33
|
-
description: string;
|
|
34
26
|
};
|
|
35
27
|
flex: {
|
|
36
28
|
value: string;
|
|
37
|
-
description: string;
|
|
38
29
|
};
|
|
39
30
|
jurnal: {
|
|
40
31
|
value: string;
|
|
41
|
-
description: string;
|
|
42
32
|
};
|
|
43
33
|
klikpajak: {
|
|
44
34
|
value: string;
|
|
45
|
-
description: string;
|
|
46
35
|
};
|
|
47
36
|
mekari: {
|
|
48
37
|
value: string;
|
|
49
|
-
description: string;
|
|
50
38
|
};
|
|
51
39
|
qontak: {
|
|
52
40
|
value: string;
|
|
53
|
-
description: string;
|
|
54
41
|
};
|
|
55
42
|
talenta: {
|
|
56
43
|
value: string;
|
|
57
|
-
description: string;
|
|
58
44
|
};
|
|
59
45
|
university: {
|
|
60
46
|
value: string;
|
|
61
|
-
description: string;
|
|
62
47
|
};
|
|
63
48
|
};
|
|
64
49
|
whiteAlpha: {
|
|
@@ -128,23 +113,18 @@ declare const colors: {
|
|
|
128
113
|
gray: {
|
|
129
114
|
25: {
|
|
130
115
|
value: string;
|
|
131
|
-
description: string;
|
|
132
116
|
};
|
|
133
117
|
50: {
|
|
134
118
|
value: string;
|
|
135
|
-
description: string;
|
|
136
119
|
};
|
|
137
120
|
100: {
|
|
138
121
|
value: string;
|
|
139
|
-
description: string;
|
|
140
122
|
};
|
|
141
123
|
400: {
|
|
142
124
|
value: string;
|
|
143
|
-
description: string;
|
|
144
125
|
};
|
|
145
126
|
600: {
|
|
146
127
|
value: string;
|
|
147
|
-
description: string;
|
|
148
128
|
};
|
|
149
129
|
};
|
|
150
130
|
blue: {
|
package/dist/tokens/index.d.mts
CHANGED
|
@@ -16,64 +16,49 @@ declare const tokens: {
|
|
|
16
16
|
colors: {
|
|
17
17
|
currentcolor: {
|
|
18
18
|
value: string;
|
|
19
|
-
description: string;
|
|
20
19
|
};
|
|
21
20
|
dark: {
|
|
22
21
|
value: string;
|
|
23
|
-
description: string;
|
|
24
22
|
};
|
|
25
23
|
white: {
|
|
26
24
|
value: string;
|
|
27
|
-
description: string;
|
|
28
25
|
};
|
|
29
26
|
background: {
|
|
30
27
|
value: string;
|
|
31
|
-
description: string;
|
|
32
28
|
};
|
|
33
29
|
overlay: {
|
|
34
30
|
value: string;
|
|
35
|
-
description: string;
|
|
36
31
|
};
|
|
37
32
|
brand: {
|
|
38
33
|
capital: {
|
|
39
34
|
value: string;
|
|
40
|
-
description: string;
|
|
41
35
|
};
|
|
42
36
|
esign: {
|
|
43
37
|
value: string;
|
|
44
|
-
description: string;
|
|
45
38
|
};
|
|
46
39
|
expense: {
|
|
47
40
|
value: string;
|
|
48
|
-
description: string;
|
|
49
41
|
};
|
|
50
42
|
flex: {
|
|
51
43
|
value: string;
|
|
52
|
-
description: string;
|
|
53
44
|
};
|
|
54
45
|
jurnal: {
|
|
55
46
|
value: string;
|
|
56
|
-
description: string;
|
|
57
47
|
};
|
|
58
48
|
klikpajak: {
|
|
59
49
|
value: string;
|
|
60
|
-
description: string;
|
|
61
50
|
};
|
|
62
51
|
mekari: {
|
|
63
52
|
value: string;
|
|
64
|
-
description: string;
|
|
65
53
|
};
|
|
66
54
|
qontak: {
|
|
67
55
|
value: string;
|
|
68
|
-
description: string;
|
|
69
56
|
};
|
|
70
57
|
talenta: {
|
|
71
58
|
value: string;
|
|
72
|
-
description: string;
|
|
73
59
|
};
|
|
74
60
|
university: {
|
|
75
61
|
value: string;
|
|
76
|
-
description: string;
|
|
77
62
|
};
|
|
78
63
|
};
|
|
79
64
|
whiteAlpha: {
|
|
@@ -143,23 +128,18 @@ declare const tokens: {
|
|
|
143
128
|
gray: {
|
|
144
129
|
25: {
|
|
145
130
|
value: string;
|
|
146
|
-
description: string;
|
|
147
131
|
};
|
|
148
132
|
50: {
|
|
149
133
|
value: string;
|
|
150
|
-
description: string;
|
|
151
134
|
};
|
|
152
135
|
100: {
|
|
153
136
|
value: string;
|
|
154
|
-
description: string;
|
|
155
137
|
};
|
|
156
138
|
400: {
|
|
157
139
|
value: string;
|
|
158
|
-
description: string;
|
|
159
140
|
};
|
|
160
141
|
600: {
|
|
161
142
|
value: string;
|
|
162
|
-
description: string;
|
|
163
143
|
};
|
|
164
144
|
};
|
|
165
145
|
blue: {
|
|
@@ -353,27 +333,21 @@ declare const tokens: {
|
|
|
353
333
|
fontSizes: {
|
|
354
334
|
xs: {
|
|
355
335
|
value: string;
|
|
356
|
-
description: string;
|
|
357
336
|
};
|
|
358
337
|
sm: {
|
|
359
338
|
value: string;
|
|
360
|
-
description: string;
|
|
361
339
|
};
|
|
362
340
|
md: {
|
|
363
341
|
value: string;
|
|
364
|
-
description: string;
|
|
365
342
|
};
|
|
366
343
|
lg: {
|
|
367
344
|
value: string;
|
|
368
|
-
description: string;
|
|
369
345
|
};
|
|
370
346
|
xl: {
|
|
371
347
|
value: string;
|
|
372
|
-
description: string;
|
|
373
348
|
};
|
|
374
349
|
'2xl': {
|
|
375
350
|
value: string;
|
|
376
|
-
description: string;
|
|
377
351
|
};
|
|
378
352
|
};
|
|
379
353
|
fontWeights: {
|
|
@@ -390,31 +364,24 @@ declare const tokens: {
|
|
|
390
364
|
lineHeights: {
|
|
391
365
|
xs: {
|
|
392
366
|
value: number;
|
|
393
|
-
description: string;
|
|
394
367
|
};
|
|
395
368
|
sm: {
|
|
396
369
|
value: number;
|
|
397
|
-
description: string;
|
|
398
370
|
};
|
|
399
371
|
md: {
|
|
400
372
|
value: number;
|
|
401
|
-
description: string;
|
|
402
373
|
};
|
|
403
374
|
lg: {
|
|
404
375
|
value: number;
|
|
405
|
-
description: string;
|
|
406
376
|
};
|
|
407
377
|
xl: {
|
|
408
378
|
value: number;
|
|
409
|
-
description: string;
|
|
410
379
|
};
|
|
411
380
|
'2xl': {
|
|
412
381
|
value: number;
|
|
413
|
-
description: string;
|
|
414
382
|
};
|
|
415
383
|
'3xl': {
|
|
416
384
|
value: number;
|
|
417
|
-
description: string;
|
|
418
385
|
};
|
|
419
386
|
};
|
|
420
387
|
letterSpacings: {
|
|
@@ -457,23 +424,18 @@ declare const tokens: {
|
|
|
457
424
|
};
|
|
458
425
|
xs: {
|
|
459
426
|
value: string;
|
|
460
|
-
description: string;
|
|
461
427
|
};
|
|
462
428
|
sm: {
|
|
463
429
|
value: string;
|
|
464
|
-
description: string;
|
|
465
430
|
};
|
|
466
431
|
md: {
|
|
467
432
|
value: string;
|
|
468
|
-
description: string;
|
|
469
433
|
};
|
|
470
434
|
lg: {
|
|
471
435
|
value: string;
|
|
472
|
-
description: string;
|
|
473
436
|
};
|
|
474
437
|
xl: {
|
|
475
438
|
value: string;
|
|
476
|
-
description: string;
|
|
477
439
|
};
|
|
478
440
|
full: {
|
|
479
441
|
value: string;
|
|
@@ -520,95 +482,72 @@ declare const tokens: {
|
|
|
520
482
|
sizes: {
|
|
521
483
|
0: {
|
|
522
484
|
value: string;
|
|
523
|
-
description: string;
|
|
524
485
|
};
|
|
525
486
|
0.25: {
|
|
526
487
|
value: string;
|
|
527
|
-
description: string;
|
|
528
488
|
};
|
|
529
489
|
0.5: {
|
|
530
490
|
value: string;
|
|
531
|
-
description: string;
|
|
532
491
|
};
|
|
533
492
|
1: {
|
|
534
493
|
value: string;
|
|
535
|
-
description: string;
|
|
536
494
|
};
|
|
537
495
|
2: {
|
|
538
496
|
value: string;
|
|
539
|
-
description: string;
|
|
540
497
|
};
|
|
541
498
|
2.5: {
|
|
542
499
|
value: string;
|
|
543
|
-
description: string;
|
|
544
500
|
};
|
|
545
501
|
3: {
|
|
546
502
|
value: string;
|
|
547
|
-
description: string;
|
|
548
503
|
};
|
|
549
504
|
4: {
|
|
550
505
|
value: string;
|
|
551
|
-
description: string;
|
|
552
506
|
};
|
|
553
507
|
5: {
|
|
554
508
|
value: string;
|
|
555
|
-
description: string;
|
|
556
509
|
};
|
|
557
510
|
6: {
|
|
558
511
|
value: string;
|
|
559
|
-
description: string;
|
|
560
512
|
};
|
|
561
513
|
7: {
|
|
562
514
|
value: string;
|
|
563
|
-
description: string;
|
|
564
515
|
};
|
|
565
516
|
7.5: {
|
|
566
517
|
value: string;
|
|
567
|
-
description: string;
|
|
568
518
|
};
|
|
569
519
|
8: {
|
|
570
520
|
value: string;
|
|
571
|
-
description: string;
|
|
572
521
|
};
|
|
573
522
|
9: {
|
|
574
523
|
value: string;
|
|
575
|
-
description: string;
|
|
576
524
|
};
|
|
577
525
|
9.5: {
|
|
578
526
|
value: string;
|
|
579
|
-
description: string;
|
|
580
527
|
};
|
|
581
528
|
10: {
|
|
582
529
|
value: string;
|
|
583
|
-
description: string;
|
|
584
530
|
};
|
|
585
531
|
11: {
|
|
586
532
|
value: string;
|
|
587
|
-
description: string;
|
|
588
533
|
};
|
|
589
534
|
12: {
|
|
590
535
|
value: string;
|
|
591
|
-
description: string;
|
|
592
536
|
};
|
|
593
537
|
16: {
|
|
594
538
|
value: string;
|
|
595
|
-
description: string;
|
|
596
539
|
};
|
|
597
540
|
20: {
|
|
598
541
|
value: string;
|
|
599
|
-
description: string;
|
|
600
542
|
};
|
|
601
543
|
22: {
|
|
602
544
|
value: string;
|
|
603
|
-
description: string;
|
|
604
545
|
};
|
|
605
546
|
56: {
|
|
606
547
|
value: string;
|
|
607
|
-
description: string;
|
|
608
548
|
};
|
|
609
549
|
65: {
|
|
610
550
|
value: string;
|
|
611
|
-
description: string;
|
|
612
551
|
};
|
|
613
552
|
full: {
|
|
614
553
|
value: string;
|
|
@@ -620,71 +559,54 @@ declare const tokens: {
|
|
|
620
559
|
spacing: {
|
|
621
560
|
0: {
|
|
622
561
|
value: string;
|
|
623
|
-
description: string;
|
|
624
562
|
};
|
|
625
563
|
0.5: {
|
|
626
564
|
value: string;
|
|
627
|
-
description: string;
|
|
628
565
|
};
|
|
629
566
|
1: {
|
|
630
567
|
value: string;
|
|
631
|
-
description: string;
|
|
632
568
|
};
|
|
633
569
|
1.5: {
|
|
634
570
|
value: string;
|
|
635
|
-
description: string;
|
|
636
571
|
};
|
|
637
572
|
2: {
|
|
638
573
|
value: string;
|
|
639
|
-
description: string;
|
|
640
574
|
};
|
|
641
575
|
3: {
|
|
642
576
|
value: string;
|
|
643
|
-
description: string;
|
|
644
577
|
};
|
|
645
578
|
4: {
|
|
646
579
|
value: string;
|
|
647
|
-
description: string;
|
|
648
580
|
};
|
|
649
581
|
5: {
|
|
650
582
|
value: string;
|
|
651
|
-
description: string;
|
|
652
583
|
};
|
|
653
584
|
6: {
|
|
654
585
|
value: string;
|
|
655
|
-
description: string;
|
|
656
586
|
};
|
|
657
587
|
8: {
|
|
658
588
|
value: string;
|
|
659
|
-
description: string;
|
|
660
589
|
};
|
|
661
590
|
12: {
|
|
662
591
|
value: string;
|
|
663
|
-
description: string;
|
|
664
592
|
};
|
|
665
593
|
16: {
|
|
666
594
|
value: string;
|
|
667
|
-
description: string;
|
|
668
595
|
};
|
|
669
596
|
20: {
|
|
670
597
|
value: string;
|
|
671
|
-
description: string;
|
|
672
598
|
};
|
|
673
599
|
24: {
|
|
674
600
|
value: string;
|
|
675
|
-
description: string;
|
|
676
601
|
};
|
|
677
602
|
32: {
|
|
678
603
|
value: string;
|
|
679
|
-
description: string;
|
|
680
604
|
};
|
|
681
605
|
40: {
|
|
682
606
|
value: string;
|
|
683
|
-
description: string;
|
|
684
607
|
};
|
|
685
608
|
64: {
|
|
686
609
|
value: string;
|
|
687
|
-
description: string;
|
|
688
610
|
};
|
|
689
611
|
};
|
|
690
612
|
zIndex: {
|