@ctlyst.id/voila-ui-core 2.0.0 → 2.0.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 (9) hide show
  1. package/dist/index.css +10564 -9382
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.d.mts +349 -96
  4. package/dist/index.d.ts +349 -96
  5. package/dist/index.js +31 -14
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.mjs +31 -14
  8. package/dist/index.mjs.map +1 -1
  9. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -21,6 +21,12 @@ declare const theme: {
21
21
  '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
22
  };
23
23
  colors: {
24
+ gradientGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
+ gradientYellow1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
+ gradientRed1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
+ gradientSteelGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
+ gradientSteelWhite1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
+ gradientSteelGrey1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
30
  blackTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
31
  blackTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
32
  blackTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -88,6 +94,7 @@ declare const theme: {
88
94
  readonly body2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
89
95
  readonly caption: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
90
96
  readonly footer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
97
+ readonly footer2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
91
98
  };
92
99
  fontWeights: {
93
100
  readonly hairline: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -106,10 +113,12 @@ declare const theme: {
106
113
  readonly normal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
107
114
  readonly wide: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
108
115
  readonly wider: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
116
+ readonly widest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
109
117
  };
110
118
  lineHeights: {
111
119
  readonly normal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
112
120
  readonly none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
121
+ readonly '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
113
122
  readonly '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
114
123
  readonly '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
115
124
  readonly '24': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -204,6 +213,11 @@ declare const theme: {
204
213
  readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
205
214
  readonly letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
206
215
  };
216
+ readonly footerXS: {
217
+ readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
218
+ readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
219
+ readonly letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
220
+ };
207
221
  };
208
222
  opacity: {
209
223
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -400,6 +414,12 @@ declare const tokens: {
400
414
  '2': string;
401
415
  };
402
416
  colors: {
417
+ gradientGreen1: string;
418
+ gradientYellow1: string;
419
+ gradientRed1: string;
420
+ gradientSteelGreen1: string;
421
+ gradientSteelWhite1: string;
422
+ gradientSteelGrey1: string;
403
423
  blackTypoHigh: string;
404
424
  blackTypoMedium: string;
405
425
  blackTypoLow: string;
@@ -467,6 +487,7 @@ declare const tokens: {
467
487
  readonly body2: "14px";
468
488
  readonly caption: "12px";
469
489
  readonly footer: "10px";
490
+ readonly footer2: "8px";
470
491
  };
471
492
  fontWeights: {
472
493
  readonly hairline: "100";
@@ -485,10 +506,12 @@ declare const tokens: {
485
506
  readonly normal: "0px";
486
507
  readonly wide: "0.2px";
487
508
  readonly wider: "0.5px";
509
+ readonly widest: "0.75px";
488
510
  };
489
511
  lineHeights: {
490
512
  readonly normal: "normal";
491
513
  readonly none: "1";
514
+ readonly '12': "12px";
492
515
  readonly '16': "16px";
493
516
  readonly '20': "20px";
494
517
  readonly '24': "24px";
@@ -583,6 +606,11 @@ declare const tokens: {
583
606
  readonly lineHeight: "16px";
584
607
  readonly letterSpacing: "0.5px";
585
608
  };
609
+ readonly footerXS: {
610
+ readonly fontSize: "8px";
611
+ readonly lineHeight: "12px";
612
+ readonly letterSpacing: "0.75px";
613
+ };
586
614
  };
587
615
  opacity: {
588
616
  '0': string;
@@ -883,6 +911,30 @@ declare const borderAtoms: rainbow_sprinkles.SprinklesFn<[{
883
911
  default: string;
884
912
  conditions: Record<string | number, string>;
885
913
  };
914
+ gradientGreen1: {
915
+ default: string;
916
+ conditions: Record<string | number, string>;
917
+ };
918
+ gradientYellow1: {
919
+ default: string;
920
+ conditions: Record<string | number, string>;
921
+ };
922
+ gradientRed1: {
923
+ default: string;
924
+ conditions: Record<string | number, string>;
925
+ };
926
+ gradientSteelGreen1: {
927
+ default: string;
928
+ conditions: Record<string | number, string>;
929
+ };
930
+ gradientSteelWhite1: {
931
+ default: string;
932
+ conditions: Record<string | number, string>;
933
+ };
934
+ gradientSteelGrey1: {
935
+ default: string;
936
+ conditions: Record<string | number, string>;
937
+ };
886
938
  blackTypoHigh: {
887
939
  default: string;
888
940
  conditions: Record<string | number, string>;
@@ -1069,6 +1121,12 @@ declare const borderAtoms: rainbow_sprinkles.SprinklesFn<[{
1069
1121
  };
1070
1122
  };
1071
1123
  staticScale: {
1124
+ gradientGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1125
+ gradientYellow1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1126
+ gradientRed1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1127
+ gradientSteelGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1128
+ gradientSteelWhite1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1129
+ gradientSteelGrey1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1072
1130
  blackTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1073
1131
  blackTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1074
1132
  blackTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1181,6 +1239,30 @@ declare const borderAtoms: rainbow_sprinkles.SprinklesFn<[{
1181
1239
  default: string;
1182
1240
  conditions: Record<string | number, string>;
1183
1241
  };
1242
+ gradientGreen1: {
1243
+ default: string;
1244
+ conditions: Record<string | number, string>;
1245
+ };
1246
+ gradientYellow1: {
1247
+ default: string;
1248
+ conditions: Record<string | number, string>;
1249
+ };
1250
+ gradientRed1: {
1251
+ default: string;
1252
+ conditions: Record<string | number, string>;
1253
+ };
1254
+ gradientSteelGreen1: {
1255
+ default: string;
1256
+ conditions: Record<string | number, string>;
1257
+ };
1258
+ gradientSteelWhite1: {
1259
+ default: string;
1260
+ conditions: Record<string | number, string>;
1261
+ };
1262
+ gradientSteelGrey1: {
1263
+ default: string;
1264
+ conditions: Record<string | number, string>;
1265
+ };
1184
1266
  blackTypoHigh: {
1185
1267
  default: string;
1186
1268
  conditions: Record<string | number, string>;
@@ -1367,6 +1449,12 @@ declare const borderAtoms: rainbow_sprinkles.SprinklesFn<[{
1367
1449
  };
1368
1450
  };
1369
1451
  staticScale: {
1452
+ gradientGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1453
+ gradientYellow1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1454
+ gradientRed1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1455
+ gradientSteelGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1456
+ gradientSteelWhite1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1457
+ gradientSteelGrey1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1370
1458
  blackTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1371
1459
  blackTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1372
1460
  blackTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1462,6 +1550,30 @@ declare const borderAtoms: rainbow_sprinkles.SprinklesFn<[{
1462
1550
  default: string;
1463
1551
  conditions: Record<string | number, string>;
1464
1552
  };
1553
+ gradientGreen1: {
1554
+ default: string;
1555
+ conditions: Record<string | number, string>;
1556
+ };
1557
+ gradientYellow1: {
1558
+ default: string;
1559
+ conditions: Record<string | number, string>;
1560
+ };
1561
+ gradientRed1: {
1562
+ default: string;
1563
+ conditions: Record<string | number, string>;
1564
+ };
1565
+ gradientSteelGreen1: {
1566
+ default: string;
1567
+ conditions: Record<string | number, string>;
1568
+ };
1569
+ gradientSteelWhite1: {
1570
+ default: string;
1571
+ conditions: Record<string | number, string>;
1572
+ };
1573
+ gradientSteelGrey1: {
1574
+ default: string;
1575
+ conditions: Record<string | number, string>;
1576
+ };
1465
1577
  blackTypoHigh: {
1466
1578
  default: string;
1467
1579
  conditions: Record<string | number, string>;
@@ -1648,6 +1760,12 @@ declare const borderAtoms: rainbow_sprinkles.SprinklesFn<[{
1648
1760
  };
1649
1761
  };
1650
1762
  staticScale: {
1763
+ gradientGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1764
+ gradientYellow1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1765
+ gradientRed1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1766
+ gradientSteelGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1767
+ gradientSteelWhite1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1768
+ gradientSteelGrey1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1651
1769
  blackTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1652
1770
  blackTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1653
1771
  blackTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1743,6 +1861,30 @@ declare const borderAtoms: rainbow_sprinkles.SprinklesFn<[{
1743
1861
  default: string;
1744
1862
  conditions: Record<string | number, string>;
1745
1863
  };
1864
+ gradientGreen1: {
1865
+ default: string;
1866
+ conditions: Record<string | number, string>;
1867
+ };
1868
+ gradientYellow1: {
1869
+ default: string;
1870
+ conditions: Record<string | number, string>;
1871
+ };
1872
+ gradientRed1: {
1873
+ default: string;
1874
+ conditions: Record<string | number, string>;
1875
+ };
1876
+ gradientSteelGreen1: {
1877
+ default: string;
1878
+ conditions: Record<string | number, string>;
1879
+ };
1880
+ gradientSteelWhite1: {
1881
+ default: string;
1882
+ conditions: Record<string | number, string>;
1883
+ };
1884
+ gradientSteelGrey1: {
1885
+ default: string;
1886
+ conditions: Record<string | number, string>;
1887
+ };
1746
1888
  blackTypoHigh: {
1747
1889
  default: string;
1748
1890
  conditions: Record<string | number, string>;
@@ -1929,6 +2071,12 @@ declare const borderAtoms: rainbow_sprinkles.SprinklesFn<[{
1929
2071
  };
1930
2072
  };
1931
2073
  staticScale: {
2074
+ gradientGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2075
+ gradientYellow1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2076
+ gradientRed1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2077
+ gradientSteelGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2078
+ gradientSteelWhite1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2079
+ gradientSteelGrey1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1932
2080
  blackTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1933
2081
  blackTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1934
2082
  blackTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -2024,6 +2172,30 @@ declare const borderAtoms: rainbow_sprinkles.SprinklesFn<[{
2024
2172
  default: string;
2025
2173
  conditions: Record<string | number, string>;
2026
2174
  };
2175
+ gradientGreen1: {
2176
+ default: string;
2177
+ conditions: Record<string | number, string>;
2178
+ };
2179
+ gradientYellow1: {
2180
+ default: string;
2181
+ conditions: Record<string | number, string>;
2182
+ };
2183
+ gradientRed1: {
2184
+ default: string;
2185
+ conditions: Record<string | number, string>;
2186
+ };
2187
+ gradientSteelGreen1: {
2188
+ default: string;
2189
+ conditions: Record<string | number, string>;
2190
+ };
2191
+ gradientSteelWhite1: {
2192
+ default: string;
2193
+ conditions: Record<string | number, string>;
2194
+ };
2195
+ gradientSteelGrey1: {
2196
+ default: string;
2197
+ conditions: Record<string | number, string>;
2198
+ };
2027
2199
  blackTypoHigh: {
2028
2200
  default: string;
2029
2201
  conditions: Record<string | number, string>;
@@ -2210,6 +2382,12 @@ declare const borderAtoms: rainbow_sprinkles.SprinklesFn<[{
2210
2382
  };
2211
2383
  };
2212
2384
  staticScale: {
2385
+ gradientGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2386
+ gradientYellow1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2387
+ gradientRed1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2388
+ gradientSteelGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2389
+ gradientSteelWhite1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2390
+ gradientSteelGrey1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2213
2391
  blackTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2214
2392
  blackTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2215
2393
  blackTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -2445,6 +2623,30 @@ declare const commonAtoms: rainbow_sprinkles.SprinklesFn<[{
2445
2623
  default: string;
2446
2624
  conditions: Record<string | number, string>;
2447
2625
  };
2626
+ gradientGreen1: {
2627
+ default: string;
2628
+ conditions: Record<string | number, string>;
2629
+ };
2630
+ gradientYellow1: {
2631
+ default: string;
2632
+ conditions: Record<string | number, string>;
2633
+ };
2634
+ gradientRed1: {
2635
+ default: string;
2636
+ conditions: Record<string | number, string>;
2637
+ };
2638
+ gradientSteelGreen1: {
2639
+ default: string;
2640
+ conditions: Record<string | number, string>;
2641
+ };
2642
+ gradientSteelWhite1: {
2643
+ default: string;
2644
+ conditions: Record<string | number, string>;
2645
+ };
2646
+ gradientSteelGrey1: {
2647
+ default: string;
2648
+ conditions: Record<string | number, string>;
2649
+ };
2448
2650
  blackTypoHigh: {
2449
2651
  default: string;
2450
2652
  conditions: Record<string | number, string>;
@@ -2631,6 +2833,12 @@ declare const commonAtoms: rainbow_sprinkles.SprinklesFn<[{
2631
2833
  };
2632
2834
  };
2633
2835
  staticScale: {
2836
+ gradientGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2837
+ gradientYellow1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2838
+ gradientRed1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2839
+ gradientSteelGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2840
+ gradientSteelWhite1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2841
+ gradientSteelGrey1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2634
2842
  blackTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2635
2843
  blackTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2636
2844
  blackTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -2687,6 +2895,30 @@ declare const commonAtoms: rainbow_sprinkles.SprinklesFn<[{
2687
2895
  default: string;
2688
2896
  conditions: Record<string | number, string>;
2689
2897
  };
2898
+ gradientGreen1: {
2899
+ default: string;
2900
+ conditions: Record<string | number, string>;
2901
+ };
2902
+ gradientYellow1: {
2903
+ default: string;
2904
+ conditions: Record<string | number, string>;
2905
+ };
2906
+ gradientRed1: {
2907
+ default: string;
2908
+ conditions: Record<string | number, string>;
2909
+ };
2910
+ gradientSteelGreen1: {
2911
+ default: string;
2912
+ conditions: Record<string | number, string>;
2913
+ };
2914
+ gradientSteelWhite1: {
2915
+ default: string;
2916
+ conditions: Record<string | number, string>;
2917
+ };
2918
+ gradientSteelGrey1: {
2919
+ default: string;
2920
+ conditions: Record<string | number, string>;
2921
+ };
2690
2922
  blackTypoHigh: {
2691
2923
  default: string;
2692
2924
  conditions: Record<string | number, string>;
@@ -2873,6 +3105,12 @@ declare const commonAtoms: rainbow_sprinkles.SprinklesFn<[{
2873
3105
  };
2874
3106
  };
2875
3107
  staticScale: {
3108
+ gradientGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3109
+ gradientYellow1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3110
+ gradientRed1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3111
+ gradientSteelGreen1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3112
+ gradientSteelWhite1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3113
+ gradientSteelGrey1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2876
3114
  blackTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2877
3115
  blackTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2878
3116
  blackTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -3234,6 +3472,10 @@ declare const flexAtoms: rainbow_sprinkles.SprinklesFn<[{
3234
3472
  default: string;
3235
3473
  conditions: Record<string | number, string>;
3236
3474
  };
3475
+ 12: {
3476
+ default: string;
3477
+ conditions: Record<string | number, string>;
3478
+ };
3237
3479
  10: {
3238
3480
  default: string;
3239
3481
  conditions: Record<string | number, string>;
@@ -3258,10 +3500,6 @@ declare const flexAtoms: rainbow_sprinkles.SprinklesFn<[{
3258
3500
  default: string;
3259
3501
  conditions: Record<string | number, string>;
3260
3502
  };
3261
- 12: {
3262
- default: string;
3263
- conditions: Record<string | number, string>;
3264
- };
3265
3503
  14: {
3266
3504
  default: string;
3267
3505
  conditions: Record<string | number, string>;
@@ -3871,6 +4109,10 @@ declare const gridAtoms: rainbow_sprinkles.SprinklesFn<[{
3871
4109
  default: string;
3872
4110
  conditions: Record<string | number, string>;
3873
4111
  };
4112
+ 12: {
4113
+ default: string;
4114
+ conditions: Record<string | number, string>;
4115
+ };
3874
4116
  10: {
3875
4117
  default: string;
3876
4118
  conditions: Record<string | number, string>;
@@ -3895,10 +4137,6 @@ declare const gridAtoms: rainbow_sprinkles.SprinklesFn<[{
3895
4137
  default: string;
3896
4138
  conditions: Record<string | number, string>;
3897
4139
  };
3898
- 12: {
3899
- default: string;
3900
- conditions: Record<string | number, string>;
3901
- };
3902
4140
  14: {
3903
4141
  default: string;
3904
4142
  conditions: Record<string | number, string>;
@@ -4108,6 +4346,10 @@ declare const gridAtoms: rainbow_sprinkles.SprinklesFn<[{
4108
4346
  default: string;
4109
4347
  conditions: Record<string | number, string>;
4110
4348
  };
4349
+ 12: {
4350
+ default: string;
4351
+ conditions: Record<string | number, string>;
4352
+ };
4111
4353
  10: {
4112
4354
  default: string;
4113
4355
  conditions: Record<string | number, string>;
@@ -4132,10 +4374,6 @@ declare const gridAtoms: rainbow_sprinkles.SprinklesFn<[{
4132
4374
  default: string;
4133
4375
  conditions: Record<string | number, string>;
4134
4376
  };
4135
- 12: {
4136
- default: string;
4137
- conditions: Record<string | number, string>;
4138
- };
4139
4377
  14: {
4140
4378
  default: string;
4141
4379
  conditions: Record<string | number, string>;
@@ -4345,6 +4583,10 @@ declare const gridAtoms: rainbow_sprinkles.SprinklesFn<[{
4345
4583
  default: string;
4346
4584
  conditions: Record<string | number, string>;
4347
4585
  };
4586
+ 12: {
4587
+ default: string;
4588
+ conditions: Record<string | number, string>;
4589
+ };
4348
4590
  10: {
4349
4591
  default: string;
4350
4592
  conditions: Record<string | number, string>;
@@ -4369,10 +4611,6 @@ declare const gridAtoms: rainbow_sprinkles.SprinklesFn<[{
4369
4611
  default: string;
4370
4612
  conditions: Record<string | number, string>;
4371
4613
  };
4372
- 12: {
4373
- default: string;
4374
- conditions: Record<string | number, string>;
4375
- };
4376
4614
  14: {
4377
4615
  default: string;
4378
4616
  conditions: Record<string | number, string>;
@@ -4753,6 +4991,10 @@ declare const positionAtoms: rainbow_sprinkles.SprinklesFn<[{
4753
4991
  default: string;
4754
4992
  conditions: Record<string | number, string>;
4755
4993
  };
4994
+ 12: {
4995
+ default: string;
4996
+ conditions: Record<string | number, string>;
4997
+ };
4756
4998
  10: {
4757
4999
  default: string;
4758
5000
  conditions: Record<string | number, string>;
@@ -4777,10 +5019,6 @@ declare const positionAtoms: rainbow_sprinkles.SprinklesFn<[{
4777
5019
  default: string;
4778
5020
  conditions: Record<string | number, string>;
4779
5021
  };
4780
- 12: {
4781
- default: string;
4782
- conditions: Record<string | number, string>;
4783
- };
4784
5022
  14: {
4785
5023
  default: string;
4786
5024
  conditions: Record<string | number, string>;
@@ -4990,6 +5228,10 @@ declare const positionAtoms: rainbow_sprinkles.SprinklesFn<[{
4990
5228
  default: string;
4991
5229
  conditions: Record<string | number, string>;
4992
5230
  };
5231
+ 12: {
5232
+ default: string;
5233
+ conditions: Record<string | number, string>;
5234
+ };
4993
5235
  10: {
4994
5236
  default: string;
4995
5237
  conditions: Record<string | number, string>;
@@ -5014,10 +5256,6 @@ declare const positionAtoms: rainbow_sprinkles.SprinklesFn<[{
5014
5256
  default: string;
5015
5257
  conditions: Record<string | number, string>;
5016
5258
  };
5017
- 12: {
5018
- default: string;
5019
- conditions: Record<string | number, string>;
5020
- };
5021
5259
  14: {
5022
5260
  default: string;
5023
5261
  conditions: Record<string | number, string>;
@@ -5227,6 +5465,10 @@ declare const positionAtoms: rainbow_sprinkles.SprinklesFn<[{
5227
5465
  default: string;
5228
5466
  conditions: Record<string | number, string>;
5229
5467
  };
5468
+ 12: {
5469
+ default: string;
5470
+ conditions: Record<string | number, string>;
5471
+ };
5230
5472
  10: {
5231
5473
  default: string;
5232
5474
  conditions: Record<string | number, string>;
@@ -5251,10 +5493,6 @@ declare const positionAtoms: rainbow_sprinkles.SprinklesFn<[{
5251
5493
  default: string;
5252
5494
  conditions: Record<string | number, string>;
5253
5495
  };
5254
- 12: {
5255
- default: string;
5256
- conditions: Record<string | number, string>;
5257
- };
5258
5496
  14: {
5259
5497
  default: string;
5260
5498
  conditions: Record<string | number, string>;
@@ -5464,6 +5702,10 @@ declare const positionAtoms: rainbow_sprinkles.SprinklesFn<[{
5464
5702
  default: string;
5465
5703
  conditions: Record<string | number, string>;
5466
5704
  };
5705
+ 12: {
5706
+ default: string;
5707
+ conditions: Record<string | number, string>;
5708
+ };
5467
5709
  10: {
5468
5710
  default: string;
5469
5711
  conditions: Record<string | number, string>;
@@ -5488,10 +5730,6 @@ declare const positionAtoms: rainbow_sprinkles.SprinklesFn<[{
5488
5730
  default: string;
5489
5731
  conditions: Record<string | number, string>;
5490
5732
  };
5491
- 12: {
5492
- default: string;
5493
- conditions: Record<string | number, string>;
5494
- };
5495
5733
  14: {
5496
5734
  default: string;
5497
5735
  conditions: Record<string | number, string>;
@@ -5892,6 +6130,10 @@ declare const sizesAtoms: rainbow_sprinkles.SprinklesFn<[{
5892
6130
  default: string;
5893
6131
  conditions: Record<string | number, string>;
5894
6132
  };
6133
+ 12: {
6134
+ default: string;
6135
+ conditions: Record<string | number, string>;
6136
+ };
5895
6137
  10: {
5896
6138
  default: string;
5897
6139
  conditions: Record<string | number, string>;
@@ -5916,10 +6158,6 @@ declare const sizesAtoms: rainbow_sprinkles.SprinklesFn<[{
5916
6158
  default: string;
5917
6159
  conditions: Record<string | number, string>;
5918
6160
  };
5919
- 12: {
5920
- default: string;
5921
- conditions: Record<string | number, string>;
5922
- };
5923
6161
  14: {
5924
6162
  default: string;
5925
6163
  conditions: Record<string | number, string>;
@@ -6154,6 +6392,10 @@ declare const sizesAtoms: rainbow_sprinkles.SprinklesFn<[{
6154
6392
  default: string;
6155
6393
  conditions: Record<string | number, string>;
6156
6394
  };
6395
+ 12: {
6396
+ default: string;
6397
+ conditions: Record<string | number, string>;
6398
+ };
6157
6399
  10: {
6158
6400
  default: string;
6159
6401
  conditions: Record<string | number, string>;
@@ -6178,10 +6420,6 @@ declare const sizesAtoms: rainbow_sprinkles.SprinklesFn<[{
6178
6420
  default: string;
6179
6421
  conditions: Record<string | number, string>;
6180
6422
  };
6181
- 12: {
6182
- default: string;
6183
- conditions: Record<string | number, string>;
6184
- };
6185
6423
  14: {
6186
6424
  default: string;
6187
6425
  conditions: Record<string | number, string>;
@@ -6416,6 +6654,10 @@ declare const sizesAtoms: rainbow_sprinkles.SprinklesFn<[{
6416
6654
  default: string;
6417
6655
  conditions: Record<string | number, string>;
6418
6656
  };
6657
+ 12: {
6658
+ default: string;
6659
+ conditions: Record<string | number, string>;
6660
+ };
6419
6661
  10: {
6420
6662
  default: string;
6421
6663
  conditions: Record<string | number, string>;
@@ -6440,10 +6682,6 @@ declare const sizesAtoms: rainbow_sprinkles.SprinklesFn<[{
6440
6682
  default: string;
6441
6683
  conditions: Record<string | number, string>;
6442
6684
  };
6443
- 12: {
6444
- default: string;
6445
- conditions: Record<string | number, string>;
6446
- };
6447
6685
  14: {
6448
6686
  default: string;
6449
6687
  conditions: Record<string | number, string>;
@@ -6678,6 +6916,10 @@ declare const sizesAtoms: rainbow_sprinkles.SprinklesFn<[{
6678
6916
  default: string;
6679
6917
  conditions: Record<string | number, string>;
6680
6918
  };
6919
+ 12: {
6920
+ default: string;
6921
+ conditions: Record<string | number, string>;
6922
+ };
6681
6923
  10: {
6682
6924
  default: string;
6683
6925
  conditions: Record<string | number, string>;
@@ -6702,10 +6944,6 @@ declare const sizesAtoms: rainbow_sprinkles.SprinklesFn<[{
6702
6944
  default: string;
6703
6945
  conditions: Record<string | number, string>;
6704
6946
  };
6705
- 12: {
6706
- default: string;
6707
- conditions: Record<string | number, string>;
6708
- };
6709
6947
  14: {
6710
6948
  default: string;
6711
6949
  conditions: Record<string | number, string>;
@@ -6940,6 +7178,10 @@ declare const sizesAtoms: rainbow_sprinkles.SprinklesFn<[{
6940
7178
  default: string;
6941
7179
  conditions: Record<string | number, string>;
6942
7180
  };
7181
+ 12: {
7182
+ default: string;
7183
+ conditions: Record<string | number, string>;
7184
+ };
6943
7185
  10: {
6944
7186
  default: string;
6945
7187
  conditions: Record<string | number, string>;
@@ -6964,10 +7206,6 @@ declare const sizesAtoms: rainbow_sprinkles.SprinklesFn<[{
6964
7206
  default: string;
6965
7207
  conditions: Record<string | number, string>;
6966
7208
  };
6967
- 12: {
6968
- default: string;
6969
- conditions: Record<string | number, string>;
6970
- };
6971
7209
  14: {
6972
7210
  default: string;
6973
7211
  conditions: Record<string | number, string>;
@@ -7202,6 +7440,10 @@ declare const sizesAtoms: rainbow_sprinkles.SprinklesFn<[{
7202
7440
  default: string;
7203
7441
  conditions: Record<string | number, string>;
7204
7442
  };
7443
+ 12: {
7444
+ default: string;
7445
+ conditions: Record<string | number, string>;
7446
+ };
7205
7447
  10: {
7206
7448
  default: string;
7207
7449
  conditions: Record<string | number, string>;
@@ -7226,10 +7468,6 @@ declare const sizesAtoms: rainbow_sprinkles.SprinklesFn<[{
7226
7468
  default: string;
7227
7469
  conditions: Record<string | number, string>;
7228
7470
  };
7229
- 12: {
7230
- default: string;
7231
- conditions: Record<string | number, string>;
7232
- };
7233
7471
  14: {
7234
7472
  default: string;
7235
7473
  conditions: Record<string | number, string>;
@@ -7674,6 +7912,10 @@ declare const spaceAtoms: rainbow_sprinkles.SprinklesFn<[{
7674
7912
  default: string;
7675
7913
  conditions: Record<string | number, string>;
7676
7914
  };
7915
+ 12: {
7916
+ default: string;
7917
+ conditions: Record<string | number, string>;
7918
+ };
7677
7919
  10: {
7678
7920
  default: string;
7679
7921
  conditions: Record<string | number, string>;
@@ -7698,10 +7940,6 @@ declare const spaceAtoms: rainbow_sprinkles.SprinklesFn<[{
7698
7940
  default: string;
7699
7941
  conditions: Record<string | number, string>;
7700
7942
  };
7701
- 12: {
7702
- default: string;
7703
- conditions: Record<string | number, string>;
7704
- };
7705
7943
  14: {
7706
7944
  default: string;
7707
7945
  conditions: Record<string | number, string>;
@@ -7911,6 +8149,10 @@ declare const spaceAtoms: rainbow_sprinkles.SprinklesFn<[{
7911
8149
  default: string;
7912
8150
  conditions: Record<string | number, string>;
7913
8151
  };
8152
+ 12: {
8153
+ default: string;
8154
+ conditions: Record<string | number, string>;
8155
+ };
7914
8156
  10: {
7915
8157
  default: string;
7916
8158
  conditions: Record<string | number, string>;
@@ -7935,10 +8177,6 @@ declare const spaceAtoms: rainbow_sprinkles.SprinklesFn<[{
7935
8177
  default: string;
7936
8178
  conditions: Record<string | number, string>;
7937
8179
  };
7938
- 12: {
7939
- default: string;
7940
- conditions: Record<string | number, string>;
7941
- };
7942
8180
  14: {
7943
8181
  default: string;
7944
8182
  conditions: Record<string | number, string>;
@@ -8148,6 +8386,10 @@ declare const spaceAtoms: rainbow_sprinkles.SprinklesFn<[{
8148
8386
  default: string;
8149
8387
  conditions: Record<string | number, string>;
8150
8388
  };
8389
+ 12: {
8390
+ default: string;
8391
+ conditions: Record<string | number, string>;
8392
+ };
8151
8393
  10: {
8152
8394
  default: string;
8153
8395
  conditions: Record<string | number, string>;
@@ -8172,10 +8414,6 @@ declare const spaceAtoms: rainbow_sprinkles.SprinklesFn<[{
8172
8414
  default: string;
8173
8415
  conditions: Record<string | number, string>;
8174
8416
  };
8175
- 12: {
8176
- default: string;
8177
- conditions: Record<string | number, string>;
8178
- };
8179
8417
  14: {
8180
8418
  default: string;
8181
8419
  conditions: Record<string | number, string>;
@@ -8385,6 +8623,10 @@ declare const spaceAtoms: rainbow_sprinkles.SprinklesFn<[{
8385
8623
  default: string;
8386
8624
  conditions: Record<string | number, string>;
8387
8625
  };
8626
+ 12: {
8627
+ default: string;
8628
+ conditions: Record<string | number, string>;
8629
+ };
8388
8630
  10: {
8389
8631
  default: string;
8390
8632
  conditions: Record<string | number, string>;
@@ -8409,10 +8651,6 @@ declare const spaceAtoms: rainbow_sprinkles.SprinklesFn<[{
8409
8651
  default: string;
8410
8652
  conditions: Record<string | number, string>;
8411
8653
  };
8412
- 12: {
8413
- default: string;
8414
- conditions: Record<string | number, string>;
8415
- };
8416
8654
  14: {
8417
8655
  default: string;
8418
8656
  conditions: Record<string | number, string>;
@@ -8622,6 +8860,10 @@ declare const spaceAtoms: rainbow_sprinkles.SprinklesFn<[{
8622
8860
  default: string;
8623
8861
  conditions: Record<string | number, string>;
8624
8862
  };
8863
+ 12: {
8864
+ default: string;
8865
+ conditions: Record<string | number, string>;
8866
+ };
8625
8867
  10: {
8626
8868
  default: string;
8627
8869
  conditions: Record<string | number, string>;
@@ -8646,10 +8888,6 @@ declare const spaceAtoms: rainbow_sprinkles.SprinklesFn<[{
8646
8888
  default: string;
8647
8889
  conditions: Record<string | number, string>;
8648
8890
  };
8649
- 12: {
8650
- default: string;
8651
- conditions: Record<string | number, string>;
8652
- };
8653
8891
  14: {
8654
8892
  default: string;
8655
8893
  conditions: Record<string | number, string>;
@@ -8859,6 +9097,10 @@ declare const spaceAtoms: rainbow_sprinkles.SprinklesFn<[{
8859
9097
  default: string;
8860
9098
  conditions: Record<string | number, string>;
8861
9099
  };
9100
+ 12: {
9101
+ default: string;
9102
+ conditions: Record<string | number, string>;
9103
+ };
8862
9104
  10: {
8863
9105
  default: string;
8864
9106
  conditions: Record<string | number, string>;
@@ -8883,10 +9125,6 @@ declare const spaceAtoms: rainbow_sprinkles.SprinklesFn<[{
8883
9125
  default: string;
8884
9126
  conditions: Record<string | number, string>;
8885
9127
  };
8886
- 12: {
8887
- default: string;
8888
- conditions: Record<string | number, string>;
8889
- };
8890
9128
  14: {
8891
9129
  default: string;
8892
9130
  conditions: Record<string | number, string>;
@@ -9096,6 +9334,10 @@ declare const spaceAtoms: rainbow_sprinkles.SprinklesFn<[{
9096
9334
  default: string;
9097
9335
  conditions: Record<string | number, string>;
9098
9336
  };
9337
+ 12: {
9338
+ default: string;
9339
+ conditions: Record<string | number, string>;
9340
+ };
9099
9341
  10: {
9100
9342
  default: string;
9101
9343
  conditions: Record<string | number, string>;
@@ -9120,10 +9362,6 @@ declare const spaceAtoms: rainbow_sprinkles.SprinklesFn<[{
9120
9362
  default: string;
9121
9363
  conditions: Record<string | number, string>;
9122
9364
  };
9123
- 12: {
9124
- default: string;
9125
- conditions: Record<string | number, string>;
9126
- };
9127
9365
  14: {
9128
9366
  default: string;
9129
9367
  conditions: Record<string | number, string>;
@@ -9333,6 +9571,10 @@ declare const spaceAtoms: rainbow_sprinkles.SprinklesFn<[{
9333
9571
  default: string;
9334
9572
  conditions: Record<string | number, string>;
9335
9573
  };
9574
+ 12: {
9575
+ default: string;
9576
+ conditions: Record<string | number, string>;
9577
+ };
9336
9578
  10: {
9337
9579
  default: string;
9338
9580
  conditions: Record<string | number, string>;
@@ -9357,10 +9599,6 @@ declare const spaceAtoms: rainbow_sprinkles.SprinklesFn<[{
9357
9599
  default: string;
9358
9600
  conditions: Record<string | number, string>;
9359
9601
  };
9360
- 12: {
9361
- default: string;
9362
- conditions: Record<string | number, string>;
9363
- };
9364
9602
  14: {
9365
9603
  default: string;
9366
9604
  conditions: Record<string | number, string>;
@@ -9570,6 +9808,10 @@ declare const spaceAtoms: rainbow_sprinkles.SprinklesFn<[{
9570
9808
  default: string;
9571
9809
  conditions: Record<string | number, string>;
9572
9810
  };
9811
+ 12: {
9812
+ default: string;
9813
+ conditions: Record<string | number, string>;
9814
+ };
9573
9815
  10: {
9574
9816
  default: string;
9575
9817
  conditions: Record<string | number, string>;
@@ -9594,10 +9836,6 @@ declare const spaceAtoms: rainbow_sprinkles.SprinklesFn<[{
9594
9836
  default: string;
9595
9837
  conditions: Record<string | number, string>;
9596
9838
  };
9597
- 12: {
9598
- default: string;
9599
- conditions: Record<string | number, string>;
9600
- };
9601
9839
  14: {
9602
9840
  default: string;
9603
9841
  conditions: Record<string | number, string>;
@@ -9807,6 +10045,10 @@ declare const spaceAtoms: rainbow_sprinkles.SprinklesFn<[{
9807
10045
  default: string;
9808
10046
  conditions: Record<string | number, string>;
9809
10047
  };
10048
+ 12: {
10049
+ default: string;
10050
+ conditions: Record<string | number, string>;
10051
+ };
9810
10052
  10: {
9811
10053
  default: string;
9812
10054
  conditions: Record<string | number, string>;
@@ -9831,10 +10073,6 @@ declare const spaceAtoms: rainbow_sprinkles.SprinklesFn<[{
9831
10073
  default: string;
9832
10074
  conditions: Record<string | number, string>;
9833
10075
  };
9834
- 12: {
9835
- default: string;
9836
- conditions: Record<string | number, string>;
9837
- };
9838
10076
  14: {
9839
10077
  default: string;
9840
10078
  conditions: Record<string | number, string>;
@@ -10243,6 +10481,10 @@ declare const typographyAtoms: rainbow_sprinkles.SprinklesFn<[{
10243
10481
  default: string;
10244
10482
  conditions: Record<string | number, string>;
10245
10483
  };
10484
+ footer2: {
10485
+ default: string;
10486
+ conditions: Record<string | number, string>;
10487
+ };
10246
10488
  };
10247
10489
  staticScale: {
10248
10490
  readonly heading1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -10259,6 +10501,7 @@ declare const typographyAtoms: rainbow_sprinkles.SprinklesFn<[{
10259
10501
  readonly body2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10260
10502
  readonly caption: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10261
10503
  readonly footer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10504
+ readonly footer2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10262
10505
  };
10263
10506
  name: "fontSize";
10264
10507
  };
@@ -10356,10 +10599,15 @@ declare const typographyAtoms: rainbow_sprinkles.SprinklesFn<[{
10356
10599
  default: string;
10357
10600
  conditions: Record<string | number, string>;
10358
10601
  };
10602
+ 12: {
10603
+ default: string;
10604
+ conditions: Record<string | number, string>;
10605
+ };
10359
10606
  };
10360
10607
  staticScale: {
10361
10608
  readonly normal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10362
10609
  readonly none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10610
+ readonly '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10363
10611
  readonly '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10364
10612
  readonly '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10365
10613
  readonly '24': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -10393,6 +10641,10 @@ declare const typographyAtoms: rainbow_sprinkles.SprinklesFn<[{
10393
10641
  default: string;
10394
10642
  conditions: Record<string | number, string>;
10395
10643
  };
10644
+ widest: {
10645
+ default: string;
10646
+ conditions: Record<string | number, string>;
10647
+ };
10396
10648
  };
10397
10649
  staticScale: {
10398
10650
  readonly tighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -10400,6 +10652,7 @@ declare const typographyAtoms: rainbow_sprinkles.SprinklesFn<[{
10400
10652
  readonly normal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10401
10653
  readonly wide: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10402
10654
  readonly wider: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10655
+ readonly widest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10403
10656
  };
10404
10657
  name: "letterSpacing";
10405
10658
  };