@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.
@@ -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.125rem'
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: '0.375rem'
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
- value:
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
- value: '#101214'
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
- '500a': { value: '#9bb4ca85' }
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: '#F7F8F9' },
42
- 200: { value: '#F0F1F3' },
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
- '500a': { value: '#1d1f247a' }
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: '#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' },
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
- '500a': { value: '#1d1f247a' }
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: '#ECF3FE' },
76
- 200: { value: '#CEE0FD' },
77
- 300: { value: '#8EB7FA' },
78
- 400: { value: '#649CF8' },
79
- 500: { value: '#488BF7' },
80
- 600: { value: '#387CEB' },
81
- 700: { value: '#306AC8' },
82
- 800: { value: '#295AAA' },
83
- 900: { value: '#173361' },
84
- 1000: { value: '#132A4F' }
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: '#EEF0FC' },
88
- 200: { value: '#D6DBF7' },
89
- 300: { value: '#A8B2EF' },
90
- 400: { value: '#8997E9' },
91
- 500: { value: '#7586E5' },
92
- 600: { value: '#6577E2' },
93
- 700: { value: '#4B61DC' },
94
- 800: { value: '#4053BC' },
95
- 900: { value: '#242F6A' },
96
- 1000: { value: '#1D2656' }
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: '#F3F1FC' },
100
- 200: { value: '#DEDAF6' },
101
- 300: { value: '#B8AEEB' },
102
- 400: { value: '#9F91E3' },
103
- 500: { value: '#8F7FDF' },
104
- 600: { value: '#8270DB' },
105
- 700: { value: '#6F5FBA' },
106
- 800: { value: '#5F519F' },
107
- 900: { value: '#352E5A' },
108
- 1000: { value: '#2B2549' }
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: '#FBEEFE' },
112
- 200: { value: '#F6D1FB' },
113
- 300: { value: '#EA98F6' },
114
- 400: { value: '#E16CF2' },
115
- 500: { value: '#DA4DF0' },
116
- 600: { value: '#C841DC' },
117
- 700: { value: '#AC37BD' },
118
- 800: { value: '#932FA2' },
119
- 900: { value: '#531B5C' },
120
- 1000: { value: '#45164C' }
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: '#FCEEED' },
124
- 200: { value: '#F9D7D5' },
125
- 300: { value: '#F09E99' },
126
- 400: { value: '#EA7A72' },
127
- 500: { value: '#E6645B' },
128
- 600: { value: '#E2483D' },
129
- 700: { value: '#C33E35' },
130
- 800: { value: '#A8352D' },
131
- 900: { value: '#5E1E19' },
132
- 1000: { value: '#4E1915' }
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: '#FDF3EC' },
136
- 200: { value: '#F9DECB' },
137
- 300: { value: '#F5C39F' },
138
- 400: { value: '#F0A875' },
139
- 500: { value: '#EB8E4B' },
140
- 600: { value: '#E46910' },
141
- 700: { value: '#BC560D' },
142
- 800: { value: '#A14A0B' },
143
- 900: { value: '#6B3108' },
144
- 1000: { value: '#492105' }
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: '#FDF6DD' },
148
- 200: { value: '#F9E399' },
149
- 300: { value: '#F5CD47' },
150
- 400: { value: '#D8B53F' },
151
- 500: { value: '#C2A338' },
152
- 600: { value: '#A68A30' },
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: '#4D4016' },
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: '#2F5573' },
208
- esign: { value: '#00C853' },
200
+ capital: { value: '#2f5573' },
201
+ esign: { value: '#00c853' },
209
202
  expense: { value: '#183883' },
210
- flex: { value: '#7C4DFF' },
211
- jurnal: { value: '#40C3FF' },
212
- klikpajak: { value: '#FF9100' },
213
- mekari: { value: '#651FFF' },
214
- qontak: { value: '#2979FF' },
215
- talenta: { value: '#F22929' },
216
- university: { value: '#448AFF' }
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
  })
@@ -1,7 +1,7 @@
1
1
  import { defineTokens } from '@pandacss/dev'
2
2
 
3
3
  // Pixel Token 2.4
4
- import { borderWidths } from './borders'
4
+ import { borderWidths } from './borderWidths'
5
5
  import { colors } from './colors'
6
6
  import { radii } from './radii'
7
7
  import { spacing } from './spacing'
@@ -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', description: '4px' },
6
- md: { value: '0.375rem', description: '6px' },
7
- lg: { value: '0.5rem', description: '8px' },
8
- xl: { value: '0.75rem', description: '12px' },
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', description: '2px' },
6
- 1: { value: '0.25rem', description: '4px' },
7
- 1.5: { value: '0.375rem', description: '6px' },
8
- 2: { value: '0.5rem', description: '8px' },
9
- 3: { value: '0.75rem', description: '12px' },
10
- 4: { value: '1rem', description: '16px' },
11
- 5: { value: '1.3rem', description: '20px' },
12
- 6: { value: '1.5rem', description: '24px' },
13
- 8: { value: '2rem', description: '32px' },
14
- 10: { value: '2.5rem', description: '40px' },
15
- 20: { value: '5rem', description: '80px' }
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