@mekari/pixel3-theme 0.0.6-dev.1 → 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.
Files changed (20) hide show
  1. package/dist/index.js +78 -88
  2. package/dist/index.mjs +78 -88
  3. package/dist/tokens/colors.d.mts +0 -20
  4. package/dist/tokens/colors.d.ts +0 -20
  5. package/dist/tokens/index.d.mts +0 -90
  6. package/dist/tokens/index.d.ts +0 -90
  7. package/dist/tokens/radii.d.mts +0 -5
  8. package/dist/tokens/radii.d.ts +0 -5
  9. package/dist/tokens/sizes.d.mts +0 -27
  10. package/dist/tokens/sizes.d.ts +0 -27
  11. package/dist/tokens/spacing.d.mts +0 -25
  12. package/dist/tokens/spacing.d.ts +0 -25
  13. package/dist/tokens/typography.d.mts +0 -13
  14. package/dist/tokens/typography.d.ts +0 -13
  15. package/package.json +3 -3
  16. package/src/tokens/colors.ts +15 -21
  17. package/src/tokens/radii.ts +5 -5
  18. package/src/tokens/sizes.ts +24 -25
  19. package/src/tokens/spacing.ts +17 -19
  20. package/src/tokens/typography.ts +13 -13
package/dist/tokens/radii.d.ts CHANGED
@@ -4,23 +4,18 @@ declare const radii: {
4
4
  };
5
5
  xs: {
6
6
  value: string;
7
- description: string;
8
7
  };
9
8
  sm: {
10
9
  value: string;
11
- description: string;
12
10
  };
13
11
  md: {
14
12
  value: string;
15
- description: string;
16
13
  };
17
14
  lg: {
18
15
  value: string;
19
- description: string;
20
16
  };
21
17
  xl: {
22
18
  value: string;
23
- description: string;
24
19
  };
