@mekari/pixel3-theme 0.4.4-dev.0 → 0.5.0-dev.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/conditions.d.mts +1 -0
- package/dist/conditions.d.ts +1 -0
- package/dist/index.js +470 -158
- package/dist/index.mjs +470 -158
- package/dist/semanticTokens/colors.d.mts +281 -4
- package/dist/semanticTokens/colors.d.ts +281 -4
- package/dist/semanticTokens/index.d.mts +281 -4
- package/dist/semanticTokens/index.d.ts +281 -4
- package/dist/tokens/colors.d.mts +3 -0
- package/dist/tokens/colors.d.ts +3 -0
- package/dist/tokens/index.d.mts +3 -0
- package/dist/tokens/index.d.ts +3 -0
- package/dist/tokens-next/colors.d.mts +118 -0
- package/dist/tokens-next/colors.d.ts +118 -0
- package/dist/tokens-next/index.d.mts +118 -0
- package/dist/tokens-next/index.d.ts +118 -0
- package/package.json +1 -1
- package/src/conditions.ts +2 -1
- package/src/recipes/badge.ts +3 -3
- package/src/recipes/banner.ts +1 -1
- package/src/semanticTokens/colors.ts +413 -136
- package/src/tokens/colors.ts +1 -0
- package/src/tokens-next/colors.ts +45 -3
package/src/tokens/colors.ts
CHANGED
|
@@ -3,6 +3,7 @@ import { defineTokens } from '@pandacss/dev'
|
|
|
3
3
|
export const colors = defineTokens.colors({
|
|
4
4
|
debug: { value: 'blue' },
|
|
5
5
|
currentcolor: { value: 'currentcolor' },
|
|
6
|
+
transparent: { value: 'transparent' },
|
|
6
7
|
dark: { value: '#232933' },
|
|
7
8
|
background: { value: '#F1F5F9' },
|
|
8
9
|
overlay: { value: 'rgba(22, 26, 32, 0.8)' },
|
|
@@ -3,6 +3,7 @@ import { defineTokens } from '@pandacss/dev'
|
|
|
3
3
|
export const colors = defineTokens.colors({
|
|
4
4
|
debug: { value: 'red' },
|
|
5
5
|
currentcolor: { value: 'currentcolor' },
|
|
6
|
+
transparent: { value: '#FFFFFF00' },
|
|
6
7
|
white: { value: '#FFFFFF' },
|
|
7
8
|
vibrantPurple: { value: 'linear-gradient(98deg, #F8F9FB 0%, #B5A2EC 50.01%, #4B61DD 100%)' },
|
|
8
9
|
lightPurple: {
|
|
@@ -27,7 +28,14 @@ export const colors = defineTokens.colors({
|
|
|
27
28
|
700: { value: '#8C9BAB' },
|
|
28
29
|
800: { value: '#9FADBC' },
|
|
29
30
|
900: { value: '#B6C2CF' },
|
|
30
|
-
1000: { value: '#C7D1DB' }
|
|
31
|
+
1000: { value: '#C7D1DB' },
|
|
32
|
+
'100a': { value: '#bcd6f00a' },
|
|
33
|
+
'200a': { value: '#a1bdd914' },
|
|
34
|
+
'250a': { value: '#c8e1f91f' },
|
|
35
|
+
'300a': { value: '#a6c5e229' },
|
|
36
|
+
'350a': { value: '#c3defe33' },
|
|
37
|
+
'400a': { value: '#bfdbf847' },
|
|
38
|
+
'500a': { value: '#9bb4ca85' }
|
|
31
39
|
},
|
|
32
40
|
neutral: {
|
|
33
41
|
100: { value: '#F7F8F9' },
|
|
@@ -39,7 +47,29 @@ export const colors = defineTokens.colors({
|
|
|
39
47
|
700: { value: '#656F80' },
|
|
40
48
|
800: { value: '#4C5460' },
|
|
41
49
|
900: { value: '#383E48' },
|
|
42
|
-
1000: { value: '#272B32' }
|
|
50
|
+
1000: { value: '#272B32' },
|
|
51
|
+
'100a': { value: '#1d1f240a' },
|
|
52
|
+
'200a': { value: '#1d1f2414' },
|
|
53
|
+
'300a': { value: '#1d1f2429' },
|
|
54
|
+
'400a': { value: '#1d1f2452' },
|
|
55
|
+
'500a': { value: '#1d1f247a' }
|
|
56
|
+
},
|
|
57
|
+
slate: {
|
|
58
|
+
100: { value: '#F8F9F9' },
|
|
59
|
+
200: { value: '#EBF0F1' },
|
|
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' },
|
|
68
|
+
'100a': { value: '#1d1f240a' },
|
|
69
|
+
'200a': { value: '#1d1f2414' },
|
|
70
|
+
'300a': { value: '#1d1f2429' },
|
|
71
|
+
'400a': { value: '#1d1f2452' },
|
|
72
|
+
'500a': { value: '#1d1f247a' }
|
|
43
73
|
},
|
|
44
74
|
blue: {
|
|
45
75
|
100: { value: '#ECF3FE' },
|
|
@@ -150,7 +180,7 @@ export const colors = defineTokens.colors({
|
|
|
150
180
|
1000: { value: '#0B3524' }
|
|
151
181
|
},
|
|
152
182
|
teal: {
|
|
153
|
-
100: { value: '#
|
|
183
|
+
100: { value: '#EAF9F7' },
|
|
154
184
|
200: { value: '#C4EDE9' },
|
|
155
185
|
300: { value: '#92DED6' },
|
|
156
186
|
400: { value: '#4FCABC' },
|
|
@@ -161,6 +191,18 @@ export const colors = defineTokens.colors({
|
|
|
161
191
|
900: { value: '#084841' },
|
|
162
192
|
1000: { value: '#06342F' }
|
|
163
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' }
|
|
205
|
+
},
|
|
164
206
|
brand: {
|
|
165
207
|
capital: { value: '#2F5573' },
|
|
166
208
|
esign: { value: '#00C853' },
|