@mekari/pixel3-theme 0.2.1-dev.0 → 0.2.2-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.
Files changed (84) hide show
  1. package/dist/conditions.d.mts +4 -1
  2. package/dist/conditions.d.ts +4 -1
  3. package/dist/index.js +2889 -409
  4. package/dist/index.mjs +2888 -408
  5. package/dist/semanticTokens/colors.d.mts +892 -0
  6. package/dist/semanticTokens/colors.d.ts +892 -0
  7. package/dist/semanticTokens/index.d.mts +951 -0
  8. package/dist/semanticTokens/index.d.ts +951 -0
  9. package/dist/semanticTokens/spacing.d.mts +59 -0
  10. package/dist/semanticTokens/spacing.d.ts +59 -0
  11. package/dist/tokens/borders.d.mts +2 -2
  12. package/dist/tokens/borders.d.ts +2 -2
  13. package/dist/tokens/colors.d.mts +37 -34
  14. package/dist/tokens/colors.d.ts +37 -34
  15. package/dist/tokens/index.d.mts +59 -35
  16. package/dist/tokens/index.d.ts +59 -35
  17. package/dist/tokens/radii.d.mts +5 -0
  18. package/dist/tokens/radii.d.ts +5 -0
  19. package/dist/tokens/spacing.d.mts +16 -0
  20. package/dist/tokens/spacing.d.ts +16 -0
  21. package/dist/tokens-next/borders.d.mts +22 -0
  22. package/dist/tokens-next/borders.d.ts +22 -0
  23. package/dist/tokens-next/colors.d.mts +441 -0
  24. package/dist/tokens-next/colors.d.ts +441 -0
  25. package/dist/tokens-next/index.d.mts +772 -0
  26. package/dist/tokens-next/index.d.ts +772 -0
  27. package/dist/tokens-next/radii.d.mts +26 -0
  28. package/dist/tokens-next/radii.d.ts +26 -0
  29. package/dist/tokens-next/shadows.d.mts +28 -0
  30. package/dist/tokens-next/shadows.d.ts +28 -0
  31. package/dist/tokens-next/spacing.d.mts +51 -0
  32. package/dist/tokens-next/spacing.d.ts +51 -0
  33. package/package.json +1 -1
  34. package/src/conditions.ts +6 -4
  35. package/src/global-css.ts +4 -0
  36. package/src/index.ts +15 -2
  37. package/src/recipes/accordion.ts +12 -2
  38. package/src/recipes/autocomplete.ts +6 -1
  39. package/src/recipes/avatar.ts +68 -11
  40. package/src/recipes/badge.ts +174 -50
  41. package/src/recipes/banner.ts +36 -11
  42. package/src/recipes/broadcast.ts +78 -12
  43. package/src/recipes/button.ts +132 -9
  44. package/src/recipes/carousel.ts +5 -0
  45. package/src/recipes/chart.ts +10 -5
  46. package/src/recipes/checkbox.ts +68 -13
  47. package/src/recipes/color-picker.ts +74 -23
  48. package/src/recipes/date-picker.ts +165 -31
  49. package/src/recipes/divider.ts +5 -1
  50. package/src/recipes/dropzone.ts +80 -8
  51. package/src/recipes/form-control.ts +12 -3
  52. package/src/recipes/input-tag.ts +48 -8
  53. package/src/recipes/input.ts +75 -8
  54. package/src/recipes/modal.ts +30 -9
  55. package/src/recipes/popover.ts +28 -9
  56. package/src/recipes/progress.ts +9 -2
  57. package/src/recipes/radio.ts +52 -21
  58. package/src/recipes/rich-text-editor.ts +32 -6
  59. package/src/recipes/segmented-control.ts +47 -7
  60. package/src/recipes/select.ts +42 -0
  61. package/src/recipes/slider.ts +46 -6
  62. package/src/recipes/table.ts +26 -11
  63. package/src/recipes/tabs.ts +35 -3
  64. package/src/recipes/tag.ts +43 -13
  65. package/src/recipes/textarea.ts +0 -46
  66. package/src/recipes/timeline.ts +36 -8
  67. package/src/recipes/toast.ts +21 -4
  68. package/src/recipes/toggle.ts +59 -11
  69. package/src/recipes/tooltip.ts +5 -1
  70. package/src/recipes/upload.ts +51 -16
  71. package/src/semanticTokens/colors.ts +893 -0
  72. package/src/semanticTokens/index.ts +8 -0
  73. package/src/semanticTokens/spacing.ts +59 -0
  74. package/src/tokens/borders.ts +1 -1
  75. package/src/tokens/colors.ts +18 -23
  76. package/src/tokens/index.ts +2 -2
  77. package/src/tokens/radii.ts +5 -5
  78. package/src/tokens/spacing.ts +17 -17
  79. package/src/tokens-next/borders.ts +10 -0
  80. package/src/tokens-next/colors.ts +171 -0
  81. package/src/tokens-next/index.ts +32 -0
  82. package/src/tokens-next/radii.ts +10 -0
  83. package/src/tokens-next/shadows.ts +28 -0
  84. package/src/tokens-next/spacing.ts +16 -0
