@tempoxyz/ds 0.0.2 → 0.0.4

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 (22) hide show
  1. package/dist/mobile/components/Button.d.ts +0 -1
  2. package/dist/mobile/components/Button.d.ts.map +1 -1
  3. package/dist/mobile/components/Button.js +0 -1
  4. package/dist/mobile/components/Button.js.map +1 -1
  5. package/dist/mobile/vars.d.ts +19 -19
  6. package/dist/mobile/zyzz.config.d.ts +38 -38
  7. package/dist/platform/styles.css +1 -1
  8. package/dist/platform/vars.d.ts +19 -19
  9. package/dist/platform/zyzz.config.d.ts +19 -19
  10. package/dist/site/styles.css +1 -1
  11. package/dist/site/vars.d.ts +417 -59
  12. package/dist/site/vars.d.ts.map +1 -1
  13. package/dist/site/vars.js +2 -1
  14. package/dist/site/vars.js.map +1 -1
  15. package/dist/site/zyzz.config.d.ts +1247 -173
  16. package/dist/site/zyzz.config.d.ts.map +1 -1
  17. package/package.json +2 -2
  18. package/src/mobile/README.md +1 -0
  19. package/src/mobile/components/Button.tsx +0 -1
  20. package/src/platform/styles.css +1 -1
  21. package/src/site/styles.css +1 -1
  22. package/src/site/vars.ts +3 -1
package/dist/site/vars.d.ts CHANGED
@@ -1,11 +1,164 @@
1
1
  import { Vars } from 'zyzz';
