@ctlyst.id/voila-ui-core 1.6.3 → 3.0.0-beta.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 (43) hide show
  1. package/dist/index.css +33988 -0
  2. package/dist/index.css.map +1 -0
  3. package/dist/index.d.mts +10609 -0
  4. package/dist/index.d.ts +10609 -0
  5. package/dist/index.js +581 -3
  6. package/dist/index.js.map +1 -0
  7. package/dist/index.mjs +369 -544
  8. package/dist/index.mjs.map +1 -0
  9. package/package.json +37 -48
  10. package/dist/style.css +0 -1
  11. package/dist/types/@types/vanilla-sprinkles.d.ts +0 -17
  12. package/dist/types/index.d.ts +0 -6
  13. package/dist/types/theme/index.d.ts +0 -2
  14. package/dist/types/theme/styles/atoms/background.css.d.ts +0 -100
  15. package/dist/types/theme/styles/atoms/border.css.d.ts +0 -1600
  16. package/dist/types/theme/styles/atoms/common.css.d.ts +0 -744
  17. package/dist/types/theme/styles/atoms/constants.d.ts +0 -3
  18. package/dist/types/theme/styles/atoms/flex.css.d.ts +0 -636
  19. package/dist/types/theme/styles/atoms/grid.css.d.ts +0 -855
  20. package/dist/types/theme/styles/atoms/index.d.ts +0 -11
  21. package/dist/types/theme/styles/atoms/position.css.d.ts +0 -1050
  22. package/dist/types/theme/styles/atoms/radii.css.d.ts +0 -48
  23. package/dist/types/theme/styles/atoms/shadow.css.d.ts +0 -44
  24. package/dist/types/theme/styles/atoms/sizes.css.d.ts +0 -1801
  25. package/dist/types/theme/styles/atoms/space.css.d.ts +0 -2543
  26. package/dist/types/theme/styles/atoms/typography.css.d.ts +0 -413
  27. package/dist/types/theme/styles/globals.css.d.ts +0 -3
  28. package/dist/types/theme/styles/index.d.ts +0 -4
  29. package/dist/types/theme/styles/normalize.css.d.ts +0 -0
  30. package/dist/types/theme/styles/theme.css.d.ts +0 -353
  31. package/dist/types/theme/styles/utilityClasses.css.d.ts +0 -2
  32. package/dist/types/theme/styles/utils.d.ts +0 -17
  33. package/dist/types/theme/tokens/animation.d.ts +0 -21
  34. package/dist/types/theme/tokens/border.d.ts +0 -9
  35. package/dist/types/theme/tokens/breakpoints.d.ts +0 -9
  36. package/dist/types/theme/tokens/color.d.ts +0 -130
  37. package/dist/types/theme/tokens/index.d.ts +0 -354
  38. package/dist/types/theme/tokens/opacity.d.ts +0 -8
  39. package/dist/types/theme/tokens/radii.d.ts +0 -6
  40. package/dist/types/theme/tokens/shadows.d.ts +0 -6
  41. package/dist/types/theme/tokens/space.d.ts +0 -96
  42. package/dist/types/theme/tokens/typography.d.ts +0 -137
  43. package/dist/types/theme/tokens/z-indices.d.ts +0 -16
