@mekari/pixel3-theme 0.2.1 → 0.2.2-dev.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.
- package/dist/conditions.d.mts +4 -1
- package/dist/conditions.d.ts +4 -1
- package/dist/index.js +3423 -606
- package/dist/index.mjs +3382 -565
- package/dist/recipes/airene-button.d.mts +5 -0
- package/dist/recipes/airene-button.d.ts +5 -0
- package/dist/recipes/index.d.mts +1 -0
- package/dist/recipes/index.d.ts +1 -0
- package/dist/semanticTokens/colors.d.mts +892 -0
- package/dist/semanticTokens/colors.d.ts +892 -0
- package/dist/semanticTokens/index.d.mts +951 -0
- package/dist/semanticTokens/index.d.ts +951 -0
- package/dist/semanticTokens/spacing.d.mts +59 -0
- package/dist/semanticTokens/spacing.d.ts +59 -0
- package/dist/tokens/borders.d.mts +2 -2
- package/dist/tokens/borders.d.ts +2 -2
- package/dist/tokens/colors.d.mts +40 -34
- package/dist/tokens/colors.d.ts +40 -34
- package/dist/tokens/index.d.mts +62 -35
- package/dist/tokens/index.d.ts +62 -35
- package/dist/tokens/radii.d.mts +5 -0
- package/dist/tokens/radii.d.ts +5 -0
- package/dist/tokens/spacing.d.mts +16 -0
- package/dist/tokens/spacing.d.ts +16 -0
- package/dist/tokens-next/borders.d.mts +22 -0
- package/dist/tokens-next/borders.d.ts +22 -0
- package/dist/tokens-next/colors.d.mts +444 -0
- package/dist/tokens-next/colors.d.ts +444 -0
- package/dist/tokens-next/index.d.mts +775 -0
- package/dist/tokens-next/index.d.ts +775 -0
- package/dist/tokens-next/radii.d.mts +26 -0
- package/dist/tokens-next/radii.d.ts +26 -0
- package/dist/tokens-next/shadows.d.mts +28 -0
- package/dist/tokens-next/shadows.d.ts +28 -0
- package/dist/tokens-next/spacing.d.mts +51 -0
- package/dist/tokens-next/spacing.d.ts +51 -0
- package/package.json +3 -2
- package/src/conditions.ts +6 -4
- package/src/global-css.ts +4 -0
- package/src/index.ts +15 -2
- package/src/keyframes.ts +5 -0
- package/src/recipes/accordion.ts +60 -10
- package/src/recipes/airene-button.ts +120 -0
- package/src/recipes/autocomplete.ts +6 -1
- package/src/recipes/avatar.ts +101 -24
- package/src/recipes/badge.ts +174 -50
- package/src/recipes/banner.ts +36 -12
- package/src/recipes/broadcast.ts +78 -12
- package/src/recipes/button.ts +239 -11
- package/src/recipes/carousel.ts +5 -0
- package/src/recipes/chart.ts +10 -5
- package/src/recipes/checkbox.ts +72 -15
- package/src/recipes/color-picker.ts +74 -23
- package/src/recipes/date-picker.ts +165 -31
- package/src/recipes/divider.ts +5 -1
- package/src/recipes/dropzone.ts +80 -8
- package/src/recipes/form-control.ts +12 -3
- package/src/recipes/icon.ts +3 -1
- package/src/recipes/index.ts +3 -1
- package/src/recipes/input-tag.ts +48 -8
- package/src/recipes/input.ts +105 -18
- package/src/recipes/modal.ts +38 -10
- package/src/recipes/popover.ts +28 -9
- package/src/recipes/progress.ts +9 -2
- package/src/recipes/radio.ts +56 -23
- package/src/recipes/rich-text-editor.ts +32 -6
- package/src/recipes/segmented-control.ts +48 -8
- package/src/recipes/select.ts +42 -0
- package/src/recipes/slider.ts +46 -6
- package/src/recipes/table.ts +26 -11
- package/src/recipes/tabs.ts +36 -4
- package/src/recipes/tag.ts +44 -14
- package/src/recipes/text.ts +0 -1
- package/src/recipes/textarea.ts +0 -46
- package/src/recipes/timeline.ts +42 -8
- package/src/recipes/toast.ts +21 -5
- package/src/recipes/toggle.ts +63 -13
- package/src/recipes/tooltip.ts +6 -1
- package/src/recipes/upload.ts +51 -16
- package/src/semanticTokens/colors.ts +893 -0
- package/src/semanticTokens/index.ts +8 -0
- package/src/semanticTokens/spacing.ts +59 -0
- package/src/text-styles.ts +1 -1
- package/src/tokens/borders.ts +1 -1
- package/src/tokens/colors.ts +19 -23
- package/src/tokens/index.ts +2 -2
- package/src/tokens/radii.ts +5 -5
- package/src/tokens/spacing.ts +17 -17
- package/src/tokens-next/borders.ts +10 -0
- package/src/tokens-next/colors.ts +172 -0
- package/src/tokens-next/index.ts +32 -0
- package/src/tokens-next/radii.ts +10 -0
- package/src/tokens-next/shadows.ts +28 -0
- package/src/tokens-next/spacing.ts +16 -0
package/dist/tokens/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
declare const tokens: {
|
|
2
|
-
|
|
2
|
+
borderWidths: {
|
|
3
3
|
none: {
|
|
4
4
|
value: string;
|
|
5
5
|
};
|
|
@@ -14,13 +14,13 @@ declare const tokens: {
|
|
|
14
14
|
};
|
|
15
15
|
};
|
|
16
16
|
colors: {
|
|
17
|
-
|
|
17
|
+
debug: {
|
|
18
18
|
value: string;
|
|
19
19
|
};
|
|
20
|
-
|
|
20
|
+
currentcolor: {
|
|
21
21
|
value: string;
|
|
22
22
|
};
|
|
23
|
-
|
|
23
|
+
dark: {
|
|
24
24
|
value: string;
|
|
25
25
|
};
|
|
26
26
|
background: {
|
|
@@ -29,37 +29,11 @@ declare const tokens: {
|
|
|
29
29
|
overlay: {
|
|
30
30
|
value: string;
|
|
31
31
|
};
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
value: string;
|
|
38
|
-
};
|
|
39
|
-
expense: {
|
|
40
|
-
value: string;
|
|
41
|
-
};
|
|
42
|
-
flex: {
|
|
43
|
-
value: string;
|
|
44
|
-
};
|
|
45
|
-
jurnal: {
|
|
46
|
-
value: string;
|
|
47
|
-
};
|
|
48
|
-
klikpajak: {
|
|
49
|
-
value: string;
|
|
50
|
-
};
|
|
51
|
-
mekari: {
|
|
52
|
-
value: string;
|
|
53
|
-
};
|
|
54
|
-
qontak: {
|
|
55
|
-
value: string;
|
|
56
|
-
};
|
|
57
|
-
talenta: {
|
|
58
|
-
value: string;
|
|
59
|
-
};
|
|
60
|
-
university: {
|
|
61
|
-
value: string;
|
|
62
|
-
};
|
|
32
|
+
white: {
|
|
33
|
+
value: string;
|
|
34
|
+
};
|
|
35
|
+
vibrantPurple: {
|
|
36
|
+
value: string;
|
|
63
37
|
};
|
|
64
38
|
whiteAlpha: {
|
|
65
39
|
50: {
|
|
@@ -310,6 +284,38 @@ declare const tokens: {
|
|
|
310
284
|
value: string;
|
|
311
285
|
};
|
|
312
286
|
};
|
|
287
|
+
brand: {
|
|
288
|
+
capital: {
|
|
289
|
+
value: string;
|
|
290
|
+
};
|
|
291
|
+
esign: {
|
|
292
|
+
value: string;
|
|
293
|
+
};
|
|
294
|
+
expense: {
|
|
295
|
+
value: string;
|
|
296
|
+
};
|
|
297
|
+
flex: {
|
|
298
|
+
value: string;
|
|
299
|
+
};
|
|
300
|
+
jurnal: {
|
|
301
|
+
value: string;
|
|
302
|
+
};
|
|
303
|
+
klikpajak: {
|
|
304
|
+
value: string;
|
|
305
|
+
};
|
|
306
|
+
mekari: {
|
|
307
|
+
value: string;
|
|
308
|
+
};
|
|
309
|
+
qontak: {
|
|
310
|
+
value: string;
|
|
311
|
+
};
|
|
312
|
+
talenta: {
|
|
313
|
+
value: string;
|
|
314
|
+
};
|
|
315
|
+
university: {
|
|
316
|
+
value: string;
|
|
317
|
+
};
|
|
318
|
+
};
|
|
313
319
|
};
|
|
314
320
|
durations: {
|
|
315
321
|
slow: {
|
|
@@ -424,18 +430,23 @@ declare const tokens: {
|
|
|
424
430
|
};
|
|
425
431
|
xs: {
|
|
426
432
|
value: string;
|
|
433
|
+
description: string;
|
|
427
434
|
};
|
|
428
435
|
sm: {
|
|
429
436
|
value: string;
|
|
437
|
+
description: string;
|
|
430
438
|
};
|
|
431
439
|
md: {
|
|
432
440
|
value: string;
|
|
441
|
+
description: string;
|
|
433
442
|
};
|
|
434
443
|
lg: {
|
|
435
444
|
value: string;
|
|
445
|
+
description: string;
|
|
436
446
|
};
|
|
437
447
|
xl: {
|
|
438
448
|
value: string;
|
|
449
|
+
description: string;
|
|
439
450
|
};
|
|
440
451
|
full: {
|
|
441
452
|
value: string;
|
|
@@ -562,51 +573,67 @@ declare const tokens: {
|
|
|
562
573
|
};
|
|
563
574
|
0.5: {
|
|
564
575
|
value: string;
|
|
576
|
+
description: string;
|
|
565
577
|
};
|
|
566
578
|
1: {
|
|
567
579
|
value: string;
|
|
580
|
+
description: string;
|
|
568
581
|
};
|
|
569
582
|
1.5: {
|
|
570
583
|
value: string;
|
|
584
|
+
description: string;
|
|
571
585
|
};
|
|
572
586
|
2: {
|
|
573
587
|
value: string;
|
|
588
|
+
description: string;
|
|
574
589
|
};
|
|
575
590
|
3: {
|
|
576
591
|
value: string;
|
|
592
|
+
description: string;
|
|
577
593
|
};
|
|
578
594
|
4: {
|
|
579
595
|
value: string;
|
|
596
|
+
description: string;
|
|
580
597
|
};
|
|
581
598
|
5: {
|
|
582
599
|
value: string;
|
|
600
|
+
description: string;
|
|
583
601
|
};
|
|
584
602
|
6: {
|
|
585
603
|
value: string;
|
|
604
|
+
description: string;
|
|
586
605
|
};
|
|
587
606
|
8: {
|
|
588
607
|
value: string;
|
|
608
|
+
description: string;
|
|
589
609
|
};
|
|
590
610
|
12: {
|
|
591
611
|
value: string;
|
|
612
|
+
description: string;
|
|
592
613
|
};
|
|
593
614
|
16: {
|
|
594
615
|
value: string;
|
|
616
|
+
description: string;
|
|
595
617
|
};
|
|
596
618
|
20: {
|
|
597
619
|
value: string;
|
|
620
|
+
description: string;
|
|
598
621
|
};
|
|
599
622
|
24: {
|
|
600
623
|
value: string;
|
|
624
|
+
description: string;
|
|
601
625
|
};
|
|
602
626
|
32: {
|
|
603
627
|
value: string;
|
|
628
|
+
description: string;
|
|
604
629
|
};
|
|
605
630
|
40: {
|
|
606
631
|
value: string;
|
|
632
|
+
description: string;
|
|
607
633
|
};
|
|
608
634
|
64: {
|
|
609
635
|
value: string;
|
|
636
|
+
description: string;
|
|
610
637
|
};
|
|
611
638
|
};
|
|
612
639
|
zIndex: {
|
package/dist/tokens/radii.d.mts
CHANGED
|
@@ -4,18 +4,23 @@ declare const radii: {
|
|
|
4
4
|
};
|
|
5
5
|
xs: {
|
|
6
6
|
value: string;
|
|
7
|
+
description: string;
|
|
7
8
|
};
|
|
8
9
|
sm: {
|
|
9
10
|
value: string;
|
|
11
|
+
description: string;
|
|
10
12
|
};
|
|
11
13
|
md: {
|
|
12
14
|
value: string;
|
|
15
|
+
description: string;
|
|
13
16
|
};
|
|
14
17
|
lg: {
|
|
15
18
|
value: string;
|
|
19
|
+
description: string;
|
|
16
20
|
};
|
|
17
21
|
xl: {
|
|
18
22
|
value: string;
|
|
23
|
+
description: string;
|
|
19
24
|
};
|
|
20
25
|
full: {
|
|
21
26
|
value: string;
|
package/dist/tokens/radii.d.ts
CHANGED
|
@@ -4,18 +4,23 @@ declare const radii: {
|
|
|
4
4
|
};
|
|
5
5
|
xs: {
|
|
6
6
|
value: string;
|
|
7
|
+
description: string;
|
|
7
8
|
};
|
|
8
9
|
sm: {
|
|
9
10
|
value: string;
|
|
11
|
+
description: string;
|
|
10
12
|
};
|
|
11
13
|
md: {
|
|
12
14
|
value: string;
|
|
15
|
+
description: string;
|
|
13
16
|
};
|
|
14
17
|
lg: {
|
|
15
18
|
value: string;
|
|
19
|
+
description: string;
|
|
16
20
|
};
|
|
17
21
|
xl: {
|
|
18
22
|
value: string;
|
|
23
|
+
description: string;
|
|
19
24
|
};
|
|
20
25
|
full: {
|
|
21
26
|
value: string;
|
|
@@ -4,51 +4,67 @@ declare const spacing: {
|
|
|
4
4
|
};
|
|
5
5
|
0.5: {
|
|
6
6
|
value: string;
|
|
7
|
+
description: string;
|
|
7
8
|
};
|
|
8
9
|
1: {
|
|
9
10
|
value: string;
|
|
11
|
+
description: string;
|
|
10
12
|
};
|
|
11
13
|
1.5: {
|
|
12
14
|
value: string;
|
|
15
|
+
description: string;
|
|
13
16
|
};
|
|
14
17
|
2: {
|
|
15
18
|
value: string;
|
|
19
|
+
description: string;
|
|
16
20
|
};
|
|
17
21
|
3: {
|
|
18
22
|
value: string;
|
|
23
|
+
description: string;
|
|
19
24
|
};
|
|
20
25
|
4: {
|
|
21
26
|
value: string;
|
|
27
|
+
description: string;
|
|
22
28
|
};
|
|
23
29
|
5: {
|
|
24
30
|
value: string;
|
|
31
|
+
description: string;
|
|
25
32
|
};
|
|
26
33
|
6: {
|
|
27
34
|
value: string;
|
|
35
|
+
description: string;
|
|
28
36
|
};
|
|
29
37
|
8: {
|
|
30
38
|
value: string;
|
|
39
|
+
description: string;
|
|
31
40
|
};
|
|
32
41
|
12: {
|
|
33
42
|
value: string;
|
|
43
|
+
description: string;
|
|
34
44
|
};
|
|
35
45
|
16: {
|
|
36
46
|
value: string;
|
|
47
|
+
description: string;
|
|
37
48
|
};
|
|
38
49
|
20: {
|
|
39
50
|
value: string;
|
|
51
|
+
description: string;
|
|
40
52
|
};
|
|
41
53
|
24: {
|
|
42
54
|
value: string;
|
|
55
|
+
description: string;
|
|
43
56
|
};
|
|
44
57
|
32: {
|
|
45
58
|
value: string;
|
|
59
|
+
description: string;
|
|
46
60
|
};
|
|
47
61
|
40: {
|
|
48
62
|
value: string;
|
|
63
|
+
description: string;
|
|
49
64
|
};
|
|
50
65
|
64: {
|
|
51
66
|
value: string;
|
|
67
|
+
description: string;
|
|
52
68
|
};
|
|
53
69
|
};
|
|
54
70
|
|
package/dist/tokens/spacing.d.ts
CHANGED
|
@@ -4,51 +4,67 @@ declare const spacing: {
|
|
|
4
4
|
};
|
|
5
5
|
0.5: {
|
|
6
6
|
value: string;
|
|
7
|
+
description: string;
|
|
7
8
|
};
|
|
8
9
|
1: {
|
|
9
10
|
value: string;
|
|
11
|
+
description: string;
|
|
10
12
|
};
|
|
11
13
|
1.5: {
|
|
12
14
|
value: string;
|
|
15
|
+
description: string;
|
|
13
16
|
};
|
|
14
17
|
2: {
|
|
15
18
|
value: string;
|
|
19
|
+
description: string;
|
|
16
20
|
};
|
|
17
21
|
3: {
|
|
18
22
|
value: string;
|
|
23
|
+
description: string;
|
|
19
24
|
};
|
|
20
25
|
4: {
|
|
21
26
|
value: string;
|
|
27
|
+
description: string;
|
|
22
28
|
};
|
|
23
29
|
5: {
|
|
24
30
|
value: string;
|
|
31
|
+
description: string;
|
|
25
32
|
};
|
|
26
33
|
6: {
|
|
27
34
|
value: string;
|
|
35
|
+
description: string;
|
|
28
36
|
};
|
|
29
37
|
8: {
|
|
30
38
|
value: string;
|
|
39
|
+
description: string;
|
|
31
40
|
};
|
|
32
41
|
12: {
|
|
33
42
|
value: string;
|
|
43
|
+
description: string;
|
|
34
44
|
};
|
|
35
45
|
16: {
|
|
36
46
|
value: string;
|
|
47
|
+
description: string;
|
|
37
48
|
};
|
|
38
49
|
20: {
|
|
39
50
|
value: string;
|
|
51
|
+
description: string;
|
|
40
52
|
};
|
|
41
53
|
24: {
|
|
42
54
|
value: string;
|
|
55
|
+
description: string;
|
|
43
56
|
};
|
|
44
57
|
32: {
|
|
45
58
|
value: string;
|
|
59
|
+
description: string;
|
|
46
60
|
};
|
|
47
61
|
40: {
|
|
48
62
|
value: string;
|
|
63
|
+
description: string;
|
|
49
64
|
};
|
|
50
65
|
64: {
|
|
51
66
|
value: string;
|
|
67
|
+
description: string;
|
|
52
68
|
};
|
|
53
69
|
};
|
|
54
70
|
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
declare const borderWidths: {
|
|
2
|
+
none: {
|
|
3
|
+
value: string;
|
|
4
|
+
};
|
|
5
|
+
sm: {
|
|
6
|
+
value: string;
|
|
7
|
+
};
|
|
8
|
+
md: {
|
|
9
|
+
value: string;
|
|
10
|
+
};
|
|
11
|
+
lg: {
|
|
12
|
+
value: string;
|
|
13
|
+
};
|
|
14
|
+
xl: {
|
|
15
|
+
value: string;
|
|
16
|
+
};
|
|
17
|
+
'2xl': {
|
|
18
|
+
value: string;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
export { borderWidths };
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
declare const borderWidths: {
|
|
2
|
+
none: {
|
|
3
|
+
value: string;
|
|
4
|
+
};
|
|
5
|
+
sm: {
|
|
6
|
+
value: string;
|
|
7
|
+
};
|
|
8
|
+
md: {
|
|
9
|
+
value: string;
|
|
10
|
+
};
|
|
11
|
+
lg: {
|
|
12
|
+
value: string;
|
|
13
|
+
};
|
|
14
|
+
xl: {
|
|
15
|
+
value: string;
|
|
16
|
+
};
|
|
17
|
+
'2xl': {
|
|
18
|
+
value: string;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
export { borderWidths };
|