2
2
  export declare const variables: Vars.Definition<{
3
+ readonly number: {
4
+ readonly '0': 0;
5
+ readonly '0-5': 0.5;
6
+ readonly '1': 1;
7
+ readonly '1-5': 1.5;
8
+ readonly '10': 10;
9
+ readonly '100': 100;
10
+ readonly '12': 12;
11
+ readonly '120': 120;
12
+ readonly '140': 140;
13
+ readonly '16': 16;
14
+ readonly '160': 160;
15
+ readonly '180': 180;
16
+ readonly '2': 2;
17
+ readonly '20': 20;
18
+ readonly '200': 200;
19
+ readonly '24': 24;
20
+ readonly '240': 240;
21
+ readonly '28': 28;
22
+ readonly '280': 280;
23
+ readonly '3': 3;
24
+ readonly '32': 32;
25
+ readonly '320': 320;
26
+ readonly '36': 36;
27
+ readonly '360': 360;
28
+ readonly '4': 4;
29
+ readonly '40': 40;
30
+ readonly '44': 44;
31
+ readonly '48': 48;
32
+ readonly '52': 52;
33
+ readonly '56': 56;
34
+ readonly '6': 6;
35
+ readonly '60': 60;
36
+ readonly '64': 64;
37
+ readonly '72': 72;
38
+ readonly '8': 8;
39
+ readonly '80': 80;
40
+ readonly '999': 999;
41
+ };
3
42
  readonly color: {
43
+ readonly line: {
44
+ readonly primary: Vars.Composition<"color">;
45
+ readonly secondary: Vars.Composition<"color">;
46
+ };
4
47
  readonly background: {
5
48
  readonly elevated: Vars.Reference<"color", "rgb(255 255 255 / 1)">;
6
49
  readonly primary: Vars.Reference<"color", "rgb(244.7999945282936 244.7999945282936 244.7999945282936 / 1)">;
7
50
  readonly secondary: Vars.Reference<"color", "rgb(255 255 255 / 1)">;
8
51
  };
52
+ readonly accent: {
53
+ readonly alpha: {
54
+ readonly regular: {
55
+ readonly green: {
56
+ readonly '100': "rgb(19.0000007674098 169.00000512599945 99.00000169873238 / 0.07999999821186066)";
57
+ readonly '200': "rgb(89.00000229477882 229.00000154972076 164.00000542402267 / 0.1599999964237213)";
58
+ };
59
+ readonly orange: {
60
+ readonly '100': "rgb(224.000001847744 111.00000098347664 18.000000827014446 / 0.07999999821186066)";
61
+ readonly '200': "rgb(250.00000029802322 142.00000673532486 54.00000058114529 / 0.1599999964237213)";
62
+ };
63
+ readonly red: {
64
+ readonly '100': "rgb(235.0000011920929 52.000000700354576 23.000000528991222 / 0.07999999821186066)";
65
+ readonly '200': "rgb(245.00000059604645 92.00000211596489 69.00000348687172 / 0.1599999964237213)";
66
+ };
67
+ };
68
+ readonly strong: {
69
+ readonly green: {
70
+ readonly '100': "rgb(19.0000007674098 169.00000512599945 99.00000169873238 / 0.1599999964237213)";
71
+ readonly '200': "rgb(89.00000229477882 229.00000154972076 164.00000542402267 / 0.3199999928474426)";
72
+ };
73
+ readonly orange: {
74
+ readonly '100': "rgb(224.000001847744 111.00000098347664 18.000000827014446 / 0.1599999964237213)";
75
+ readonly '200': "rgb(250.00000029802322 142.00000673532486 54.00000058114529 / 0.3199999928474426)";
76
+ };
77
+ readonly red: {
78
+ readonly '100': "rgb(235.0000011920929 52.000000700354576 23.000000528991222 / 0.1599999964237213)";
79
+ readonly '200': "rgb(245.00000059604645 92.00000211596489 69.00000348687172 / 0.3199999928474426)";
80
+ };
81
+ };
82
+ };
83
+ readonly blueDark: "rgb(116.00000068545341 152.0000061392784 251.00000023841858 / 1)";
84
+ readonly blueLight: "rgb(68.00000354647636 113.00000086426735 237.0000010728836 / 1)";
85
+ readonly cyanDark: "rgb(72.00000330805779 204.00000303983688 230.00000149011612 / 1)";
86
+ readonly cyanLight: "rgb(0 170.0000050663948 203.00000309944153 / 1)";
87
+ readonly greenDark: "rgb(89.00000229477882 229.00000154972076 164.00000542402267 / 1)";
88
+ readonly greenLight: "rgb(19.0000007674098 169.00000512599945 99.00000169873238 / 1)";
89
+ readonly magentaDark: "rgb(229.00000154972076 64.00000378489494 136.00000709295273 / 1)";
90
+ readonly magentaLight: "rgb(204.00000303983688 5.000000176951289 91.00000217556953 / 1)";
91
+ readonly oliveDark: "rgb(196.00000351667404 220.00000208616257 101.00000157952309 / 1)";
92
+ readonly oliveLight: "rgb(149.00000631809235 178.00000458955765 38.0000015348196 / 1)";
93
+ readonly orangeDark: "rgb(250.00000029802322 142.00000673532486 54.00000058114529 / 1)";
94
+ readonly orangeLight: "rgb(224.000001847744 111.00000098347664 18.000000827014446 / 1)";
95
+ readonly purpleDark: "rgb(207.00000286102295 121.00000038743019 239.00000095367432 / 1)";
96
+ readonly purpleLight: "rgb(186.0000041127205 89.00000229477882 221.00000202655792 / 1)";
97
+ readonly redDark: "rgb(245.00000059604645 92.00000211596489 69.00000348687172 / 1)";
98
+ readonly redLight: "rgb(235.0000011920929 52.000000700354576 23.000000528991222 / 1)";
99
+ readonly violetDark: "rgb(152.0000061392784 119.00000050663948 241.00000083446503 / 1)";
100
+ readonly violetLight: "rgb(126.00000008940697 89.00000229477882 228.0000016093254 / 1)";
101
+ };
102
+ readonly neutral: {
103
+ readonly '000': "rgb(255 255 255 / 1)";
104
+ readonly '003': "rgb(247.35000729560852 247.35000729560852 247.35000729560852 / 1)";
105
+ readonly '004': "rgb(244.7999945282936 244.7999945282936 244.7999945282936 / 1)";
106
+ readonly '006': "rgb(239.69999939203262 239.69999939203262 239.69999939203262 / 1)";
107
+ readonly '008': "rgb(234.60000425577164 234.60000425577164 234.60000425577164 / 1)";
108
+ readonly '012': "rgb(224.39999878406525 224.39999878406525 224.39999878406525 / 1)";
109
+ readonly '016': "rgb(214.19999331235886 214.19999331235886 214.19999331235886 / 1)";
110
+ readonly '020': "rgb(204.00000303983688 204.00000303983688 204.00000303983688 / 1)";
111
+ readonly '024': "rgb(193.7999975681305 193.7999975681305 193.7999975681305 / 1)";
112
+ readonly '028': "rgb(183.60000729560852 183.60000729560852 183.60000729560852 / 1)";
113
+ readonly '032': "rgb(173.40000182390213 173.40000182390213 173.40000182390213 / 1)";
114
+ readonly '036': "rgb(163.19999635219574 163.19999635219574 163.19999635219574 / 1)";
115
+ readonly '040': "rgb(153.00000607967377 153.00000607967377 153.00000607967377 / 1)";
116
+ readonly '044': "rgb(142.80000060796738 142.80000060796738 142.80000060796738 / 1)";
117
+ readonly '048': "rgb(132.599995136261 132.599995136261 132.599995136261 / 1)";
118
+ readonly '052': "rgb(122.3999972641468 122.3999972641468 122.3999972641468 / 1)";
119
+ readonly '056': "rgb(112.19999939203262 112.19999939203262 112.19999939203262 / 1)";
120
+ readonly '060': "rgb(102.00000151991844 102.00000151991844 102.00000151991844 / 1)";
121
+ readonly '064': "rgb(91.80000364780426 91.80000364780426 91.80000364780426 / 1)";
122
+ readonly '068': "rgb(81.59999817609787 81.59999817609787 81.59999817609787 / 1)";
123
+ readonly '072': "rgb(71.40000030398369 71.40000030398369 71.40000030398369 / 1)";
124
+ readonly '076': "rgb(61.1999986320734 61.1999986320734 61.1999986320734 / 1)";
125
+ readonly '080': "rgb(51.00000075995922 51.00000075995922 51.00000075995922 / 1)";
126
+ readonly '084': "rgb(40.799999088048935 40.799999088048935 40.799999088048935 / 1)";
127
+ readonly '088': "rgb(30.5999993160367 30.5999993160367 30.5999993160367 / 1)";
128
+ readonly '092': "rgb(20.399999544024467 20.399999544024467 20.399999544024467 / 1)";
129
+ readonly '096': "rgb(10.199999772012234 10.199999772012234 10.199999772012234 / 1)";
130
+ readonly '100': "rgb(0 0 0 / 1)";
131
+ readonly shade: {
132
+ readonly '000': "rgb(0 0 0 / 0)";
133
+ readonly '003': "rgb(0 0 0 / 0.029999999329447746)";
134
+ readonly '004': "rgb(0 0 0 / 0.03999999910593033)";
135
+ readonly '008': "rgb(0 0 0 / 0.07999999821186066)";
136
+ readonly '012': "rgb(0 0 0 / 0.11999999731779099)";
137
+ readonly '016': "rgb(0 0 0 / 0.1599999964237213)";
138
+ readonly '020': "rgb(0 0 0 / 0.20000000298023224)";
139
+ readonly '024': "rgb(0 0 0 / 0.23999999463558197)";
140
+ readonly '032': "rgb(0 0 0 / 0.3199999928474426)";
141
+ readonly '040': "rgb(0 0 0 / 0.4000000059604645)";
142
+ readonly '056': "rgb(0 0 0 / 0.5600000023841858)";
143
+ readonly '060': "rgb(0 0 0 / 0.6000000238418579)";
144
+ readonly '080': "rgb(0 0 0 / 0.800000011920929)";
145
+ };
146
+ readonly tint: {
147
+ readonly '000': "rgb(255 255 255 / 0)";
148
+ readonly '008': "rgb(255 255 255 / 0.07999999821186066)";
149
+ readonly '012': "rgb(255 255 255 / 0.11999999731779099)";
150
+ readonly '016': "rgb(255 255 255 / 0.1599999964237213)";
151
+ readonly '020': "rgb(255 255 255 / 0.20000000298023224)";
152
+ readonly '024': "rgb(255 255 255 / 0.23999999463558197)";
153
+ readonly '028': "rgb(255 255 255 / 0.2800000011920929)";
154
+ readonly '040': "rgb(255 255 255 / 0.4000000059604645)";
155
+ readonly '048': "rgb(255 255 255 / 0.47999998927116394)";
156
+ readonly '052': "rgb(255 255 255 / 0.5199999809265137)";
157
+ readonly '056': "rgb(255 255 255 / 0.5600000023841858)";
158
+ readonly '064': "rgb(255 255 255 / 0.6399999856948853)";
159
+ readonly '080': "rgb(255 255 255 / 0.800000011920929)";
160
+ };
161
+ };
9
162
  readonly container: {
10
163
  readonly control: Vars.Composition<"color">;
11
164
  readonly marker: Vars.Composition<"color">;
@@ -20,10 +173,6 @@ export declare const variables: Vars.Definition<{
20
173
  readonly tertiary: Vars.Composition<"color">;
21
174
  readonly warning: Vars.Reference<"color", "rgb(224.000001847744 111.00000098347664 18.000000827014446 / 1)">;
22
175
  };
23
- readonly line: {
24
- readonly primary: Vars.Composition<"color">;
25
- readonly secondary: Vars.Composition<"color">;
26
- };
27
176
  readonly scrim: {
28
177
  readonly regular: Vars.Composition<"color">;
29
178
  };
@@ -209,71 +358,96 @@ export declare const variables: Vars.Definition<{
209
358
  readonly none: Vars.Reference<"spacing", never>;
210
359
  };
211
360
  readonly spacing: {
212
- readonly '12': Vars.Reference<"spacing", never>;
213
- readonly '16': Vars.Reference<"spacing", never>;
214
- readonly '2': Vars.Reference<"spacing", never>;
215
- readonly '20': Vars.Reference<"spacing", never>;
216
- readonly '24': Vars.Reference<"spacing", never>;
217
- readonly '32': Vars.Reference<"spacing", never>;
218
- readonly '4': Vars.Reference<"spacing", never>;
219
- readonly '40': Vars.Reference<"spacing", never>;
220
- readonly '48': Vars.Reference<"spacing", never>;
221
- readonly '64': Vars.Reference<"spacing", never>;
222
- readonly '8': Vars.Reference<"spacing", never>;
223
- readonly none: Vars.Reference<"spacing", never>;
224
- readonly page: {
225
- readonly gutter: {
361
+ readonly section: {
362
+ readonly '2xs': {
226
363
  readonly default: Vars.Reference<"spacing", never>;
227
364
  readonly '@media (min-width: 768px)': Vars.Reference<"spacing", never>;
228
365
  readonly '@media (min-width: 1024px)': Vars.Reference<"spacing", never>;
229
366
  readonly '@media (min-width: 1536px)': Vars.Reference<"spacing", never>;
230
367
  };
231
- readonly margin: {
368
+ readonly lg: {
232
369
  readonly default: Vars.Reference<"spacing", never>;
233
370
  readonly '@media (min-width: 768px)': Vars.Reference<"spacing", never>;
234
371
  readonly '@media (min-width: 1024px)': Vars.Reference<"spacing", never>;
235
372
  readonly '@media (min-width: 1536px)': Vars.Reference<"spacing", never>;
236
373
  };
237
- };
238
- readonly section: {
239
- readonly '2xs': {
374
+ readonly md: {
240
375
  readonly default: Vars.Reference<"spacing", never>;
241
376
  readonly '@media (min-width: 768px)': Vars.Reference<"spacing", never>;
242
377
  readonly '@media (min-width: 1024px)': Vars.Reference<"spacing", never>;
243
378
  readonly '@media (min-width: 1536px)': Vars.Reference<"spacing", never>;
244
379
  };
245
- readonly lg: {
380
+ readonly none: Vars.Reference<"spacing", never>;
381
+ readonly sm: {
246
382
  readonly default: Vars.Reference<"spacing", never>;
247
383
  readonly '@media (min-width: 768px)': Vars.Reference<"spacing", never>;
248
384
  readonly '@media (min-width: 1024px)': Vars.Reference<"spacing", never>;
249
385
  readonly '@media (min-width: 1536px)': Vars.Reference<"spacing", never>;
250
386
  };
251
- readonly md: {
387
+ readonly xl: {
252
388
  readonly default: Vars.Reference<"spacing", never>;
253
389
  readonly '@media (min-width: 768px)': Vars.Reference<"spacing", never>;
254
390
  readonly '@media (min-width: 1024px)': Vars.Reference<"spacing", never>;
255
391
  readonly '@media (min-width: 1536px)': Vars.Reference<"spacing", never>;
256
392
  };
257
- readonly none: Vars.Reference<"spacing", never>;
258
- readonly sm: {
393
+ readonly xs: {
259
394
  readonly default: Vars.Reference<"spacing", never>;
260
395
  readonly '@media (min-width: 768px)': Vars.Reference<"spacing", never>;
261
396
  readonly '@media (min-width: 1024px)': Vars.Reference<"spacing", never>;
262
397
  readonly '@media (min-width: 1536px)': Vars.Reference<"spacing", never>;
263
398
  };
264
- readonly xl: {
399
+ };
400
+ readonly 0: Vars.Composition<"spacing">;
401
+ readonly none: Vars.Reference<"spacing", never>;
402
+ readonly page: {
403
+ readonly gutter: {
265
404
  readonly default: Vars.Reference<"spacing", never>;
266
405
  readonly '@media (min-width: 768px)': Vars.Reference<"spacing", never>;
267
406
  readonly '@media (min-width: 1024px)': Vars.Reference<"spacing", never>;
268
407
  readonly '@media (min-width: 1536px)': Vars.Reference<"spacing", never>;
269
408
  };
270
- readonly xs: {
409
+ readonly margin: {
271
410
  readonly default: Vars.Reference<"spacing", never>;
272
411
  readonly '@media (min-width: 768px)': Vars.Reference<"spacing", never>;
273
412
  readonly '@media (min-width: 1024px)': Vars.Reference<"spacing", never>;
274
413
  readonly '@media (min-width: 1536px)': Vars.Reference<"spacing", never>;
275
414
  };
276
415
  };
416
+ readonly 60: Vars.Composition<"spacing">;
417
+ readonly 1: Vars.Composition<"spacing">;
418
+ readonly 240: Vars.Composition<"spacing">;
419
+ readonly 16: Vars.Composition<"spacing">;
420
+ readonly 8: Vars.Composition<"spacing">;
421
+ readonly 64: Vars.Composition<"spacing">;
422
+ readonly 24: Vars.Composition<"spacing">;
423
+ readonly 6: Vars.Composition<"spacing">;
424
+ readonly 28: Vars.Composition<"spacing">;
425
+ readonly 20: Vars.Composition<"spacing">;
426
+ readonly 4: Vars.Composition<"spacing">;
427
+ readonly 80: Vars.Composition<"spacing">;
428
+ readonly 40: Vars.Composition<"spacing">;
429
+ readonly 100: Vars.Composition<"spacing">;
430
+ readonly 200: Vars.Composition<"spacing">;
431
+ readonly "0-5": Vars.Composition<"spacing">;
432
+ readonly "1-5": Vars.Composition<"spacing">;
433
+ readonly 10: Vars.Composition<"spacing">;
434
+ readonly 12: Vars.Composition<"spacing">;
435
+ readonly 120: Vars.Composition<"spacing">;
436
+ readonly 140: Vars.Composition<"spacing">;
437
+ readonly 160: Vars.Composition<"spacing">;
438
+ readonly 180: Vars.Composition<"spacing">;
439
+ readonly 2: Vars.Composition<"spacing">;
440
+ readonly 280: Vars.Composition<"spacing">;
441
+ readonly 32: Vars.Composition<"spacing">;
442
+ readonly 320: Vars.Composition<"spacing">;
443
+ readonly 36: Vars.Composition<"spacing">;
444
+ readonly 360: Vars.Composition<"spacing">;
445
+ readonly 44: Vars.Composition<"spacing">;
446
+ readonly 48: Vars.Composition<"spacing">;
447
+ readonly 52: Vars.Composition<"spacing">;
448
+ readonly 56: Vars.Composition<"spacing">;
449
+ readonly 72: Vars.Composition<"spacing">;
450
+ readonly 999: Vars.Composition<"spacing">;
277
451
  };
278
452
  readonly borderWidth: {
279
453
  readonly none: Vars.Reference<"spacing", never>;
@@ -345,6 +519,11 @@ export declare const variables: Vars.Definition<{
345
519
  };
346
520
  };
347
521
  };
522
+ readonly breakpoint: {
523
+ readonly desktop: "1024px";
524
+ readonly display: "1536px";
525
+ readonly tablet: "768px";
526
+ };
348
527
  readonly maxWidth: {
349
528
  readonly '1000': "1000px";
350
529
  readonly '280': "280px";
@@ -375,29 +554,178 @@ export declare const variables: Vars.Definition<{
375
554
  };
376
555
  }>;
377
556
  export declare const inverse: Vars.Definition<{
557
+ readonly number: {
558
+ readonly '0': 0;
559
+ readonly '0-5': 0.5;
560
+ readonly '1': 1;
561
+ readonly '1-5': 1.5;
562
+ readonly '10': 10;
563
+ readonly '100': 100;
564
+ readonly '12': 12;
565
+ readonly '120': 120;
566
+ readonly '140': 140;
567
+ readonly '16': 16;
568
+ readonly '160': 160;
569
+ readonly '180': 180;
570
+ readonly '2': 2;
571
+ readonly '20': 20;
572
+ readonly '200': 200;
573
+ readonly '24': 24;
574
+ readonly '240': 240;
575
+ readonly '28': 28;
576
+ readonly '280': 280;
577
+ readonly '3': 3;
578
+ readonly '32': 32;
579
+ readonly '320': 320;
580
+ readonly '36': 36;
581
+ readonly '360': 360;
582
+ readonly '4': 4;
583
+ readonly '40': 40;
584
+ readonly '44': 44;
585
+ readonly '48': 48;
586
+ readonly '52': 52;
587
+ readonly '56': 56;
588
+ readonly '6': 6;
589
+ readonly '60': 60;
590
+ readonly '64': 64;
591
+ readonly '72': 72;
592
+ readonly '8': 8;
593
+ readonly '80': 80;
594
+ readonly '999': 999;
595
+ };
378
596
  readonly color: {
597
+ readonly line: {
598
+ readonly primary: Vars.Composition<"color">;
599
+ readonly secondary: Vars.Composition<"color">;
600
+ };
379
601
  readonly background: {
380
- readonly elevated: Vars.Reference<"color", "rgb(255 255 255 / 1)">;
381
602
  readonly primary: Vars.Reference<"color", "rgb(244.7999945282936 244.7999945282936 244.7999945282936 / 1)">;
382
603
  readonly secondary: Vars.Reference<"color", "rgb(255 255 255 / 1)">;
604
+ readonly elevated: Vars.Reference<"color", "rgb(255 255 255 / 1)">;
605
+ };
606
+ readonly accent: {
607
+ readonly alpha: {
608
+ readonly regular: {
609
+ readonly green: {
610
+ readonly '100': "rgb(19.0000007674098 169.00000512599945 99.00000169873238 / 0.07999999821186066)";
611
+ readonly '200': "rgb(89.00000229477882 229.00000154972076 164.00000542402267 / 0.1599999964237213)";
612
+ };
613
+ readonly orange: {
614
+ readonly '100': "rgb(224.000001847744 111.00000098347664 18.000000827014446 / 0.07999999821186066)";
615
+ readonly '200': "rgb(250.00000029802322 142.00000673532486 54.00000058114529 / 0.1599999964237213)";
616
+ };
617
+ readonly red: {
618
+ readonly '100': "rgb(235.0000011920929 52.000000700354576 23.000000528991222 / 0.07999999821186066)";
619
+ readonly '200': "rgb(245.00000059604645 92.00000211596489 69.00000348687172 / 0.1599999964237213)";
620
+ };
621
+ };
622
+ readonly strong: {
623
+ readonly green: {
624
+ readonly '100': "rgb(19.0000007674098 169.00000512599945 99.00000169873238 / 0.1599999964237213)";
625
+ readonly '200': "rgb(89.00000229477882 229.00000154972076 164.00000542402267 / 0.3199999928474426)";
626
+ };
627
+ readonly orange: {
628
+ readonly '100': "rgb(224.000001847744 111.00000098347664 18.000000827014446 / 0.1599999964237213)";
629
+ readonly '200': "rgb(250.00000029802322 142.00000673532486 54.00000058114529 / 0.3199999928474426)";
630
+ };
631
+ readonly red: {
632
+ readonly '100': "rgb(235.0000011920929 52.000000700354576 23.000000528991222 / 0.1599999964237213)";
633
+ readonly '200': "rgb(245.00000059604645 92.00000211596489 69.00000348687172 / 0.3199999928474426)";
634
+ };
635
+ };
636
+ };
637
+ readonly blueDark: "rgb(116.00000068545341 152.0000061392784 251.00000023841858 / 1)";
638
+ readonly blueLight: "rgb(68.00000354647636 113.00000086426735 237.0000010728836 / 1)";
639
+ readonly cyanDark: "rgb(72.00000330805779 204.00000303983688 230.00000149011612 / 1)";
640
+ readonly cyanLight: "rgb(0 170.0000050663948 203.00000309944153 / 1)";
641
+ readonly greenDark: "rgb(89.00000229477882 229.00000154972076 164.00000542402267 / 1)";
642
+ readonly greenLight: "rgb(19.0000007674098 169.00000512599945 99.00000169873238 / 1)";
643
+ readonly magentaDark: "rgb(229.00000154972076 64.00000378489494 136.00000709295273 / 1)";
644
+ readonly magentaLight: "rgb(204.00000303983688 5.000000176951289 91.00000217556953 / 1)";
645
+ readonly oliveDark: "rgb(196.00000351667404 220.00000208616257 101.00000157952309 / 1)";
646
+ readonly oliveLight: "rgb(149.00000631809235 178.00000458955765 38.0000015348196 / 1)";
647
+ readonly orangeDark: "rgb(250.00000029802322 142.00000673532486 54.00000058114529 / 1)";
648
+ readonly orangeLight: "rgb(224.000001847744 111.00000098347664 18.000000827014446 / 1)";
649
+ readonly purpleDark: "rgb(207.00000286102295 121.00000038743019 239.00000095367432 / 1)";
650
+ readonly purpleLight: "rgb(186.0000041127205 89.00000229477882 221.00000202655792 / 1)";
651
+ readonly redDark: "rgb(245.00000059604645 92.00000211596489 69.00000348687172 / 1)";
652
+ readonly redLight: "rgb(235.0000011920929 52.000000700354576 23.000000528991222 / 1)";
653
+ readonly violetDark: "rgb(152.0000061392784 119.00000050663948 241.00000083446503 / 1)";
654
+ readonly violetLight: "rgb(126.00000008940697 89.00000229477882 228.0000016093254 / 1)";
655
+ };
656
+ readonly neutral: {
657
+ readonly '000': "rgb(255 255 255 / 1)";
658
+ readonly '003': "rgb(247.35000729560852 247.35000729560852 247.35000729560852 / 1)";
659
+ readonly '004': "rgb(244.7999945282936 244.7999945282936 244.7999945282936 / 1)";
660
+ readonly '006': "rgb(239.69999939203262 239.69999939203262 239.69999939203262 / 1)";
661
+ readonly '008': "rgb(234.60000425577164 234.60000425577164 234.60000425577164 / 1)";
662
+ readonly '012': "rgb(224.39999878406525 224.39999878406525 224.39999878406525 / 1)";
663
+ readonly '016': "rgb(214.19999331235886 214.19999331235886 214.19999331235886 / 1)";
664
+ readonly '020': "rgb(204.00000303983688 204.00000303983688 204.00000303983688 / 1)";
665
+ readonly '024': "rgb(193.7999975681305 193.7999975681305 193.7999975681305 / 1)";
666
+ readonly '028': "rgb(183.60000729560852 183.60000729560852 183.60000729560852 / 1)";
667
+ readonly '032': "rgb(173.40000182390213 173.40000182390213 173.40000182390213 / 1)";
668
+ readonly '036': "rgb(163.19999635219574 163.19999635219574 163.19999635219574 / 1)";
669
+ readonly '040': "rgb(153.00000607967377 153.00000607967377 153.00000607967377 / 1)";
670
+ readonly '044': "rgb(142.80000060796738 142.80000060796738 142.80000060796738 / 1)";
671
+ readonly '048': "rgb(132.599995136261 132.599995136261 132.599995136261 / 1)";
672
+ readonly '052': "rgb(122.3999972641468 122.3999972641468 122.3999972641468 / 1)";
673
+ readonly '056': "rgb(112.19999939203262 112.19999939203262 112.19999939203262 / 1)";
674
+ readonly '060': "rgb(102.00000151991844 102.00000151991844 102.00000151991844 / 1)";
675
+ readonly '064': "rgb(91.80000364780426 91.80000364780426 91.80000364780426 / 1)";
676
+ readonly '068': "rgb(81.59999817609787 81.59999817609787 81.59999817609787 / 1)";
677
+ readonly '072': "rgb(71.40000030398369 71.40000030398369 71.40000030398369 / 1)";
678
+ readonly '076': "rgb(61.1999986320734 61.1999986320734 61.1999986320734 / 1)";
679
+ readonly '080': "rgb(51.00000075995922 51.00000075995922 51.00000075995922 / 1)";
680
+ readonly '084': "rgb(40.799999088048935 40.799999088048935 40.799999088048935 / 1)";
681
+ readonly '088': "rgb(30.5999993160367 30.5999993160367 30.5999993160367 / 1)";
682
+ readonly '092': "rgb(20.399999544024467 20.399999544024467 20.399999544024467 / 1)";
683
+ readonly '096': "rgb(10.199999772012234 10.199999772012234 10.199999772012234 / 1)";
684
+ readonly '100': "rgb(0 0 0 / 1)";
685
+ readonly shade: {
686
+ readonly '000': "rgb(0 0 0 / 0)";
687
+ readonly '003': "rgb(0 0 0 / 0.029999999329447746)";
688
+ readonly '004': "rgb(0 0 0 / 0.03999999910593033)";
689
+ readonly '008': "rgb(0 0 0 / 0.07999999821186066)";
690
+ readonly '012': "rgb(0 0 0 / 0.11999999731779099)";
691
+ readonly '016': "rgb(0 0 0 / 0.1599999964237213)";
692
+ readonly '020': "rgb(0 0 0 / 0.20000000298023224)";
693
+ readonly '024': "rgb(0 0 0 / 0.23999999463558197)";
694
+ readonly '032': "rgb(0 0 0 / 0.3199999928474426)";
695
+ readonly '040': "rgb(0 0 0 / 0.4000000059604645)";
696
+ readonly '056': "rgb(0 0 0 / 0.5600000023841858)";
697
+ readonly '060': "rgb(0 0 0 / 0.6000000238418579)";
698
+ readonly '080': "rgb(0 0 0 / 0.800000011920929)";
699
+ };
700
+ readonly tint: {
701
+ readonly '000': "rgb(255 255 255 / 0)";
702
+ readonly '008': "rgb(255 255 255 / 0.07999999821186066)";
703
+ readonly '012': "rgb(255 255 255 / 0.11999999731779099)";
704
+ readonly '016': "rgb(255 255 255 / 0.1599999964237213)";
705
+ readonly '020': "rgb(255 255 255 / 0.20000000298023224)";
706
+ readonly '024': "rgb(255 255 255 / 0.23999999463558197)";
707
+ readonly '028': "rgb(255 255 255 / 0.2800000011920929)";
708
+ readonly '040': "rgb(255 255 255 / 0.4000000059604645)";
709
+ readonly '048': "rgb(255 255 255 / 0.47999998927116394)";
710
+ readonly '052': "rgb(255 255 255 / 0.5199999809265137)";
711
+ readonly '056': "rgb(255 255 255 / 0.5600000023841858)";
712
+ readonly '064': "rgb(255 255 255 / 0.6399999856948853)";
713
+ readonly '080': "rgb(255 255 255 / 0.800000011920929)";
714
+ };
383
715
  };
384
716
  readonly container: {
385
- readonly control: Vars.Composition<"color">;
386
717
  readonly marker: Vars.Composition<"color">;
718
+ readonly control: Vars.Composition<"color">;
387
719
  readonly surface: Vars.Composition<"color">;
388
720
  };
389
721
  readonly content: {
390
722
  readonly negative: Vars.Reference<"color", "rgb(235.0000011920929 52.000000700354576 23.000000528991222 / 1)">;
391
723
  readonly positive: Vars.Reference<"color", "rgb(19.0000007674098 169.00000512599945 99.00000169873238 / 1)">;
724
+ readonly warning: Vars.Reference<"color", "rgb(224.000001847744 111.00000098347664 18.000000827014446 / 1)">;
392
725
  readonly primary: Vars.Reference<"color", "rgb(0 0 0 / 1)">;
393
726
  readonly secondary: Vars.Composition<"color">;
394
727
  readonly subtle: Vars.Composition<"color">;
395
728
  readonly tertiary: Vars.Composition<"color">;
396
- readonly warning: Vars.Reference<"color", "rgb(224.000001847744 111.00000098347664 18.000000827014446 / 1)">;
397
- };
398
- readonly line: {
399
- readonly primary: Vars.Composition<"color">;
400
- readonly secondary: Vars.Composition<"color">;
401
729
  };
402
730
  readonly scrim: {
403
731
  readonly regular: Vars.Composition<"color">;
@@ -584,71 +912,96 @@ export declare const inverse: Vars.Definition<{
584
912
  readonly none: Vars.Reference<"spacing", never>;
585
913
  };
586
914
  readonly spacing: {
587
- readonly '12': Vars.Reference<"spacing", never>;
588
- readonly '16': Vars.Reference<"spacing", never>;
589
- readonly '2': Vars.Reference<"spacing", never>;
590
- readonly '20': Vars.Reference<"spacing", never>;
591
- readonly '24': Vars.Reference<"spacing", never>;
592
- readonly '32': Vars.Reference<"spacing", never>;
593
- readonly '4': Vars.Reference<"spacing", never>;
594
- readonly '40': Vars.Reference<"spacing", never>;
595
- readonly '48': Vars.Reference<"spacing", never>;
596
- readonly '64': Vars.Reference<"spacing", never>;
597
- readonly '8': Vars.Reference<"spacing", never>;
598
- readonly none: Vars.Reference<"spacing", never>;
599
- readonly page: {
600
- readonly gutter: {
915
+ readonly section: {
916
+ readonly '2xs': {
601
917
  readonly default: Vars.Reference<"spacing", never>;
602
918
  readonly '@media (min-width: 768px)': Vars.Reference<"spacing", never>;
603
919
  readonly '@media (min-width: 1024px)': Vars.Reference<"spacing", never>;
604
920
  readonly '@media (min-width: 1536px)': Vars.Reference<"spacing", never>;
605
921
  };
606
- readonly margin: {
922
+ readonly lg: {
607
923
  readonly default: Vars.Reference<"spacing", never>;
608
924
  readonly '@media (min-width: 768px)': Vars.Reference<"spacing", never>;
609
925
  readonly '@media (min-width: 1024px)': Vars.Reference<"spacing", never>;
610
926
  readonly '@media (min-width: 1536px)': Vars.Reference<"spacing", never>;
611
927
  };
612
- };
613
- readonly section: {
614
- readonly '2xs': {
928
+ readonly md: {
615
929
  readonly default: Vars.Reference<"spacing", never>;
616
930
  readonly '@media (min-width: 768px)': Vars.Reference<"spacing", never>;
617
931
  readonly '@media (min-width: 1024px)': Vars.Reference<"spacing", never>;
618
932
  readonly '@media (min-width: 1536px)': Vars.Reference<"spacing", never>;
619
933
  };
620
- readonly lg: {
934
+ readonly none: Vars.Reference<"spacing", never>;
935
+ readonly sm: {
621
936
  readonly default: Vars.Reference<"spacing", never>;
622
937
  readonly '@media (min-width: 768px)': Vars.Reference<"spacing", never>;
623
938
  readonly '@media (min-width: 1024px)': Vars.Reference<"spacing", never>;
624
939
  readonly '@media (min-width: 1536px)': Vars.Reference<"spacing", never>;
625
940
  };
626
- readonly md: {
941
+ readonly xl: {
627
942
  readonly default: Vars.Reference<"spacing", never>;
628
943
  readonly '@media (min-width: 768px)': Vars.Reference<"spacing", never>;
629
944
  readonly '@media (min-width: 1024px)': Vars.Reference<"spacing", never>;
630
945
  readonly '@media (min-width: 1536px)': Vars.Reference<"spacing", never>;
631
946
  };
632
- readonly none: Vars.Reference<"spacing", never>;
633
- readonly sm: {
947
+ readonly xs: {
634
948
  readonly default: Vars.Reference<"spacing", never>;
635
949
  readonly '@media (min-width: 768px)': Vars.Reference<"spacing", never>;
636
950
  readonly '@media (min-width: 1024px)': Vars.Reference<"spacing", never>;
637
951
  readonly '@media (min-width: 1536px)': Vars.Reference<"spacing", never>;
638
952
  };
639
- readonly xl: {
953
+ };
954
+ readonly 0: Vars.Composition<"spacing">;
955
+ readonly none: Vars.Reference<"spacing", never>;
956
+ readonly page: {
957
+ readonly gutter: {
640
958
  readonly default: Vars.Reference<"spacing", never>;
641
959
  readonly '@media (min-width: 768px)': Vars.Reference<"spacing", never>;
642
960
  readonly '@media (min-width: 1024px)': Vars.Reference<"spacing", never>;
643
961
  readonly '@media (min-width: 1536px)': Vars.Reference<"spacing", never>;
644
962
  };
645
- readonly xs: {
963
+ readonly margin: {
646
964
  readonly default: Vars.Reference<"spacing", never>;
647
965
  readonly '@media (min-width: 768px)': Vars.Reference<"spacing", never>;
648
966
  readonly '@media (min-width: 1024px)': Vars.Reference<"spacing", never>;
649
967
  readonly '@media (min-width: 1536px)': Vars.Reference<"spacing", never>;
650
968
  };
651
969
  };
970
+ readonly 60: Vars.Composition<"spacing">;
971
+ readonly 1: Vars.Composition<"spacing">;
972
+ readonly 240: Vars.Composition<"spacing">;
973
+ readonly 16: Vars.Composition<"spacing">;
974
+ readonly 8: Vars.Composition<"spacing">;
975
+ readonly 64: Vars.Composition<"spacing">;
976
+ readonly 24: Vars.Composition<"spacing">;
977
+ readonly 6: Vars.Composition<"spacing">;
978
+ readonly 28: Vars.Composition<"spacing">;
979
+ readonly 20: Vars.Composition<"spacing">;
980
+ readonly 4: Vars.Composition<"spacing">;
981
+ readonly 80: Vars.Composition<"spacing">;
982
+ readonly 40: Vars.Composition<"spacing">;
983
+ readonly 100: Vars.Composition<"spacing">;
984
+ readonly 200: Vars.Composition<"spacing">;
985
+ readonly "0-5": Vars.Composition<"spacing">;
986
+ readonly "1-5": Vars.Composition<"spacing">;
987
+ readonly 10: Vars.Composition<"spacing">;
988
+ readonly 12: Vars.Composition<"spacing">;
989
+ readonly 120: Vars.Composition<"spacing">;
990
+ readonly 140: Vars.Composition<"spacing">;
991
+ readonly 160: Vars.Composition<"spacing">;
992
+ readonly 180: Vars.Composition<"spacing">;
993
+ readonly 2: Vars.Composition<"spacing">;
994
+ readonly 280: Vars.Composition<"spacing">;
995
+ readonly 32: Vars.Composition<"spacing">;
996
+ readonly 320: Vars.Composition<"spacing">;
997
+ readonly 36: Vars.Composition<"spacing">;
998
+ readonly 360: Vars.Composition<"spacing">;
999
+ readonly 44: Vars.Composition<"spacing">;
1000
+ readonly 48: Vars.Composition<"spacing">;
1001
+ readonly 52: Vars.Composition<"spacing">;
1002
+ readonly 56: Vars.Composition<"spacing">;
1003
+ readonly 72: Vars.Composition<"spacing">;
1004
+ readonly 999: Vars.Composition<"spacing">;
652
1005
  };
653
1006
  readonly borderWidth: {
654
1007
  readonly none: Vars.Reference<"spacing", never>;
@@ -720,6 +1073,11 @@ export declare const inverse: Vars.Definition<{
720
1073
  };
721
1074
  };
722
1075
  };
1076
+ readonly breakpoint: {
1077
+ readonly desktop: "1024px";
1078
+ readonly display: "1536px";
1079
+ readonly tablet: "768px";
1080
+ };
723
1081
  readonly maxWidth: {
724
1082
  readonly '1000': "1000px";
725
1083
  readonly '280': "280px";
package/dist/site/vars.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"vars.d.ts","sourceRoot":"","sources":["../../src/site/vars.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AAG3B,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoYrB,CAAA;AAED,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmFlB,CAAA"}
1
+ {"version":3,"file":"vars.d.ts","sourceRoot":"","sources":["../../src/site/vars.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AAG3B,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsYrB,CAAA;AAED,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmFlB,CAAA"}