@@ -1,3 +0,0 @@
1
- import type { ConfigConditions } from 'rainbow-sprinkles/dist/declarations/src/types';
2
- export declare const conditions: ConfigConditions;
3
- export declare const conditionsWithSelector: ConfigConditions;
@@ -1,636 +0,0 @@
1
- export declare const flexAtoms: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[{
2
- config: {
3
- gap: {
4
- values: {
5
- 0: {
6
- default: string;
7
- conditions: Record<string | number, string>;
8
- };
9
- 1: {
10
- default: string;
11
- conditions: Record<string | number, string>;
12
- };
13
- 56: {
14
- default: string;
15
- conditions: Record<string | number, string>;
16
- };
17
- 48: {
18
- default: string;
19
- conditions: Record<string | number, string>;
20
- };
21
- 40: {
22
- default: string;
23
- conditions: Record<string | number, string>;
24
- };
25
- 32: {
26
- default: string;
27
- conditions: Record<string | number, string>;
28
- };
29
- 24: {
30
- default: string;
31
- conditions: Record<string | number, string>;
32
- };
33
- 20: {
34
- default: string;
35
- conditions: Record<string | number, string>;
36
- };
37
- 16: {
38
- default: string;
39
- conditions: Record<string | number, string>;
40
- };
41
- auto: {
42
- default: string;
43
- conditions: Record<string | number, string>;
44
- };
45
- "100vh": {
46
- default: string;
47
- conditions: Record<string | number, string>;
48
- };
49
- "100vw": {
50
- default: string;
51
- conditions: Record<string | number, string>;
52
- };
53
- 10: {
54
- default: string;
55
- conditions: Record<string | number, string>;
56
- };
57
- 2: {
58
- default: string;
59
- conditions: Record<string | number, string>;
60
- };
61
- full: {
62
- default: string;
63
- conditions: Record<string | number, string>;
64
- };
65
- 4: {
66
- default: string;
67
- conditions: Record<string | number, string>;
68
- };
69
- 6: {
70
- default: string;
71
- conditions: Record<string | number, string>;
72
- };
73
- 8: {
74
- default: string;
75
- conditions: Record<string | number, string>;
76
- };
77
- 12: {
78
- default: string;
79
- conditions: Record<string | number, string>;
80
- };
81
- 14: {
82
- default: string;
83
- conditions: Record<string | number, string>;
84
- };
85
- 18: {
86
- default: string;
87
- conditions: Record<string | number, string>;
88
- };
89
- 22: {
90
- default: string;
91
- conditions: Record<string | number, string>;
92
- };
93
- 64: {
94
- default: string;
95
- conditions: Record<string | number, string>;
96
- };
97
- 72: {
98
- default: string;
99
- conditions: Record<string | number, string>;
100
- };
101
- 80: {
102
- default: string;
103
- conditions: Record<string | number, string>;
104
- };
105
- 88: {
106
- default: string;
107
- conditions: Record<string | number, string>;
108
- };
109
- 96: {
110
- default: string;
111
- conditions: Record<string | number, string>;
112
- };
113
- 104: {
114
- default: string;
115
- conditions: Record<string | number, string>;
116
- };
117
- 112: {
118
- default: string;
119
- conditions: Record<string | number, string>;
120
- };
121
- fitContent: {
122
- default: string;
123
- conditions: Record<string | number, string>;
124
- };
125
- maxContent: {
126
- default: string;
127
- conditions: Record<string | number, string>;
128
- };
129
- minContent: {
130
- default: string;
131
- conditions: Record<string | number, string>;
132
- };
133
- gapX: {
134
- default: string;
135
- conditions: Record<string | number, string>;
136
- };
137
- gapY: {
138
- default: string;
139
- conditions: Record<string | number, string>;
140
- };
141
- "1-12": {
142
- default: string;
143
- conditions: Record<string | number, string>;
144
- };
145
- "2-12": {
146
- default: string;
147
- conditions: Record<string | number, string>;
148
- };
149
- "3-12": {
150
- default: string;
151
- conditions: Record<string | number, string>;
152
- };
153
- "4-12": {
154
- default: string;
155
- conditions: Record<string | number, string>;
156
- };
157
- "5-12": {
158
- default: string;
159
- conditions: Record<string | number, string>;
160
- };
161
- "6-12": {
162
- default: string;
163
- conditions: Record<string | number, string>;
164
- };
165
- "7-12": {
166
- default: string;
167
- conditions: Record<string | number, string>;
168
- };
169
- "8-12": {
170
- default: string;
171
- conditions: Record<string | number, string>;
172
- };
173
- "9-12": {
174
- default: string;
175
- conditions: Record<string | number, string>;
176
- };
177
- "10-12": {
178
- default: string;
179
- conditions: Record<string | number, string>;
180
- };
181
- "11-12": {
182
- default: string;
183
- conditions: Record<string | number, string>;
184
- };
185
- "12-12": {
186
- default: string;
187
- conditions: Record<string | number, string>;
188
- };
189
- };
190
- staticScale: {
191
- 0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
192
- 1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
193
- 2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
194
- 4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
195
- 6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
196
- 8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
197
- 10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
198
- 12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
199
- 14: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
200
- 16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
201
- 18: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
202
- 20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
203
- 22: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
204
- 24: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
205
- 32: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
206
- 40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
207
- 48: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
208
- 56: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
209
- 64: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
210
- 72: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
211
- 80: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
212
- 88: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
213
- 96: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
214
- 104: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
215
- 112: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
216
- auto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
217
- full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
218
- fitContent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
219
- maxContent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
220
- minContent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
221
- '100vh': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
222
- '100vw': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
223
- gapX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
224
- gapY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
225
- '1-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
226
- '2-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
227
- '3-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
228
- '4-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
229
- '5-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
230
- '6-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
231
- '7-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
232
- '8-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
233
- '9-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
234
- '10-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
235
- '11-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
236
- '12-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
237
- };
238
- name: "gap";
239
- };
240
- flexDirection: {
241
- values: {
242
- column: {
243
- default: string;
244
- conditions: Record<string | number, string>;
245
- };
246
- "column-reverse": {
247
- default: string;
248
- conditions: Record<string | number, string>;
249
- };
250
- row: {
251
- default: string;
252
- conditions: Record<string | number, string>;
253
- };
254
- "row-reverse": {
255
- default: string;
256
- conditions: Record<string | number, string>;
257
- };
258
- };
259
- staticScale: ("column" | "column-reverse" | "row" | "row-reverse")[];
260
- name: "flexDirection";
261
- };
262
- flexWrap: {
263
- values: {
264
- nowrap: {
265
- default: string;
266
- conditions: Record<string | number, string>;
267
- };
268
- wrap: {
269
- default: string;
270
- conditions: Record<string | number, string>;
271
- };
272
- "wrap-reverse": {
273
- default: string;
274
- conditions: Record<string | number, string>;
275
- };
276
- };
277
- staticScale: ("nowrap" | "wrap" | "wrap-reverse")[];
278
- name: "flexWrap";
279
- };
280
- justifyContent: {
281
- values: {
282
- "space-around": {
283
- default: string;
284
- conditions: Record<string | number, string>;
285
- };
286
- "space-between": {
287
- default: string;
288
- conditions: Record<string | number, string>;
289
- };
290
- "space-evenly": {
291
- default: string;
292
- conditions: Record<string | number, string>;
293
- };
294
- stretch: {
295
- default: string;
296
- conditions: Record<string | number, string>;
297
- };
298
- center: {
299
- default: string;
300
- conditions: Record<string | number, string>;
301
- };
302
- "flex-end": {
303
- default: string;
304
- conditions: Record<string | number, string>;
305
- };
306
- "flex-start": {
307
- default: string;
308
- conditions: Record<string | number, string>;
309
- };
310
- };
311
- staticScale: ("space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start")[];
312
- name: "justifyContent";
313
- };
314
- alignItems: {
315
- values: {
316
- "space-around": {
317
- default: string;
318
- conditions: Record<string | number, string>;
319
- };
320
- "space-between": {
321
- default: string;
322
- conditions: Record<string | number, string>;
323
- };
324
- "space-evenly": {
325
- default: string;
326
- conditions: Record<string | number, string>;
327
- };
328
- stretch: {
329
- default: string;
330
- conditions: Record<string | number, string>;
331
- };
332
- center: {
333
- default: string;
334
- conditions: Record<string | number, string>;
335
- };
336
- "flex-end": {
337
- default: string;
338
- conditions: Record<string | number, string>;
339
- };
340
- "flex-start": {
341
- default: string;
342
- conditions: Record<string | number, string>;
343
- };
344
- };
345
- staticScale: ("space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start")[];
346
- name: "alignItems";
347
- };
348
- alignContent: {
349
- values: {
350
- "space-around": {
351
- default: string;
352
- conditions: Record<string | number, string>;
353
- };
354
- "space-between": {
355
- default: string;
356
- conditions: Record<string | number, string>;
357
- };
358
- "space-evenly": {
359
- default: string;
360
- conditions: Record<string | number, string>;
361
- };
362
- stretch: {
363
- default: string;
364
- conditions: Record<string | number, string>;
365
- };
366
- center: {
367
- default: string;
368
- conditions: Record<string | number, string>;
369
- };
370
- "flex-end": {
371
- default: string;
372
- conditions: Record<string | number, string>;
373
- };
374
- "flex-start": {
375
- default: string;
376
- conditions: Record<string | number, string>;
377
- };
378
- };
379
- staticScale: ("space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start")[];
380
- name: "alignContent";
381
- };
382
- justifyItems: {
383
- values: {
384
- normal: {
385
- default: string;
386
- conditions: Record<string | number, string>;
387
- };
388
- left: {
389
- default: string;
390
- conditions: Record<string | number, string>;
391
- };
392
- right: {
393
- default: string;
394
- conditions: Record<string | number, string>;
395
- };
396
- stretch: {
397
- default: string;
398
- conditions: Record<string | number, string>;
399
- };
400
- center: {
401
- default: string;
402
- conditions: Record<string | number, string>;
403
- };
404
- end: {
405
- default: string;
406
- conditions: Record<string | number, string>;
407
- };
408
- "flex-end": {
409
- default: string;
410
- conditions: Record<string | number, string>;
411
- };
412
- "flex-start": {
413
- default: string;
414
- conditions: Record<string | number, string>;
415
- };
416
- start: {
417
- default: string;
418
- conditions: Record<string | number, string>;
419
- };
420
- legacy: {
421
- default: string;
422
- conditions: Record<string | number, string>;
423
- };
424
- "last baseline": {
425
- default: string;
426
- conditions: Record<string | number, string>;
427
- };
428
- };
429
- staticScale: ("normal" | "left" | "right" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "legacy" | "last baseline")[];
430
- name: "justifyItems";
431
- };
432
- justifySelf: {
433
- values: {
434
- normal: {
435
- default: string;
436
- conditions: Record<string | number, string>;
437
- };
438
- left: {
439
- default: string;
440
- conditions: Record<string | number, string>;
441
- };
442
- right: {
443
- default: string;
444
- conditions: Record<string | number, string>;
445
- };
446
- stretch: {
447
- default: string;
448
- conditions: Record<string | number, string>;
449
- };
450
- center: {
451
- default: string;
452
- conditions: Record<string | number, string>;
453
- };
454
- end: {
455
- default: string;
456
- conditions: Record<string | number, string>;
457
- };
458
- "flex-end": {
459
- default: string;
460
- conditions: Record<string | number, string>;
461
- };
462
- "flex-start": {
463
- default: string;
464
- conditions: Record<string | number, string>;
465
- };
466
- start: {
467
- default: string;
468
- conditions: Record<string | number, string>;
469
- };
470
- legacy: {
471
- default: string;
472
- conditions: Record<string | number, string>;
473
- };
474
- "last baseline": {
475
- default: string;
476
- conditions: Record<string | number, string>;
477
- };
478
- };
479
- staticScale: ("normal" | "left" | "right" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "legacy" | "last baseline")[];
480
- name: "justifySelf";
481
- };
482
- alignSelf: {
483
- values: {
484
- auto: {
485
- default: string;
486
- conditions: Record<string | number, string>;
487
- };
488
- inherit: {
489
- default: string;
490
- conditions: Record<string | number, string>;
491
- };
492
- initial: {
493
- default: string;
494
- conditions: Record<string | number, string>;
495
- };
496
- stretch: {
497
- default: string;
498
- conditions: Record<string | number, string>;
499
- };
500
- center: {
501
- default: string;
502
- conditions: Record<string | number, string>;
503
- };
504
- "flex-end": {
505
- default: string;
506
- conditions: Record<string | number, string>;
507
- };
508
- "flex-start": {
509
- default: string;
510
- conditions: Record<string | number, string>;
511
- };
512
- baseline: {
513
- default: string;
514
- conditions: Record<string | number, string>;
515
- };
516
- };
517
- staticScale: ("auto" | "inherit" | "initial" | "stretch" | "center" | "flex-end" | "flex-start" | "baseline")[];
518
- name: "alignSelf";
519
- };
520
- };
521
- } & {
522
- config: {
523
- gap: {
524
- dynamic: {
525
- default: string;
526
- conditions: Record<string | number, string>;
527
- };
528
- dynamicScale: true;
529
- name: "gap";
530
- vars: {
531
- default: string;
532
- conditions: Record<string | number, string>;
533
- };
534
- };
535
- rowGap: {
536
- dynamic: {
537
- default: string;
538
- conditions: Record<string | number, string>;
539
- };
540
- dynamicScale: true;
541
- name: "rowGap";
542
- vars: {
543
- default: string;
544
- conditions: Record<string | number, string>;
545
- };
546
- };
547
- columnGap: {
548
- dynamic: {
549
- default: string;
550
- conditions: Record<string | number, string>;
551
- };
552
- dynamicScale: true;
553
- name: "columnGap";
554
- vars: {
555
- default: string;
556
- conditions: Record<string | number, string>;
557
- };
558
- };
559
- flex: {
560
- dynamic: {
561
- default: string;
562
- conditions: Record<string | number, string>;
563
- };
564
- dynamicScale: true;
565
- name: "flex";
566
- vars: {
567
- default: string;
568
- conditions: Record<string | number, string>;
569
- };
570
- };
571
- order: {
572
- dynamic: {
573
- default: string;
574
- conditions: Record<string | number, string>;
575
- };
576
- dynamicScale: true;
577
- name: "order";
578
- vars: {
579
- default: string;
580
- conditions: Record<string | number, string>;
581
- };
582
- };
583
- flexGrow: {
584
- dynamic: {
585
- default: string;
586
- conditions: Record<string | number, string>;
587
- };
588
- dynamicScale: true;
589
- name: "flexGrow";
590
- vars: {
591
- default: string;
592
- conditions: Record<string | number, string>;
593
- };
594
- };
595
- flexShrink: {
596
- dynamic: {
597
- default: string;
598
- conditions: Record<string | number, string>;
599
- };
600
- dynamicScale: true;
601
- name: "flexShrink";
602
- vars: {
603
- default: string;
604
- conditions: Record<string | number, string>;
605
- };
606
- };
607
- flexBasis: {
608
- dynamic: {
609
- default: string;
610
- conditions: Record<string | number, string>;
611
- };
612
- dynamicScale: true;
613
- name: "flexBasis";
614
- vars: {
615
- default: string;
616
- conditions: Record<string | number, string>;
617
- };
618
- };
619
- };
620
- } & {
621
- config: {
622
- direction: {
623
- mappings: "flexDirection"[];
624
- };
625
- flexDir: {
626
- mappings: "flexDirection"[];
627
- };
628
- align: {
629
- mappings: "alignItems"[];
630
- };
631
- wrap: {
632
- mappings: "flexWrap"[];
633
- };
634
- };
635
- }]>;
636
- export type FlexAtoms = Parameters<typeof flexAtoms>[0];