@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.
@@ -1,11 +1,164 @@
1
1
  import { Config } from 'zyzz';
2
2
  export declare const style: Config.StyleFactory<Pick<{
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: Config.VariableComposition<"color">;
45
+ readonly secondary: Config.VariableComposition<"color">;
46
+ };
4
47
  readonly background: {
5
48
  readonly elevated: Config.VariableReference<"color", "rgb(255 255 255 / 1)">;
6
49
  readonly primary: Config.VariableReference<"color", "rgb(244.7999945282936 244.7999945282936 244.7999945282936 / 1)">;
7
50
  readonly secondary: Config.VariableReference<"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: Config.VariableComposition<"color">;
11
164
  readonly marker: Config.VariableComposition<"color">;
@@ -20,10 +173,6 @@ export declare const style: Config.StyleFactory<Pick<{
20
173
  readonly tertiary: Config.VariableComposition<"color">;
21
174
  readonly warning: Config.VariableReference<"color", "rgb(224.000001847744 111.00000098347664 18.000000827014446 / 1)">;
22
175
  };
23
- readonly line: {
24
- readonly primary: Config.VariableComposition<"color">;
25
- readonly secondary: Config.VariableComposition<"color">;
26
- };
27
176
  readonly scrim: {
28
177
  readonly regular: Config.VariableComposition<"color">;
29
178
  };
@@ -209,71 +358,96 @@ export declare const style: Config.StyleFactory<Pick<{
209
358
  readonly none: Config.VariableReference<"spacing", never>;
210
359
  };
211
360
  readonly spacing: {
212
- readonly '12': Config.VariableReference<"spacing", never>;
213
- readonly '16': Config.VariableReference<"spacing", never>;
214
- readonly '2': Config.VariableReference<"spacing", never>;
215
- readonly '20': Config.VariableReference<"spacing", never>;
216
- readonly '24': Config.VariableReference<"spacing", never>;
217
- readonly '32': Config.VariableReference<"spacing", never>;
218
- readonly '4': Config.VariableReference<"spacing", never>;
219
- readonly '40': Config.VariableReference<"spacing", never>;
220
- readonly '48': Config.VariableReference<"spacing", never>;
221
- readonly '64': Config.VariableReference<"spacing", never>;
222
- readonly '8': Config.VariableReference<"spacing", never>;
223
- readonly none: Config.VariableReference<"spacing", never>;
224
- readonly page: {
225
- readonly gutter: {
361
+ readonly section: {
362
+ readonly '2xs': {
226
363
  readonly default: Config.VariableReference<"spacing", never>;
227
364
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
228
365
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
229
366
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
230
367
  };
231
- readonly margin: {
368
+ readonly lg: {
232
369
  readonly default: Config.VariableReference<"spacing", never>;
233
370
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
234
371
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
235
372
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
236
373
  };
237
- };
238
- readonly section: {
239
- readonly '2xs': {
374
+ readonly md: {
240
375
  readonly default: Config.VariableReference<"spacing", never>;
241
376
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
242
377
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
243
378
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
244
379
  };
245
- readonly lg: {
380
+ readonly none: Config.VariableReference<"spacing", never>;
381
+ readonly sm: {
246
382
  readonly default: Config.VariableReference<"spacing", never>;
247
383
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
248
384
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
249
385
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
250
386
  };
251
- readonly md: {
387
+ readonly xl: {
252
388
  readonly default: Config.VariableReference<"spacing", never>;
253
389
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
254
390
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
255
391
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
256
392
  };
257
- readonly none: Config.VariableReference<"spacing", never>;
258
- readonly sm: {
393
+ readonly xs: {
259
394
  readonly default: Config.VariableReference<"spacing", never>;
260
395
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
261
396
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
262
397
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
263
398
  };
264
- readonly xl: {
399
+ };
400
+ readonly 0: Config.VariableComposition<"spacing">;
401
+ readonly none: Config.VariableReference<"spacing", never>;
402
+ readonly page: {
403
+ readonly gutter: {
265
404
  readonly default: Config.VariableReference<"spacing", never>;
266
405
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
267
406
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
268
407
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
269
408
  };
270
- readonly xs: {
409
+ readonly margin: {
271
410
  readonly default: Config.VariableReference<"spacing", never>;
272
411
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
273
412
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
274
413
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
275
414
  };
276
415
  };
416
+ readonly 60: Config.VariableComposition<"spacing">;
417
+ readonly 1: Config.VariableComposition<"spacing">;
418
+ readonly 240: Config.VariableComposition<"spacing">;
419
+ readonly 16: Config.VariableComposition<"spacing">;
420
+ readonly 8: Config.VariableComposition<"spacing">;
421
+ readonly 64: Config.VariableComposition<"spacing">;
422
+ readonly 24: Config.VariableComposition<"spacing">;
423
+ readonly 6: Config.VariableComposition<"spacing">;
424
+ readonly 28: Config.VariableComposition<"spacing">;
425
+ readonly 20: Config.VariableComposition<"spacing">;
426
+ readonly 4: Config.VariableComposition<"spacing">;
427
+ readonly 80: Config.VariableComposition<"spacing">;
428
+ readonly 40: Config.VariableComposition<"spacing">;
429
+ readonly 100: Config.VariableComposition<"spacing">;
430
+ readonly 200: Config.VariableComposition<"spacing">;
431
+ readonly "0-5": Config.VariableComposition<"spacing">;
432
+ readonly "1-5": Config.VariableComposition<"spacing">;
433
+ readonly 10: Config.VariableComposition<"spacing">;
434
+ readonly 12: Config.VariableComposition<"spacing">;
435
+ readonly 120: Config.VariableComposition<"spacing">;
436
+ readonly 140: Config.VariableComposition<"spacing">;
437
+ readonly 160: Config.VariableComposition<"spacing">;
438
+ readonly 180: Config.VariableComposition<"spacing">;
439
+ readonly 2: Config.VariableComposition<"spacing">;
440
+ readonly 280: Config.VariableComposition<"spacing">;
441
+ readonly 32: Config.VariableComposition<"spacing">;
442
+ readonly 320: Config.VariableComposition<"spacing">;
443
+ readonly 36: Config.VariableComposition<"spacing">;
444
+ readonly 360: Config.VariableComposition<"spacing">;
445
+ readonly 44: Config.VariableComposition<"spacing">;
446
+ readonly 48: Config.VariableComposition<"spacing">;
447
+ readonly 52: Config.VariableComposition<"spacing">;
448
+ readonly 56: Config.VariableComposition<"spacing">;
449
+ readonly 72: Config.VariableComposition<"spacing">;
450
+ readonly 999: Config.VariableComposition<"spacing">;
277
451
  };
278
452
  readonly borderWidth: {
279
453
  readonly none: Config.VariableReference<"spacing", never>;
@@ -345,6 +519,11 @@ export declare const style: Config.StyleFactory<Pick<{
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";
@@ -373,16 +552,169 @@ export declare const style: Config.StyleFactory<Pick<{
373
552
  readonly '@media (min-width: 1536px)': "Display";
374
553
  };
375
554
  };
376
- }, "typography"> & {
555
+ }, "typography" | "breakpoint"> & {
377
556
  readonly color?: undefined;
378
557
  readonly '~vars': {
379
558
  readonly values: {
559
+ readonly number: {
560
+ readonly '0': 0;
561
+ readonly '0-5': 0.5;
562
+ readonly '1': 1;
563
+ readonly '1-5': 1.5;
564
+ readonly '10': 10;
565
+ readonly '100': 100;
566
+ readonly '12': 12;
567
+ readonly '120': 120;
568
+ readonly '140': 140;
569
+ readonly '16': 16;
570
+ readonly '160': 160;
571
+ readonly '180': 180;
572
+ readonly '2': 2;
573
+ readonly '20': 20;
574
+ readonly '200': 200;
575
+ readonly '24': 24;
576
+ readonly '240': 240;
577
+ readonly '28': 28;
578
+ readonly '280': 280;
579
+ readonly '3': 3;
580
+ readonly '32': 32;
581
+ readonly '320': 320;
582
+ readonly '36': 36;
583
+ readonly '360': 360;
584
+ readonly '4': 4;
585
+ readonly '40': 40;
586
+ readonly '44': 44;
587
+ readonly '48': 48;
588
+ readonly '52': 52;
589
+ readonly '56': 56;
590
+ readonly '6': 6;
591
+ readonly '60': 60;
592
+ readonly '64': 64;
593
+ readonly '72': 72;
594
+ readonly '8': 8;
595
+ readonly '80': 80;
596
+ readonly '999': 999;
597
+ };
380
598
  readonly color: {
599
+ readonly line: {
600
+ readonly primary: Config.VariableComposition<"color">;
601
+ readonly secondary: Config.VariableComposition<"color">;
602
+ };
381
603
  readonly background: {
382
604
  readonly elevated: Config.VariableReference<"color", "rgb(255 255 255 / 1)">;
383
605
  readonly primary: Config.VariableReference<"color", "rgb(244.7999945282936 244.7999945282936 244.7999945282936 / 1)">;
384
606
  readonly secondary: Config.VariableReference<"color", "rgb(255 255 255 / 1)">;
385
607
  };
608
+ readonly accent: {
609
+ readonly alpha: {
610
+ readonly regular: {
611
+ readonly green: {
612
+ readonly '100': "rgb(19.0000007674098 169.00000512599945 99.00000169873238 / 0.07999999821186066)";
613
+ readonly '200': "rgb(89.00000229477882 229.00000154972076 164.00000542402267 / 0.1599999964237213)";
614
+ };
615
+ readonly orange: {
616
+ readonly '100': "rgb(224.000001847744 111.00000098347664 18.000000827014446 / 0.07999999821186066)";
617
+ readonly '200': "rgb(250.00000029802322 142.00000673532486 54.00000058114529 / 0.1599999964237213)";
618
+ };
619
+ readonly red: {
620
+ readonly '100': "rgb(235.0000011920929 52.000000700354576 23.000000528991222 / 0.07999999821186066)";
621
+ readonly '200': "rgb(245.00000059604645 92.00000211596489 69.00000348687172 / 0.1599999964237213)";
622
+ };
623
+ };
624
+ readonly strong: {
625
+ readonly green: {
626
+ readonly '100': "rgb(19.0000007674098 169.00000512599945 99.00000169873238 / 0.1599999964237213)";
627
+ readonly '200': "rgb(89.00000229477882 229.00000154972076 164.00000542402267 / 0.3199999928474426)";
628
+ };
629
+ readonly orange: {
630
+ readonly '100': "rgb(224.000001847744 111.00000098347664 18.000000827014446 / 0.1599999964237213)";
631
+ readonly '200': "rgb(250.00000029802322 142.00000673532486 54.00000058114529 / 0.3199999928474426)";
632
+ };
633
+ readonly red: {
634
+ readonly '100': "rgb(235.0000011920929 52.000000700354576 23.000000528991222 / 0.1599999964237213)";
635
+ readonly '200': "rgb(245.00000059604645 92.00000211596489 69.00000348687172 / 0.3199999928474426)";
636
+ };
637
+ };
638
+ };
639
+ readonly blueDark: "rgb(116.00000068545341 152.0000061392784 251.00000023841858 / 1)";
640
+ readonly blueLight: "rgb(68.00000354647636 113.00000086426735 237.0000010728836 / 1)";
641
+ readonly cyanDark: "rgb(72.00000330805779 204.00000303983688 230.00000149011612 / 1)";
642
+ readonly cyanLight: "rgb(0 170.0000050663948 203.00000309944153 / 1)";
643
+ readonly greenDark: "rgb(89.00000229477882 229.00000154972076 164.00000542402267 / 1)";
644
+ readonly greenLight: "rgb(19.0000007674098 169.00000512599945 99.00000169873238 / 1)";
645
+ readonly magentaDark: "rgb(229.00000154972076 64.00000378489494 136.00000709295273 / 1)";
646
+ readonly magentaLight: "rgb(204.00000303983688 5.000000176951289 91.00000217556953 / 1)";
647
+ readonly oliveDark: "rgb(196.00000351667404 220.00000208616257 101.00000157952309 / 1)";
648
+ readonly oliveLight: "rgb(149.00000631809235 178.00000458955765 38.0000015348196 / 1)";
649
+ readonly orangeDark: "rgb(250.00000029802322 142.00000673532486 54.00000058114529 / 1)";
650
+ readonly orangeLight: "rgb(224.000001847744 111.00000098347664 18.000000827014446 / 1)";
651
+ readonly purpleDark: "rgb(207.00000286102295 121.00000038743019 239.00000095367432 / 1)";
652
+ readonly purpleLight: "rgb(186.0000041127205 89.00000229477882 221.00000202655792 / 1)";
653
+ readonly redDark: "rgb(245.00000059604645 92.00000211596489 69.00000348687172 / 1)";
654
+ readonly redLight: "rgb(235.0000011920929 52.000000700354576 23.000000528991222 / 1)";
655
+ readonly violetDark: "rgb(152.0000061392784 119.00000050663948 241.00000083446503 / 1)";
656
+ readonly violetLight: "rgb(126.00000008940697 89.00000229477882 228.0000016093254 / 1)";
657
+ };
658
+ readonly neutral: {
659
+ readonly '000': "rgb(255 255 255 / 1)";
660
+ readonly '003': "rgb(247.35000729560852 247.35000729560852 247.35000729560852 / 1)";
661
+ readonly '004': "rgb(244.7999945282936 244.7999945282936 244.7999945282936 / 1)";
662
+ readonly '006': "rgb(239.69999939203262 239.69999939203262 239.69999939203262 / 1)";
663
+ readonly '008': "rgb(234.60000425577164 234.60000425577164 234.60000425577164 / 1)";
664
+ readonly '012': "rgb(224.39999878406525 224.39999878406525 224.39999878406525 / 1)";
665
+ readonly '016': "rgb(214.19999331235886 214.19999331235886 214.19999331235886 / 1)";
666
+ readonly '020': "rgb(204.00000303983688 204.00000303983688 204.00000303983688 / 1)";
667
+ readonly '024': "rgb(193.7999975681305 193.7999975681305 193.7999975681305 / 1)";
668
+ readonly '028': "rgb(183.60000729560852 183.60000729560852 183.60000729560852 / 1)";
669
+ readonly '032': "rgb(173.40000182390213 173.40000182390213 173.40000182390213 / 1)";
670
+ readonly '036': "rgb(163.19999635219574 163.19999635219574 163.19999635219574 / 1)";
671
+ readonly '040': "rgb(153.00000607967377 153.00000607967377 153.00000607967377 / 1)";
672
+ readonly '044': "rgb(142.80000060796738 142.80000060796738 142.80000060796738 / 1)";
673
+ readonly '048': "rgb(132.599995136261 132.599995136261 132.599995136261 / 1)";
674
+ readonly '052': "rgb(122.3999972641468 122.3999972641468 122.3999972641468 / 1)";
675
+ readonly '056': "rgb(112.19999939203262 112.19999939203262 112.19999939203262 / 1)";
676
+ readonly '060': "rgb(102.00000151991844 102.00000151991844 102.00000151991844 / 1)";
677
+ readonly '064': "rgb(91.80000364780426 91.80000364780426 91.80000364780426 / 1)";
678
+ readonly '068': "rgb(81.59999817609787 81.59999817609787 81.59999817609787 / 1)";
679
+ readonly '072': "rgb(71.40000030398369 71.40000030398369 71.40000030398369 / 1)";
680
+ readonly '076': "rgb(61.1999986320734 61.1999986320734 61.1999986320734 / 1)";
681
+ readonly '080': "rgb(51.00000075995922 51.00000075995922 51.00000075995922 / 1)";
682
+ readonly '084': "rgb(40.799999088048935 40.799999088048935 40.799999088048935 / 1)";
683
+ readonly '088': "rgb(30.5999993160367 30.5999993160367 30.5999993160367 / 1)";
684
+ readonly '092': "rgb(20.399999544024467 20.399999544024467 20.399999544024467 / 1)";
685
+ readonly '096': "rgb(10.199999772012234 10.199999772012234 10.199999772012234 / 1)";
686
+ readonly '100': "rgb(0 0 0 / 1)";
687
+ readonly shade: {
688
+ readonly '000': "rgb(0 0 0 / 0)";
689
+ readonly '003': "rgb(0 0 0 / 0.029999999329447746)";
690
+ readonly '004': "rgb(0 0 0 / 0.03999999910593033)";
691
+ readonly '008': "rgb(0 0 0 / 0.07999999821186066)";
692
+ readonly '012': "rgb(0 0 0 / 0.11999999731779099)";
693
+ readonly '016': "rgb(0 0 0 / 0.1599999964237213)";
694
+ readonly '020': "rgb(0 0 0 / 0.20000000298023224)";
695
+ readonly '024': "rgb(0 0 0 / 0.23999999463558197)";
696
+ readonly '032': "rgb(0 0 0 / 0.3199999928474426)";
697
+ readonly '040': "rgb(0 0 0 / 0.4000000059604645)";
698
+ readonly '056': "rgb(0 0 0 / 0.5600000023841858)";
699
+ readonly '060': "rgb(0 0 0 / 0.6000000238418579)";
700
+ readonly '080': "rgb(0 0 0 / 0.800000011920929)";
701
+ };
702
+ readonly tint: {
703
+ readonly '000': "rgb(255 255 255 / 0)";
704
+ readonly '008': "rgb(255 255 255 / 0.07999999821186066)";
705
+ readonly '012': "rgb(255 255 255 / 0.11999999731779099)";
706
+ readonly '016': "rgb(255 255 255 / 0.1599999964237213)";
707
+ readonly '020': "rgb(255 255 255 / 0.20000000298023224)";
708
+ readonly '024': "rgb(255 255 255 / 0.23999999463558197)";
709
+ readonly '028': "rgb(255 255 255 / 0.2800000011920929)";
710
+ readonly '040': "rgb(255 255 255 / 0.4000000059604645)";
711
+ readonly '048': "rgb(255 255 255 / 0.47999998927116394)";
712
+ readonly '052': "rgb(255 255 255 / 0.5199999809265137)";
713
+ readonly '056': "rgb(255 255 255 / 0.5600000023841858)";
714
+ readonly '064': "rgb(255 255 255 / 0.6399999856948853)";
715
+ readonly '080': "rgb(255 255 255 / 0.800000011920929)";
716
+ };
717
+ };
386
718
  readonly container: {
387
719
  readonly control: Config.VariableComposition<"color">;
388
720
  readonly marker: Config.VariableComposition<"color">;
@@ -397,10 +729,6 @@ export declare const style: Config.StyleFactory<Pick<{
397
729
  readonly tertiary: Config.VariableComposition<"color">;
398
730
  readonly warning: Config.VariableReference<"color", "rgb(224.000001847744 111.00000098347664 18.000000827014446 / 1)">;
399
731
  };
400
- readonly line: {
401
- readonly primary: Config.VariableComposition<"color">;
402
- readonly secondary: Config.VariableComposition<"color">;
403
- };
404
732
  readonly scrim: {
405
733
  readonly regular: Config.VariableComposition<"color">;
406
734
  };
@@ -586,71 +914,96 @@ export declare const style: Config.StyleFactory<Pick<{
586
914
  readonly none: Config.VariableReference<"spacing", never>;
587
915
  };
588
916
  readonly spacing: {
589
- readonly '12': Config.VariableReference<"spacing", never>;
590
- readonly '16': Config.VariableReference<"spacing", never>;
591
- readonly '2': Config.VariableReference<"spacing", never>;
592
- readonly '20': Config.VariableReference<"spacing", never>;
593
- readonly '24': Config.VariableReference<"spacing", never>;
594
- readonly '32': Config.VariableReference<"spacing", never>;
595
- readonly '4': Config.VariableReference<"spacing", never>;
596
- readonly '40': Config.VariableReference<"spacing", never>;
597
- readonly '48': Config.VariableReference<"spacing", never>;
598
- readonly '64': Config.VariableReference<"spacing", never>;
599
- readonly '8': Config.VariableReference<"spacing", never>;
600
- readonly none: Config.VariableReference<"spacing", never>;
601
- readonly page: {
602
- readonly gutter: {
917
+ readonly section: {
918
+ readonly '2xs': {
603
919
  readonly default: Config.VariableReference<"spacing", never>;
604
920
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
605
921
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
606
922
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
607
923
  };
608
- readonly margin: {
924
+ readonly lg: {
609
925
  readonly default: Config.VariableReference<"spacing", never>;
610
926
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
611
927
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
612
928
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
613
929
  };
614
- };
615
- readonly section: {
616
- readonly '2xs': {
930
+ readonly md: {
617
931
  readonly default: Config.VariableReference<"spacing", never>;
618
932
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
619
933
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
620
934
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
621
935
  };
622
- readonly lg: {
936
+ readonly none: Config.VariableReference<"spacing", never>;
937
+ readonly sm: {
623
938
  readonly default: Config.VariableReference<"spacing", never>;
624
939
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
625
940
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
626
941
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
627
942
  };
628
- readonly md: {
943
+ readonly xl: {
629
944
  readonly default: Config.VariableReference<"spacing", never>;
630
945
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
631
946
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
632
947
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
633
948
  };
634
- readonly none: Config.VariableReference<"spacing", never>;
635
- readonly sm: {
949
+ readonly xs: {
636
950
  readonly default: Config.VariableReference<"spacing", never>;
637
951
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
638
952
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
639
953
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
640
954
  };
641
- readonly xl: {
955
+ };
956
+ readonly 0: Config.VariableComposition<"spacing">;
957
+ readonly none: Config.VariableReference<"spacing", never>;
958
+ readonly page: {
959
+ readonly gutter: {
642
960
  readonly default: Config.VariableReference<"spacing", never>;
643
961
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
644
962
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
645
963
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
646
964
  };
647
- readonly xs: {
965
+ readonly margin: {
648
966
  readonly default: Config.VariableReference<"spacing", never>;
649
967
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
650
968
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
651
969
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
652
970
  };
653
971
  };
972
+ readonly 60: Config.VariableComposition<"spacing">;
973
+ readonly 1: Config.VariableComposition<"spacing">;
974
+ readonly 240: Config.VariableComposition<"spacing">;
975
+ readonly 16: Config.VariableComposition<"spacing">;
976
+ readonly 8: Config.VariableComposition<"spacing">;
977
+ readonly 64: Config.VariableComposition<"spacing">;
978
+ readonly 24: Config.VariableComposition<"spacing">;
979
+ readonly 6: Config.VariableComposition<"spacing">;
980
+ readonly 28: Config.VariableComposition<"spacing">;
981
+ readonly 20: Config.VariableComposition<"spacing">;
982
+ readonly 4: Config.VariableComposition<"spacing">;
983
+ readonly 80: Config.VariableComposition<"spacing">;
984
+ readonly 40: Config.VariableComposition<"spacing">;
985
+ readonly 100: Config.VariableComposition<"spacing">;
986
+ readonly 200: Config.VariableComposition<"spacing">;
987
+ readonly "0-5": Config.VariableComposition<"spacing">;
988
+ readonly "1-5": Config.VariableComposition<"spacing">;
989
+ readonly 10: Config.VariableComposition<"spacing">;
990
+ readonly 12: Config.VariableComposition<"spacing">;
991
+ readonly 120: Config.VariableComposition<"spacing">;
992
+ readonly 140: Config.VariableComposition<"spacing">;
993
+ readonly 160: Config.VariableComposition<"spacing">;
994
+ readonly 180: Config.VariableComposition<"spacing">;
995
+ readonly 2: Config.VariableComposition<"spacing">;
996
+ readonly 280: Config.VariableComposition<"spacing">;
997
+ readonly 32: Config.VariableComposition<"spacing">;
998
+ readonly 320: Config.VariableComposition<"spacing">;
999
+ readonly 36: Config.VariableComposition<"spacing">;
1000
+ readonly 360: Config.VariableComposition<"spacing">;
1001
+ readonly 44: Config.VariableComposition<"spacing">;
1002
+ readonly 48: Config.VariableComposition<"spacing">;
1003
+ readonly 52: Config.VariableComposition<"spacing">;
1004
+ readonly 56: Config.VariableComposition<"spacing">;
1005
+ readonly 72: Config.VariableComposition<"spacing">;
1006
+ readonly 999: Config.VariableComposition<"spacing">;
654
1007
  };
655
1008
  readonly borderWidth: {
656
1009
  readonly none: Config.VariableReference<"spacing", never>;
@@ -722,6 +1075,11 @@ export declare const style: Config.StyleFactory<Pick<{
722
1075
  };
723
1076
  };
724
1077
  };
1078
+ readonly breakpoint: {
1079
+ readonly desktop: "1024px";
1080
+ readonly display: "1536px";
1081
+ readonly tablet: "768px";
1082
+ };
725
1083
  readonly maxWidth: {
726
1084
  readonly '1000': "1000px";
727
1085
  readonly '280': "280px";
@@ -759,12 +1117,165 @@ export declare const style: Config.StyleFactory<Pick<{
759
1117
  readonly paddingHorizontal: readonly ["paddingLeft", "paddingRight"];
760
1118
  readonly paddingVertical: readonly ["paddingTop", "paddingBottom"];
761
1119
  }>, variants: import("zyzz").variants.Bound<Pick<{
1120
+ readonly number: {
1121
+ readonly '0': 0;
1122
+ readonly '0-5': 0.5;
1123
+ readonly '1': 1;
1124
+ readonly '1-5': 1.5;
1125
+ readonly '10': 10;
1126
+ readonly '100': 100;
1127
+ readonly '12': 12;
1128
+ readonly '120': 120;
1129
+ readonly '140': 140;
1130
+ readonly '16': 16;
1131
+ readonly '160': 160;
1132
+ readonly '180': 180;
1133
+ readonly '2': 2;
1134
+ readonly '20': 20;
1135
+ readonly '200': 200;
1136
+ readonly '24': 24;
1137
+ readonly '240': 240;
1138
+ readonly '28': 28;
1139
+ readonly '280': 280;
1140
+ readonly '3': 3;
1141
+ readonly '32': 32;
1142
+ readonly '320': 320;
1143
+ readonly '36': 36;
1144
+ readonly '360': 360;
1145
+ readonly '4': 4;
1146
+ readonly '40': 40;
1147
+ readonly '44': 44;
1148
+ readonly '48': 48;
1149
+ readonly '52': 52;
1150
+ readonly '56': 56;
1151
+ readonly '6': 6;
1152
+ readonly '60': 60;
1153
+ readonly '64': 64;
1154
+ readonly '72': 72;
1155
+ readonly '8': 8;
1156
+ readonly '80': 80;
1157
+ readonly '999': 999;
1158
+ };
762
1159
  readonly color: {
1160
+ readonly line: {
1161
+ readonly primary: Config.VariableComposition<"color">;
1162
+ readonly secondary: Config.VariableComposition<"color">;
1163
+ };
763
1164
  readonly background: {
764
1165
  readonly elevated: Config.VariableReference<"color", "rgb(255 255 255 / 1)">;
765
1166
  readonly primary: Config.VariableReference<"color", "rgb(244.7999945282936 244.7999945282936 244.7999945282936 / 1)">;
766
1167
  readonly secondary: Config.VariableReference<"color", "rgb(255 255 255 / 1)">;
767
1168
  };
1169
+ readonly accent: {
1170
+ readonly alpha: {
1171
+ readonly regular: {
1172
+ readonly green: {
1173
+ readonly '100': "rgb(19.0000007674098 169.00000512599945 99.00000169873238 / 0.07999999821186066)";
1174
+ readonly '200': "rgb(89.00000229477882 229.00000154972076 164.00000542402267 / 0.1599999964237213)";
1175
+ };
1176
+ readonly orange: {
1177
+ readonly '100': "rgb(224.000001847744 111.00000098347664 18.000000827014446 / 0.07999999821186066)";
1178
+ readonly '200': "rgb(250.00000029802322 142.00000673532486 54.00000058114529 / 0.1599999964237213)";
1179
+ };
1180
+ readonly red: {
1181
+ readonly '100': "rgb(235.0000011920929 52.000000700354576 23.000000528991222 / 0.07999999821186066)";
1182
+ readonly '200': "rgb(245.00000059604645 92.00000211596489 69.00000348687172 / 0.1599999964237213)";
1183
+ };
1184
+ };
1185
+ readonly strong: {
1186
+ readonly green: {
1187
+ readonly '100': "rgb(19.0000007674098 169.00000512599945 99.00000169873238 / 0.1599999964237213)";
1188
+ readonly '200': "rgb(89.00000229477882 229.00000154972076 164.00000542402267 / 0.3199999928474426)";
1189
+ };
1190
+ readonly orange: {
1191
+ readonly '100': "rgb(224.000001847744 111.00000098347664 18.000000827014446 / 0.1599999964237213)";
1192
+ readonly '200': "rgb(250.00000029802322 142.00000673532486 54.00000058114529 / 0.3199999928474426)";
1193
+ };
1194
+ readonly red: {
1195
+ readonly '100': "rgb(235.0000011920929 52.000000700354576 23.000000528991222 / 0.1599999964237213)";
1196
+ readonly '200': "rgb(245.00000059604645 92.00000211596489 69.00000348687172 / 0.3199999928474426)";
1197
+ };
1198
+ };
1199
+ };
1200
+ readonly blueDark: "rgb(116.00000068545341 152.0000061392784 251.00000023841858 / 1)";
1201
+ readonly blueLight: "rgb(68.00000354647636 113.00000086426735 237.0000010728836 / 1)";
1202
+ readonly cyanDark: "rgb(72.00000330805779 204.00000303983688 230.00000149011612 / 1)";
1203
+ readonly cyanLight: "rgb(0 170.0000050663948 203.00000309944153 / 1)";
1204
+ readonly greenDark: "rgb(89.00000229477882 229.00000154972076 164.00000542402267 / 1)";
1205
+ readonly greenLight: "rgb(19.0000007674098 169.00000512599945 99.00000169873238 / 1)";
1206
+ readonly magentaDark: "rgb(229.00000154972076 64.00000378489494 136.00000709295273 / 1)";
1207
+ readonly magentaLight: "rgb(204.00000303983688 5.000000176951289 91.00000217556953 / 1)";
1208
+ readonly oliveDark: "rgb(196.00000351667404 220.00000208616257 101.00000157952309 / 1)";
1209
+ readonly oliveLight: "rgb(149.00000631809235 178.00000458955765 38.0000015348196 / 1)";
1210
+ readonly orangeDark: "rgb(250.00000029802322 142.00000673532486 54.00000058114529 / 1)";
1211
+ readonly orangeLight: "rgb(224.000001847744 111.00000098347664 18.000000827014446 / 1)";
1212
+ readonly purpleDark: "rgb(207.00000286102295 121.00000038743019 239.00000095367432 / 1)";
1213
+ readonly purpleLight: "rgb(186.0000041127205 89.00000229477882 221.00000202655792 / 1)";
1214
+ readonly redDark: "rgb(245.00000059604645 92.00000211596489 69.00000348687172 / 1)";
1215
+ readonly redLight: "rgb(235.0000011920929 52.000000700354576 23.000000528991222 / 1)";
1216
+ readonly violetDark: "rgb(152.0000061392784 119.00000050663948 241.00000083446503 / 1)";
1217
+ readonly violetLight: "rgb(126.00000008940697 89.00000229477882 228.0000016093254 / 1)";
1218
+ };
1219
+ readonly neutral: {
1220
+ readonly '000': "rgb(255 255 255 / 1)";
1221
+ readonly '003': "rgb(247.35000729560852 247.35000729560852 247.35000729560852 / 1)";
1222
+ readonly '004': "rgb(244.7999945282936 244.7999945282936 244.7999945282936 / 1)";
1223
+ readonly '006': "rgb(239.69999939203262 239.69999939203262 239.69999939203262 / 1)";
1224
+ readonly '008': "rgb(234.60000425577164 234.60000425577164 234.60000425577164 / 1)";
1225
+ readonly '012': "rgb(224.39999878406525 224.39999878406525 224.39999878406525 / 1)";
1226
+ readonly '016': "rgb(214.19999331235886 214.19999331235886 214.19999331235886 / 1)";
1227
+ readonly '020': "rgb(204.00000303983688 204.00000303983688 204.00000303983688 / 1)";
1228
+ readonly '024': "rgb(193.7999975681305 193.7999975681305 193.7999975681305 / 1)";
1229
+ readonly '028': "rgb(183.60000729560852 183.60000729560852 183.60000729560852 / 1)";
1230
+ readonly '032': "rgb(173.40000182390213 173.40000182390213 173.40000182390213 / 1)";
1231
+ readonly '036': "rgb(163.19999635219574 163.19999635219574 163.19999635219574 / 1)";
1232
+ readonly '040': "rgb(153.00000607967377 153.00000607967377 153.00000607967377 / 1)";
1233
+ readonly '044': "rgb(142.80000060796738 142.80000060796738 142.80000060796738 / 1)";
1234
+ readonly '048': "rgb(132.599995136261 132.599995136261 132.599995136261 / 1)";
1235
+ readonly '052': "rgb(122.3999972641468 122.3999972641468 122.3999972641468 / 1)";
1236
+ readonly '056': "rgb(112.19999939203262 112.19999939203262 112.19999939203262 / 1)";
1237
+ readonly '060': "rgb(102.00000151991844 102.00000151991844 102.00000151991844 / 1)";
1238
+ readonly '064': "rgb(91.80000364780426 91.80000364780426 91.80000364780426 / 1)";
1239
+ readonly '068': "rgb(81.59999817609787 81.59999817609787 81.59999817609787 / 1)";
1240
+ readonly '072': "rgb(71.40000030398369 71.40000030398369 71.40000030398369 / 1)";
1241
+ readonly '076': "rgb(61.1999986320734 61.1999986320734 61.1999986320734 / 1)";
1242
+ readonly '080': "rgb(51.00000075995922 51.00000075995922 51.00000075995922 / 1)";
1243
+ readonly '084': "rgb(40.799999088048935 40.799999088048935 40.799999088048935 / 1)";
1244
+ readonly '088': "rgb(30.5999993160367 30.5999993160367 30.5999993160367 / 1)";
1245
+ readonly '092': "rgb(20.399999544024467 20.399999544024467 20.399999544024467 / 1)";
1246
+ readonly '096': "rgb(10.199999772012234 10.199999772012234 10.199999772012234 / 1)";
1247
+ readonly '100': "rgb(0 0 0 / 1)";
1248
+ readonly shade: {
1249
+ readonly '000': "rgb(0 0 0 / 0)";
1250
+ readonly '003': "rgb(0 0 0 / 0.029999999329447746)";
1251
+ readonly '004': "rgb(0 0 0 / 0.03999999910593033)";
1252
+ readonly '008': "rgb(0 0 0 / 0.07999999821186066)";
1253
+ readonly '012': "rgb(0 0 0 / 0.11999999731779099)";
1254
+ readonly '016': "rgb(0 0 0 / 0.1599999964237213)";
1255
+ readonly '020': "rgb(0 0 0 / 0.20000000298023224)";
1256
+ readonly '024': "rgb(0 0 0 / 0.23999999463558197)";
1257
+ readonly '032': "rgb(0 0 0 / 0.3199999928474426)";
1258
+ readonly '040': "rgb(0 0 0 / 0.4000000059604645)";
1259
+ readonly '056': "rgb(0 0 0 / 0.5600000023841858)";
1260
+ readonly '060': "rgb(0 0 0 / 0.6000000238418579)";
1261
+ readonly '080': "rgb(0 0 0 / 0.800000011920929)";
1262
+ };
1263
+ readonly tint: {
1264
+ readonly '000': "rgb(255 255 255 / 0)";
1265
+ readonly '008': "rgb(255 255 255 / 0.07999999821186066)";
1266
+ readonly '012': "rgb(255 255 255 / 0.11999999731779099)";
1267
+ readonly '016': "rgb(255 255 255 / 0.1599999964237213)";
1268
+ readonly '020': "rgb(255 255 255 / 0.20000000298023224)";
1269
+ readonly '024': "rgb(255 255 255 / 0.23999999463558197)";
1270
+ readonly '028': "rgb(255 255 255 / 0.2800000011920929)";
1271
+ readonly '040': "rgb(255 255 255 / 0.4000000059604645)";
1272
+ readonly '048': "rgb(255 255 255 / 0.47999998927116394)";
1273
+ readonly '052': "rgb(255 255 255 / 0.5199999809265137)";
1274
+ readonly '056': "rgb(255 255 255 / 0.5600000023841858)";
1275
+ readonly '064': "rgb(255 255 255 / 0.6399999856948853)";
1276
+ readonly '080': "rgb(255 255 255 / 0.800000011920929)";
1277
+ };
1278
+ };
768
1279
  readonly container: {
769
1280
  readonly control: Config.VariableComposition<"color">;
770
1281
  readonly marker: Config.VariableComposition<"color">;
@@ -779,10 +1290,6 @@ export declare const style: Config.StyleFactory<Pick<{
779
1290
  readonly tertiary: Config.VariableComposition<"color">;
780
1291
  readonly warning: Config.VariableReference<"color", "rgb(224.000001847744 111.00000098347664 18.000000827014446 / 1)">;
781
1292
  };
782
- readonly line: {
783
- readonly primary: Config.VariableComposition<"color">;
784
- readonly secondary: Config.VariableComposition<"color">;
785
- };
786
1293
  readonly scrim: {
787
1294
  readonly regular: Config.VariableComposition<"color">;
788
1295
  };
@@ -968,71 +1475,96 @@ export declare const style: Config.StyleFactory<Pick<{
968
1475
  readonly none: Config.VariableReference<"spacing", never>;
969
1476
  };
970
1477
  readonly spacing: {
971
- readonly '12': Config.VariableReference<"spacing", never>;
972
- readonly '16': Config.VariableReference<"spacing", never>;
973
- readonly '2': Config.VariableReference<"spacing", never>;
974
- readonly '20': Config.VariableReference<"spacing", never>;
975
- readonly '24': Config.VariableReference<"spacing", never>;
976
- readonly '32': Config.VariableReference<"spacing", never>;
977
- readonly '4': Config.VariableReference<"spacing", never>;
978
- readonly '40': Config.VariableReference<"spacing", never>;
979
- readonly '48': Config.VariableReference<"spacing", never>;
980
- readonly '64': Config.VariableReference<"spacing", never>;
981
- readonly '8': Config.VariableReference<"spacing", never>;
982
- readonly none: Config.VariableReference<"spacing", never>;
983
- readonly page: {
984
- readonly gutter: {
1478
+ readonly section: {
1479
+ readonly '2xs': {
985
1480
  readonly default: Config.VariableReference<"spacing", never>;
986
1481
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
987
1482
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
988
1483
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
989
1484
  };
990
- readonly margin: {
1485
+ readonly lg: {
991
1486
  readonly default: Config.VariableReference<"spacing", never>;
992
1487
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
993
1488
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
994
1489
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
995
1490
  };
996
- };
997
- readonly section: {
998
- readonly '2xs': {
1491
+ readonly md: {
999
1492
  readonly default: Config.VariableReference<"spacing", never>;
1000
1493
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
1001
1494
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
1002
1495
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
1003
1496
  };
1004
- readonly lg: {
1497
+ readonly none: Config.VariableReference<"spacing", never>;
1498
+ readonly sm: {
1005
1499
  readonly default: Config.VariableReference<"spacing", never>;
1006
1500
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
1007
1501
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
1008
1502
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
1009
1503
  };
1010
- readonly md: {
1504
+ readonly xl: {
1011
1505
  readonly default: Config.VariableReference<"spacing", never>;
1012
1506
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
1013
1507
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
1014
1508
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
1015
1509
  };
1016
- readonly none: Config.VariableReference<"spacing", never>;
1017
- readonly sm: {
1510
+ readonly xs: {
1018
1511
  readonly default: Config.VariableReference<"spacing", never>;
1019
1512
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
1020
1513
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
1021
1514
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
1022
1515
  };
1023
- readonly xl: {
1516
+ };
1517
+ readonly 0: Config.VariableComposition<"spacing">;
1518
+ readonly none: Config.VariableReference<"spacing", never>;
1519
+ readonly page: {
1520
+ readonly gutter: {
1024
1521
  readonly default: Config.VariableReference<"spacing", never>;
1025
1522
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
1026
1523
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
1027
1524
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
1028
1525
  };
1029
- readonly xs: {
1526
+ readonly margin: {
1030
1527
  readonly default: Config.VariableReference<"spacing", never>;
1031
1528
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
1032
1529
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
1033
1530
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
1034
1531
  };
1035
1532
  };
1533
+ readonly 60: Config.VariableComposition<"spacing">;
1534
+ readonly 1: Config.VariableComposition<"spacing">;
1535
+ readonly 240: Config.VariableComposition<"spacing">;
1536
+ readonly 16: Config.VariableComposition<"spacing">;
1537
+ readonly 8: Config.VariableComposition<"spacing">;
1538
+ readonly 64: Config.VariableComposition<"spacing">;
1539
+ readonly 24: Config.VariableComposition<"spacing">;
1540
+ readonly 6: Config.VariableComposition<"spacing">;
1541
+ readonly 28: Config.VariableComposition<"spacing">;
1542
+ readonly 20: Config.VariableComposition<"spacing">;
1543
+ readonly 4: Config.VariableComposition<"spacing">;
1544
+ readonly 80: Config.VariableComposition<"spacing">;
1545
+ readonly 40: Config.VariableComposition<"spacing">;
1546
+ readonly 100: Config.VariableComposition<"spacing">;
1547
+ readonly 200: Config.VariableComposition<"spacing">;
1548
+ readonly "0-5": Config.VariableComposition<"spacing">;
1549
+ readonly "1-5": Config.VariableComposition<"spacing">;
1550
+ readonly 10: Config.VariableComposition<"spacing">;
1551
+ readonly 12: Config.VariableComposition<"spacing">;
1552
+ readonly 120: Config.VariableComposition<"spacing">;
1553
+ readonly 140: Config.VariableComposition<"spacing">;
1554
+ readonly 160: Config.VariableComposition<"spacing">;
1555
+ readonly 180: Config.VariableComposition<"spacing">;
1556
+ readonly 2: Config.VariableComposition<"spacing">;
1557
+ readonly 280: Config.VariableComposition<"spacing">;
1558
+ readonly 32: Config.VariableComposition<"spacing">;
1559
+ readonly 320: Config.VariableComposition<"spacing">;
1560
+ readonly 36: Config.VariableComposition<"spacing">;
1561
+ readonly 360: Config.VariableComposition<"spacing">;
1562
+ readonly 44: Config.VariableComposition<"spacing">;
1563
+ readonly 48: Config.VariableComposition<"spacing">;
1564
+ readonly 52: Config.VariableComposition<"spacing">;
1565
+ readonly 56: Config.VariableComposition<"spacing">;
1566
+ readonly 72: Config.VariableComposition<"spacing">;
1567
+ readonly 999: Config.VariableComposition<"spacing">;
1036
1568
  };
1037
1569
  readonly borderWidth: {
1038
1570
  readonly none: Config.VariableReference<"spacing", never>;
@@ -1104,6 +1636,11 @@ export declare const style: Config.StyleFactory<Pick<{
1104
1636
  };
1105
1637
  };
1106
1638
  };
1639
+ readonly breakpoint: {
1640
+ readonly desktop: "1024px";
1641
+ readonly display: "1536px";
1642
+ readonly tablet: "768px";
1643
+ };
1107
1644
  readonly maxWidth: {
1108
1645
  readonly '1000': "1000px";
1109
1646
  readonly '280': "280px";
@@ -1132,16 +1669,169 @@ export declare const style: Config.StyleFactory<Pick<{
1132
1669
  readonly '@media (min-width: 1536px)': "Display";
1133
1670
  };
1134
1671
  };
1135
- }, "typography"> & {
1672
+ }, "typography" | "breakpoint"> & {
1136
1673
  readonly color?: undefined;
1137
1674
  readonly '~vars': {
1138
1675
  readonly values: {
1676
+ readonly number: {
1677
+ readonly '0': 0;
1678
+ readonly '0-5': 0.5;
1679
+ readonly '1': 1;
1680
+ readonly '1-5': 1.5;
1681
+ readonly '10': 10;
1682
+ readonly '100': 100;
1683
+ readonly '12': 12;
1684
+ readonly '120': 120;
1685
+ readonly '140': 140;
1686
+ readonly '16': 16;
1687
+ readonly '160': 160;
1688
+ readonly '180': 180;
1689
+ readonly '2': 2;
1690
+ readonly '20': 20;
1691
+ readonly '200': 200;
1692
+ readonly '24': 24;
1693
+ readonly '240': 240;
1694
+ readonly '28': 28;
1695
+ readonly '280': 280;
1696
+ readonly '3': 3;
1697
+ readonly '32': 32;
1698
+ readonly '320': 320;
1699
+ readonly '36': 36;
1700
+ readonly '360': 360;
1701
+ readonly '4': 4;
1702
+ readonly '40': 40;
1703
+ readonly '44': 44;
1704
+ readonly '48': 48;
1705
+ readonly '52': 52;
1706
+ readonly '56': 56;
1707
+ readonly '6': 6;
1708
+ readonly '60': 60;
1709
+ readonly '64': 64;
1710
+ readonly '72': 72;
1711
+ readonly '8': 8;
1712
+ readonly '80': 80;
1713
+ readonly '999': 999;
1714
+ };
1139
1715
  readonly color: {
1716
+ readonly line: {
1717
+ readonly primary: Config.VariableComposition<"color">;
1718
+ readonly secondary: Config.VariableComposition<"color">;
1719
+ };
1140
1720
  readonly background: {
1141
1721
  readonly elevated: Config.VariableReference<"color", "rgb(255 255 255 / 1)">;
1142
1722
  readonly primary: Config.VariableReference<"color", "rgb(244.7999945282936 244.7999945282936 244.7999945282936 / 1)">;
1143
1723
  readonly secondary: Config.VariableReference<"color", "rgb(255 255 255 / 1)">;
1144
1724
  };
1725
+ readonly accent: {
1726
+ readonly alpha: {
1727
+ readonly regular: {
1728
+ readonly green: {
1729
+ readonly '100': "rgb(19.0000007674098 169.00000512599945 99.00000169873238 / 0.07999999821186066)";
1730
+ readonly '200': "rgb(89.00000229477882 229.00000154972076 164.00000542402267 / 0.1599999964237213)";
1731
+ };
1732
+ readonly orange: {
1733
+ readonly '100': "rgb(224.000001847744 111.00000098347664 18.000000827014446 / 0.07999999821186066)";
1734
+ readonly '200': "rgb(250.00000029802322 142.00000673532486 54.00000058114529 / 0.1599999964237213)";
1735
+ };
1736
+ readonly red: {
1737
+ readonly '100': "rgb(235.0000011920929 52.000000700354576 23.000000528991222 / 0.07999999821186066)";
1738
+ readonly '200': "rgb(245.00000059604645 92.00000211596489 69.00000348687172 / 0.1599999964237213)";
1739
+ };
1740
+ };
1741
+ readonly strong: {
1742
+ readonly green: {
1743
+ readonly '100': "rgb(19.0000007674098 169.00000512599945 99.00000169873238 / 0.1599999964237213)";
1744
+ readonly '200': "rgb(89.00000229477882 229.00000154972076 164.00000542402267 / 0.3199999928474426)";
1745
+ };
1746
+ readonly orange: {
1747
+ readonly '100': "rgb(224.000001847744 111.00000098347664 18.000000827014446 / 0.1599999964237213)";
1748
+ readonly '200': "rgb(250.00000029802322 142.00000673532486 54.00000058114529 / 0.3199999928474426)";
1749
+ };
1750
+ readonly red: {
1751
+ readonly '100': "rgb(235.0000011920929 52.000000700354576 23.000000528991222 / 0.1599999964237213)";
1752
+ readonly '200': "rgb(245.00000059604645 92.00000211596489 69.00000348687172 / 0.3199999928474426)";
1753
+ };
1754
+ };
1755
+ };
1756
+ readonly blueDark: "rgb(116.00000068545341 152.0000061392784 251.00000023841858 / 1)";
1757
+ readonly blueLight: "rgb(68.00000354647636 113.00000086426735 237.0000010728836 / 1)";
1758
+ readonly cyanDark: "rgb(72.00000330805779 204.00000303983688 230.00000149011612 / 1)";
1759
+ readonly cyanLight: "rgb(0 170.0000050663948 203.00000309944153 / 1)";
1760
+ readonly greenDark: "rgb(89.00000229477882 229.00000154972076 164.00000542402267 / 1)";
1761
+ readonly greenLight: "rgb(19.0000007674098 169.00000512599945 99.00000169873238 / 1)";
1762
+ readonly magentaDark: "rgb(229.00000154972076 64.00000378489494 136.00000709295273 / 1)";
1763
+ readonly magentaLight: "rgb(204.00000303983688 5.000000176951289 91.00000217556953 / 1)";
1764
+ readonly oliveDark: "rgb(196.00000351667404 220.00000208616257 101.00000157952309 / 1)";
1765
+ readonly oliveLight: "rgb(149.00000631809235 178.00000458955765 38.0000015348196 / 1)";
1766
+ readonly orangeDark: "rgb(250.00000029802322 142.00000673532486 54.00000058114529 / 1)";
1767
+ readonly orangeLight: "rgb(224.000001847744 111.00000098347664 18.000000827014446 / 1)";
1768
+ readonly purpleDark: "rgb(207.00000286102295 121.00000038743019 239.00000095367432 / 1)";
1769
+ readonly purpleLight: "rgb(186.0000041127205 89.00000229477882 221.00000202655792 / 1)";
1770
+ readonly redDark: "rgb(245.00000059604645 92.00000211596489 69.00000348687172 / 1)";
1771
+ readonly redLight: "rgb(235.0000011920929 52.000000700354576 23.000000528991222 / 1)";
1772
+ readonly violetDark: "rgb(152.0000061392784 119.00000050663948 241.00000083446503 / 1)";
1773
+ readonly violetLight: "rgb(126.00000008940697 89.00000229477882 228.0000016093254 / 1)";
1774
+ };
1775
+ readonly neutral: {
1776
+ readonly '000': "rgb(255 255 255 / 1)";
1777
+ readonly '003': "rgb(247.35000729560852 247.35000729560852 247.35000729560852 / 1)";
1778
+ readonly '004': "rgb(244.7999945282936 244.7999945282936 244.7999945282936 / 1)";
1779
+ readonly '006': "rgb(239.69999939203262 239.69999939203262 239.69999939203262 / 1)";
1780
+ readonly '008': "rgb(234.60000425577164 234.60000425577164 234.60000425577164 / 1)";
1781
+ readonly '012': "rgb(224.39999878406525 224.39999878406525 224.39999878406525 / 1)";
1782
+ readonly '016': "rgb(214.19999331235886 214.19999331235886 214.19999331235886 / 1)";
1783
+ readonly '020': "rgb(204.00000303983688 204.00000303983688 204.00000303983688 / 1)";
1784
+ readonly '024': "rgb(193.7999975681305 193.7999975681305 193.7999975681305 / 1)";
1785
+ readonly '028': "rgb(183.60000729560852 183.60000729560852 183.60000729560852 / 1)";
1786
+ readonly '032': "rgb(173.40000182390213 173.40000182390213 173.40000182390213 / 1)";
1787
+ readonly '036': "rgb(163.19999635219574 163.19999635219574 163.19999635219574 / 1)";
1788
+ readonly '040': "rgb(153.00000607967377 153.00000607967377 153.00000607967377 / 1)";
1789
+ readonly '044': "rgb(142.80000060796738 142.80000060796738 142.80000060796738 / 1)";
1790
+ readonly '048': "rgb(132.599995136261 132.599995136261 132.599995136261 / 1)";
1791
+ readonly '052': "rgb(122.3999972641468 122.3999972641468 122.3999972641468 / 1)";
1792
+ readonly '056': "rgb(112.19999939203262 112.19999939203262 112.19999939203262 / 1)";
1793
+ readonly '060': "rgb(102.00000151991844 102.00000151991844 102.00000151991844 / 1)";
1794
+ readonly '064': "rgb(91.80000364780426 91.80000364780426 91.80000364780426 / 1)";
1795
+ readonly '068': "rgb(81.59999817609787 81.59999817609787 81.59999817609787 / 1)";
1796
+ readonly '072': "rgb(71.40000030398369 71.40000030398369 71.40000030398369 / 1)";
1797
+ readonly '076': "rgb(61.1999986320734 61.1999986320734 61.1999986320734 / 1)";
1798
+ readonly '080': "rgb(51.00000075995922 51.00000075995922 51.00000075995922 / 1)";
1799
+ readonly '084': "rgb(40.799999088048935 40.799999088048935 40.799999088048935 / 1)";
1800
+ readonly '088': "rgb(30.5999993160367 30.5999993160367 30.5999993160367 / 1)";
1801
+ readonly '092': "rgb(20.399999544024467 20.399999544024467 20.399999544024467 / 1)";
1802
+ readonly '096': "rgb(10.199999772012234 10.199999772012234 10.199999772012234 / 1)";
1803
+ readonly '100': "rgb(0 0 0 / 1)";
1804
+ readonly shade: {
1805
+ readonly '000': "rgb(0 0 0 / 0)";
1806
+ readonly '003': "rgb(0 0 0 / 0.029999999329447746)";
1807
+ readonly '004': "rgb(0 0 0 / 0.03999999910593033)";
1808
+ readonly '008': "rgb(0 0 0 / 0.07999999821186066)";
1809
+ readonly '012': "rgb(0 0 0 / 0.11999999731779099)";
1810
+ readonly '016': "rgb(0 0 0 / 0.1599999964237213)";
1811
+ readonly '020': "rgb(0 0 0 / 0.20000000298023224)";
1812
+ readonly '024': "rgb(0 0 0 / 0.23999999463558197)";
1813
+ readonly '032': "rgb(0 0 0 / 0.3199999928474426)";
1814
+ readonly '040': "rgb(0 0 0 / 0.4000000059604645)";
1815
+ readonly '056': "rgb(0 0 0 / 0.5600000023841858)";
1816
+ readonly '060': "rgb(0 0 0 / 0.6000000238418579)";
1817
+ readonly '080': "rgb(0 0 0 / 0.800000011920929)";
1818
+ };
1819
+ readonly tint: {
1820
+ readonly '000': "rgb(255 255 255 / 0)";
1821
+ readonly '008': "rgb(255 255 255 / 0.07999999821186066)";
1822
+ readonly '012': "rgb(255 255 255 / 0.11999999731779099)";
1823
+ readonly '016': "rgb(255 255 255 / 0.1599999964237213)";
1824
+ readonly '020': "rgb(255 255 255 / 0.20000000298023224)";
1825
+ readonly '024': "rgb(255 255 255 / 0.23999999463558197)";
1826
+ readonly '028': "rgb(255 255 255 / 0.2800000011920929)";
1827
+ readonly '040': "rgb(255 255 255 / 0.4000000059604645)";
1828
+ readonly '048': "rgb(255 255 255 / 0.47999998927116394)";
1829
+ readonly '052': "rgb(255 255 255 / 0.5199999809265137)";
1830
+ readonly '056': "rgb(255 255 255 / 0.5600000023841858)";
1831
+ readonly '064': "rgb(255 255 255 / 0.6399999856948853)";
1832
+ readonly '080': "rgb(255 255 255 / 0.800000011920929)";
1833
+ };
1834
+ };
1145
1835
  readonly container: {
1146
1836
  readonly control: Config.VariableComposition<"color">;
1147
1837
  readonly marker: Config.VariableComposition<"color">;
@@ -1156,10 +1846,6 @@ export declare const style: Config.StyleFactory<Pick<{
1156
1846
  readonly tertiary: Config.VariableComposition<"color">;
1157
1847
  readonly warning: Config.VariableReference<"color", "rgb(224.000001847744 111.00000098347664 18.000000827014446 / 1)">;
1158
1848
  };
1159
- readonly line: {
1160
- readonly primary: Config.VariableComposition<"color">;
1161
- readonly secondary: Config.VariableComposition<"color">;
1162
- };
1163
1849
  readonly scrim: {
1164
1850
  readonly regular: Config.VariableComposition<"color">;
1165
1851
  };
@@ -1345,71 +2031,96 @@ export declare const style: Config.StyleFactory<Pick<{
1345
2031
  readonly none: Config.VariableReference<"spacing", never>;
1346
2032
  };
1347
2033
  readonly spacing: {
1348
- readonly '12': Config.VariableReference<"spacing", never>;
1349
- readonly '16': Config.VariableReference<"spacing", never>;
1350
- readonly '2': Config.VariableReference<"spacing", never>;
1351
- readonly '20': Config.VariableReference<"spacing", never>;
1352
- readonly '24': Config.VariableReference<"spacing", never>;
1353
- readonly '32': Config.VariableReference<"spacing", never>;
1354
- readonly '4': Config.VariableReference<"spacing", never>;
1355
- readonly '40': Config.VariableReference<"spacing", never>;
1356
- readonly '48': Config.VariableReference<"spacing", never>;
1357
- readonly '64': Config.VariableReference<"spacing", never>;
1358
- readonly '8': Config.VariableReference<"spacing", never>;
1359
- readonly none: Config.VariableReference<"spacing", never>;
1360
- readonly page: {
1361
- readonly gutter: {
2034
+ readonly section: {
2035
+ readonly '2xs': {
1362
2036
  readonly default: Config.VariableReference<"spacing", never>;
1363
2037
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
1364
2038
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
1365
2039
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
1366
2040
  };
1367
- readonly margin: {
2041
+ readonly lg: {
1368
2042
  readonly default: Config.VariableReference<"spacing", never>;
1369
2043
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
1370
2044
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
1371
2045
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
1372
2046
  };
1373
- };
1374
- readonly section: {
1375
- readonly '2xs': {
2047
+ readonly md: {
1376
2048
  readonly default: Config.VariableReference<"spacing", never>;
1377
2049
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
1378
2050
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
1379
2051
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
1380
2052
  };
1381
- readonly lg: {
2053
+ readonly none: Config.VariableReference<"spacing", never>;
2054
+ readonly sm: {
1382
2055
  readonly default: Config.VariableReference<"spacing", never>;
1383
2056
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
1384
2057
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
1385
2058
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
1386
2059
  };
1387
- readonly md: {
2060
+ readonly xl: {
1388
2061
  readonly default: Config.VariableReference<"spacing", never>;
1389
2062
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
1390
2063
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
1391
2064
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
1392
2065
  };
1393
- readonly none: Config.VariableReference<"spacing", never>;
1394
- readonly sm: {
2066
+ readonly xs: {
1395
2067
  readonly default: Config.VariableReference<"spacing", never>;
1396
2068
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
1397
2069
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
1398
2070
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
1399
2071
  };
1400
- readonly xl: {
2072
+ };
2073
+ readonly 0: Config.VariableComposition<"spacing">;
2074
+ readonly none: Config.VariableReference<"spacing", never>;
2075
+ readonly page: {
2076
+ readonly gutter: {
1401
2077
  readonly default: Config.VariableReference<"spacing", never>;
1402
2078
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
1403
2079
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
1404
2080
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
1405
2081
  };
1406
- readonly xs: {
2082
+ readonly margin: {
1407
2083
  readonly default: Config.VariableReference<"spacing", never>;
1408
2084
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
1409
2085
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
1410
2086
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
1411
2087
  };
1412
2088
  };
2089
+ readonly 60: Config.VariableComposition<"spacing">;
2090
+ readonly 1: Config.VariableComposition<"spacing">;
2091
+ readonly 240: Config.VariableComposition<"spacing">;
2092
+ readonly 16: Config.VariableComposition<"spacing">;
2093
+ readonly 8: Config.VariableComposition<"spacing">;
2094
+ readonly 64: Config.VariableComposition<"spacing">;
2095
+ readonly 24: Config.VariableComposition<"spacing">;
2096
+ readonly 6: Config.VariableComposition<"spacing">;
2097
+ readonly 28: Config.VariableComposition<"spacing">;
2098
+ readonly 20: Config.VariableComposition<"spacing">;
2099
+ readonly 4: Config.VariableComposition<"spacing">;
2100
+ readonly 80: Config.VariableComposition<"spacing">;
2101
+ readonly 40: Config.VariableComposition<"spacing">;
2102
+ readonly 100: Config.VariableComposition<"spacing">;
2103
+ readonly 200: Config.VariableComposition<"spacing">;
2104
+ readonly "0-5": Config.VariableComposition<"spacing">;
2105
+ readonly "1-5": Config.VariableComposition<"spacing">;
2106
+ readonly 10: Config.VariableComposition<"spacing">;
2107
+ readonly 12: Config.VariableComposition<"spacing">;
2108
+ readonly 120: Config.VariableComposition<"spacing">;
2109
+ readonly 140: Config.VariableComposition<"spacing">;
2110
+ readonly 160: Config.VariableComposition<"spacing">;
2111
+ readonly 180: Config.VariableComposition<"spacing">;
2112
+ readonly 2: Config.VariableComposition<"spacing">;
2113
+ readonly 280: Config.VariableComposition<"spacing">;
2114
+ readonly 32: Config.VariableComposition<"spacing">;
2115
+ readonly 320: Config.VariableComposition<"spacing">;
2116
+ readonly 36: Config.VariableComposition<"spacing">;
2117
+ readonly 360: Config.VariableComposition<"spacing">;
2118
+ readonly 44: Config.VariableComposition<"spacing">;
2119
+ readonly 48: Config.VariableComposition<"spacing">;
2120
+ readonly 52: Config.VariableComposition<"spacing">;
2121
+ readonly 56: Config.VariableComposition<"spacing">;
2122
+ readonly 72: Config.VariableComposition<"spacing">;
2123
+ readonly 999: Config.VariableComposition<"spacing">;
1413
2124
  };
1414
2125
  readonly borderWidth: {
1415
2126
  readonly none: Config.VariableReference<"spacing", never>;
@@ -1481,6 +2192,11 @@ export declare const style: Config.StyleFactory<Pick<{
1481
2192
  };
1482
2193
  };
1483
2194
  };
2195
+ readonly breakpoint: {
2196
+ readonly desktop: "1024px";
2197
+ readonly display: "1536px";
2198
+ readonly tablet: "768px";
2199
+ };
1484
2200
  readonly maxWidth: {
1485
2201
  readonly '1000': "1000px";
1486
2202
  readonly '280': "280px";
@@ -1529,12 +2245,165 @@ export declare const style: Config.StyleFactory<Pick<{
1529
2245
  };
1530
2246
  readonly vars: {
1531
2247
  readonly base: Config.VariableDefinition<{
2248
+ readonly number: {
2249
+ readonly '0': 0;
2250
+ readonly '0-5': 0.5;
2251
+ readonly '1': 1;
2252
+ readonly '1-5': 1.5;
2253
+ readonly '10': 10;
2254
+ readonly '100': 100;
2255
+ readonly '12': 12;
2256
+ readonly '120': 120;
2257
+ readonly '140': 140;
2258
+ readonly '16': 16;
2259
+ readonly '160': 160;
2260
+ readonly '180': 180;
2261
+ readonly '2': 2;
2262
+ readonly '20': 20;
2263
+ readonly '200': 200;
2264
+ readonly '24': 24;
2265
+ readonly '240': 240;
2266
+ readonly '28': 28;
2267
+ readonly '280': 280;
2268
+ readonly '3': 3;
2269
+ readonly '32': 32;
2270
+ readonly '320': 320;
2271
+ readonly '36': 36;
2272
+ readonly '360': 360;
2273
+ readonly '4': 4;
2274
+ readonly '40': 40;
2275
+ readonly '44': 44;
2276
+ readonly '48': 48;
2277
+ readonly '52': 52;
2278
+ readonly '56': 56;
2279
+ readonly '6': 6;
2280
+ readonly '60': 60;
2281
+ readonly '64': 64;
2282
+ readonly '72': 72;
2283
+ readonly '8': 8;
2284
+ readonly '80': 80;
2285
+ readonly '999': 999;
2286
+ };
1532
2287
  readonly color: {
2288
+ readonly line: {
2289
+ readonly primary: Config.VariableComposition<"color">;
2290
+ readonly secondary: Config.VariableComposition<"color">;
2291
+ };
1533
2292
  readonly background: {
1534
2293
  readonly elevated: Config.VariableReference<"color", "rgb(255 255 255 / 1)">;
1535
2294
  readonly primary: Config.VariableReference<"color", "rgb(244.7999945282936 244.7999945282936 244.7999945282936 / 1)">;
1536
2295
  readonly secondary: Config.VariableReference<"color", "rgb(255 255 255 / 1)">;
1537
2296
  };
2297
+ readonly accent: {
2298
+ readonly alpha: {
2299
+ readonly regular: {
2300
+ readonly green: {
2301
+ readonly '100': "rgb(19.0000007674098 169.00000512599945 99.00000169873238 / 0.07999999821186066)";
2302
+ readonly '200': "rgb(89.00000229477882 229.00000154972076 164.00000542402267 / 0.1599999964237213)";
2303
+ };
2304
+ readonly orange: {
2305
+ readonly '100': "rgb(224.000001847744 111.00000098347664 18.000000827014446 / 0.07999999821186066)";
2306
+ readonly '200': "rgb(250.00000029802322 142.00000673532486 54.00000058114529 / 0.1599999964237213)";
2307
+ };
2308
+ readonly red: {
2309
+ readonly '100': "rgb(235.0000011920929 52.000000700354576 23.000000528991222 / 0.07999999821186066)";
2310
+ readonly '200': "rgb(245.00000059604645 92.00000211596489 69.00000348687172 / 0.1599999964237213)";
2311
+ };
2312
+ };
2313
+ readonly strong: {
2314
+ readonly green: {
2315
+ readonly '100': "rgb(19.0000007674098 169.00000512599945 99.00000169873238 / 0.1599999964237213)";
2316
+ readonly '200': "rgb(89.00000229477882 229.00000154972076 164.00000542402267 / 0.3199999928474426)";
2317
+ };
2318
+ readonly orange: {
2319
+ readonly '100': "rgb(224.000001847744 111.00000098347664 18.000000827014446 / 0.1599999964237213)";
2320
+ readonly '200': "rgb(250.00000029802322 142.00000673532486 54.00000058114529 / 0.3199999928474426)";
2321
+ };
2322
+ readonly red: {
2323
+ readonly '100': "rgb(235.0000011920929 52.000000700354576 23.000000528991222 / 0.1599999964237213)";
2324
+ readonly '200': "rgb(245.00000059604645 92.00000211596489 69.00000348687172 / 0.3199999928474426)";
2325
+ };
2326
+ };
2327
+ };
2328
+ readonly blueDark: "rgb(116.00000068545341 152.0000061392784 251.00000023841858 / 1)";
2329
+ readonly blueLight: "rgb(68.00000354647636 113.00000086426735 237.0000010728836 / 1)";
2330
+ readonly cyanDark: "rgb(72.00000330805779 204.00000303983688 230.00000149011612 / 1)";
2331
+ readonly cyanLight: "rgb(0 170.0000050663948 203.00000309944153 / 1)";
2332
+ readonly greenDark: "rgb(89.00000229477882 229.00000154972076 164.00000542402267 / 1)";
2333
+ readonly greenLight: "rgb(19.0000007674098 169.00000512599945 99.00000169873238 / 1)";
2334
+ readonly magentaDark: "rgb(229.00000154972076 64.00000378489494 136.00000709295273 / 1)";
2335
+ readonly magentaLight: "rgb(204.00000303983688 5.000000176951289 91.00000217556953 / 1)";
2336
+ readonly oliveDark: "rgb(196.00000351667404 220.00000208616257 101.00000157952309 / 1)";
2337
+ readonly oliveLight: "rgb(149.00000631809235 178.00000458955765 38.0000015348196 / 1)";
2338
+ readonly orangeDark: "rgb(250.00000029802322 142.00000673532486 54.00000058114529 / 1)";
2339
+ readonly orangeLight: "rgb(224.000001847744 111.00000098347664 18.000000827014446 / 1)";
2340
+ readonly purpleDark: "rgb(207.00000286102295 121.00000038743019 239.00000095367432 / 1)";
2341
+ readonly purpleLight: "rgb(186.0000041127205 89.00000229477882 221.00000202655792 / 1)";
2342
+ readonly redDark: "rgb(245.00000059604645 92.00000211596489 69.00000348687172 / 1)";
2343
+ readonly redLight: "rgb(235.0000011920929 52.000000700354576 23.000000528991222 / 1)";
2344
+ readonly violetDark: "rgb(152.0000061392784 119.00000050663948 241.00000083446503 / 1)";
2345
+ readonly violetLight: "rgb(126.00000008940697 89.00000229477882 228.0000016093254 / 1)";
2346
+ };
2347
+ readonly neutral: {
2348
+ readonly '000': "rgb(255 255 255 / 1)";
2349
+ readonly '003': "rgb(247.35000729560852 247.35000729560852 247.35000729560852 / 1)";
2350
+ readonly '004': "rgb(244.7999945282936 244.7999945282936 244.7999945282936 / 1)";
2351
+ readonly '006': "rgb(239.69999939203262 239.69999939203262 239.69999939203262 / 1)";
2352
+ readonly '008': "rgb(234.60000425577164 234.60000425577164 234.60000425577164 / 1)";
2353
+ readonly '012': "rgb(224.39999878406525 224.39999878406525 224.39999878406525 / 1)";
2354
+ readonly '016': "rgb(214.19999331235886 214.19999331235886 214.19999331235886 / 1)";
2355
+ readonly '020': "rgb(204.00000303983688 204.00000303983688 204.00000303983688 / 1)";
2356
+ readonly '024': "rgb(193.7999975681305 193.7999975681305 193.7999975681305 / 1)";
2357
+ readonly '028': "rgb(183.60000729560852 183.60000729560852 183.60000729560852 / 1)";
2358
+ readonly '032': "rgb(173.40000182390213 173.40000182390213 173.40000182390213 / 1)";
2359
+ readonly '036': "rgb(163.19999635219574 163.19999635219574 163.19999635219574 / 1)";
2360
+ readonly '040': "rgb(153.00000607967377 153.00000607967377 153.00000607967377 / 1)";
2361
+ readonly '044': "rgb(142.80000060796738 142.80000060796738 142.80000060796738 / 1)";
2362
+ readonly '048': "rgb(132.599995136261 132.599995136261 132.599995136261 / 1)";
2363
+ readonly '052': "rgb(122.3999972641468 122.3999972641468 122.3999972641468 / 1)";
2364
+ readonly '056': "rgb(112.19999939203262 112.19999939203262 112.19999939203262 / 1)";
2365
+ readonly '060': "rgb(102.00000151991844 102.00000151991844 102.00000151991844 / 1)";
2366
+ readonly '064': "rgb(91.80000364780426 91.80000364780426 91.80000364780426 / 1)";
2367
+ readonly '068': "rgb(81.59999817609787 81.59999817609787 81.59999817609787 / 1)";
2368
+ readonly '072': "rgb(71.40000030398369 71.40000030398369 71.40000030398369 / 1)";
2369
+ readonly '076': "rgb(61.1999986320734 61.1999986320734 61.1999986320734 / 1)";
2370
+ readonly '080': "rgb(51.00000075995922 51.00000075995922 51.00000075995922 / 1)";
2371
+ readonly '084': "rgb(40.799999088048935 40.799999088048935 40.799999088048935 / 1)";
2372
+ readonly '088': "rgb(30.5999993160367 30.5999993160367 30.5999993160367 / 1)";
2373
+ readonly '092': "rgb(20.399999544024467 20.399999544024467 20.399999544024467 / 1)";
2374
+ readonly '096': "rgb(10.199999772012234 10.199999772012234 10.199999772012234 / 1)";
2375
+ readonly '100': "rgb(0 0 0 / 1)";
2376
+ readonly shade: {
2377
+ readonly '000': "rgb(0 0 0 / 0)";
2378
+ readonly '003': "rgb(0 0 0 / 0.029999999329447746)";
2379
+ readonly '004': "rgb(0 0 0 / 0.03999999910593033)";
2380
+ readonly '008': "rgb(0 0 0 / 0.07999999821186066)";
2381
+ readonly '012': "rgb(0 0 0 / 0.11999999731779099)";
2382
+ readonly '016': "rgb(0 0 0 / 0.1599999964237213)";
2383
+ readonly '020': "rgb(0 0 0 / 0.20000000298023224)";
2384
+ readonly '024': "rgb(0 0 0 / 0.23999999463558197)";
2385
+ readonly '032': "rgb(0 0 0 / 0.3199999928474426)";
2386
+ readonly '040': "rgb(0 0 0 / 0.4000000059604645)";
2387
+ readonly '056': "rgb(0 0 0 / 0.5600000023841858)";
2388
+ readonly '060': "rgb(0 0 0 / 0.6000000238418579)";
2389
+ readonly '080': "rgb(0 0 0 / 0.800000011920929)";
2390
+ };
2391
+ readonly tint: {
2392
+ readonly '000': "rgb(255 255 255 / 0)";
2393
+ readonly '008': "rgb(255 255 255 / 0.07999999821186066)";
2394
+ readonly '012': "rgb(255 255 255 / 0.11999999731779099)";
2395
+ readonly '016': "rgb(255 255 255 / 0.1599999964237213)";
2396
+ readonly '020': "rgb(255 255 255 / 0.20000000298023224)";
2397
+ readonly '024': "rgb(255 255 255 / 0.23999999463558197)";
2398
+ readonly '028': "rgb(255 255 255 / 0.2800000011920929)";
2399
+ readonly '040': "rgb(255 255 255 / 0.4000000059604645)";
2400
+ readonly '048': "rgb(255 255 255 / 0.47999998927116394)";
2401
+ readonly '052': "rgb(255 255 255 / 0.5199999809265137)";
2402
+ readonly '056': "rgb(255 255 255 / 0.5600000023841858)";
2403
+ readonly '064': "rgb(255 255 255 / 0.6399999856948853)";
2404
+ readonly '080': "rgb(255 255 255 / 0.800000011920929)";
2405
+ };
2406
+ };
1538
2407
  readonly container: {
1539
2408
  readonly control: Config.VariableComposition<"color">;
1540
2409
  readonly marker: Config.VariableComposition<"color">;
@@ -1549,10 +2418,6 @@ export declare const style: Config.StyleFactory<Pick<{
1549
2418
  readonly tertiary: Config.VariableComposition<"color">;
1550
2419
  readonly warning: Config.VariableReference<"color", "rgb(224.000001847744 111.00000098347664 18.000000827014446 / 1)">;
1551
2420
  };
1552
- readonly line: {
1553
- readonly primary: Config.VariableComposition<"color">;
1554
- readonly secondary: Config.VariableComposition<"color">;
1555
- };
1556
2421
  readonly scrim: {
1557
2422
  readonly regular: Config.VariableComposition<"color">;
1558
2423
  };
@@ -1738,71 +2603,96 @@ export declare const style: Config.StyleFactory<Pick<{
1738
2603
  readonly none: Config.VariableReference<"spacing", never>;
1739
2604
  };
1740
2605
  readonly spacing: {
1741
- readonly '12': Config.VariableReference<"spacing", never>;
1742
- readonly '16': Config.VariableReference<"spacing", never>;
1743
- readonly '2': Config.VariableReference<"spacing", never>;
1744
- readonly '20': Config.VariableReference<"spacing", never>;
1745
- readonly '24': Config.VariableReference<"spacing", never>;
1746
- readonly '32': Config.VariableReference<"spacing", never>;
1747
- readonly '4': Config.VariableReference<"spacing", never>;
1748
- readonly '40': Config.VariableReference<"spacing", never>;
1749
- readonly '48': Config.VariableReference<"spacing", never>;
1750
- readonly '64': Config.VariableReference<"spacing", never>;
1751
- readonly '8': Config.VariableReference<"spacing", never>;
1752
- readonly none: Config.VariableReference<"spacing", never>;
1753
- readonly page: {
1754
- readonly gutter: {
2606
+ readonly section: {
2607
+ readonly '2xs': {
1755
2608
  readonly default: Config.VariableReference<"spacing", never>;
1756
2609
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
1757
2610
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
1758
2611
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
1759
2612
  };
1760
- readonly margin: {
2613
+ readonly lg: {
1761
2614
  readonly default: Config.VariableReference<"spacing", never>;
1762
2615
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
1763
2616
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
1764
2617
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
1765
2618
  };
1766
- };
1767
- readonly section: {
1768
- readonly '2xs': {
2619
+ readonly md: {
1769
2620
  readonly default: Config.VariableReference<"spacing", never>;
1770
2621
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
1771
2622
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
1772
2623
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
1773
2624
  };
1774
- readonly lg: {
2625
+ readonly none: Config.VariableReference<"spacing", never>;
2626
+ readonly sm: {
1775
2627
  readonly default: Config.VariableReference<"spacing", never>;
1776
2628
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
1777
2629
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
1778
2630
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
1779
2631
  };
1780
- readonly md: {
2632
+ readonly xl: {
1781
2633
  readonly default: Config.VariableReference<"spacing", never>;
1782
2634
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
1783
2635
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
1784
2636
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
1785
2637
  };
1786
- readonly none: Config.VariableReference<"spacing", never>;
1787
- readonly sm: {
2638
+ readonly xs: {
1788
2639
  readonly default: Config.VariableReference<"spacing", never>;
1789
2640
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
1790
2641
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
1791
2642
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
1792
2643
  };
1793
- readonly xl: {
2644
+ };
2645
+ readonly 0: Config.VariableComposition<"spacing">;
2646
+ readonly none: Config.VariableReference<"spacing", never>;
2647
+ readonly page: {
2648
+ readonly gutter: {
1794
2649
  readonly default: Config.VariableReference<"spacing", never>;
1795
2650
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
1796
2651
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
1797
2652
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
1798
2653
  };
1799
- readonly xs: {
2654
+ readonly margin: {
1800
2655
  readonly default: Config.VariableReference<"spacing", never>;
1801
2656
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
1802
2657
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
1803
2658
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
1804
2659
  };
1805
2660
  };
2661
+ readonly 60: Config.VariableComposition<"spacing">;
2662
+ readonly 1: Config.VariableComposition<"spacing">;
2663
+ readonly 240: Config.VariableComposition<"spacing">;
2664
+ readonly 16: Config.VariableComposition<"spacing">;
2665
+ readonly 8: Config.VariableComposition<"spacing">;
2666
+ readonly 64: Config.VariableComposition<"spacing">;
2667
+ readonly 24: Config.VariableComposition<"spacing">;
2668
+ readonly 6: Config.VariableComposition<"spacing">;
2669
+ readonly 28: Config.VariableComposition<"spacing">;
2670
+ readonly 20: Config.VariableComposition<"spacing">;
2671
+ readonly 4: Config.VariableComposition<"spacing">;
2672
+ readonly 80: Config.VariableComposition<"spacing">;
2673
+ readonly 40: Config.VariableComposition<"spacing">;
2674
+ readonly 100: Config.VariableComposition<"spacing">;
2675
+ readonly 200: Config.VariableComposition<"spacing">;
2676
+ readonly "0-5": Config.VariableComposition<"spacing">;
2677
+ readonly "1-5": Config.VariableComposition<"spacing">;
2678
+ readonly 10: Config.VariableComposition<"spacing">;
2679
+ readonly 12: Config.VariableComposition<"spacing">;
2680
+ readonly 120: Config.VariableComposition<"spacing">;
2681
+ readonly 140: Config.VariableComposition<"spacing">;
2682
+ readonly 160: Config.VariableComposition<"spacing">;
2683
+ readonly 180: Config.VariableComposition<"spacing">;
2684
+ readonly 2: Config.VariableComposition<"spacing">;
2685
+ readonly 280: Config.VariableComposition<"spacing">;
2686
+ readonly 32: Config.VariableComposition<"spacing">;
2687
+ readonly 320: Config.VariableComposition<"spacing">;
2688
+ readonly 36: Config.VariableComposition<"spacing">;
2689
+ readonly 360: Config.VariableComposition<"spacing">;
2690
+ readonly 44: Config.VariableComposition<"spacing">;
2691
+ readonly 48: Config.VariableComposition<"spacing">;
2692
+ readonly 52: Config.VariableComposition<"spacing">;
2693
+ readonly 56: Config.VariableComposition<"spacing">;
2694
+ readonly 72: Config.VariableComposition<"spacing">;
2695
+ readonly 999: Config.VariableComposition<"spacing">;
1806
2696
  };
1807
2697
  readonly borderWidth: {
1808
2698
  readonly none: Config.VariableReference<"spacing", never>;
@@ -1874,6 +2764,11 @@ export declare const style: Config.StyleFactory<Pick<{
1874
2764
  };
1875
2765
  };
1876
2766
  };
2767
+ readonly breakpoint: {
2768
+ readonly desktop: "1024px";
2769
+ readonly display: "1536px";
2770
+ readonly tablet: "768px";
2771
+ };
1877
2772
  readonly maxWidth: {
1878
2773
  readonly '1000': "1000px";
1879
2774
  readonly '280': "280px";
@@ -1904,29 +2799,178 @@ export declare const style: Config.StyleFactory<Pick<{
1904
2799
  };
1905
2800
  }>;
1906
2801
  readonly inverse: Config.VariableDefinition<{
2802
+ readonly number: {
2803
+ readonly '0': 0;
2804
+ readonly '0-5': 0.5;
2805
+ readonly '1': 1;
2806
+ readonly '1-5': 1.5;
2807
+ readonly '10': 10;
2808
+ readonly '100': 100;
2809
+ readonly '12': 12;
2810
+ readonly '120': 120;
2811
+ readonly '140': 140;
2812
+ readonly '16': 16;
2813
+ readonly '160': 160;
2814
+ readonly '180': 180;
2815
+ readonly '2': 2;
2816
+ readonly '20': 20;
2817
+ readonly '200': 200;
2818
+ readonly '24': 24;
2819
+ readonly '240': 240;
2820
+ readonly '28': 28;
2821
+ readonly '280': 280;
2822
+ readonly '3': 3;
2823
+ readonly '32': 32;
2824
+ readonly '320': 320;
2825
+ readonly '36': 36;
2826
+ readonly '360': 360;
2827
+ readonly '4': 4;
2828
+ readonly '40': 40;
2829
+ readonly '44': 44;
2830
+ readonly '48': 48;
2831
+ readonly '52': 52;
2832
+ readonly '56': 56;
2833
+ readonly '6': 6;
2834
+ readonly '60': 60;
2835
+ readonly '64': 64;
2836
+ readonly '72': 72;
2837
+ readonly '8': 8;
2838
+ readonly '80': 80;
2839
+ readonly '999': 999;
2840
+ };
1907
2841
  readonly color: {
2842
+ readonly line: {
2843
+ readonly primary: Config.VariableComposition<"color">;
2844
+ readonly secondary: Config.VariableComposition<"color">;
2845
+ };
1908
2846
  readonly background: {
1909
- readonly elevated: Config.VariableReference<"color", "rgb(255 255 255 / 1)">;
1910
2847
  readonly primary: Config.VariableReference<"color", "rgb(244.7999945282936 244.7999945282936 244.7999945282936 / 1)">;
1911
2848
  readonly secondary: Config.VariableReference<"color", "rgb(255 255 255 / 1)">;
2849
+ readonly elevated: Config.VariableReference<"color", "rgb(255 255 255 / 1)">;
2850
+ };
2851
+ readonly accent: {
2852
+ readonly alpha: {
2853
+ readonly regular: {
2854
+ readonly green: {
2855
+ readonly '100': "rgb(19.0000007674098 169.00000512599945 99.00000169873238 / 0.07999999821186066)";
2856
+ readonly '200': "rgb(89.00000229477882 229.00000154972076 164.00000542402267 / 0.1599999964237213)";
2857
+ };
2858
+ readonly orange: {
2859
+ readonly '100': "rgb(224.000001847744 111.00000098347664 18.000000827014446 / 0.07999999821186066)";
2860
+ readonly '200': "rgb(250.00000029802322 142.00000673532486 54.00000058114529 / 0.1599999964237213)";
2861
+ };
2862
+ readonly red: {
2863
+ readonly '100': "rgb(235.0000011920929 52.000000700354576 23.000000528991222 / 0.07999999821186066)";
2864
+ readonly '200': "rgb(245.00000059604645 92.00000211596489 69.00000348687172 / 0.1599999964237213)";
2865
+ };
2866
+ };
2867
+ readonly strong: {
2868
+ readonly green: {
2869
+ readonly '100': "rgb(19.0000007674098 169.00000512599945 99.00000169873238 / 0.1599999964237213)";
2870
+ readonly '200': "rgb(89.00000229477882 229.00000154972076 164.00000542402267 / 0.3199999928474426)";
2871
+ };
2872
+ readonly orange: {
2873
+ readonly '100': "rgb(224.000001847744 111.00000098347664 18.000000827014446 / 0.1599999964237213)";
2874
+ readonly '200': "rgb(250.00000029802322 142.00000673532486 54.00000058114529 / 0.3199999928474426)";
2875
+ };
2876
+ readonly red: {
2877
+ readonly '100': "rgb(235.0000011920929 52.000000700354576 23.000000528991222 / 0.1599999964237213)";
2878
+ readonly '200': "rgb(245.00000059604645 92.00000211596489 69.00000348687172 / 0.3199999928474426)";
2879
+ };
2880
+ };
2881
+ };
2882
+ readonly blueDark: "rgb(116.00000068545341 152.0000061392784 251.00000023841858 / 1)";
2883
+ readonly blueLight: "rgb(68.00000354647636 113.00000086426735 237.0000010728836 / 1)";
2884
+ readonly cyanDark: "rgb(72.00000330805779 204.00000303983688 230.00000149011612 / 1)";
2885
+ readonly cyanLight: "rgb(0 170.0000050663948 203.00000309944153 / 1)";
2886
+ readonly greenDark: "rgb(89.00000229477882 229.00000154972076 164.00000542402267 / 1)";
2887
+ readonly greenLight: "rgb(19.0000007674098 169.00000512599945 99.00000169873238 / 1)";
2888
+ readonly magentaDark: "rgb(229.00000154972076 64.00000378489494 136.00000709295273 / 1)";
2889
+ readonly magentaLight: "rgb(204.00000303983688 5.000000176951289 91.00000217556953 / 1)";
2890
+ readonly oliveDark: "rgb(196.00000351667404 220.00000208616257 101.00000157952309 / 1)";
2891
+ readonly oliveLight: "rgb(149.00000631809235 178.00000458955765 38.0000015348196 / 1)";
2892
+ readonly orangeDark: "rgb(250.00000029802322 142.00000673532486 54.00000058114529 / 1)";
2893
+ readonly orangeLight: "rgb(224.000001847744 111.00000098347664 18.000000827014446 / 1)";
2894
+ readonly purpleDark: "rgb(207.00000286102295 121.00000038743019 239.00000095367432 / 1)";
2895
+ readonly purpleLight: "rgb(186.0000041127205 89.00000229477882 221.00000202655792 / 1)";
2896
+ readonly redDark: "rgb(245.00000059604645 92.00000211596489 69.00000348687172 / 1)";
2897
+ readonly redLight: "rgb(235.0000011920929 52.000000700354576 23.000000528991222 / 1)";
2898
+ readonly violetDark: "rgb(152.0000061392784 119.00000050663948 241.00000083446503 / 1)";
2899
+ readonly violetLight: "rgb(126.00000008940697 89.00000229477882 228.0000016093254 / 1)";
2900
+ };
2901
+ readonly neutral: {
2902
+ readonly '000': "rgb(255 255 255 / 1)";
2903
+ readonly '003': "rgb(247.35000729560852 247.35000729560852 247.35000729560852 / 1)";
2904
+ readonly '004': "rgb(244.7999945282936 244.7999945282936 244.7999945282936 / 1)";
2905
+ readonly '006': "rgb(239.69999939203262 239.69999939203262 239.69999939203262 / 1)";
2906
+ readonly '008': "rgb(234.60000425577164 234.60000425577164 234.60000425577164 / 1)";
2907
+ readonly '012': "rgb(224.39999878406525 224.39999878406525 224.39999878406525 / 1)";
2908
+ readonly '016': "rgb(214.19999331235886 214.19999331235886 214.19999331235886 / 1)";
2909
+ readonly '020': "rgb(204.00000303983688 204.00000303983688 204.00000303983688 / 1)";
2910
+ readonly '024': "rgb(193.7999975681305 193.7999975681305 193.7999975681305 / 1)";
2911
+ readonly '028': "rgb(183.60000729560852 183.60000729560852 183.60000729560852 / 1)";
2912
+ readonly '032': "rgb(173.40000182390213 173.40000182390213 173.40000182390213 / 1)";
2913
+ readonly '036': "rgb(163.19999635219574 163.19999635219574 163.19999635219574 / 1)";
2914
+ readonly '040': "rgb(153.00000607967377 153.00000607967377 153.00000607967377 / 1)";
2915
+ readonly '044': "rgb(142.80000060796738 142.80000060796738 142.80000060796738 / 1)";
2916
+ readonly '048': "rgb(132.599995136261 132.599995136261 132.599995136261 / 1)";
2917
+ readonly '052': "rgb(122.3999972641468 122.3999972641468 122.3999972641468 / 1)";
2918
+ readonly '056': "rgb(112.19999939203262 112.19999939203262 112.19999939203262 / 1)";
2919
+ readonly '060': "rgb(102.00000151991844 102.00000151991844 102.00000151991844 / 1)";
2920
+ readonly '064': "rgb(91.80000364780426 91.80000364780426 91.80000364780426 / 1)";
2921
+ readonly '068': "rgb(81.59999817609787 81.59999817609787 81.59999817609787 / 1)";
2922
+ readonly '072': "rgb(71.40000030398369 71.40000030398369 71.40000030398369 / 1)";
2923
+ readonly '076': "rgb(61.1999986320734 61.1999986320734 61.1999986320734 / 1)";
2924
+ readonly '080': "rgb(51.00000075995922 51.00000075995922 51.00000075995922 / 1)";
2925
+ readonly '084': "rgb(40.799999088048935 40.799999088048935 40.799999088048935 / 1)";
2926
+ readonly '088': "rgb(30.5999993160367 30.5999993160367 30.5999993160367 / 1)";
2927
+ readonly '092': "rgb(20.399999544024467 20.399999544024467 20.399999544024467 / 1)";
2928
+ readonly '096': "rgb(10.199999772012234 10.199999772012234 10.199999772012234 / 1)";
2929
+ readonly '100': "rgb(0 0 0 / 1)";
2930
+ readonly shade: {
2931
+ readonly '000': "rgb(0 0 0 / 0)";
2932
+ readonly '003': "rgb(0 0 0 / 0.029999999329447746)";
2933
+ readonly '004': "rgb(0 0 0 / 0.03999999910593033)";
2934
+ readonly '008': "rgb(0 0 0 / 0.07999999821186066)";
2935
+ readonly '012': "rgb(0 0 0 / 0.11999999731779099)";
2936
+ readonly '016': "rgb(0 0 0 / 0.1599999964237213)";
2937
+ readonly '020': "rgb(0 0 0 / 0.20000000298023224)";
2938
+ readonly '024': "rgb(0 0 0 / 0.23999999463558197)";
2939
+ readonly '032': "rgb(0 0 0 / 0.3199999928474426)";
2940
+ readonly '040': "rgb(0 0 0 / 0.4000000059604645)";
2941
+ readonly '056': "rgb(0 0 0 / 0.5600000023841858)";
2942
+ readonly '060': "rgb(0 0 0 / 0.6000000238418579)";
2943
+ readonly '080': "rgb(0 0 0 / 0.800000011920929)";
2944
+ };
2945
+ readonly tint: {
2946
+ readonly '000': "rgb(255 255 255 / 0)";
2947
+ readonly '008': "rgb(255 255 255 / 0.07999999821186066)";
2948
+ readonly '012': "rgb(255 255 255 / 0.11999999731779099)";
2949
+ readonly '016': "rgb(255 255 255 / 0.1599999964237213)";
2950
+ readonly '020': "rgb(255 255 255 / 0.20000000298023224)";
2951
+ readonly '024': "rgb(255 255 255 / 0.23999999463558197)";
2952
+ readonly '028': "rgb(255 255 255 / 0.2800000011920929)";
2953
+ readonly '040': "rgb(255 255 255 / 0.4000000059604645)";
2954
+ readonly '048': "rgb(255 255 255 / 0.47999998927116394)";
2955
+ readonly '052': "rgb(255 255 255 / 0.5199999809265137)";
2956
+ readonly '056': "rgb(255 255 255 / 0.5600000023841858)";
2957
+ readonly '064': "rgb(255 255 255 / 0.6399999856948853)";
2958
+ readonly '080': "rgb(255 255 255 / 0.800000011920929)";
2959
+ };
1912
2960
  };
1913
2961
  readonly container: {
1914
- readonly control: Config.VariableComposition<"color">;
1915
2962
  readonly marker: Config.VariableComposition<"color">;
2963
+ readonly control: Config.VariableComposition<"color">;
1916
2964
  readonly surface: Config.VariableComposition<"color">;
1917
2965
  };
1918
2966
  readonly content: {
1919
2967
  readonly negative: Config.VariableReference<"color", "rgb(235.0000011920929 52.000000700354576 23.000000528991222 / 1)">;
1920
2968
  readonly positive: Config.VariableReference<"color", "rgb(19.0000007674098 169.00000512599945 99.00000169873238 / 1)">;
2969
+ readonly warning: Config.VariableReference<"color", "rgb(224.000001847744 111.00000098347664 18.000000827014446 / 1)">;
1921
2970
  readonly primary: Config.VariableReference<"color", "rgb(0 0 0 / 1)">;
1922
2971
  readonly secondary: Config.VariableComposition<"color">;
1923
2972
  readonly subtle: Config.VariableComposition<"color">;
1924
2973
  readonly tertiary: Config.VariableComposition<"color">;
1925
- readonly warning: Config.VariableReference<"color", "rgb(224.000001847744 111.00000098347664 18.000000827014446 / 1)">;
1926
- };
1927
- readonly line: {
1928
- readonly primary: Config.VariableComposition<"color">;
1929
- readonly secondary: Config.VariableComposition<"color">;
1930
2974
  };
1931
2975
  readonly scrim: {
1932
2976
  readonly regular: Config.VariableComposition<"color">;
@@ -2113,71 +3157,96 @@ export declare const style: Config.StyleFactory<Pick<{
2113
3157
  readonly none: Config.VariableReference<"spacing", never>;
2114
3158
  };
2115
3159
  readonly spacing: {
2116
- readonly '12': Config.VariableReference<"spacing", never>;
2117
- readonly '16': Config.VariableReference<"spacing", never>;
2118
- readonly '2': Config.VariableReference<"spacing", never>;
2119
- readonly '20': Config.VariableReference<"spacing", never>;
2120
- readonly '24': Config.VariableReference<"spacing", never>;
2121
- readonly '32': Config.VariableReference<"spacing", never>;
2122
- readonly '4': Config.VariableReference<"spacing", never>;
2123
- readonly '40': Config.VariableReference<"spacing", never>;
2124
- readonly '48': Config.VariableReference<"spacing", never>;
2125
- readonly '64': Config.VariableReference<"spacing", never>;
2126
- readonly '8': Config.VariableReference<"spacing", never>;
2127
- readonly none: Config.VariableReference<"spacing", never>;
2128
- readonly page: {
2129
- readonly gutter: {
3160
+ readonly section: {
3161
+ readonly '2xs': {
2130
3162
  readonly default: Config.VariableReference<"spacing", never>;
2131
3163
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
2132
3164
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
2133
3165
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
2134
3166
  };
2135
- readonly margin: {
3167
+ readonly lg: {
2136
3168
  readonly default: Config.VariableReference<"spacing", never>;
2137
3169
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
2138
3170
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
2139
3171
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
2140
3172
  };
2141
- };
2142
- readonly section: {
2143
- readonly '2xs': {
3173
+ readonly md: {
2144
3174
  readonly default: Config.VariableReference<"spacing", never>;
2145
3175
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
2146
3176
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
2147
3177
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
2148
3178
  };
2149
- readonly lg: {
3179
+ readonly none: Config.VariableReference<"spacing", never>;
3180
+ readonly sm: {
2150
3181
  readonly default: Config.VariableReference<"spacing", never>;
2151
3182
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
2152
3183
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
2153
3184
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
2154
3185
  };
2155
- readonly md: {
3186
+ readonly xl: {
2156
3187
  readonly default: Config.VariableReference<"spacing", never>;
2157
3188
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
2158
3189
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
2159
3190
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
2160
3191
  };
2161
- readonly none: Config.VariableReference<"spacing", never>;
2162
- readonly sm: {
3192
+ readonly xs: {
2163
3193
  readonly default: Config.VariableReference<"spacing", never>;
2164
3194
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
2165
3195
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
2166
3196
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
2167
3197
  };
2168
- readonly xl: {
3198
+ };
3199
+ readonly 0: Config.VariableComposition<"spacing">;
3200
+ readonly none: Config.VariableReference<"spacing", never>;
3201
+ readonly page: {
3202
+ readonly gutter: {
2169
3203
  readonly default: Config.VariableReference<"spacing", never>;
2170
3204
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
2171
3205
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
2172
3206
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
2173
3207
  };
2174
- readonly xs: {
3208
+ readonly margin: {
2175
3209
  readonly default: Config.VariableReference<"spacing", never>;
2176
3210
  readonly '@media (min-width: 768px)': Config.VariableReference<"spacing", never>;
2177
3211
  readonly '@media (min-width: 1024px)': Config.VariableReference<"spacing", never>;
2178
3212
  readonly '@media (min-width: 1536px)': Config.VariableReference<"spacing", never>;
2179
3213
  };
2180
3214
  };
3215
+ readonly 60: Config.VariableComposition<"spacing">;
3216
+ readonly 1: Config.VariableComposition<"spacing">;
3217
+ readonly 240: Config.VariableComposition<"spacing">;
3218
+ readonly 16: Config.VariableComposition<"spacing">;
3219
+ readonly 8: Config.VariableComposition<"spacing">;
3220
+ readonly 64: Config.VariableComposition<"spacing">;
3221
+ readonly 24: Config.VariableComposition<"spacing">;
3222
+ readonly 6: Config.VariableComposition<"spacing">;
3223
+ readonly 28: Config.VariableComposition<"spacing">;
3224
+ readonly 20: Config.VariableComposition<"spacing">;
3225
+ readonly 4: Config.VariableComposition<"spacing">;
3226
+ readonly 80: Config.VariableComposition<"spacing">;
3227
+ readonly 40: Config.VariableComposition<"spacing">;
3228
+ readonly 100: Config.VariableComposition<"spacing">;
3229
+ readonly 200: Config.VariableComposition<"spacing">;
3230
+ readonly "0-5": Config.VariableComposition<"spacing">;
3231
+ readonly "1-5": Config.VariableComposition<"spacing">;
3232
+ readonly 10: Config.VariableComposition<"spacing">;
3233
+ readonly 12: Config.VariableComposition<"spacing">;
3234
+ readonly 120: Config.VariableComposition<"spacing">;
3235
+ readonly 140: Config.VariableComposition<"spacing">;
3236
+ readonly 160: Config.VariableComposition<"spacing">;
3237
+ readonly 180: Config.VariableComposition<"spacing">;
3238
+ readonly 2: Config.VariableComposition<"spacing">;
3239
+ readonly 280: Config.VariableComposition<"spacing">;
3240
+ readonly 32: Config.VariableComposition<"spacing">;
3241
+ readonly 320: Config.VariableComposition<"spacing">;
3242
+ readonly 36: Config.VariableComposition<"spacing">;
3243
+ readonly 360: Config.VariableComposition<"spacing">;
3244
+ readonly 44: Config.VariableComposition<"spacing">;
3245
+ readonly 48: Config.VariableComposition<"spacing">;
3246
+ readonly 52: Config.VariableComposition<"spacing">;
3247
+ readonly 56: Config.VariableComposition<"spacing">;
3248
+ readonly 72: Config.VariableComposition<"spacing">;
3249
+ readonly 999: Config.VariableComposition<"spacing">;
2181
3250
  };
2182
3251
  readonly borderWidth: {
2183
3252
  readonly none: Config.VariableReference<"spacing", never>;
@@ -2249,6 +3318,11 @@ export declare const style: Config.StyleFactory<Pick<{
2249
3318
  };
2250
3319
  };
2251
3320
  };
3321
+ readonly breakpoint: {
3322
+ readonly desktop: "1024px";
3323
+ readonly display: "1536px";
3324
+ readonly tablet: "768px";
3325
+ };
2252
3326
  readonly maxWidth: {
2253
3327
  readonly '1000': "1000px";
2254
3328
  readonly '280': "280px";