@@ -0,0 +1,441 @@
1
+ declare const colors: {
2
+ debug: {
3
+ value: string;
4
+ };
5
+ currentcolor: {
6
+ value: string;
7
+ };
8
+ white: {
9
+ value: string;
10
+ };
11
+ dark: {
12
+ '-100': {
13
+ value: string;
14
+ };
15
+ DEFAULT: {
16
+ value: string;
17
+ };
18
+ 100: {
19
+ value: string;
20
+ };
21
+ 200: {
22
+ value: string;
23
+ };
24
+ 250: {
25
+ value: string;
26
+ };
27
+ 300: {
28
+ value: string;
29
+ };
30
+ 350: {
31
+ value: string;
32
+ };
33
+ 400: {
34
+ value: string;
35
+ };
36
+ 500: {
37
+ value: string;
38
+ };
39
+ 600: {
40
+ value: string;
41
+ };
42
+ 700: {
43
+ value: string;
44
+ };
45
+ 800: {
46
+ value: string;
47
+ };
48
+ 900: {
49
+ value: string;
50
+ };
51
+ 1000: {
52
+ value: string;
53
+ };
54
+ };
55
+ neutral: {
56
+ 100: {
57
+ value: string;
58
+ };
59
+ 200: {
60
+ value: string;
61
+ };
62
+ 300: {
63
+ value: string;
64
+ };
65
+ 400: {
66
+ value: string;
67
+ };
68
+ 500: {
69
+ value: string;
70
+ };
71
+ 600: {
72
+ value: string;
73
+ };
74
+ 700: {
75
+ value: string;
76
+ };
77
+ 800: {
78
+ value: string;
79
+ };
80
+ 900: {
81
+ value: string;
82
+ };
83
+ 1000: {
84
+ value: string;
85
+ };
86
+ };
87
+ blue: {
88
+ 100: {
89
+ value: string;
90
+ };
91
+ 200: {
92
+ value: string;
93
+ };
94
+ 300: {
95
+ value: string;
96
+ };
97
+ 400: {
98
+ value: string;
99
+ };
100
+ 500: {
101
+ value: string;
102
+ };
103
+ 600: {
104
+ value: string;
105
+ };
106
+ 700: {
107
+ value: string;
108
+ };
109
+ 800: {
110
+ value: string;
111
+ };
112
+ 900: {
113
+ value: string;
114
+ };
115
+ 1000: {
116
+ value: string;
117
+ };
118
+ };
119
+ indigo: {
120
+ 100: {
121
+ value: string;
122
+ };
123
+ 200: {
124
+ value: string;
125
+ };
126
+ 300: {
127
+ value: string;
128
+ };
129
+ 400: {
130
+ value: string;
131
+ };
132
+ 500: {
133
+ value: string;
134
+ };
135
+ 600: {
136
+ value: string;
137
+ };
138
+ 700: {
139
+ value: string;
140
+ };
141
+ 800: {
142
+ value: string;
143
+ };
144
+ 900: {
145
+ value: string;
146
+ };
147
+ 1000: {
148
+ value: string;
149
+ };
150
+ };
151
+ violet: {
152
+ 100: {
153
+ value: string;
154
+ };
155
+ 200: {
156
+ value: string;
157
+ };
158
+ 300: {
159
+ value: string;
160
+ };
161
+ 400: {
162
+ value: string;
163
+ };
164
+ 500: {
165
+ value: string;
166
+ };
167
+ 600: {
168
+ value: string;
169
+ };
170
+ 700: {
171
+ value: string;
172
+ };
173
+ 800: {
174
+ value: string;
175
+ };
176
+ 900: {
177
+ value: string;
178
+ };
179
+ 1000: {
180
+ value: string;
181
+ };
182
+ };
183
+ fuchsia: {
184
+ 100: {
185
+ value: string;
186
+ };
187
+ 200: {
188
+ value: string;
189
+ };
190
+ 300: {
191
+ value: string;
192
+ };
193
+ 400: {
194
+ value: string;
195
+ };
196
+ 500: {
197
+ value: string;
198
+ };
199
+ 600: {
200
+ value: string;
201
+ };
202
+ 700: {
203
+ value: string;
204
+ };
205
+ 800: {
206
+ value: string;
207
+ };
208
+ 900: {
209
+ value: string;
210
+ };
211
+ 1000: {
212
+ value: string;
213
+ };
214
+ };
215
+ red: {
216
+ 100: {
217
+ value: string;
218
+ };
219
+ 200: {
220
+ value: string;
221
+ };
222
+ 300: {
223
+ value: string;
224
+ };
225
+ 400: {
226
+ value: string;
227
+ };
228
+ 500: {
229
+ value: string;
230
+ };
231
+ 600: {
232
+ value: string;
233
+ };
234
+ 700: {
235
+ value: string;
236
+ };
237
+ 800: {
238
+ value: string;
239
+ };
240
+ 900: {
241
+ value: string;
242
+ };
243
+ 1000: {
244
+ value: string;
245
+ };
246
+ };
247
+ orange: {
248
+ 100: {
249
+ value: string;
250
+ };
251
+ 200: {
252
+ value: string;
253
+ };
254
+ 300: {
255
+ value: string;
256
+ };
257
+ 400: {
258
+ value: string;
259
+ };
260
+ 500: {
261
+ value: string;
262
+ };
263
+ 600: {
264
+ value: string;
265
+ };
266
+ 700: {
267
+ value: string;
268
+ };
269
+ 800: {
270
+ value: string;
271
+ };
272
+ 900: {
273
+ value: string;
274
+ };
275
+ 1000: {
276
+ value: string;
277
+ };
278
+ };
279
+ yellow: {
280
+ 100: {
281
+ value: string;
282
+ };
283
+ 200: {
284
+ value: string;
285
+ };
286
+ 300: {
287
+ value: string;
288
+ };
289
+ 400: {
290
+ value: string;
291
+ };
292
+ 500: {
293
+ value: string;
294
+ };
295
+ 600: {
296
+ value: string;
297
+ };
298
+ 700: {
299
+ value: string;
300
+ };
301
+ 800: {
302
+ value: string;
303
+ };
304
+ 900: {
305
+ value: string;
306
+ };
307
+ 1000: {
308
+ value: string;
309
+ };
310
+ };
311
+ lime: {
312
+ 100: {
313
+ value: string;
314
+ };
315
+ 200: {
316
+ value: string;
317
+ };
318
+ 300: {
319
+ value: string;
320
+ };
321
+ 400: {
322
+ value: string;
323
+ };
324
+ 500: {
325
+ value: string;
326
+ };
327
+ 600: {
328
+ value: string;
329
+ };
330
+ 700: {
331
+ value: string;
332
+ };
333
+ 800: {
334
+ value: string;
335
+ };
336
+ 900: {
337
+ value: string;
338
+ };
339
+ 1000: {
340
+ value: string;
341
+ };
342
+ };
343
+ green: {
344
+ 100: {
345
+ value: string;
346
+ };
347
+ 200: {
348
+ value: string;
349
+ };
350
+ 300: {
351
+ value: string;
352
+ };
353
+ 400: {
354
+ value: string;
355
+ };
356
+ 500: {
357
+ value: string;
358
+ };
359
+ 600: {
360
+ value: string;
361
+ };
362
+ 700: {
363
+ value: string;
364
+ };
365
+ 800: {
366
+ value: string;
367
+ };
368
+ 900: {
369
+ value: string;
370
+ };
371
+ 1000: {
372
+ value: string;
373
+ };
374
+ };
375
+ teal: {
376
+ 100: {
377
+ value: string;
378
+ };
379
+ 200: {
380
+ value: string;
381
+ };
382
+ 300: {
383
+ value: string;
384
+ };
385
+ 400: {
386
+ value: string;
387
+ };
388
+ 500: {
389
+ value: string;
390
+ };
391
+ 600: {
392
+ value: string;
393
+ };
394
+ 700: {
395
+ value: string;
396
+ };
397
+ 800: {
398
+ value: string;
399
+ };
400
+ 900: {
401
+ value: string;
402
+ };
403
+ 1000: {
404
+ value: string;
405
+ };
406
+ };
407
+ brand: {
408
+ capital: {
409
+ value: string;
410
+ };
411
+ esign: {
412
+ value: string;
413
+ };
414
+ expense: {
415
+ value: string;
416
+ };
417
+ flex: {
418
+ value: string;
419
+ };
420
+ jurnal: {
421
+ value: string;
422
+ };
423
+ klikpajak: {
424
+ value: string;
425
+ };
426
+ mekari: {
427
+ value: string;
428
+ };
429
+ qontak: {
430
+ value: string;
431
+ };
432
+ talenta: {
433
+ value: string;
434
+ };
435
+ university: {
436
+ value: string;
437
+ };
438
+ };
439
+ };
440
+
441
+ export { colors };