25
20
  full: {
26
21
  value: string;
package/dist/tokens/sizes.d.mts CHANGED
@@ -1,99 +1,72 @@
1
1
  declare const sizes: {
2
2
  0: {
3
3
  value: string;
4
- description: string;
5
4
  };
6
5
  0.25: {
7
6
  value: string;
8
- description: string;
9
7
  };
10
8
  0.5: {
11
9
  value: string;
12
- description: string;
13
10
  };
14
11
  1: {
15
12
  value: string;
16
- description: string;
17
- };
18
- 1.5: {
19
- value: string;
20
- description: string;
21
13
  };
22
14
  2: {
23
15
  value: string;
24
- description: string;
25
16
  };
26
17
  2.5: {
27
18
  value: string;
28
- description: string;
29
19
  };
30
20
  3: {
31
21
  value: string;
32
- description: string;
33
22
  };
34
23
  4: {
35
24
  value: string;
36
- description: string;
37
25
  };
38
26
  5: {
39
27
  value: string;
40
- description: string;
41
28
  };
42
29
  6: {
43
30
  value: string;
44
- description: string;
45
31
  };
46
32
  7: {
47
33
  value: string;
48
- description: string;
49
34
  };
50
35
  7.5: {
51
36
  value: string;
52
- description: string;
53
37
  };
54
38
  8: {
55
39
  value: string;
56
- description: string;
57
40
  };
58
41
  9: {
59
42
  value: string;
60
- description: string;
61
43
  };
62
44
  9.5: {
63
45
  value: string;
64
- description: string;
65
46
  };
66
47
  10: {
67
48
  value: string;
68
- description: string;
69
49
  };
70
50
  11: {
71
51
  value: string;
72
- description: string;
73
52
  };
74
53
  12: {
75
54
  value: string;
76
- description: string;
77
55
  };
78
56
  16: {
79
57
  value: string;
80
- description: string;
81
58
  };
82
59
  20: {
83
60
  value: string;
84
- description: string;
85
61
  };
86
62
  22: {
87
63
  value: string;
88
- description: string;
89
64
  };
90
65
  56: {
91
66
  value: string;
92
- description: string;
93
67
  };
94
68
  65: {
95
69
  value: string;
96
- description: string;
97
70
  };
98
71
  full: {
99
72
  value: string;
package/dist/tokens/sizes.d.ts CHANGED
@@ -1,99 +1,72 @@
1
1
  declare const sizes: {
2
2
  0: {
3
3
  value: string;
4
- description: string;
5
4
  };
6
5
  0.25: {
7
6
  value: string;
8
- description: string;
9
7
  };
10
8
  0.5: {
11
9
  value: string;
12
- description: string;
13
10
  };
14
11
  1: {
15
12
  value: string;
16
- description: string;
17
- };
18
- 1.5: {
19
- value: string;
20
- description: string;
21
13
  };
22
14
  2: {
23
15
  value: string;
24
- description: string;
25
16
  };
26
17
  2.5: {
27
18
  value: string;
28
- description: string;
29
19
  };
30
20
  3: {
31
21
  value: string;
32
- description: string;
33
22
  };
34
23
  4: {
35
24
  value: string;
36
- description: string;
37
25
  };
38
26
  5: {
39
27
  value: string;
40
- description: string;
41
28
  };
42
29
  6: {
43
30
  value: string;
44
- description: string;
45
31
  };
46
32
  7: {
47
33
  value: string;
48
- description: string;
49
34
  };
50
35
  7.5: {
51
36
  value: string;
52
- description: string;
53
37
  };
54
38
  8: {
55
39
  value: string;
56
- description: string;
57
40
  };
58
41
  9: {
59
42
  value: string;
60
- description: string;
61
43
  };
62
44
  9.5: {
63
45
  value: string;
64
- description: string;
65
46
  };
66
47
  10: {
67
48
  value: string;
68
- description: string;
69
49
  };
70
50
  11: {
71
51
  value: string;
72
- description: string;
73
52
  };
74
53
  12: {
75
54
  value: string;
76
- description: string;
77
55
  };
78
56
  16: {
79
57
  value: string;
80
- description: string;
81
58
  };
82
59
  20: {
83
60
  value: string;
84
- description: string;
85
61
  };
86
62
  22: {
87
63
  value: string;
88
- description: string;
89
64
  };
90
65
  56: {
91
66
  value: string;
92
- description: string;
93
67
  };
94
68
  65: {
95
69
  value: string;
96
- description: string;
97
70
  };
98
71
  full: {
99
72
  value: string;
package/dist/tokens/spacing.d.mts CHANGED
@@ -1,79 +1,54 @@
1
1
  declare const spacing: {
2
2
  0: {
3
3
  value: string;
4
- description: string;
5
- };
6
- 0.25: {
7
- value: string;
8
- description: string;
9
4
  };
10
5
  0.5: {
11
6
  value: string;
12
- description: string;
13
7
  };
14
8
  1: {
15
9
  value: string;
16
- description: string;
17
10
  };
18
11
  1.5: {
19
12
  value: string;
20
- description: string;
21
13
  };
22
14
  2: {
23
15
  value: string;
24
- description: string;
25
- };
26
- 2.5: {
27
- value: string;
28
- description: string;
29
16
  };
30
17
  3: {
31
18
  value: string;
32
- description: string;
33
19
  };
34
20
  4: {
35
21
  value: string;
36
- description: string;
37
22
  };
38
23
  5: {
39
24
  value: string;
40
- description: string;
41
25
  };
42
26
  6: {
43
27
  value: string;
44
- description: string;
45
28
  };
46
29
  8: {
47
30
  value: string;
48
- description: string;
49
31
  };
50
32
  12: {
51
33
  value: string;
52
- description: string;
53
34
  };
54
35
  16: {
55
36
  value: string;
56
- description: string;
57
37
  };
58
38
  20: {
59
39
  value: string;
60
- description: string;
61
40
  };
62
41
  24: {
63
42
  value: string;
64
- description: string;
65
43
  };
66
44
  32: {
67
45
  value: string;
68
- description: string;
69
46
  };
70
47
  40: {
71
48
  value: string;
72
- description: string;
73
49
  };
74
50
  64: {
75
51
  value: string;
76
- description: string;
77
52
  };
78
53
  };
79
54
 
package/dist/tokens/spacing.d.ts CHANGED
@@ -1,79 +1,54 @@
1
1
  declare const spacing: {
2
2
  0: {
3
3
  value: string;
4
- description: string;
5
- };
6
- 0.25: {
7
- value: string;
8
- description: string;
9
4
  };
10
5
  0.5: {
11
6
  value: string;
12
- description: string;
13
7
  };
14
8
  1: {
15
9
  value: string;
16
- description: string;
17
10
  };
18
11
  1.5: {
19
12
  value: string;
20
- description: string;
21
13
  };
22
14
  2: {
23
15
  value: string;
24
- description: string;
25
- };
26
- 2.5: {
27
- value: string;
28
- description: string;
29
16
  };
30
17
  3: {
31
18
  value: string;
32
- description: string;
33
19
  };
34
20
  4: {
35
21
  value: string;
36
- description: string;
37
22
  };
38
23
  5: {
39
24
  value: string;
40
- description: string;
41
25
  };
42
26
  6: {
43
27
  value: string;
44
- description: string;
45
28
  };
46
29
  8: {
47
30
  value: string;
48
- description: string;
49
31
  };
50
32
  12: {
51
33
  value: string;
52
- description: string;
53
34
  };
54
35
  16: {
55
36
  value: string;
56
- description: string;
57
37
  };
58
38
  20: {
59
39
  value: string;
60
- description: string;
61
40
  };
62
41
  24: {
63
42
  value: string;
64
- description: string;
65
43
  };
66
44
  32: {
67
45
  value: string;
68
- description: string;
69
46
  };
70
47
  40: {
71
48
  value: string;
72
- description: string;
73
49
  };
74
50
  64: {
75
51
  value: string;
76
- description: string;
77
52
  };
78
53
  };
79
54
 
package/dist/tokens/typography.d.mts CHANGED
@@ -9,27 +9,21 @@ declare const fonts: {
9
9
  declare const fontSizes: {
10
10
  xs: {
11
11
  value: string;
12
- description: string;
13
12
  };
14
13
  sm: {
15
14
  value: string;
16
- description: string;
17
15
  };
18
16
  md: {
19
17
  value: string;
20
- description: string;
21
18
  };
22
19
  lg: {
23
20
  value: string;
24
- description: string;
25
21
  };
26
22
  xl: {
27
23
  value: string;
28
- description: string;
29
24
  };
30
25
  '2xl': {
31
26
  value: string;
32
- description: string;
33
27
  };
34
28
  };
35
29
  declare const fontWeights: {
@@ -46,31 +40,24 @@ declare const fontWeights: {
46
40
  declare const lineHeights: {
47
41
  xs: {
48
42
  value: number;
49
- description: string;
50
43
  };
51
44
  sm: {
52
45
  value: number;
53
- description: string;
54
46
  };
55
47
  md: {
56
48
  value: number;
57
- description: string;
58
49
  };
59
50
  lg: {
60
51
  value: number;
61
- description: string;
62
52
  };
63
53
  xl: {
64
54
  value: number;
65
- description: string;
66
55
  };
67
56
  '2xl': {
68
57
  value: number;
69
- description: string;
70
58
  };
71
59
  '3xl': {
72
60
  value: number;
73
- description: string;
74
61
  };
75
62
  };
76
63
  declare const letterSpacings: {
package/dist/tokens/typography.d.ts CHANGED
@@ -9,27 +9,21 @@ declare const fonts: {
9
9
  declare const fontSizes: {
10
10
  xs: {
11
11
  value: string;
12
- description: string;
13
12
  };
14
13
  sm: {
15
14
  value: string;
16
- description: string;
17
15
  };
18
16
  md: {
19
17
  value: string;
20
- description: string;
21
18
  };
22
19
  lg: {
23
20
  value: string;
24
- description: string;
25
21
  };
26
22
  xl: {
27
23
  value: string;
28
- description: string;
29
24
  };
30
25
  '2xl': {
31
26
  value: string;
32
- description: string;
33
27
  };
34
28
  };
35
29
  declare const fontWeights: {
@@ -46,31 +40,24 @@ declare const fontWeights: {
46
40
  declare const lineHeights: {
47
41
  xs: {
48
42
  value: number;
49
- description: string;
50
43
  };
51
44
  sm: {
52
45
  value: number;
53
- description: string;
54
46
  };
55
47
  md: {
56
48
  value: number;
57
- description: string;
58
49
  };
59
50
  lg: {
60
51
  value: number;
61
- description: string;
62
52
  };
63
53
  xl: {
64
54
  value: number;
65
- description: string;
66
55
  };
67
56
  '2xl': {
68
57
  value: number;
69
- description: string;
70
58
  };
71
59
  '3xl': {
72
60
  value: number;
73
- description: string;
74
61
  };
75
62
  };
76
63
  declare const letterSpacings: {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mekari/pixel3-theme",
3
3
  "description": "Theme for mekari pixel 3",
4
- "version": "0.0.6-dev.1",
4
+ "version": "0.0.6-dev.2",
5
5
  "main": "dist/index.js",
6
6
  "license": "MIT",
7
7
  "files": [
@@ -9,13 +9,13 @@
9
9
  "src"
10
10
  ],
11
11
  "dependencies": {
12
- "@pandacss/dev": "^0.24.1"
12
+ "@pandacss/dev": "^0.29.1"
13
13
  },
14
14
  "peerDependencies": {
15
15
  "vue": "^3.4.9"
16
16
  },
17
17
  "devDependencies": {
18
- "@pandacss/types": "^0.24.1",
18
+ "@pandacss/types": "^0.29.1",
19
19
  "vue": "^3.4.9"
20
20
  },
21
21
  "publishConfig": {
package/src/tokens/colors.ts CHANGED
@@ -3,29 +3,27 @@ import { defineTokens } from '@pandacss/dev'
3
3
  export const colors = defineTokens.colors({
4
4
  currentcolor: {
5
5
  value: 'currentcolor',
6
- description: 'Need to add this for Icon usage'
7
6
  },
8
- dark: { value: '#232933', description: 'Default or primary text color' },
7
+ dark: { value: '#232933'},
9
8
  white: {
10
9
  value: '#FFFFFF',
11
- description: 'Background color in components such as Card, Modal, and Popover'
10
+
12
11
  },
13
- background: { value: '#F1F5F9', description: 'For use as background page' },
12
+ background: { value: '#F1F5F9' },
14
13
  overlay: {
15
14
  value: 'rgba(22, 26, 32, 0.8)',
16
- description: 'For use as overlay'
17
15
  },
18
16
  brand: {
19
- capital: { value: '#2F5573', description: 'Mekari Capital' },
20
- esign: { value: '#00C853', description: 'Mekari e-Sign' },
21
- expense: { value: '#183883', description: 'Mekari Expense' },
22
- flex: { value: '#7C4DFF', description: 'Mekari Flex' },
23
- jurnal: { value: '#40C3FF', description: 'Mekari Jurnal' },
24
- klikpajak: { value: '#FF9100', description: 'Mekari Klikpajak' },
25
- mekari: { value: '#651FFF', description: 'Mekari' },
26
- qontak: { value: '#2979FF', description: 'Mekari Qontak' },
27
- talenta: { value: '#F22929', description: 'Mekari Talenta' },
28
- university: { value: '#448AFF', description: 'Mekari University' }
17
+ capital: { value: '#2F5573', },
18
+ esign: { value: '#00C853', },
19
+ expense: { value: '#183883', },
20
+ flex: { value: '#7C4DFF', },
21
+ jurnal: { value: '#40C3FF', },
22
+ klikpajak: { value: '#FF9100', },
23
+ mekari: { value: '#651FFF', },
24
+ qontak: { value: '#2979FF', },
25
+ talenta: { value: '#F22929', },
26
+ university: { value: '#448AFF', }
29
27
  },
30
28
  whiteAlpha: {
31
29
  50: { value: 'rgba(255, 255, 255, 0.04)' },
@@ -54,21 +52,17 @@ export const colors = defineTokens.colors({
54
52
  gray: {
55
53
  25: {
56
54
  value: '#F8F9FB',
57
- description: 'Background color in table header component'
58
55
  },
59
56
  50: {
60
57
  value: '#EDF0F2',
61
- description: 'Disabled background color in components such as Input and Select backgrounds'
62
58
  },
63
- 100: { value: '#D0D6DD', description: 'Default stroke color or divider' },
59
+ 100: { value: '#D0D6DD', },
64
60
  400: {
65
61
  value: '#8B95A5',
66
- description:
67
- 'Disabled and placeholder text color, icon or in components such as hover state Input, Select and stroke in Popover'
62
+
68
63
  },
69
64
  600: {
70
65
  value: '#626B79',
71
- description: 'Description text color and default color for outline icon'
72
66
  }
73
67
  },
74
68
  blue: {
package/src/tokens/radii.ts CHANGED
@@ -2,10 +2,10 @@ import { defineTokens } from '@pandacss/dev'
2
2
 
3
3
  export const radii = defineTokens.radii({
4
4
  none: { value: '0' },
5
- xs: { value: '0.125rem', description: '2px' },
6
- sm: { value: '0.25rem', description: '4px' },
7
- md: { value: '0.375rem', description: '6px' },
8
- lg: { value: '0.5rem', description: '8px' },
9
- xl: { value: '0.75rem', description: '12px' },
5
+ xs: { value: '0.125rem' },
6
+ sm: { value: '0.25rem' },
7
+ md: { value: '0.375rem' },
8
+ lg: { value: '0.5rem' },
9
+ xl: { value: '0.75rem' },
10
10
  full: { value: '50%' }
11
11
  })
package/src/tokens/sizes.ts CHANGED
@@ -1,30 +1,29 @@
1
1
  import { defineTokens } from '@pandacss/dev'
2
2
 
3
3
  export const sizes = defineTokens.sizes({
4
- 0: { value: '0', description: '0px' },
5
- 0.25: { value: '0.0625rem', description: '1px' },
6
- 0.5: { value: '0.125rem', description: '2px' },
7
- 1: { value: '0.25rem', description: '4px' },
8
- 1.5: { value: '0.375rem', description: '6px' },
9
- 2: { value: '0.5rem', description: '8px' },
10
- 2.5: { value: '0.625rem', description: '10px' },
11
- 3: { value: '0.75rem', description: '12px' },
12
- 4: { value: '1rem', description: '16px' },
13
- 5: { value: '1.25rem', description: '20px' },
14
- 6: { value: '1.5rem', description: '24px' },
15
- 7: { value: '1.75rem', description: '28px' },
16
- 7.5: { value: '1.875rem', description: '30px' },
17
- 8: { value: '2rem', description: '32px' },
18
- 9: { value: '2.25rem', description: '36px' },
19
- 9.5: { value: '2.375rem', description: '38px' },
20
- 10: { value: '2.5rem', description: '40px' },
21
- 11: { value: '2.75rem', description: '44px' },
22
- 12: { value: '3rem', description: '48px' },
23
- 16: { value: '4rem', description: '64px' },
24
- 20: { value: '5rem', description: '80px' },
25
- 22: { value: '5.5rem', description: '96px' },
26
- 56: { value: '14rem', description: '224px' },
27
- 65: { value: '17.5rem', description: '280px' },
4
+ 0: { value: '0' },
5
+ 0.25: { value: '0.0625rem' },
6
+ 0.5: { value: '0.125rem' },
7
+ 1: { value: '0.25rem' },
8
+ 2: { value: '0.5rem' },
9
+ 2.5: { value: '0.625rem' },
10
+ 3: { value: '0.75rem' },
11
+ 4: { value: '1rem' },
12
+ 5: { value: '1.25rem' },
13
+ 6: { value: '1.5rem' },
14
+ 7: { value: '1.75rem' },
15
+ 7.5: { value: '1.875rem' },
16
+ 8: { value: '2rem' },
17
+ 9: { value: '2.25rem' },
18
+ 9.5: { value: '2.375rem' },
19
+ 10: { value: '2.5rem' },
20
+ 11: { value: '2.75rem' },
21
+ 12: { value: '3rem' },
22
+ 16: { value: '4rem' },
23
+ 20: { value: '5rem' },
24
+ 22: { value: '5.5rem' },
25
+ 56: { value: '14rem' },
26
+ 65: { value: '17.5rem' },
28
27
  full: { value: '100%' },
29
- sm: {value: '24rem'}
28
+ sm: { value: '24rem' }
30
29
  })