@mekari/pixel3-theme 0.7.0-dev.1 → 0.7.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.
- package/dist/index.js +856 -860
- package/dist/index.mjs +856 -860
- package/dist/semanticTokens/colors.d.mts +335 -333
- package/dist/semanticTokens/colors.d.ts +335 -333
- package/dist/semanticTokens/index.d.mts +368 -333
- package/dist/semanticTokens/index.d.ts +368 -333
- package/dist/semanticTokens/spacing.d.mts +33 -0
- package/dist/semanticTokens/spacing.d.ts +33 -0
- package/dist/tokens-next/colors.d.mts +93 -93
- package/dist/tokens-next/colors.d.ts +93 -93
- package/dist/tokens-next/index.d.mts +93 -108
- package/dist/tokens-next/index.d.ts +93 -108
- package/dist/tokens-next/radii.d.mts +0 -4
- package/dist/tokens-next/radii.d.ts +0 -4
- package/dist/tokens-next/spacing.d.mts +0 -11
- package/dist/tokens-next/spacing.d.ts +0 -11
- package/package.json +1 -1
- package/src/semanticTokens/colors.ts +626 -631
- package/src/semanticTokens/spacing.ts +44 -11
- package/src/tokens-next/colors.ts +165 -172
- package/src/tokens-next/index.ts +1 -1
- package/src/tokens-next/radii.ts +4 -4
- package/src/tokens-next/spacing.ts +11 -11
- /package/dist/tokens-next/{borders.d.mts → borderWidths.d.mts} +0 -0
- /package/dist/tokens-next/{borders.d.ts → borderWidths.d.ts} +0 -0
- /package/src/tokens-next/{borders.ts → borderWidths.ts} +0 -0
|
@@ -3,57 +3,90 @@ import { defineSemanticTokens } from '@pandacss/dev'
|
|
|
3
3
|
export const spacing = defineSemanticTokens.spacing({
|
|
4
4
|
'4xs': {
|
|
5
5
|
value: {
|
|
6
|
-
base: '0.
|
|
6
|
+
base: '{spacing.0.5}',
|
|
7
|
+
_light: '{spacing.0.5}',
|
|
8
|
+
_dark: '{spacing.0.5}',
|
|
9
|
+
_enterprise: '{spacing.0.5}'
|
|
7
10
|
}
|
|
8
11
|
},
|
|
9
12
|
'3xs': {
|
|
10
13
|
value: {
|
|
11
|
-
base: '{spacing.1}'
|
|
14
|
+
base: '{spacing.1}',
|
|
15
|
+
_light: '{spacing.1}',
|
|
16
|
+
_dark: '{spacing.1}',
|
|
17
|
+
_enterprise: '{spacing.1}'
|
|
12
18
|
}
|
|
13
19
|
},
|
|
14
20
|
'2xs': {
|
|
15
21
|
value: {
|
|
16
|
-
base: '
|
|
22
|
+
base: '{spacing.1.5}',
|
|
23
|
+
_light: '{spacing.1.5}',
|
|
24
|
+
_dark: '{spacing.1.5}',
|
|
25
|
+
_enterprise: '{spacing.1.5}'
|
|
17
26
|
}
|
|
18
27
|
},
|
|
19
28
|
xs: {
|
|
20
29
|
value: {
|
|
21
|
-
base: '{spacing.2}'
|
|
30
|
+
base: '{spacing.2}',
|
|
31
|
+
_light: '{spacing.2}',
|
|
32
|
+
_dark: '{spacing.2}',
|
|
33
|
+
_enterprise: '{spacing.2}'
|
|
22
34
|
}
|
|
23
35
|
},
|
|
24
36
|
sm: {
|
|
25
37
|
value: {
|
|
26
|
-
base: '{spacing.3}'
|
|
38
|
+
base: '{spacing.3}',
|
|
39
|
+
_light: '{spacing.3}',
|
|
40
|
+
_dark: '{spacing.3}',
|
|
41
|
+
_enterprise: '{spacing.3}'
|
|
27
42
|
}
|
|
28
43
|
},
|
|
29
44
|
md: {
|
|
30
45
|
value: {
|
|
31
|
-
base: '{spacing.4}'
|
|
46
|
+
base: '{spacing.4}',
|
|
47
|
+
_light: '{spacing.4}',
|
|
48
|
+
_dark: '{spacing.4}',
|
|
49
|
+
_enterprise: '{spacing.4}'
|
|
32
50
|
}
|
|
33
51
|
},
|
|
34
52
|
lg: {
|
|
35
53
|
value: {
|
|
36
|
-
base: '{spacing.5}'
|
|
54
|
+
base: '{spacing.5}',
|
|
55
|
+
_light: '{spacing.5}',
|
|
56
|
+
_dark: '{spacing.5}',
|
|
57
|
+
_enterprise: '{spacing.5}'
|
|
37
58
|
}
|
|
38
59
|
},
|
|
39
60
|
xl: {
|
|
40
61
|
value: {
|
|
41
|
-
base: '{spacing.6}'
|
|
62
|
+
base: '{spacing.6}',
|
|
63
|
+
_light: '{spacing.6}',
|
|
64
|
+
_dark: '{spacing.6}',
|
|
65
|
+
_enterprise: '{spacing.6}'
|
|
42
66
|
}
|
|
43
67
|
},
|
|
44
68
|
'2xl': {
|
|
45
69
|
value: {
|
|
46
|
-
base: '{spacing.8}'
|
|
70
|
+
base: '{spacing.8}',
|
|
71
|
+
_light: '{spacing.8}',
|
|
72
|
+
_dark: '{spacing.8}',
|
|
73
|
+
_enterprise: '{spacing.8}'
|
|
47
74
|
}
|
|
48
75
|
},
|
|
49
76
|
'3xl': {
|
|
50
77
|
value: {
|
|
51
|
-
base: '{spacing.10}'
|
|
78
|
+
base: '{spacing.10}',
|
|
79
|
+
_light: '{spacing.10}',
|
|
80
|
+
_dark: '{spacing.10}',
|
|
81
|
+
_enterprise: '{spacing.10}'
|
|
52
82
|
}
|
|
53
83
|
},
|
|
54
84
|
'4xl': {
|
|
55
85
|
value: {
|
|
56
|
-
base: '{spacing.20}'
|
|
86
|
+
base: '{spacing.20}',
|
|
87
|
+
_light: '{spacing.20}',
|
|
88
|
+
_dark: '{spacing.20}',
|
|
89
|
+
_enterprise: '{spacing.20}'
|
|
57
90
|
}
|
|
58
91
|
}
|
|
59
92
|
})
|
|
@@ -2,217 +2,210 @@ import { defineTokens } from '@pandacss/dev'
|
|
|
2
2
|
|
|
3
3
|
export const colors = defineTokens.colors({
|
|
4
4
|
debug: { value: 'red' },
|
|
5
|
+
transparent: { value: '#ffffff00' },
|
|
5
6
|
currentcolor: { value: 'currentcolor' },
|
|
6
|
-
transparent: { value: '#FFFFFF00' },
|
|
7
|
-
white: { value: '#FFFFFF' },
|
|
8
7
|
vibrantPurple: { value: 'linear-gradient(98deg, #F8F9FB 0%, #B5A2EC 50.01%, #4B61DD 100%)' },
|
|
9
|
-
lightPurple: {
|
|
10
|
-
|
|
11
|
-
'radial-gradient(108.28% 139.29% at 0% 0%, {colors.background.brand} 0%, {colors.background.highlight} 100%)'
|
|
12
|
-
},
|
|
8
|
+
lightPurple: { value: 'radial-gradient(108.28% 139.29% at 0% 0%, {colors.background.brand} 0%, {colors.background.highlight} 100%)' },
|
|
9
|
+
white: { value: '#ffffff' },
|
|
13
10
|
dark: {
|
|
14
|
-
'-100': {
|
|
15
|
-
|
|
16
|
-
},
|
|
17
|
-
DEFAULT: {
|
|
18
|
-
value: '#161A1D'
|
|
19
|
-
},
|
|
20
|
-
100: { value: '#1D2125' },
|
|
21
|
-
200: { value: '#22272B' },
|
|
22
|
-
250: { value: '#282E33' },
|
|
23
|
-
300: { value: '#2C333A' },
|
|
24
|
-
350: { value: '#38414A' },
|
|
25
|
-
400: { value: '#454F59' },
|
|
26
|
-
500: { value: '#596773' },
|
|
27
|
-
600: { value: '#738496' },
|
|
28
|
-
700: { value: '#8C9BAB' },
|
|
29
|
-
800: { value: '#9FADBC' },
|
|
30
|
-
900: { value: '#B6C2CF' },
|
|
31
|
-
1000: { value: '#C7D1DB' },
|
|
11
|
+
'-100': { value: '#101214' },
|
|
12
|
+
100: { value: '#1d2125' },
|
|
13
|
+
1000: { value: '#c7d1db' },
|
|
32
14
|
'100a': { value: '#bcd6f00a' },
|
|
15
|
+
200: { value: '#22272b' },
|
|
33
16
|
'200a': { value: '#a1bdd914' },
|
|
17
|
+
250: { value: '#282e33' },
|
|
34
18
|
'250a': { value: '#c8e1f91f' },
|
|
19
|
+
300: { value: '#2c333a' },
|
|
35
20
|
'300a': { value: '#a6c5e229' },
|
|
21
|
+
350: { value: '#38414a' },
|
|
36
22
|
'350a': { value: '#c3defe33' },
|
|
23
|
+
400: { value: '#454f59' },
|
|
37
24
|
'400a': { value: '#bfdbf847' },
|
|
38
|
-
|
|
25
|
+
500: { value: '#596773' },
|
|
26
|
+
'500a': { value: '#9bb4ca85' },
|
|
27
|
+
600: { value: '#738496' },
|
|
28
|
+
700: { value: '#8c9bab' },
|
|
29
|
+
800: { value: '#9fadbc' },
|
|
30
|
+
900: { value: '#b6c2cf' },
|
|
31
|
+
DEFAULT: { value: '#161a1d' }
|
|
39
32
|
},
|
|
40
33
|
neutral: {
|
|
41
|
-
100: { value: '#
|
|
42
|
-
|
|
43
|
-
300: { value: '#DCDFE4' },
|
|
44
|
-
400: { value: '#B2B9C4' },
|
|
45
|
-
500: { value: '#8690A2' },
|
|
46
|
-
600: { value: '#758195' },
|
|
47
|
-
700: { value: '#656F80' },
|
|
48
|
-
800: { value: '#4C5460' },
|
|
49
|
-
900: { value: '#383E48' },
|
|
50
|
-
1000: { value: '#272B32' },
|
|
34
|
+
100: { value: '#f7f8f9' },
|
|
35
|
+
1000: { value: '#272b32' },
|
|
51
36
|
'100a': { value: '#1d1f240a' },
|
|
37
|
+
200: { value: '#f0f1f3' },
|
|
52
38
|
'200a': { value: '#1d1f2414' },
|
|
39
|
+
300: { value: '#dcdfe4' },
|
|
53
40
|
'300a': { value: '#1d1f2429' },
|
|
41
|
+
400: { value: '#b2b9c4' },
|
|
54
42
|
'400a': { value: '#1d1f2452' },
|
|
55
|
-
|
|
43
|
+
500: { value: '#8690a2' },
|
|
44
|
+
'500a': { value: '#1d1f247a' },
|
|
45
|
+
600: { value: '#758195' },
|
|
46
|
+
700: { value: '#656f80' },
|
|
47
|
+
800: { value: '#4c5460' },
|
|
48
|
+
900: { value: '#383e48' }
|
|
56
49
|
},
|
|
57
50
|
slate: {
|
|
58
|
-
100: { value: '#
|
|
59
|
-
|
|
60
|
-
300: { value: '#E3E7E9' },
|
|
61
|
-
400: { value: '#8C9596' },
|
|
62
|
-
500: { value: '#6E7A7C' },
|
|
63
|
-
600: { value: '#536062' },
|
|
64
|
-
700: { value: '#3A4749' },
|
|
65
|
-
800: { value: '#243032' },
|
|
66
|
-
900: { value: '#121C1E' },
|
|
67
|
-
1000: { value: '#080D0E' },
|
|
51
|
+
100: { value: '#f8f9f9' },
|
|
52
|
+
1000: { value: '#080d0e' },
|
|
68
53
|
'100a': { value: '#1d1f240a' },
|
|
54
|
+
200: { value: '#ebf0f1' },
|
|
69
55
|
'200a': { value: '#1d1f2414' },
|
|
56
|
+
300: { value: '#e3e7e9' },
|
|
70
57
|
'300a': { value: '#1d1f2429' },
|
|
58
|
+
400: { value: '#8c9596' },
|
|
71
59
|
'400a': { value: '#1d1f2452' },
|
|
72
|
-
|
|
60
|
+
500: { value: '#6e7a7c' },
|
|
61
|
+
'500a': { value: '#1d1f247a' },
|
|
62
|
+
600: { value: '#536062' },
|
|
63
|
+
700: { value: '#3a4749' },
|
|
64
|
+
800: { value: '#243032' },
|
|
65
|
+
900: { value: '#121c1e' }
|
|
73
66
|
},
|
|
74
67
|
blue: {
|
|
75
|
-
100: { value: '#
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
68
|
+
100: { value: '#ecf3fe' },
|
|
69
|
+
1000: { value: '#132a4f' },
|
|
70
|
+
200: { value: '#cee0fd' },
|
|
71
|
+
300: { value: '#8eb7fa' },
|
|
72
|
+
400: { value: '#649cf8' },
|
|
73
|
+
500: { value: '#488bf7' },
|
|
74
|
+
600: { value: '#387ceb' },
|
|
75
|
+
700: { value: '#306ac8' },
|
|
76
|
+
800: { value: '#295aaa' },
|
|
77
|
+
900: { value: '#173361' }
|
|
85
78
|
},
|
|
86
79
|
indigo: {
|
|
87
|
-
100: { value: '#
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
80
|
+
100: { value: '#eef0fc' },
|
|
81
|
+
1000: { value: '#1d2656' },
|
|
82
|
+
200: { value: '#d6dbf7' },
|
|
83
|
+
300: { value: '#a8b2ef' },
|
|
84
|
+
400: { value: '#8997e9' },
|
|
85
|
+
500: { value: '#7586e5' },
|
|
86
|
+
600: { value: '#6577e2' },
|
|
87
|
+
700: { value: '#4b61dc' },
|
|
88
|
+
800: { value: '#4053bc' },
|
|
89
|
+
900: { value: '#242f6a' }
|
|
97
90
|
},
|
|
98
91
|
violet: {
|
|
99
|
-
100: { value: '#
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
92
|
+
100: { value: '#f3f1fc' },
|
|
93
|
+
1000: { value: '#2b2549' },
|
|
94
|
+
200: { value: '#dedaf6' },
|
|
95
|
+
300: { value: '#b8aeeb' },
|
|
96
|
+
400: { value: '#9f91e3' },
|
|
97
|
+
500: { value: '#8f7fdf' },
|
|
98
|
+
600: { value: '#8270db' },
|
|
99
|
+
700: { value: '#6f5fba' },
|
|
100
|
+
800: { value: '#5f519f' },
|
|
101
|
+
900: { value: '#352e5a' }
|
|
102
|
+
},
|
|
103
|
+
lime: {
|
|
104
|
+
100: { value: '#f4faea' },
|
|
105
|
+
1000: { value: '#213306' },
|
|
106
|
+
200: { value: '#d8efb5' },
|
|
107
|
+
300: { value: '#b1df6b' },
|
|
108
|
+
400: { value: '#83ca16' },
|
|
109
|
+
500: { value: '#77b814' },
|
|
110
|
+
600: { value: '#649b11' },
|
|
111
|
+
700: { value: '#53800e' },
|
|
112
|
+
800: { value: '#466c0c' },
|
|
113
|
+
900: { value: '#304a08' }
|
|
114
|
+
},
|
|
115
|
+
emerald: {
|
|
116
|
+
100: { value: '#f0fbf7' },
|
|
117
|
+
1000: { value: '#142d26' },
|
|
118
|
+
200: { value: '#d6f4e9' },
|
|
119
|
+
300: { value: '#b7e9d8' },
|
|
120
|
+
400: { value: '#7edac0' },
|
|
121
|
+
500: { value: '#41c6a0' },
|
|
122
|
+
600: { value: '#1fb088' },
|
|
123
|
+
700: { value: '#029861' },
|
|
124
|
+
800: { value: '#0f6d4d' },
|
|
125
|
+
900: { value: '#0e4f3a' }
|
|
126
|
+
},
|
|
127
|
+
green: {
|
|
128
|
+
100: { value: '#f2f9f6' },
|
|
129
|
+
1000: { value: '#0b3524' },
|
|
130
|
+
200: { value: '#d2ebe1' },
|
|
131
|
+
300: { value: '#a7d9c4' },
|
|
132
|
+
400: { value: '#7dc7a8' },
|
|
133
|
+
500: { value: '#56b78e' },
|
|
134
|
+
600: { value: '#23a06b' },
|
|
135
|
+
700: { value: '#1c8459' },
|
|
136
|
+
800: { value: '#186f4a' },
|
|
137
|
+
900: { value: '#104b32' }
|
|
138
|
+
},
|
|
139
|
+
teal: {
|
|
140
|
+
100: { value: '#eaf9f7' },
|
|
141
|
+
1000: { value: '#06342f' },
|
|
142
|
+
200: { value: '#c4ede9' },
|
|
143
|
+
300: { value: '#92ded6' },
|
|
144
|
+
400: { value: '#4fcabc' },
|
|
145
|
+
500: { value: '#19b9a8' },
|
|
146
|
+
600: { value: '#119e8f' },
|
|
147
|
+
700: { value: '#0e8275' },
|
|
148
|
+
800: { value: '#0c6e63' },
|
|
149
|
+
900: { value: '#084841' }
|
|
109
150
|
},
|
|
110
151
|
fuchsia: {
|
|
111
|
-
100: { value: '#
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
152
|
+
100: { value: '#fbeefe' },
|
|
153
|
+
1000: { value: '#45164c' },
|
|
154
|
+
200: { value: '#f6d1fb' },
|
|
155
|
+
300: { value: '#ea98f6' },
|
|
156
|
+
400: { value: '#e16cf2' },
|
|
157
|
+
500: { value: '#da4df0' },
|
|
158
|
+
600: { value: '#c841dc' },
|
|
159
|
+
700: { value: '#ac37bd' },
|
|
160
|
+
800: { value: '#932fa2' },
|
|
161
|
+
900: { value: '#531b5c' }
|
|
121
162
|
},
|
|
122
163
|
red: {
|
|
123
|
-
100: { value: '#
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
164
|
+
100: { value: '#fceeed' },
|
|
165
|
+
1000: { value: '#4e1915' },
|
|
166
|
+
200: { value: '#f9d7d5' },
|
|
167
|
+
300: { value: '#f09e99' },
|
|
168
|
+
400: { value: '#ea7a72' },
|
|
169
|
+
500: { value: '#e6645b' },
|
|
170
|
+
600: { value: '#e2483d' },
|
|
171
|
+
700: { value: '#c33e35' },
|
|
172
|
+
800: { value: '#a8352d' },
|
|
173
|
+
900: { value: '#5e1e19' }
|
|
133
174
|
},
|
|
134
175
|
orange: {
|
|
135
|
-
100: { value: '#
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
176
|
+
100: { value: '#fdf3ec' },
|
|
177
|
+
1000: { value: '#492105' },
|
|
178
|
+
200: { value: '#f9decb' },
|
|
179
|
+
300: { value: '#f5c39f' },
|
|
180
|
+
400: { value: '#f0a875' },
|
|
181
|
+
500: { value: '#eb8e4b' },
|
|
182
|
+
600: { value: '#e46910' },
|
|
183
|
+
700: { value: '#bc560d' },
|
|
184
|
+
800: { value: '#a14a0b' },
|
|
185
|
+
900: { value: '#6b3108' }
|
|
145
186
|
},
|
|
146
187
|
yellow: {
|
|
147
|
-
100: { value: '#
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
188
|
+
100: { value: '#fdf6dd' },
|
|
189
|
+
1000: { value: '#362d10' },
|
|
190
|
+
200: { value: '#f9e399' },
|
|
191
|
+
300: { value: '#f5cd47' },
|
|
192
|
+
400: { value: '#d8b53f' },
|
|
193
|
+
500: { value: '#c2a338' },
|
|
194
|
+
600: { value: '#a68a30' },
|
|
153
195
|
700: { value: '#897228' },
|
|
154
196
|
800: { value: '#766222' },
|
|
155
|
-
900: { value: '#
|
|
156
|
-
1000: { value: '#362D10' }
|
|
157
|
-
},
|
|
158
|
-
lime: {
|
|
159
|
-
100: { value: '#F4FAEA' },
|
|
160
|
-
200: { value: '#D8EFB5' },
|
|
161
|
-
300: { value: '#B1DF6B' },
|
|
162
|
-
400: { value: '#83CA16' },
|
|
163
|
-
500: { value: '#77B814' },
|
|
164
|
-
600: { value: '#649B11' },
|
|
165
|
-
700: { value: '#53800E' },
|
|
166
|
-
800: { value: '#466C0C' },
|
|
167
|
-
900: { value: '#304A08' },
|
|
168
|
-
1000: { value: '#213306' }
|
|
169
|
-
},
|
|
170
|
-
green: {
|
|
171
|
-
100: { value: '#F2F9F6' },
|
|
172
|
-
200: { value: '#D2EBE1' },
|
|
173
|
-
300: { value: '#A7D9C4' },
|
|
174
|
-
400: { value: '#7DC7A8' },
|
|
175
|
-
500: { value: '#56B78E' },
|
|
176
|
-
600: { value: '#23A06B' },
|
|
177
|
-
700: { value: '#1C8459' },
|
|
178
|
-
800: { value: '#186F4A' },
|
|
179
|
-
900: { value: '#104B32' },
|
|
180
|
-
1000: { value: '#0B3524' }
|
|
181
|
-
},
|
|
182
|
-
teal: {
|
|
183
|
-
100: { value: '#EAF9F7' },
|
|
184
|
-
200: { value: '#C4EDE9' },
|
|
185
|
-
300: { value: '#92DED6' },
|
|
186
|
-
400: { value: '#4FCABC' },
|
|
187
|
-
500: { value: '#19B9A8' },
|
|
188
|
-
600: { value: '#119E8F' },
|
|
189
|
-
700: { value: '#0E8275' },
|
|
190
|
-
800: { value: '#0C6E63' },
|
|
191
|
-
900: { value: '#084841' },
|
|
192
|
-
1000: { value: '#06342F' }
|
|
193
|
-
},
|
|
194
|
-
emerald: {
|
|
195
|
-
100: { value: '#F0FBF7' },
|
|
196
|
-
200: { value: '#D6F4E9' },
|
|
197
|
-
300: { value: '#B7E9D8' },
|
|
198
|
-
400: { value: '#7EDAC0' },
|
|
199
|
-
500: { value: '#41C6A0' },
|
|
200
|
-
600: { value: '#1FB088' },
|
|
201
|
-
700: { value: '#029861' },
|
|
202
|
-
800: { value: '#0F6D4D' },
|
|
203
|
-
900: { value: '#0E4F3A' },
|
|
204
|
-
1000: { value: '#142D26' }
|
|
197
|
+
900: { value: '#4d4016' }
|
|
205
198
|
},
|
|
206
199
|
brand: {
|
|
207
|
-
capital: { value: '#
|
|
208
|
-
esign: { value: '#
|
|
200
|
+
capital: { value: '#2f5573' },
|
|
201
|
+
esign: { value: '#00c853' },
|
|
209
202
|
expense: { value: '#183883' },
|
|
210
|
-
flex: { value: '#
|
|
211
|
-
jurnal: { value: '#
|
|
212
|
-
klikpajak: { value: '#
|
|
213
|
-
mekari: { value: '#
|
|
214
|
-
qontak: { value: '#
|
|
215
|
-
talenta: { value: '#
|
|
216
|
-
university: { value: '#
|
|
203
|
+
flex: { value: '#7c4dff' },
|
|
204
|
+
jurnal: { value: '#40c3ff' },
|
|
205
|
+
klikpajak: { value: '#ff9100' },
|
|
206
|
+
mekari: { value: '#651fff' },
|
|
207
|
+
qontak: { value: '#2979ff' },
|
|
208
|
+
talenta: { value: '#f22929' },
|
|
209
|
+
university: { value: '#448aff' }
|
|
217
210
|
}
|
|
218
211
|
})
|
package/src/tokens-next/index.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineTokens } from '@pandacss/dev'
|
|
2
2
|
|
|
3
3
|
// Pixel Token 2.4
|
|
4
|
-
import { borderWidths } from './
|
|
4
|
+
import { borderWidths } from './borderWidths'
|
|
5
5
|
import { colors } from './colors'
|
|
6
6
|
import { radii } from './radii'
|
|
7
7
|
import { spacing } from './spacing'
|
package/src/tokens-next/radii.ts
CHANGED
|
@@ -2,9 +2,9 @@ import { defineTokens } from '@pandacss/dev'
|
|
|
2
2
|
|
|
3
3
|
export const radii = defineTokens.radii({
|
|
4
4
|
none: { value: '0' },
|
|
5
|
-
sm: { value: '0.25rem'
|
|
6
|
-
md: { value: '0.375rem'
|
|
7
|
-
lg: { value: '0.5rem'
|
|
8
|
-
xl: { value: '0.75rem'
|
|
5
|
+
sm: { value: '0.25rem' },
|
|
6
|
+
md: { value: '0.375rem' },
|
|
7
|
+
lg: { value: '0.5rem' },
|
|
8
|
+
xl: { value: '0.75rem' },
|
|
9
9
|
full: { value: '999px' }
|
|
10
10
|
})
|
|
@@ -2,15 +2,15 @@ import { defineTokens } from '@pandacss/dev'
|
|
|
2
2
|
|
|
3
3
|
export const spacing = defineTokens.spacing({
|
|
4
4
|
0: { value: '0' },
|
|
5
|
-
0.5: { value: '0.125rem'
|
|
6
|
-
1: { value: '0.25rem'
|
|
7
|
-
1.5: { value: '0.375rem'
|
|
8
|
-
2: { value: '0.5rem'
|
|
9
|
-
3: { value: '0.75rem'
|
|
10
|
-
4: { value: '1rem'
|
|
11
|
-
5: { value: '1.
|
|
12
|
-
6: { value: '1.5rem'
|
|
13
|
-
8: { value: '2rem'
|
|
14
|
-
10: { value: '2.5rem'
|
|
15
|
-
20: { value: '5rem'
|
|
5
|
+
0.5: { value: '0.125rem' },
|
|
6
|
+
1: { value: '0.25rem' },
|
|
7
|
+
1.5: { value: '0.375rem' },
|
|
8
|
+
2: { value: '0.5rem' },
|
|
9
|
+
3: { value: '0.75rem' },
|
|
10
|
+
4: { value: '1rem' },
|
|
11
|
+
5: { value: '1.25rem' },
|
|
12
|
+
6: { value: '1.5rem' },
|
|
13
|
+
8: { value: '2rem' },
|
|
14
|
+
10: { value: '2.5rem' },
|
|
15
|
+
20: { value: '5rem' }
|
|
16
16
|
})
|
|
File without changes
|
|
File without changes
|
|
File without changes
|