@mekari/pixel3-theme 0.4.4 → 0.5.0-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.
Files changed (29) hide show
  1. package/dist/conditions.d.mts +2 -0
  2. package/dist/conditions.d.ts +2 -0
  3. package/dist/index.js +576 -179
  4. package/dist/index.mjs +576 -179
  5. package/dist/semanticTokens/colors.d.mts +321 -12
  6. package/dist/semanticTokens/colors.d.ts +321 -12
  7. package/dist/semanticTokens/index.d.mts +321 -12
  8. package/dist/semanticTokens/index.d.ts +321 -12
  9. package/dist/tokens/colors.d.mts +3 -0
  10. package/dist/tokens/colors.d.ts +3 -0
  11. package/dist/tokens/index.d.mts +7 -0
  12. package/dist/tokens/index.d.ts +7 -0
  13. package/dist/tokens/spacing.d.mts +4 -0
  14. package/dist/tokens/spacing.d.ts +4 -0
  15. package/dist/tokens-next/colors.d.mts +118 -0
  16. package/dist/tokens-next/colors.d.ts +118 -0
  17. package/dist/tokens-next/index.d.mts +118 -0
  18. package/dist/tokens-next/index.d.ts +118 -0
  19. package/package.json +1 -1
  20. package/src/conditions.ts +3 -1
  21. package/src/recipes/avatar.ts +6 -2
  22. package/src/recipes/badge.ts +3 -3
  23. package/src/recipes/banner.ts +1 -1
  24. package/src/recipes/button.ts +29 -12
  25. package/src/recipes/modal.ts +16 -1
  26. package/src/semanticTokens/colors.ts +457 -142
  27. package/src/tokens/colors.ts +1 -0
  28. package/src/tokens/spacing.ts +1 -0
  29. 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)' },
package/src/tokens/spacing.ts CHANGED
@@ -6,6 +6,7 @@ export const spacing = defineTokens.spacing({
6
6
  1: { value: '0.25rem', description: '4px' },
7
7
  1.5: { value: '0.375rem', description: '6px' },
8
8
  2: { value: '0.5rem', description: '8px' },
9
+ 2.5: { value: '0.625rem', description: '10px' },
9
10
  3: { value: '0.75rem', description: '12px' },
10
11
  4: { value: '1rem', description: '16px' },
11
12
  5: { value: '1.3rem', description: '20px' },
package/src/tokens-next/colors.ts CHANGED
@@ -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: '#F2F9F6' },
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' },